body {
  font-family: Arial, "Times New Roman", Times, serif;
  color: #000;
  padding: 10px 10px 0 10px;
}
html, body {
    height: 100%;
}

a {
   text-decoration: none;
   cursor: pointer;
}
input[type="text"], input[type="password"], input[type="number"], select{
    height: 20px !important;
    font-size: 12px !important;
    /*font-weight: bold;*/
}
input[type="text"], input[type="password"], input[type="number"]{
    padding: 0 2px 0 4px !important;
}

select{
    padding: 0 2px 0 2px !important;
}
.container{
   border: solid #00547A 3px;  
}
.container.main {
  width: auto;
  padding: 0;
    min-height: calc(100% - 40px);
    min-height: -moz-calc(100% - 40px);
    min-height: -webkit-calc(100% - 40px);
}
.footer a{
    color: #fff;
}
.footer a:hover{
    color: #000;
}
.footer{
    position: relative; 
    bottom: 0;
    text-align: center;
    min-height: 30px;
    padding: 4px 2px 2px 2px;
    margin-top: 10px;
    font-size: 12pt; 
    font-weight: bold;
    width: 100%; 
    background: #a6b4cd;
    color: #fff;
}

.top{
    margin: 0; 
    border-bottom: solid #00547A 3px;
}
.menuL{
    display: none;
}
.content{
    margin: 0; 
    padding: 0px;
}
.sideLeft{
    margin: 0; 
    padding: 0 15px 0 0;
}
/*.ind{
    width: 38px;
    padding-bottom: 100px;
}*/
.errMsg{
    color: red;
    font-weight: bold;
    /*text-align: center;*/
    width: 100%;
    margin: 5px 0 5px 10px!important;
}
.sucMsg{
    color: green;
    font-weight: bold;
    /*text-align: center;*/
    width: 100%;
    margin: 5px 0 5px 0;
}
em.msgError{
    color: #a94442;
    font-size: 14px;
    line-height: 1.42857143;
    margin-top: 5px;
    margin-bottom: 10px;    
    height: 5px !important;
    width: 5px !important;
}
/*.msgAttantion{
    color: red;
    font-weight: bold;
}*/
.msgAttantion59{
    color: red;
    font-weight: bold;
    margin-top: 10px;
}
.chkElem{
    /*font-weight: bold;*/
    padding: 0 !important;
    margin: 0 !important;
    height: 15px !important;
    width: 15px !important;
}
    @-moz-document url-prefix() {
        .chkElem{
/*    height: 5px !important;
    width: 5px !important;*/
        }
}
.radioElem{         /*dont func*/
/*    height: 5px !important;
    width: 5px !important;*/
/*    font-size: 5px !important;
    line-height: 5px !important;*/
    padding: 0 !important;
    margin: 0 !important;
}
.currency, .currencyNegative{
    text-align: right;
}

nav a{
    /*font-size: 14px;*/
    width: 100%; 
    height: 100%; 
}
nav li{
    list-style: none;
    border-bottom: solid #000000 1px;
}
nav li div{
    width: 100%; 
    padding: 5px 0 5px 10px;
}
nav li:hover{
    background: #A1CAED;
}
nav li:hover >a{
    color: #000000;
    /*color: #ffffff;*/
    text-decoration: none;
}
.blueWhite{
    background: #337ab7;
}
.blueWhite > a{
    color: #ffffff;
    text-decoration: none;
}

.bold{
    font-weight: bold;
}
.box{
    border: solid #000 2px; 
    /*margin: 10px 0 10px 0;*/
    margin: 0;
    padding: 0;
} 
.box form div label{
    margin: 0 0 0 5px;
    vertical-align: bottom;
    line-height: 18px;
}
.dataMiss{
    color: red;
}
.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;
    /*font-size: 13px;*/
}
.box div{
    margin: 5px 0px 5px 0px;
    padding: 0 8px 0 0;
}
.login-box{
    width: 300px;
    border: solid #00547A 2px; 
    margin: 0px auto 0 auto;
    padding: 20px;
}
.login-box form div{
    width: auto;
    margin: 10px 10px 10px 10px;
}
.login-box .title, .register-box .title{
    text-align: center;
    font-size: 20px;
    color: #337ab7;
    font-weight: bold;    
}

/*.btn{
    padding: 5px !important;
}*/

