﻿@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{margin:0;
  padding:0;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;   
   
}

html {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body{font-family: 'ralewayregular';
	 }
	 
ul, ol{list-style:none;}	 

a, a:hover{text-decoration:none;}	 
	 
.login_page{background:#edf0f1 url(../images/bg.png) 100% -41% no-repeat;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .login_page{background:#edf0f1 url(../images/bg.png) 100% -45% no-repeat;}
}

	 
.login{width:430px;
       text-align:center;
	   position:absolute;
	   top:50%;
	   left:0;
	   right:0;
	   margin:auto;
	   -moz-transform: translateY(-50%);
		 -webkit-transform: translateY(-50%);
		   -o-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
			   transform: translateY(-50%);
	   
}

.logo, .heading, .login_form, .shadow{width:100%;
      float:left;
}
.logo img{margin:0 auto;}
.heading{background:#f2f5f7;
         color:#4f5455;
		 font-size:17px;
		 line-height:27px;
		 text-align:center;
		 padding:20px 0px 18px;
		 font-family: 'ralewaysemibold';
		 text-transform:uppercase;
		 letter-spacing:1px;
		 margin-top:30px;
		 height:69px;
}

.heading sup{font-size:13px;}
.login_form{background:#fff;
	        padding:35px 52px 45px;
}

.login_form input{width:94%;
                  max-width:326px;
				  height:49px;
				  border:#eeeeee solid 1px;
				  -moz-border-radius:4px;
				  -webkit-border-radius:4px;
				  -o-border-radius:4px;
				  -ms-border-radius:4px;
				  border-radius:4px;
				  margin-bottom:11px;
				  padding:15px 10px 15px 47px;
				  font-size:13px;
}

.login_form .name{background:url(../images/username_bg.png) 18px center no-repeat;}
.login_form .pass{background:url(../images/password_bg.png) 18px center no-repeat;}

.login_form input::-webkit-input-placeholder {
   color: #b0b0b0;
   font-family: 'ralewaysemibold';
}

.login_form input:-moz-placeholder { /* Firefox 18- */
   color: #b0b0b0;
   font-family: 'ralewaysemibold';  
}

.login_form input::-moz-placeholder {  /* Firefox 19+ */
   color: #b0b0b0; 
   font-family: 'ralewaysemibold'; 
}

.login_form input:-ms-input-placeholder {  
   color: #b0b0b0;  
   font-family: 'ralewaysemibold';
}


.remember{display:table;
          float:left;
		  font-size:13px;
		  line-height:27px;
		  color:#8c8888;
		  padding-top:12px;
		  padding-right:2px;
}
.remember input[type="checkbox"]{display:table;
                                 float:left;
								 width:auto;
								 margin-right:7px;
								 padding:0;
								 height:auto;
								 margin-top:4px;
								 margin-left:2px;
}
.login_form button{background:#3979b9;
                   width:126px;
				   height:49px;
				   float:right;
				   margin-right:1px;
				   text-align:center;
				   color:#ffffff;
				   font-size:13px;
				   line-height:27px;
				   font-family: 'ralewaysemibold';
				   text-transform:uppercase;
				   border:none;
				   -moz-border-radius:4px;
				  -webkit-border-radius:4px;
				  -o-border-radius:4px;
				  -ms-border-radius:4px;
				   border-radius:4px;
				   cursor:pointer;
				   margin-top:1px;				   
				  
}
.login_form button:hover{background:#003b78;}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; 
  top: 0px;
  width: 12px;
  height: 12px;
  border: #ccc solid 1px;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top: 1px; 
  left: 1px;
  font-size: 14px;
  color: #09ad7e;
  transition: all .2s;
  background:url(../images/tick.png) center no-repeat;
  width:12px;
  height:12px;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #4778d9!important;
}


/*-- inner page css --*/

.header, .banner, .back, .report, footer, .sim, .sim_inner, .record, .date, .date_inner, .language{float:left;
        width:100%;
		min-width:1200px;
}
.header{padding:33px 0px 24px;}

.container{width:100%;
           max-width:1200px;
		   min-width:1200px;
		   margin:0 auto;
}


.logo_inner{float:left;
            display:table;
}

.right_header{
              display:block;
			  float:right;
}
.menu{float:left;
      width:px;
	  display:table;
	  border-right:#e2e2e2 solid 1px;
	  margin-top: -5px;
      padding: 3px 0;
}

.menu ul li{float:left;
            margin-right:40px;
}

.menu ul li a{color:#464646;
              font-size:13px;
			  line-height:27px;
			  font-family: 'ralewaysemibold';
			  text-transform:uppercase;
}

.log_out{background:url(../images/log-out_bg.png) center  left no-repeat;
         font-size:13px;
		 line-height:27px;
		 color:#003b77;
		 font-family: 'ralewaysemibold';
		 padding-left:25px;
		 float:right;
		 display:table;
		 font-weight:bold;
		 margin-left:40px;
		 cursor:pointer;
}

.banner{background:url(../images/banner_bg.jpg) center left;
        min-height:115px;
        height: 105px;
		color:#FFF;
		font-size:37px;
		padding:36px 0px;
}
.banner span{font-family: 'ralewaysemibold';}
.banner span sup{font-size:20px;}


.back{padding:25px 0px 25px;
}
.back span{color:#003b77;
           font-size:13px;
		   line-height:27px;
		   text-decoration:underline;
		   font-family: 'ralewaysemibold';
		   float:right;
		   display:table;
		   background:url(../images/back_bg.png) center left no-repeat;
		   padding-left:24px;
}
.back span a{color:#003b77;}
.back span sup{font-size:10px; text-decoration:none;}

.report{margin-bottom:60px;}

.report table th{background:#fbfbfb;
                 font-size:13px;
				 line-height:27px;
				 color:#464646;
				 font-family: 'ralewaysemibold';
				 text-transform:uppercase;
				 border:#e9e9e9 solid 1px;
				 border-right:none;
				 padding:18px 25px;
}
.report table th:first-child{-moz-border-radius:4px 0 0 0;
      -webkit-border-radius:4px 0 0 0;
	  -o-border-radius:4px 0 0 0;
	  border-radius:4px 0 0 0;
}
.report table th:last-child{-moz-border-radius:0 4px 0 0;
      -webkit-border-radius:0 4px 0 0;
	  -o-border-radius:0 4px 0 0;
	  border-radius:0 4px 0 0;
}

.report table th span{font-size:11px;
                      font-family: 'ralewayregular';
					  color:#949494;
					  text-transform:capitalize;
					  padding-left:8px;
					  
}
.report table th:last-child{border-right:#e9e9e9 solid 1px;}

.report table td {
        color: #5b5b5b;
        font-size: 13px;
        line-height: 13px;
        border: #e9e9e9 solid 1px;
        border-right: none;
        border-top: none;
        padding: 18px 25px;
        text-align: center;
}

.report table td:last-child {
    border-right: #e9e9e9 solid 1px;
}

.report table td a{color:#3f73ab;
                   text-decoration:underline;
}

.report table tr:last-child td:first-child{-moz-border-radius:0 0 0 4px;
      -webkit-border-radius:0 0 0 4px;
	  -o-border-radius:0 0 0 4px;
	  border-radius:0 0 0 4px;
}
.report table tr:last-child td:last-child{-moz-border-radius:0 0 4px 0;
      -webkit-border-radius:0 0 4px 0;
	  -o-border-radius:0 0 4px 0;
	  border-radius:0 0 4px 0;
}

footer{background:#bcbec0;
       padding:45px 0 35px;
	   color:#000;
	   font-size:12px;
	   line-height:27px;
	   text-align:center;
	   font-family: 'ralewaysemibold';
       color:#5b5b5b;
}

/*-- main page css --*/

.sim{margin-bottom:28px;}
.sim_inner{background:#fbfbfb;
     border-bottom:#f6f8fa solid 2px;
	 padding:23px 22px;
	 height:65px;
	 }
.sim ul{list-style:inside square;}
.sim ul li{color:#3573b2;
           font-size:13px;
		   line-height:27px;
		   text-transform:uppercase;
		   float:left;
		   margin-right:18px;
		   font-family: 'ralewaysemibold';
}
.sim ul li:last-child{margin-right:0px;}
.sim ul li span{font-family: 'ralewayregular';
                text-transform:capitalize;
				padding-left:5px;
				color:#5b5b5b ;
				}

.record{margin-bottom:30px;}
.count{float:left;
       display:table;
	   background:#fbfbfb;
	   padding:10px 20px;
	   font-size:13px;
	   line-height:27px;
}

.count span{font-family: 'ralewaysemibold';
            padding-right:15px;
			}
.right_button{display:table;
              float:right;
}
.download{background:#33bcc5 url(../images/download_bg.png) 33px center  no-repeat;
          color:#fff;
		  width:200px;
		  height:42px;
		  font-size:13px;
		  text-transform:uppercase;
		  border:none;
		  -moz-border-radius:5px;
		  -webkit-border-radius:5px;
		  -o-border-radius:5px;
		  -ms-border-radius:5px;
		  border-radius:5px;
		  font-family: 'ralewaysemibold';
		  cursor:pointer;
		  padding-left:35px;
		  margin-right:15px;
}

.autocluster {
    background: #33bcc5 33px center no-repeat;
    color: #fff;
    width: 175px;
    height: 42px;
    font-size: 13px;
    text-transform: uppercase;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-family: 'ralewaysemibold';
    cursor: pointer;
}

.translate {
    background: #6e7d8e url(../images/translate_bg.png) 33px center no-repeat;
    color: #fff;
    width: 175px;
    height: 42px;
    font-size: 13px;
    text-transform: uppercase;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-family: 'ralewaysemibold';
    cursor: pointer;
    padding-left: 35px;
    margin-right: 15px;
}

.date{margin-bottom:45px;}

.date_inner{background:#fbfbfb;
            padding:28px 20px;
			font-size:13px;
			font-family: 'ralewaysemibold';
}

.four{width:23%;
      margin-right:2.5%;
      float:left;
	  font-size:13px;
	  font-family: 'ralewaysemibold';
}
.four:first-child{padding-left:0;}
.four:last-child{margin-right:0;}
.four label{display:table;
            float:left;
			text-transform:uppercase;
			margin-right:14px;
			padding-top: 14px;
}

.four .select_box{width:160px;
                  height:43px;
				  position:relative;
				  border:#efefef solid 1px;
				  border-radius:4px;
				  float:left;
}
.four .select_box:after{content:"";
                        background:#fff url(../images/drop.png) center center no-repeat;
						position:absolute;
						top:-1px;
						right:-1px;
						bottom:0;
						width:35px;
						height:41px;
						-moz-border-radius:0 4px 4px 0;
						-webkit-border-radius:0 4px 4px 0;
						-o-border-radius:0 4px 4px 0;
						-ms-border-radius:0 4px 4px 0;
						border-radius:0 4px 4px 0;
						border:#efefef solid 1px;
						border-left:none;
						pointer-events: none;
}


.four .select_box select{width:100%;
                         height:40px;
						 border:none;
						 background:#ffffff;
						 font-family: 'ralewayregular';
						 color:#666;
						 padding:0 12px;
}

.four input[type="text"]{width:160px;
                  height:43px;				  
				  border:#efefef solid 1px;
				  border-radius:4px;
				  float:left;
				  color:#666;
				  padding:0 12px;
				  background:#fff url(../images/date_bg.png) 90% center  no-repeat;
				  font-family: "ralewaysemibold";
}
.four input::-webkit-input-placeholder {
   color: #666;
   font-family: 'ralewaysemibold';
}

.four input:-moz-placeholder { /* Firefox 18- */
   color: #666;
   font-family: 'ralewaysemibold';  
}

.four input::-moz-placeholder {  /* Firefox 19+ */
   color: #666; 
   font-family: 'ralewaysemibold'; 
}

.four input:-ms-input-placeholder {  
   color: #666;  
   font-family: 'ralewaysemibold';
}

/*-- custom factors page --*/

.language{margin:35px 0 30px;}
.lang_select{width:225px;
                  height:43px;
				  position:relative;
				  border:#efefef solid 1px;
				  border-radius:4px;
				  float:left;
}
.lang_select:after{content:"";
                        background:#fff url(../images/drop.png) center center no-repeat;
						position:absolute;
						top:-1px;
						right:-1px;
						bottom:0;
						width:35px;
						height:41px;
						-moz-border-radius:0 4px 4px 0;
						-webkit-border-radius:0 4px 4px 0;
						-o-border-radius:0 4px 4px 0;
						-ms-border-radius:0 4px 4px 0;
						border-radius:0 4px 4px 0;
						border:#efefef solid 1px;
						border-left:none;
						pointer-events: none;
}


.lang_select select{width:100%;
                         height:40px;
						 border:none;
						 background:#ffffff;
						 font-family: 'ralewayregular';
						 color:#666;
						 padding:0 12px;
}
.report table th .q{
              padding-right:20px;
			  display:table;
			  font-size:13px;
			  line-height:20px;
			  color:#464646;
			  font-family: 'ralewaysemibold';
			  text-transform:uppercase;
			  position:relative;
}

.code, .des{width:175px;
      height:40px;
	  border:#efefef solid 1px;
	  background:#ffffff;
	  font-family: 'ralewayregular';
	  color:#003b77;
	  padding:0 12px;
	  -moz-border-radius:4px;
		-webkit-border-radius:4px;
		-o-border-radius:4px;
		-ms-border-radius:4px;
		border-radius:4px;
}

.des{width:312px;}

.report input::-webkit-input-placeholder {
   color: #666;
   font-family: 'ralewaysemibold';
}

.report input:-moz-placeholder { /* Firefox 18- */
   color: #666;
   font-family: 'ralewaysemibold';  
}

.report input::-moz-placeholder {  /* Firefox 19+ */
   color: #666; 
   font-family: 'ralewaysemibold'; 
}

.report input:-ms-input-placeholder {  
   color: #666;  
   font-family: 'ralewaysemibold';
}

/*-- */
.report textarea::-webkit-input-placeholder {
   color: #666;
   font-family: 'ralewaysemibold';
}

.report textarea:-moz-placeholder { /* Firefox 18- */
   color: #666;
   font-family: 'ralewaysemibold';  
}

.report textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #666; 
   font-family: 'ralewaysemibold'; 
}

.report textarea:-ms-input-placeholder {  
   color: #666;  
   font-family: 'ralewaysemibold';
}

.save, .clear, .pop, .hide_pop{width:100px;
              height:42px;
			  text-align:center;
			  color:#FFF;
			  font-family: 'ralewaysemibold';
			  font-size:13px;
			  line-height:27px;
			  border:none;
			  -moz-border-radius:6px;
			  -webkit-border-radius:6px;
			  -o-border-radius:6px;
			  border-radius:6px;
			  cursor:pointer;
}

.save, .hide_pop{background:#3a79ba; 
      margin-right:15px;}
.clear, .pop{background:#6d7d8d;}

.pop{display:none;}


.tooltip{width:530px;
         height:345px;
		 background:#fff;
		 color:#979696;
		 padding:30px 35px 30px;
		 -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
         -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
		  
		  position:absolute;
		  left:-11%;
		  top:85%;
		  z-index:999;
		  display:none;
		 }
.tooltip h4{color:#3f6c9a;
            font-size:12px;
			line-height:27px;
			font-family: 'ralewaysemibold';
			font-weight:bold;
			text-align:left;
			}		 
.tooltip p{font-size:13px;
           line-height:24px;
		   text-transform:none !important;
		   text-align:left;
		   margin-bottom:10px;
           font-weight:normal;
}

.tool{width:16px;
      height:16px;
	  background:url(../images/q.png) center no-repeat;
	  position:relative;
	  right: -140px;
      top: -22px;
	  cursor:pointer;
}


/*.textarea-example .content textarea{
                                       white-space: pre-line;
									   word-spacing: 10000px;
									   }*/
.choose, .choose02{width:300px;
         height:150px;
		 background:#fff;
		 color:#979696;
		 padding:30px;
		 -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
         -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
		  
		  position:fixed;
		  top:0;
		  bottom:0;
		  left:0;
		  right:0;
		  margin:auto;
		  display:none;
		  z-index:998;
}

.choose h2, .choose02 h2{font-size:14px;
           font-family: 'ralewaysemibold';
		   color:#3f6c9a;
		   margin-bottom:10px;
		   }
.textarea-example .content textarea::-webkit-input-placeholder {
   color: #ddd;
   font-family: 'ralewaysemibold';
   word-spacing: 0px;
}

.textarea-example .content textarea:-moz-placeholder { /* Firefox 18- */
   color: #ddd;
   font-family: 'ralewaysemibold'; 
   word-spacing: 0px; 
}

.textarea-example .content textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #ddd; 
   font-family: 'ralewaysemibold';
   word-spacing: 0px; 
}

.textarea-example .content textarea:-ms-input-placeholder {  
   color: #ddd;  
   font-family: 'ralewaysemibold';
   word-spacing: 0px;
}

.hiddencol {
    display: none;
}


/*-- css for custom combobox --*/
 .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
	right:0;
	background:none;
    border: medium none;
    margin-left: -1px;
    padding: 0;
  }
  
 .custom-combobox-input {
    background:#fff;
    border: medium none;
    height: 40px;
    margin: 0;
    padding: 5px 10px;
    width: 100%;
	font-family: "ralewayregular";
	font-size:13px;
	color: #666;
	font-weight:normal;
}
 .ui-menu .ui-menu-item{width: 100%;
	font-family: "ralewayregular";
	font-size:13px;
	color: #666;
	font-weight:normal;
	background:#fff;
}
.ui-tooltip {font-family: "ralewayregular";
	font-size:13px;
	color: #666;
	font-weight:normal;
	background:#fff;
	border:#CCC solid 1px;
	-webkit-box-shadow: none;
	box-shadow: none;
	
}


/*-- text box hight control css --*/
.open{height:300px !important;}
.open_txt{height:800px !important;}
.open, .open_txt{
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
