body {

    color: #73879C;

    background: #fff;

    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.471;

}   

.marq{

background:#4472c4; color:#fff;	

}

.marq a{ color:#fff; text-decoration:none;}

.stat-box {

width:100%;

margin:5px 5px 20px;

-webkit-box-shadow:inset 3px 3px 18px 2px rgba(0,0,0,0.75);

-moz-box-shadow:inset 3px 3px 18px 2px rgba(0,0,0,0.75);

box-shadow:inset 3px 3px 18px 2px rgba(0,0,0,0.75);

font-weight:bold;

min-height: 80px;

}

a>div.stat-box:hover{

box-shadow:inset  1px 2px 10px 2px rgba(100,20,100,0.50); 

}

.bgone {

    background: #f4491b;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgtwo {

    background: #09a863;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgthree {

    background: #237a92;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgfour {

    background: #b7d201;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgfive {

    background: #a2a268;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgsix {

    background: #933;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgseven {

    background: #8239af;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgeight {

    background: #6e7b82;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgnine {

    background: #d0940d;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgten {

    background: #304427;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgeleven {

    background: #6b474c;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.bgtwelve {

    background: #201f80;

    color: #fff;

	text-align:center; 

	padding: 20px 10px 20px 10px;

}

.appbook {

margin-bottom:20px!important;

background:#ffffff;

-webkit-box-shadow:3px 3px 18px 2px rgb(146 146 146 / 75%);

-moz-box-shadow:3px 3px 18px 2px rgb(146 146 146 / 75%);

box-shadow:3px 3px 18px 2px rgb(146 146 146 / 75%);

}

ul.no-ul,ul.no-ul > li {

    width: 100%;

    float: left;

	list-style:none;

}

#loadingDiv {

position:fixed;

top:0;

right:0;

width:100%;

height:100%;

background-color:#666;

background-image:url(/img/ajax-loader.gif);

background-repeat:no-repeat;

background-position:center;

z-index:10000000;

opacity:.4;

filter:alpha(opacity=40);

display:none

}

