body { font:normal 12px Arial, Helvetica, sans-serif; color:#000000; margin:0; padding:0; }
ul, li { list-style:none; }
H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, VAR, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LEGEND, CAPTION { border:0; vertical-align:baseline; margin:0; padding:0; }
.text { text-align:right; vertical-align:middle; }
.alnC {text-align:center;}
.padL30 {padding-left:30px;}
.pad_top_15 {padding-top:15px;}
a { text-align:center; color:#004165; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; outline:none; }
.button_link { margin:6px 0px 0px 10px; display:block; float:left; }
input { margin:0px; padding:0px; }
textarea{
	font:normal 12px Arial, Tahoma, Calibri;
	color:#000; 
	border:1px solid #828282; 
	padding:3px;
	height:33px;
	width:620px;
	resize: none;
}
.description { width:280px; height:50px; }
/*.mainContainer { margin:0 auto; padding:0; width:930px; }*/
.mainContainer { 
          font-family: Poppins, sans-serif;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background: gainsboro;   /*#eef1f6;*/
} 
/* Centered split box */
.center-box {
          display: flex;
      width: 90%;
      max-width: 1200px;
      height: 650px;
      background: white;
      border-radius: 16px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      overflow: hidden;
}
/* Left Side */
.left-side {
          flex: 1;
      padding: 60px;
      display: flex;
      flex-direction: column;
      justify-content: center;
}
    .left-side h2 {
      font-size: 2rem;
      margin-bottom: 30px;
      color: #222;
    }
.pg_description {
        font-size: 0.9rem;
      color: #225;
      text-align: left;
      line-height: 1;
      max-width: 90%;
}
/* Right Side */
.right-side {
          flex: 1;
      display: flex;
      flex-direction: column;
      
      align-items: center;
      background: #f5f7fa;
}
    .right-side img {
      max-width: 100%;
      height: auto;
      margin-bottom: 30px;
    }
    .login_btn{
              width: 100%;
      padding: 14px;
      background-color: #338888; /*#5c67f2;*/
      color: white;
      border: none;
      border-radius: 8px;
      font-size: 1rem;
      cursor: pointer;
      margin-top: 10px;
      transition: background 0.3s ease;
}
.login_btn:hover {
      background-color: #4a54e1;
}
.login_input {
      width: 100%;
      font-size: 1rem;
      border: none;   
}
ul li.sqr_gradient_bullet::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background: linear-gradient(45deg, #ddbbff, #aabbcc);
  margin: 10px 10px 0 0;
  border-radius: 3px;
}
.login_input:focus {
    outline: none;
    box-shadow: none;
    border-color: #ccc;
}

.login_form {
      margin-bottom: 20px;
      padding: 14px;
      border: 1px solid #ccc;
      border-radius: 8px;
}

    .forgot-password {
      display: block;
      text-align: right;
      font-size: 14px;
      margin-bottom: 10px;
      color: #007BFF;
      text-decoration: none;
    }

    .forgot-password:hover {
      text-decoration: underline;
    }


/*.headerSection { background:#fff; margin-left:18px; height:65px; padding:8px 0 0 0 }*/
.headerSection { background:linear-gradient(to bottom, #eaf9f9, white);   height:75px;  }
.site_logo { margin-top:12px; }
.hdr_time { margin:0; }
.text_Small { font-size:11px; line-height:15px; padding:0 5px; }
.fl { float:left; }
.fr { float:right; }
.noDisp { display:none; }
.contentcolumn_ui { width:100%; float:left; }
.leftContainer_index { float:left; width:348px; padding-right:4px; }
.rightContainer_index { float:left; width:578px; }
.loginContainer { float:left; padding-bottom:5px; }
/*.helpContainer { float:left; }*/
.helpContainer { 
      text-align: center;
      margin-top: 25px;
      font-size: 14px;
      color: #555;
}
    .helpContainer a {
      color: #007BFF;
      text-decoration: none;
    }
    .helpContainer a:hover {
      text-decoration: underline;
    }
.textbox_base { font:normal 12px Arial, Helvetica, sans-serif; color:#000000; border:1px solid #828282; padding:6px 3px; width:185px; }
.button_base { /*, .button_base_disabled{*/
	/*background:url(../../Images/P2Drop6/button_bg.png) no-repeat left bottom;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	border:none;
	outline:none;*/
    /*background: rgb(0, 125, 125);*/
   
  color: white;
  
  
  /*text-decoration: none;
  display: inline-block;
  float:left;
  	font:bold 14px Arial, Helvetica, sans-serif;*/
  /*margin: 2px 2px;*/
  cursor: pointer;
  

  
}

.button_base_disabled, .button_base_disabled .button_base_r{
	/*background:url(../../Images/P2Drop6/submit_disabled.png) no-repeat left bottom;*/
	color:#5A5A5A;
    /*background: rgb(153, 154, 153);*/
    cursor: default;
}

.button_base.button_base_l{
	/*padding:0px;*/
  /*background: rgb(0, 125, 125);*/
  background-image: -webkit-linear-gradient(bottom,#4cc7a6,#2b7562);
  background-image: -moz-linear-gradient(bottom,#4cc7a6,#2b7562);
  /*background-image: -ms-linear-gradient(top,#4cc7a6,#2b7562);*/
  background: linear-gradient(to top, #4cc7a6 , #2b7562 );
  background-image: -o-linear-gradient(bottom,#4cc7a6,#2b7562);  
   
  padding: 5px 20px;
  border: 1px solid #174237;
  border-radius: 15px;
  box-shadow: 0px 3px 0px 0px #236151;  
  text-decoration: none;
  display: inline-block;
  float:left;
  	font:bold 14px Arial, Helvetica, sans-serif;
}
.button_base_disabled.button_base_l{
	/*padding:0px;*/

      background-image: -webkit-linear-gradient(top,#999a99,#b3b3b3);
      background-image: -moz-linear-gradient(top,#999a99,#b3b3b3);
      /*background-image: -ms-linear-gradient(top,#999a99,#b3b3b3);*/
      background-image: -o-linear-gradient(top,#999a99,#b3b3b3);
      box-shadow: 0px 3px 0px 0px #727372;  
      border: 1px solid #696969;   
  padding: 5px 20px;
  /*border: 1px solid #174237;*/
  border-radius: 15px;
  /*box-shadow: 0px 3px 0px 0px #236151;*/  
  text-decoration: none;
  display: inline-block;
  float:left;
  	font:bold 14px Arial, Helvetica, sans-serif;
  /*margin: 2px 2px;*/
  
}
.button_base_l:active {
  background-color: #3e8e41;
  box-shadow: 0px 0px 0px 0px #666;
  transform: translateY(4px);
}
.button_base_r{
	/*background-position:right top;
	padding:5.4px 20px 7px 0px;
	margin-left:20px;
	overflow:visible;
	text-align:left;
	cursor:default;*/
    /*text-align: center;*/
}

.button_base_disabled .button_base_r{
	/*background-position:right top;*/
}

.btn_spacer{
	margin-right:10px;
}
.button_link{
	margin:7px 10px 0px 0px;
	display:block;
	float:left;
}
.button_link_r{
	margin:7px 0px 0px 10px;
}

.wid350 {width:310px;}
#Profile { display:none; }
/* notification section begin */
.inline_msg_con { min-height:30px; #width:930px; padding-bottom:8px;}
.note_main {min-width:370px; max-width:730px; float:left; position:relative;#width:100%;}
.note_marg { margin:0 auto 8px; }
.note_bg { background:url(../../Images/P2Drop6/note_bg.png) no-repeat left top; }
.note_bg_tl, .note_bg_tr, .note_bg_bl, .note_bg_br { height:4px; width:100%; }
.note_bg_tr { background-position:right -4px; }
.note_bg_bl { background-position:left -8px; }
.note_bg_br { background-position:right -12px; }
.note_cont { padding:3px 30px 3px 20px; background:#efcb65; position:relative; font-weight:bold; min-height:15px; }
.note_close { background:url(../../Images/P2Drop6/note_close.png) no-repeat left top; position:absolute; right:7px; top:5px; cursor:pointer; width:13px; height:11px; }
/* notification section end */
.index_btm_t1 { padding-bottom:10px; }
.side_Heading_Filled { font-size:13px; line-height:15px; color:#5187e6; font-weight:700 }
.common_Heading_Bold { line-height:15px;font-weight:700 }
.indexPage_Container { padding:0 0 10px 0; float:left; }
.index_Heading { padding-right:4px; color:#000000; font-size:18px; font-weight:bold; }
.index_Heading_Txt { font-size:18px; font-weight:700; color:#5AC1A6; line-height:18px }
.index_txt_Small { font-size:12px; line-height:15px; }
.index_top_t { padding-top:5px; }
.index_top_t1 { padding-top:15px; }
.index_top_t2 { padding-top:25px; }
.index_cont .index_top_t3 { padding-top:20px; }
.index_cont .index_btm_t { padding-bottom:10px; }
.index_cont .index_btm_t1 { padding-bottom:30px; }
.index_cont .index_btm_t2 { padding-bottom:40px; }
.index_cont .index_btm_t3 { padding-bottom:60px; }
.index_cont .index_btm_t4 { padding-bottom:25px; }
.index_right_t3 { padding-right:20px; }
.index_right_t4 {padding:0 25px 0 12px; }
.con_spacer { float:left; width:100%; }
.textbox_style_Index { width:295px; }
.textbox_style_Index1 { width:250px; }
.textbox_style4 { width:186px;}
.textbox_style10 { width:50px; }
.textbox_style5 { width:100px;}
.padL160 { padding-left:160px; }
.list-box-content { padding-left:20px; list-style-type:none; margin:0 }
ul.list-box-content li { background:url(../../Images/P2Drop6/bullet.png); background-repeat:no-repeat; background-position:.1em; padding-left:13px; font-size:12px; color:#000 }
.pop_up_main_index { width:348px; }
.pop_up_l_index, .pop_up_r_index { background:url(../../Images/P2Drop6/LoginCon.png) no-repeat left top; width:50%; height:12px; float:left; }
.pop_up_t_index .pop_up_r_index { background-position:right -12px; }
.pop_up_b_index .pop_up_l_index { background-position:left -24px; }
.pop_up_b_index .pop_up_r_index { background-position:right -36px; }
.pop_up_body_index { background:url(../../Images/P2Drop6/pop_up_shadow.png) repeat-y right top; padding-right:5px; clear:both; float:left; width:343px; }
.pop_up_bg_index { background:#f8faff url(../../Images/P2Drop6/login_bg.png) repeat-x left bottom; float:left; width:343px; }
.helpContainer .pop_up_bg_index { background:#f2f7f7 url(../../Images/P2Drop6/help_bg.png) repeat-x left bottom; }
.pop_up_cont_index_log { min-height:230px; padding:10px 20px; }
.pop_up_body_help { float:left; }
.pop_up_cont_index_help { min-height:170px; padding:10px 20px; }
.pop_up_body_index_Txt { background:url(../../Images/P2Drop6/pop_up_shadow.png) repeat-y right bottom; padding-right:4px; clear:both; float:left; width:545px; }
.rightContainer_index .pop_up_body_index_Txt { width:574px; }
.rightContainer_index .pop_up_bg_index { width:573px; }
.pop_up_cont_index_Txt { padding:10px 20px 11px; padding:10px 20px 10px \9; #padding:15px 20px 15px; }
.index_cont { padding:5px 0 0 0; width:100%; }
.index_cont tr td { padding:3px; line-height:18px; }
.index_cont td.col1 { min-width:130px; }
.index_cont td.col2 { min-width:220px; }
.pop_up_main { width:684px; position:fixed; z-index:100; }
.pop_up_t, pop_up_b { clear:both; }
.pop_up_l, .pop_up_r { background:url(../../Images/P2Drop6/pop_up_bg.png) no-repeat left top; width:50%; height:12px; float:left; }
.pop_up_t .pop_up_r { background-position:right -12px; }
.pop_up_b .pop_up_l { background-position:left -24px; }
.pop_up_b .pop_up_r { background-position:right -36px; }
.pop_up_body { clear:both; margin-left:1px; }
.pop_up_bg { background:url(../../Images/P2Drop6/pop_up_shadow.png) repeat-y right top; float:left; width:99.3%; padding-right:5px; }
/*.pop_up_cont { background:#f8faff url(../../Images/P2Drop6/pop_up_cont_bg.png) repeat-x left bottom; float:left; width:99.9%;  #width:100%;
padding-bottom:5px; }*/
.pop_up_cont { background:#f1f1f1 ; float:left; width:99.9%;  /*#width:100%;*/
padding-bottom:5px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);border-radius:8px;}
.pop_up_pane { min-height:330px; padding:10px 20px; }
.pop_up_title { font-size:18px; font-weight:bold; }
.pop_up_smal { min-width:400px; width:500px; position:fixed; z-index:100; left:320px; top:95px; }
.pop_up_smal .pop_up_cont { background:#f8faff url(../../Images/P2Drop6/pop_up_cont_bg_smal.png) repeat-x left bottom; width:99.7%; }
.pop_up_smal .pop_up_pane { min-height:120px; }
.pop_up_smal .pop_up_bg { width:99.2%; }
.dim_layer { z-index:99; position:fixed; width:100%; display:none; background:#595959; height:100%; top:0; left:0; opacity:0.65; filter:alpha(opacity="65") !important; }

/********************************************************/
/******************* custom drop down *******************/
/********************************************************/
.dropDownContainer {
    background: #FFFFFF url(../../Images/P2Drop6/dropdownbg.gif) no-repeat right 50%;
    _background:none;
    float: left;
    height: 27px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 175px;
	border:1px solid #828282;
	_border:none;
	_margin-bottom:10px;
}
.dropDownContainer1 {
    float: left;
    height: 27px;
    text-align: left;
    width: 175px;
	border:none;
}
.dropDownSelectText {
    height:18px;
    left:4px;
    overflow: hidden;
    position: absolute;
    top: 6px;
    width:93%;
    z-index: 1;
    white-space:nowrap;
}
.dropDownStyle,.dropDownStyle1 {
    color: #000000;
    font: normal 12px Arial, Tahoma, Calibri;
    height: 28px;
    left: -1px;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 0px;
    top:3px;
    z-index: 2;
	border:0px;
	min-width:101%;
	width:101%;
}
.dropstyle1 {width:150px;}
.dropstyle2 {width:72px;}
.dropstyle3 {width:192px;}
.dropstyle4 {width:120px;}
.dropstyle5 {width:300px;}
.dropstyle6 {width:307px;}
.dropstyle7 {width:275px;}
.dropstyle8 {width:200px;}
.dropstyle9 {width:500px;}
.dropstyle10 {width:400px;}
.dropstyle11 {width:450px;}
.dropstyle12 {width:140px;}
/*************************************************/
.respPadL160 { padding-left:160px; }



/* Responsive Design */
@media (max-width: 768px) {
  .center-box {
      
        flex-direction: column;
        height: auto;
  }

  .left-side, .right-side {
        width: 90%;
        padding: 30px;
  }

  .left-side img {
        max-width: 60%;
  }
    .mainContainer {
        height: auto;
    }
    .pop_up_main { width:394px; position:fixed; z-index:100; }
    .textbox_style_Index1 { width:120px; }
    .respPadL160 { padding-left:0px; }
}