.btn-login{
    text-align: center;
    font-weight: bold;
}
.register-box{
    max-width: 500px;
    border: solid #337ab7 2px; 
    margin: 20px auto 20px auto;
    padding: 20px;
}
.selColor > option{
    font-size: 14px;
    color: #000000;
    padding-top: 3px;   
    padding-bottom: 3px;   
}

/* tabs*/
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
ul.tabMenu1.tabMenu li{
    background: #5f95ef;
    color: #ffffff;
}
ul.tabMenu1.tabMenu li.active{
    border-bottom: 0;
    padding-bottom: 6px;
    background: #ffffff;
    color: #5f95ef;
}
ul.tabMenu li{
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}
/*#container ul.menu li{*/
ul.tabMenu li{
	font-weight: 700;
	display: block;
	padding: 5px 10px 5px 10px;
	background: #ffffff;
	margin-bottom: -1px;
	border: 1px solid #5f95ef;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #5f95ef;
	cursor: pointer;
}

/*#container ul.menu li.active{*/
ul.tabMenu li.active{
	/*background: #BADAF7;*/
	background: #5f95ef;
	/*background: #E37810;*/
	/*top: 1px;*/
	/*border-bottom: 0;*/
	/*color: #5f95ef;*/
	color: #ffffff;
}
.tabContent, .tabContent1, .tabContent2{
	margin: 0pt auto;
	background: #efefef;
	background: #fff;
	border: 1px solid #d0ccc9;
	text-align: left;
	padding: 10px;
	padding-bottom: 20px;
	/*font-size: 11px;*/
}


/* .tabContent1, .tabContent2{
     margin-left: 20px;
 }*/
.tabContentNew{
    background: #D8F7D7;    
}
.tabNew{
    background: #D8F7D7 !important; 
    color: #5f95ef !important;
}
.tabNew.active{
    background: #72b572 !important; 
    color: #ffffff!important;
}
.displayNone{display: none;}
/* end tabs*/

 /*tooltip*/
.tooltip{border:none;}
.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, .tooltip.bottom > .tooltip-arrow {
    border: 0;    
} 
.withTitle + .tooltip > .tooltip-inner {
   background-color: #ffffff; 
   color: #000000; 
   border: 1px solid #000000; 
   padding: 3px;
   width: auto; 
}
.uitooltip {
    background-color: #BADAF7; 
    color: #0062cc; 
    border: 1px solid #0062cc; 
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    width: 450px; 
    white-space: pre-wrap;
}
/* end tooltip*/

.title{
    font-weight: bold; 
    font-size: 16px;
}
.infoBlue >.row{
    padding: 0px 10px 0px 20px;
}
.infoBlue{
    display: none;
    z-index: 2;
    background-color: #BADAF7;   
    position: absolute; 
    top: 0px; 
    left: 0;
    width: 100%; 
    margin-top: 0px !important; 
    /*padding: 10px 20px 10px 20px;*/ 
    border: solid 2px;
}
 
.width100{
    width: 100%; 
}

/* table query*/
.tbQuery{
     /*margin-left: 10px;*/
     margin: 0 auto;
}
.tbQuery tbody tr{
     cursor: pointer;
}
.tbQuery tbody .trActive{
     background-color: #D7E8F7;
}
.tbQuery tbody tr:hover{
    /*background-color: #D7E8F7;*/   
    background-color: #D8F7D7;   
    /*text-decoration: underline;*/
}

/* repo*/
.tbRepo tbody tr:hover, .tdAttach:hover{
    background-color: #D8F7D7;   
    cursor: pointer;
}
.tbRepo tbody tr.headline{
    text-align: center;
    font-weight: bold;
}
.tbRepo tbody tr.headline:hover{
    background-color: #ffffff;   
}
.tbRepo tbody tr td{
    border: 0;   
}