input.error, select.error, textarea.error{ border:2px solid #c00;}

label.error{ color:#c00;} 

#successs,#tanc{width:100%;position:fixed;height:100%;z-index:99999;color:red;top:0;left:0;background:rgba(0,0,0,.8)}.customalert{padding:30px;outline:transparent solid 10px;max-width:500px;margin:10% auto;font-size:26px;display:table}.customalert-success,.customalert-tanc{outline-color:rgba(36,4,96,.5);border:5px dashed rgba(255,255,255,.2);color:#fff;background-color:#34096d}.customalert-success{font-size:30px;text-align:center}.customalert-tanc{font-size:16px;line-height:1.6em;text-align:left}.customclose{font-size:36px;color:#fff;border:none;background-color:#34096d;position:absolute;right:0;top:0}.ale-success,.cclose{background-color:#fff;text-align:center}.ale-success{color:#111;outline-color:rgba(132,130,130,.17);border:2px dashed rgba(255,154,209,.54);font-size:15px}.cclose{font-size:20px;color:#232222;border:none;position:absolute;right:-15px;top:-15px;border-radius:50%;width:30px;height:30px}.tc{font-size:9px;text-align:right}.postdata{ text-align:justify;}

#ajax_load{ display:none;}

.accordion-button {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    padding: 0.7rem 1.25rem;

    font-size: 0.9rem;

    color: #212529;

    text-align: left;

    background-color: #fff;

    border: 0;

    border-radius: 0;

    overflow-anchor: none;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;

}

.unreadbg{ background:#f7ecec; border:1px solid #ffb3b3;}

.gall_pi{

	margin-top:10px;

}

 .tooltip-inner {

     max-width:480px !important;

     white-space: normal;

     }

#composefrm .form-group{ margin-bottom:10px;}	 

.over_due{background:#f5e5e5;}

.btn_ad ,.btn_min{

    background-color: #8d8d8d;

    vertical-align: top;

	display:inline-block;

	text-decoration:none !important;

}

.btn_ad, .btn_min {

    text-align: center;

    line-height: normal;

    font-size: 24px;

    margin:0 5px auto;

    padding: 0;

    color: #fff;

    border-radius: 50%;

    border: none;

    width: 30px;

    height: 30px;

}

.btn_ad:hover{

	background:#0C3;

	}

.btn_min:hover{

	background:#C00;

	color:#fff;

	}	

	

.ui-autocomplete{

	 max-height:250px !important;

	 overflow:auto !important;

}	

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: #fff;

  opacity: 1; /* Firefox */

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: #ccc;

}

::-ms-input-placeholder { /* Microsoft Edge */

  color: #ccc;

}

.table-responsive{ overflow-x:auto;}

.nav-pills a.nav-link{ border:1px solid #ccc; margin:3px;}

.nav-pills a.active{ border:2px solid #c00;}

.wd-100{ min-width:155px; font-weight:bold;}

@media only screen and (max-width: 600px) {

.nav-item .nav-link{

	font-size:11px;

}}

.multiselect-container>li>a>label {

    margin: 0;

    height: 100%;

    cursor: pointer;

    font-weight: 400;

    padding: 3px !important;

}

.mill_pop .modal-dialog {

	max-width:800px;

	width:inherit;

}

.mill_pop .modal-body {

	padding-top:0

}

.mill_pop .mo_clo {

	position:absolute;

	right:-10px;

	top:-10px;

	background-color:#100e0f;

	font-size:17px;

	opacity:1;

	color:#fff;

	line-height:.2em;

	width:25px;

	height:25px;

	border-radius:50%;

	text-shadow:none;

	font-weight:300;

}

.mill_pop .modal-content {

	padding:10px;

	border-radius:0;

	border: 10px solid rgba(180, 206, 246, 0.6);

	outline:10px solid rgba(0, 0, 0, 0.12);

}

.mill_pop .modal-content p {

	text-align:justify;

}

.pop_hed {

	font-size:18px;

	color:#1b1619;

	padding:5px 15px;

	margin-bottom:10px;

	border-bottom:1px solid #ddd

}

@media(min-width:768px) {

 .de_hide, .bac_dr, .nav-trigger {

 display:none

}

 .moshow {

 display:none

}

}

.currentpage{

border-bottom: 2px solid #c00;

width:max-content;	

}

.otherpage{

border-bottom: 2px solid #000;

width: max-content;	

}

.line  { border-bottom:thin dashed; margin:10px; clear:both;}

.applyblink{color:#fff;background-color:#d9534f; border-radius:5px; font-size:18px;border-color:#d43f3a;padding:7px 20px;-webkit-animation:glowingapply 1.5s infinite;-moz-animation:glowingapply 1.5s infinite;-o-animation:glowingapply 1.5s infinite;animation:glowingapply 1.5s infinite}@-webkit-keyframes glowingapply{0%{background-color:#b20000;-webkit-box-shadow:0 0 3px #b20000}50%{background-color:red;-webkit-box-shadow:0 0 40px red}100%{background-color:#b20000;-webkit-box-shadow:0 0 3px #b20000}}@-moz-keyframes glowingapply{0%{background-color:#b20000;-moz-box-shadow:0 0 3px #b20000}50%{background-color:red;-moz-box-shadow:0 0 40px red}100%{background-color:#b20000;-moz-box-shadow:0 0 3px #b20000}}@-o-keyframes glowingapply{0%{background-color:#b20000;box-shadow:0 0 3px #b20000}50%{background-color:red;box-shadow:0 0 40px red}100%{background-color:#b20000;box-shadow:0 0 3px #b20000}}@keyframes glowingapply{0%{background-color:#b20000;box-shadow:0 0 3px #b20000}50%{background-color:red;box-shadow:0 0 40px red}100%{background-color:#b20000;box-shadow:0 0 3px #b20000}}

.appbook .row div{ margin-bottom:10px;}

input.error, select.error, textarea.error{ border:1px solid #c00;}

div.progress-bar{ margin-bottom:0px !important;}

#html5box-html5-lightbox .html5-next-touch,#html5box-html5-lightbox .html5-prev-touch {

top:40%!important

}

#html5-watermark{ display:none !important;}

.tooltip.show p {

   text-align:left;

 }

 .multiselect { min-width:200px;}

 small{ font-size:9px !important;}

 #notis .noticlose{

	position: absolute;

    top: -17px;

    right: -6px;

    display: block;

    margin: 0px;

    font-size: 29px;

	color: #4bb2e6;

}

#notis .notiarea{

	color:#000;

}

#notis .notiimg{

	float:left;

	margin-right:5px;

	max-width:100px;

	max-height:80px !important;

	padding:5px;

}

#notis div.notis{

    position:fixed;

    width: 380px;

    height: 127px;

    right: 0px;

    bottom: 0px;

    background: #fff;

    padding: 10px;

    margin: 10px;

    z-index: 999999;

}

#notis .heading{

   font-weight:bold;

   font-size:16px !important;	

}

#notis notimsg{

	float:left;	

}

#notis p{

   font-size:15px !important;

   line-height:20px;

}

.noticount {

  color: #fff;

  font-size: 10px;

  font-family: Arial, san-serif;

  font-weight: bold;

}

.notibadge {

  position: absolute;

  right: 0px;

  top: -5px;

  z-index: 10;

}

.notibadge {

    background: radial-gradient( 5px -9px, circle, white 8%, #3ba3d8 26px );

    background: -moz-radial-gradient( 5px -9px, circle, white 8%, #3ba3d8 26px );

    background: -ms-radial-gradient( 5px -9px, circle, white 8%, #3ba3d8 26px );

    background: -o-radial-gradient( 5px -9px, circle, white 8%, #3ba3d8 26px );

    background: -webkit-radial-gradient( 5px -9px, circle, white 8%, #3ba3d8 26px );

    background: -webkit-radial-gradient( 5px -9px, circle, white 8%, #3ba3d8 26px );

    background-color: #76a2e4;

    border-radius: 50%;

    width: 15px;

    height: 15px;

    text-align: center;

    padding: 4%;

    position: absolute;

    left: -19.8px;

    top: -13px;

    float: left;

    display: block;

 }

.noticount {

    position: relative;

    display: block;

    font: bold 14px/13px Helvetica, Verdana, Tahoma;

    text-align: center;

    margin: 0;

    top: -5px;

    left: -4px;

}

.dropdown-toggle::after{border-top: none !important;}

#taskupdatefrm .multiselect {
	 min-width: 160px !important;
    max-width: 160px !important;
}
.modal-dialog{ padding-top:100px;}
.nd{ opacity:0.6; color:gray;}
.nd:hover{ opacity:0.6; color:gray;}