body {
	/*background: url(../images/bg-body.jpg) repeat;*/
	font-family: 'Conv_Ubuntu-Light';
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	margin: 0;
      padding: 0;
}

@font-face {
	font-family: 'Conv_Ubuntu-Light';
	src: url('../fonts/Ubuntu-Light.eot');
	src: url('../fonts/Ubuntu-Light.woff') format('woff'), url('../fonts/Ubuntu-Light.ttf') format('truetype'), url('../fonts/Ubuntu-Light.svg') format('svg');
}

.font-13{
      font-size : 0.812rem;
}
.font-12{
      font-size : 0.75rem;
}
.font-14{
      font-size : 0.875rem;
}
.text-green{
      color:#34b091;
}
.text-pink{
      color:#f4645f;
}
.btn-pink{
      background-color:#f4645f;
      color:#fff;
}
.btn-pink:hover{
      background-color:#f07e7a;
      color:#fff;
}

.mt-20{
      margin-top:1.25rem;  /*1.25=20px*/
}
/* .mt-5{
      margin-top:5px !important;  /*1.25=20px
} */
.ml-125{
      margin-left:7.81rem;  /* 7.81=125px */
}
.border-1{
      border: 1px solid#666;
}
.bg-green{
      background-color:#34b091;
}
.bg-pink{
      background-color:#f19592;
}
.bg-f5f5{
      background-color:#f5f5f5;
}
.bg-gray{
      background-color:#d3d1d1;
}

.btn-xs{
      padding:.125rem .375rem;
      font-size:.875rem;
      line-height:0.9;
      border-radius:.2rem
}

#seek tr { background-color: white }
#seek tr:hover { background-color: #f5f5f5 };
/*******************************************************
                        header
********************************************************/
#header {
	/*background: url(../images/bg-header.jpg) repeat-x;*/
      margin: 0;
      padding: 0px 0 0;
      background-color: #fff;
      /*background: url(../images/Screen-thara.png) repeat-x;*/
      opacity:0.9;
      
}

#header .top{
      height:6.875rem;  /*110px=6.875rem*/
      background-color: #f5f5f5;
}


.header-title{
      /* Available */
       /*text-transform: uppercase;*/
      /*font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;*/
      /*  font-family: PGVIM, Arial, sans-serif;*/
      font-family: 'source_sans_probold';

      padding-top:1.56rem;  /* 25px*/
      text-align: center;
      font-size:1.5rem;  /*24px=1.5rem*/
      font-weight: 200;
      color:#34b091;  /*green=#34b091  #6960EC*/
      letter-spacing: 2px;
      /*text-shadow:1px 2px #cccccc;*/

}
.banner{
      width:55%;
      background-color:#34b091;
      /*background: linear-gradient(#3bc2a0,#34b091);*/
      height:5.625rem  /*90px=5.625rem*/;
      border-radius:0 0 0.312rem 0.312rem;  /*5px=0.312rem*/
}
.logo{
      text-align: center;
	border: 0;
      /*display: block;*/
      padding-left:10px;color:#4CC417; 
      
}

#header hr.style1{
      border-top: 1px solid #333;
      margin-top:0.5rem;
      margin-bottom: 0;
}
@media (max-width: 767px) {
      .banner {
            width:80%;
      }
      
}


/*******************************************************
                        menu
********************************************************/
.navbar{
      margin-top: 0rem;  /*0.35rem*/
      background-color:#34b091 !important;
      -ms-flex-pack:end!important;justify-content:flex-end!important;
      padding:0 0.25rem 0 0.25rem;   /*4px=0.25rem*/
      
  }
  .navbar-brand{
      width:150rem;  /*  8.125=130px */
      font-size:14px  !important; 
      color:#fff !important;
      text-align:left;
      /*border-right: 1px solid #fff;*/
  }
  .nav-item{
      width:9.062rem ;     /* 145px=9.062rem */
      text-align:center;
      font-size:0.875rem  !important; /*14px=0.875rem*/
      border-right: #34b091;
  }

  .nav-item .home{
      width:9.062rem;
      height:1.875rem;  /*30px=1.875rem*/
      text-align:center;
      font-size:0.875rem   !important;     /*14px=0.875rem*/
      border-right: 1px solid #fff;
  }
  
  .navbar.navbar-light li a {
      color: #fff !important;
  }
  
  .navbar-nav .nav-item.active .nav-link,
  .navbar-nav .nav-item:hover .nav-link {
      color: #fff  !important;
      /*border-bottom-width: 120px;
      border-bottom: 1.5px #fff dashed ;*/

      text-decoration: underline;   /*safiri not supported */
      /*text-decoration-style: dashed;*/
  }