.btnRepo, .btnRepo-{
    text-align: left; 
    padding: 0 0 0 4px;
    font-size: 14px;
    height: 21px;
    border-color: #17a2b8; 
    margin-top: 10px;
}
.btnRepo:focus{
    color: #17a2b8;
}
.btnRepo-{
    font-size: 14px;
    font-weight: bold;
    line-height: 10px;
    margin:10px 0 0 4px;
    padding: 0 4px 3px 4px;
}
.selRepo{
    border-color: #17a2b8;
    margin-right: 4px;
 
     /* reset */         /*border-radius: 0;*/  /*margin: 0;*/      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance:none;
    -moz-appearance:none;

    background-image:
      /*linear-gradient(45deg, transparent 50%, gray 50%),*/
      /*linear-gradient(135deg, gray 50%, transparent 50%),*/
      /*linear-gradient(to right, #ccc, #ccc);*/
      linear-gradient(45deg, transparent 50%, #17a2b8 50%),
      linear-gradient(135deg, #17a2b8 50%, transparent 50%),
      linear-gradient(to right, #17a2b8, #17a2b8);
    background-position: calc(100% - 13px) 50%, calc(100% - 8px) 50%, calc(100% - 2em) 0;
  /*    calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),*/
      /*calc(100% - 2.5em) 0.5em;*/      
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;  
}
.selRepo >option{
    color: #555;
}
input.txtRepo{
    width:calc(100% - 20px)!important; 
    margin-top:10px;
    float: left;
    border-color: #17a2b8;
}
.repoFilter {
    color: #17a2b8;
    border-color: #17a2b8;
}
.borderColor{
    border-color: #17a2b8;
}
/*end repo*/

.tbQuery td{
    border: solid 1px #adadad;
    padding: 5px;
}
.tbQuery th{
    border: solid 2px #adadad;
    text-align: center;
    padding: 5px;
}
.logo{
    text-align: center; 
    margin-bottom: 5px;
}
.logo img{
/*    width: 84px;
    height: 106px;*/
}
/* table institution*/
.tbList{
    margin:auto;
}
.tbList tbody tr{
     cursor: pointer;
}
.tbList td{
    border: solid 1px #adadad;
    padding: 5px;
    text-align: left;
}
.tbList th{
    border: solid 2px #adadad;
    text-align: center;
    padding: 5px;
}
/*.callprofile{
    text-align: center;
}*/
.callItem:hover, .callprofile:hover{
    color: #1A96D0;
    text-decoration: underline;
}
/* end table institution*/

/* table saved doc*/
.downloadDoc{
    cursor: pointer;   
}
.downloadDoc:hover{
    background-color: #D8F7D7;   
}
/*.downloadDoc > td > i{
    color: #992DFF;
}*/
.docuCreate i.hvr-bounce-in:hover{
    cursor: pointer;    
}

/* 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);
}
/* end table saved doc*/


/* mail  */
.tdAttach{
    line-height:  30px;
}
a.attachFile{
    font-size: 16px;
    color: #000;
    line-height:  30px;
    text-decoration: none;
    padding: 5px 8px 9px 8px;  
    margin-right: 20px;
}
a.attachFile:hover{
    background-color: #D8F7D7;   
    cursor: pointer;
}
a#attachFileDel{
    clear: both;    
    font-size: 20px; 
    padding: 2px 8px 2px 8px;
    margin-top: 3px; 
}
/* end mail  */

.fixHeight{
    overflow:hidden;
    -ms-overflow-style: none;
    resize:none;
}
 
/* Bootstrap v4.0.0-beta  */
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #0069d9;
  background-image: none;
  border-color: #0062cc;
}
.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:active, .btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
/* end Bootstrap v4.0.0-beta  */

/* icon */
.fa-envelope-o, .fa-eye{
    color: #992DFF!important;
    font-size: 20px; 
}
.fa-paperclip{
    color: #992DFF!important;
    font-size: 14px; 
}
.fa-file-pdf-o{
    color: red!important;   
    font-size: 20px; 
}
.fa-file-excel-o{
    color: #26A92C!important;   
    font-size: 20px; 
}
.fa-info-circle{
    color: #5F95EF!important;   
    font-size: 20px; 
}
.fa-file-word-o, .fa-table{
    color: #54AED0!important;   
    font-size: 20px; 
    /*color: #349AC5!important;*/   
}
/* end icon */

.areaP{}
.areaColor1{
    /*background: #D7E8F7;*/
    background: #DADAFA;
}
.areaColor2{
    /*background: #ffefc1;*/
    /*background: #f9f2f4;*/
    background: #F5EEC4;
}
.areaColor3{
    background-color: #f3dede;    
}
.pTitle{
    text-align: center;
    font-size: 18px;
    /*color: #337ab7;*/
    font-weight: bold;    
}
.areaTitle{
    width: 100%;
    text-align: center;
    font-size: 14px;
    /*color: #337ab7;*/
    font-weight: bold;    
}
/* 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: #943D4B;
}
.popup div hr {
    height: 1px; 
    width: 100%; 
    background-color: #943D4B; 
    border: none; 
    margin-top: 10px;
}
/* end popup*/


.clsDisabled{
    background-color: #eee;
    pointer-events: none;
}
    /*.callprofile{
    text-align: center;
}
.tbQuery .calluser:hover, .callprofile:hover{
    color: #1A96D0;
    text-decoration: underline;
}*/
/* end table query*/

/*
.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;
}*/
.gray{
    color: #adadad;
}
.whiteBg{
    background: #ffffff;    
}
.orangeBg{
    background: #FCF3E8 !important;    
}

/*mark*/
.mark{
    font-size: 10px;
}
.redBg{
    color: #c9302c;    /*ED1C24    2014844*/
    background-color: transparent;
}
.yellowBg{
    color: #ec971f;    /*FFE68C*/
    background-color: transparent;
}
.violetBg{
    color: #DEC1F5;    /*FFE68C*/
    background-color: transparent;
}
.redBg1{
    background-color: #c9302c;
}
.yellowBg1{
    background-color: #ec971f;
}
.violetBg1{
    background-color: #DEC1F5;
}
/*.redFont{
    color: #ff0000;   
}*/
.fontOrange{
    color: #f7941d;   
}
/*.greenFont{
    color: #008000;   449d44    22B14C
}*/
/*.greenBg{
    background: #449d44;    22B14C
}*/
/* end mark*/

.titleCont{
    font-size: 18px;
    color: #0606BF;
}
/* reportWeek*/
.reportWeekTb{
    margin-left: auto;
    margin-right: auto;
}
.reportWeekTb th, .reportWeekTb td{
    border: solid 1px #000;
    padding: 5px;
    height: 40px;
}
td.reportWeekTbTitle{
    font-size: 18px;
    color: #0606BF;
    font-weight: bold;
    padding-top: 40px;
    border: none;
}
.reportWeekTb th{
    text-align: center;
}
.tdCount{
    text-align: right;
}
/* end reportWeek*/

.requestNr{
    color: #C0A35A;
}

.explanation{
    color: #a6b4cd; 
    font-weight: bold;
    margin-bottom: 10px;
}
.explane{
    color: #a6b4cd; 
    font-weight: bold;
}
.explaneHighlight{
    color: #506487; 
}

.iClone{
    color: #007bff;
    margin-left: 20px;
    cursor: pointer;
}
.iCloneD{
    color: #008000;
}
.sectorInfo{
    border: solid 1px #dcdcdc;
}
.sectorInfoHide{
    border: solid 1px #ffffff;
    /*border: solid 1px #000;*/
}


fieldset {
    border: solid 1px #C5D8E1;
/*    border: 2px solid #C5D8E1; */
  border-radius: 6px; 
  /*margin-bottom: 20px;*/
  padding-left: 15px;
  padding-right: 15px;
}
div.tdFile{
    color: blue;   
    padding: 2px 2px 2px 0;
}
.tdFile:hover{
    /*background-color: #A1CAED;*/   
    background-color: #BCEBF2;   
    cursor: pointer;
}
.fileDel:hover{
    cursor: pointer;
}
#msgSum{
    width:100%; 
    text-align: center; font-size: 18px; 
    font-weight: bold; 
    font-style: italic; 
    color: #ff0000;
}
.fa-exclamation-triangle{
    margin: 2px 12px 0px 0; 
    color: #da9a05;
}
/* dialog */
#dialog-save > p:last-child{
    margin-left: 30px;
}
.ui-dialog-buttonset > button:first-child{
    color: #fff;
    padding: 5px;
    background-color: #007bff;
    border: solid 1px #007bff;
}
.ui-dialog-buttonset > button:last-child{
    color: #fff;
    padding: 5px;
    background-color: #dc3545;
    border: solid 1px #dc3545;
}
button.ui-dialog-titlebar-close{
    color: #dc3545;
    margin-top: -12px;
}
/* dialog end */

.iInfobox{
    margin-left: 5px; 
    cursor: pointer;
}

.callRowPers, .callRowZlst{
    cursor: pointer;
}
.preType10{
    border: none; 
    background: #ffffff; 
    font-family: Arial, Times New Roman, Times, serif; 
    font-size: 14px;
}