body {
  font-family: Arial, "Times New Roman", Times, serif;
  color: #000;
}

a {
   text-decoration: none;
   cursor: pointer;
 }
.container {
  max-width: 1185px;
  padding: 0;
}
.ind{
    width: 38px;
    padding-bottom: 100px;
}
.errMsg{
    color: red;
    text-align: center;
    width: 100%;
    margin: 5px 0 5px 0;
}
.sucMsg{
    color: green;
}

nav a{
    width: 100%; 
    height: 100%; 
}
nav li{
    list-style: none;
    border-bottom: solid #000000 1px;
    /*border-left: solid #000000 1px;*/
}
nav li div{
    width: 100%; 
    padding: 5px 0 5px 10px;
}
.bold{
    font-weight: bold;
}
.box{
    border: solid #000 2px; 
    margin: 10px 0 10px 0;
} 
.box form div label{
    margin: 0 0 0 5px;
    vertical-align: bottom;
    line-height: 18px;
}
.box form div{
    margin: 5px 0px 5px 0px;
    padding: 0 8px 0 0;
}
.box div label{
    margin: 0 0 0 5px;
    vertical-align: bottom;
    line-height: 18px;
}
.box div:not(.noPadding){
    margin: 5px 0px 5px 0px;
    padding: 0 8px 0 0;
}
.login-box{
    width: 220px;
    border: solid #000 2px; 
    margin-top: 10px;
}

.login-box form div{
    margin: 10px 10px 10px 10px;
}
.startInfo{
    border: solid green 2px; 
    margin: 10px 5px 10px 0; 
    padding: 5px;
}

.btn-login{
    text-align: center;
    font-weight: bold;
}

.doc ul{
    padding: 0;
}
.doc li{
    list-style: none;
    margin: 10px 0 10px 0;
    padding: 5px;
    font-weight: bold;  	   
}
.delFile{
    margin-left: 10px;
}
.delFile>img, .delNote>img, .openEditNote>img{
    width: 12px;
    height: 12px;
}
.lineNote{      
    color: #000;
    height: 1px;
    width: 100%;
}

.graduation row{
    padding-left: 5px;
}

input[type=number]{
    margin: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
    margin: 0;
}
.grayLight{
    background: #F2F4F5;
}
.green{
    background: #7ceb92;
}
.greenLight{
    background: #C5F6CF;
}
.gray{
    color: #adadad;
}
.greenBg{
    background: #449d44;    /*22B14C*/
}
.redBg{
    background: #c9302c;    /*ED1C24    2014844*/
}
.yellowBg{
    background: #ec971f;    /*FFE68C*/
}
.rowContact :hover .one, .rowContact :hover .tow, .rowContact :hover .three, .rowContact :hover .four, .rowContact :hover .five {
    background-color: #c4f5ce;
}


 /*tooltip*/
.tooltip > .tooltip-inner {
   text-align: left;
   background-color: #EDBBC4; 
   color: #943D4B; 
   border: 1px solid #943D4B; 
   padding: 15px;
   font-size: 14px;
   font-weight: bold;
   max-width: 100%;
   width: 450px; 
}
.tooltip.top > .tooltip-arrow {
    border: 0;    
} 
 /* end tooltip*/

.dateShortLabel{
   font-weight: bold; 
   margin-left: 5px; 
   margin-right: 20px;
}
.dateShort{
   width: 100px;
   display: inline;
}
.dateShort1{
   width: 130px;
   display: inline;
}
.chkElem{
    height: 15px;
    width: 15px;
    font-weight: bold;
}
/* table user*/
.tbUser tbody tr{
     cursor: pointer;
}
.tbUser td{
    border: solid 1px #adadad;
    padding: 5px;
}
.tbUser th{
    border: solid 2px #adadad;
    text-align: center;
    padding: 5px;
}
.callprofile{
    text-align: center;
}
.calluser{
    text-align: left;
}    
.calluser:hover, .callprofile:hover{
    color: #1A96D0;
    text-decoration: underline;
}
/* end table user*/
.displayNone{display: none;}

.btnSearch:hover{
    color: #46b8da !important;
}
/* popup */
.overlay {
  background: #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0.95;
  filter: alpha(opacity=95);
  z-index: 1;
}
.popup {
  background-color: #EDBBC4;   
  color: #000; 
  border: 2px solid #943D4B;
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  z-index: 1000;
  word-wrap: break-word;
}
.popup div.action {
  text-align: center;
}
.popup div.action input {
    background: #943D4B;
    color: #EDBBC4;
    border: 2px solid #943D4B;
    font-weight: bold;
}
.popup div.action input:hover {
    background: #EDBBC4;
    color: #943D4B;
    border: 2px solid #943D4B;
    font-weight: bold;
}
/* end popup*/

.scrollme {
    /*overflow-y: auto;*/
    overflow-x: auto;
    border: solid #000 1px;
    border-collapse:collapse;
    margin-bottom: 10px;
     /*max-width:-moz-calc( 100vh - 270px ) !important;*/
/*    max-height:-moz-calc( 100vh - 270px ) !important;
    max-height: -o-calc(100vh - 270px) !important;   
    max-height: -webkit-calc(100vh - 270px) !important;
    max-height: calc(100vh - 270px) !important;    */
}
.scrollme table{
    border-collapse:collapse;
     /*max-width:-moz-calc( 100vh - 270px ) !important;*/
/*    max-height:-moz-calc( 100vh - 270px ) !important;
    max-height: -o-calc(100% - 270px) !important;   
    max-height: -webkit-calc(100% - 270px) !important;
    max-height: calc(100% - 270px) !important;*/
}

/*.checkResultS {
     background: url("../image/stat2.png") no-repeat right center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 90px;
  text-indent: 0.01px;
  text-overflow: "";   
}*/
/*.checkResultS option[value="0"]{*/
/*.checkResultS option{
     background: url("image/stat1.png"); 
}*/

.areaQB{
    background-color: #FAEED2;  /*#F5DADE; F7E9EB F5D5A2 f6d487*/
}
.btnToogle{
    border: solid 1px #000000;
    border-radius: 0;
}
.btnToogle:hover{
    background: #7ceb92;
}

.missData{
    border: solid red 2px; margin: 10px 5px 10px 0; padding: 5px;
}
.missData > .container, .onlineformNew > .container{
    width: 100%; padding: 5px;
}
.missData > span, .onlineformNew > span{
    font-weight: bold;
}
.missData a{
    color: red;
    text-decoration: none;
}
.missData a:hover, .onlineformNew a:hover{
    font-weight: bold;
    color: green;
}
.onlineformNew{
    border: solid #DE1FAE 2px; margin: 10px 5px 10px 0; padding: 5px;
}
.onlineformNew a{
    color: #DE1FAE;
    text-decoration: none;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.clsDisabled{
    background-color: #eee;
    pointer-events: none;
}