/*******************************************************
                        login
********************************************************/
.wrap-login{
      width:100%;
      background-color:#f5f5f5;
      border:solid 1px #f5f5f5;
      border-radius: 0.125rem;  /*2px=0.125rem*/
}
.login-form{
      padding:0.625rem;     /*10px=0.625rem*/
      padding-bottom:0.9375rem;   /*15px=0.9375rem*/
}
/*******************************************************
                        fieldset
********************************************************/
fieldset.scheduler-border {
      border: 1px solid #ddd !important;
      padding: 0 0 1em 0.5em !important;
      border-radius: 0.25em;        /* 4px=0.25 */
      /*-webkit-box-shadow:  0px 0px 0px 0px #000;
      box-shadow:  0px 0px 0px 0px #000;*/
}
  
legend.scheduler-border {
         font-size: 0.875rem;    /* 14px=0.875 */
         font-weight: normal;
          text-align: left !important;
          width:auto;
          padding:0 5px;
          border-bottom:none;
}

/**************************************

**************************************/
.main-body{
      margin-top:0px;
}


.title_page{
      
      padding-top:1.87rem;
      /*color:#f4645f;*/
}

.inner-addon { 
      position: relative; 
  }
  
  /* style icon */
  .inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
  }
  
  /* align icon */
  .left-addon .glyphicon  { left:  0px;}
  .right-addon .glyphicon { right: 0px;}
  
  /* add padding  */
  .left-addon input  { padding-left:  30px; }
  .right-addon input { padding-right: 30px; }
/***************************************
            footer
***************************************/
#footer{
      margin:0;
}

#footer hr.style{
      border-top: 1px solid #ccc;
      height:0.1875rem;    /*3px=0.1875rem*/
      margin-top:0.5rem;
      margin-bottom: 0px;
}
.footer-wrap{
      width:100%;
}
.footer-content{
      padding-top:0.93rem;  /* 5px=0.312  10px=0.93  */
      font-size: 0.75rem;   /*12px=0.75rem*/
}
/***************************************
            report
***************************************/
.step {
      background: #f07e7a;
      border-radius: 0.8em;
      -moz-border-radius: 0.8em;
      -webkit-border-radius: 0.8em;
      color: #ffffff;
      display: inline-block;
      font-weight: bold;
      line-height: 1.6em;
      margin-right: 0.3125rem;  /*5px=0.3125rem*/
      text-align: center;
      width: 1.6em; 
}
.box_inner{
      background-color:#4fa9b9;
      border-radius: 0 0.187rem  0.187rem 0;
}
.box_report{

      background-color:#d1ecf1; 
      border-radius: 0 0.187rem  0.187rem 0;
      border-left:2px solid #4fa9b9;
      color:#2d50b3;
      font-size:0.875rem;
      padding:0.312rem 0  0.312rem 0.125rem;
  
}
  
a:hover .box_report {

      border-left:4px solid #4fa9b9;         
      transform:translateX(10px);
      transition: transform 1.0s;
     
}
.navreport:hover{
      text-decoration:none!important;
}

/***************************************
            footer
***************************************/
#copy{
      margin:0;
}
.copy-wrap{
      height:3.125rem;      /*50px=3.125rem*/
      background: #3b3e4a;
}
.copy-content{
      padding-top:0.93rem;  /* 5px=0.312  10px=0.93  */
      padding-right:0.312rem;
      font-size: 0.75rem;     /*12px=0.75rem*/
      color:#fff;
}

/***************************************
            fix bottom
***************************************/
/*.fix-bottom {
      position: relative;

  }*/
  
.fix-bottom a img {
      position:fixed;
      right:20px;
      bottom: 0;
     
}
/*.copy-rights{color: #f5f5f5;font-family: 'source_sans_proregular'; background: #3b3e4a; padding: 15px 0px;}
.copy-rights a{color: #34b091;font-size: 12px; font-family: 'source_sans_proregular'; text-decoration: none;}
.copy-rights a:hover{color: #fff;}*.