body{background:none;font-family:'opensans',Arial;font-size:14px;margin:0px 0px;color:#000}

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
*/

@font-face {
    font-family:opensans;
    src: url(OpenSans-Regular.ttf);
} 

@font-face {
    font-family: opensans;
    src: url(OpenSans-Semibold.ttf);
    font-weight: bold;
}
@font-face {
  font-family: 'opensans';
  font-style: normal;
  font-weight: 600;
  src: url(OpenSans-Semibold.ttf);
}
@font-face {
  font-family: opensans;
  font-style: normal;
  font-weight: 100;
  src: url(OpenSans-Light.ttf);
}
@font-face {
    font-family: handwrite;
    src: url(angelina.ttf);font-weight:100;
}

@font-face {
  font-family: bcode;
  src: url(code39.ttf);
}

@font-face {
  font-family: pfont;
  src: url(proxima_nova_reg-webfont.ttf);
}


.bcode {
  font-family: bcode;
  font-size:40px;
}

input[type="search"] {
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
	box-sizing: content-box;
 	-webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
}
	

.header-xl{font-size:20px; font-weight:100;padding:5px 15px 0;color:#cd0036;}            
table,div{font-family:'opensans',Arial;font-size:13px;text-align:left;padding:0;}
.table-condensed{background:#fff;}
hr{margin:5px 0 0; padding:5px;border-top:1px solid #eee; }
.table{margin-bottom:0;}

#p-table:last-child{
    border-bottom:1px solid red!important;
} 

#tdmenu{padding:5px;}
.menu-wrap {
    -webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.75);
    height: 500px;
    width: 175px;
    position:fixed;
    left:0;
    background:#0e6296;
    overflow:auto;
    
}

.upload-field{ width:100px; height:25px; background:rgb(27, 116, 171); border-radius:5px;color:#fff; padding:2px;}


 /* SCROLL TRACK*/
.menu-wrap::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.menu-wrap::-webkit-scrollbar
{
	width: 3px;
	background-color: #5A5A5A;
}

.menu-wrap::-webkit-scrollbar-thumb
{
	background-color: #525050;
}

/* END SCROLL TRACK */
.code-bg{background:url('../images/blueprint-dark.png') repeat ;}
 
table.menu1 {
    padding: 3px;
    font-weight: normal;
    color: #555;
    border: 0px solid #ccc;
    border-collapse: collapse;
    min-width: 130px;
}

.table-hover > tbody > tr.spelect-row:hover > td,
.select-row > td {
    background-color: #fff;
}
.select-row > th {
    background-color:#f5f5f5;
}

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #ecebeb;
}


.form-control{
	height: 23px;
	color:#000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0)!important;
    -webkit-transition: border-color ease-in-out .0s,-webkit-box-shadow ease-in-out .0s!important;
    -o-transition: border-color ease-in-out .0s,box-shadow ease-in-out .0s!important;
    transition: border-color ease-in-out .0s,box-shadow ease-in-out .0s!important;
}
/* Notice Board */
.notice-board{width:800px; height:450px; background:#f1f1f1; border:1px solid #ccc; margin:40px auto;padding:10px; overflow:auto;
position:relative;
-webkit-box-shadow: 1px 1px 5px 0px rgba(179,179,179,0.5);
    -moz-box-shadow: 1px 1px 5px 0px rgba(179,179,179,0.5);
    box-shadow: 1px 1px 5px 0px rgba(179,179,179,0.5)}
.notice-board-header{background:rgb(10, 70, 107);color:#fff; font-weight:400; font-size:15px; position:absolute; top:0; left:0;right:0;padding:5px 8px;}

/*login page styles */
.login-gbg{
xbackground: #36D1DC;  /* fallback for old browsers */
xbackground: -webkit-linear-gradient(to bottom, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */

xbackground: linear-gradient(to bottom, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background:url('res/images/tech-bg.png') center bottom -60px, linear-gradient(to bottom, #5B86E5, #36D1DC);
}
.dropdown-menu li pbanc{
	display: block;
	padding:0;
	clear: both;
    font-weight: bold;
	line-height: 1.42857143;
	color: #333;
	font-size:13px;
    white-space: nowrap;
	text-align:left;
}
.dropdown-menu li{border-bottom:1px solid #ccc;}  

.dropdown-menu li:nth-last-child(1){border-bottom:0;}
    
 .login-wraper{padding:15px; border:0px solid #ccc;border-radius:3px; margin:65px auto;background:#fff; width:314px;
 	-webkit-box-shadow: 3px 5px 7px -2px rgba(0,0,0,.3);
-moz-box-shadow: 3px 5px 7px -2px rgba(0,0,0,.3);
box-shadow: 3px 5px 7px -2px rgba(0,0,0,1,.3);
 }
.login-wraper input[type='text']{ width:100%;padding:7px 10px;border:1px solid #ccc;margin-bottom:5px; font-family:opensans;font-size:13px; }
.login-wraper input[type='password']{ width:100%;padding:7px 10px;border:1px solid #ccc;margin-bottom:5px; font-family:opensans;font-size:13px; }
.login-wraper input[type='submit']{background:#198ac9;color:#fff; width:100%;padding:7px 10px;cursor:pointer;border:0; border-radius:2px; font-family:opensans;font-size:13px;font-weight:bold;
 -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s;}
.login-wraper input[type='submit']:hover{background:#186ca0;color:#fff; width:100%;padding:7px 10px;cursor:pointer;border:0; border-radius:2px; font-family:opensans;font-size:13px;font-weight:bold}
.login-wraper select{width:100%; padding:7px 10px!important;border:1px solid #ccc;margin-bottom:5px; font-family:'opensans',arial;font-size:13px; }
.login-alerts ul{}
.login-alerts li{list-style-type:none; font-weight:100;padding:3px;}
/*very important*/
.bs-fixed-top{position:fixed;top:0px;right:0;left:0;}
.bs-fixed-middle0{background:#fff; padding:0px 5px;margin-top:65px;}
.bs-fixed-middle1{background:#fff; padding:0px 5px;margin-top:35px;}
.bs-fixed-middle3{background:#fff; padding:0px 5px;margin-top:210px;}
.bs-fixed-middle4{background:#fff; padding:0px 5px;margin-top:25px;}

.bs-fixed-bottom{background:#f1f1f1;padding:10px 10px;border-top:1px solid #ccc;position:fixed;bottom:0; left:0;right:0;}
.bs-fixed-bottom2{background:#f1f1f1;padding:10px 10px;border-top:1px solid #ccc;
position:fixed;bottom:0; left:0;right:0;}

.bs-fixed-top3{position:fixed;top:100px;right:0;left:0;}

/*very important*/

.bs-fixed-top2{position:fixed;top:70px;right:0;left:0;}
.edit-header-fixed{position:fixed;top:0;right:0;left:0;}
.eidt-header-next{margin-top:50px;}

.edit-form-head{color: #cd0036; font-weight:bold; font-size:15px;padding-left:10px;border-bottom: 1px solid #ddd;background:#fff;} 
.edit-form-head2{color: #cd0036; font-weight:bold; font-size:13px;padding-left:10px;border-bottom: 1px solid #ddd;} 
/* background:rgba(245, 239, 226, .9)*/
.ederror2{background:rgba(255, 232, 232, 1);font-weight:bold;color:#f00;padding:10px 5px;display:none; position:fixed;top:10px; left:5px;right:10px;z-index:9999; box-shadow:2px 2px 2px 2px #000;
border-left:3px solid #FF9999;
-webkit-box-shadow: 3px 3px 5px 0px rgba(214,214,214,1);
-moz-box-shadow: 3px 3px 5px 0px rgba(214,214,214,1);
box-shadow: 3px 3px 5px 0px rgba(214,214,214,1);
}
/* index drop down */
.stack-menu {  padding:0; margin: 0; display: inline; cursor: pointer; font-size:12px;}
.stack-menu:hover{color: #000;}	
/*slide navigation styles*/
#slide-nav { background-color: #fff ; height:auto; display:none; float: right;position: absolute;
	top: 24px; right:12px;z-index: 9900; box-shadow: 1px 0px 2px #000;border-bottom:1px solid #3f6c9a;width: 162px;padding: 4px 8px 4px;} 
#slide-nav table { border-collapse:collapse; padding: 0; margin: 0;}
#slide-nav td { border-bottom: 1px solid #d8d8d8;padding-left:3px; height:30px;}
#slide-nav td:hover { border-bottom: 1px solid #d8d8d8;padding-left:3px;  background-color: #f1f1f1;}
#slide-nav td img{ margin-bottom:-4px; padding-right:4px;}
#slide-nav a {list-style: none;color: #333;  font-size: 12px;height: 25px; line-height: 25px; text-decoration: none;display: block; padding: 0px 15px 0 5px;}
#slide-nav a:hover {color:#666; display:block; border: none;}
#slide-nav tr:nth-last-child(1) td{border-bottom:0;}

/* popup css*/
.popup-header-fixed td{background:#424d61; color:#fff; padding:8px 10px;}
.bs-popup-body{ width:100%; height:440px;background:#fff;/*overflow:auto;*/ padding:10px 10px 10px;}
.bs-popup-body-sml{ height:200px;background:#fff;overflow:auto; padding:5px}
.bs-popup-link{ cursor: pointer;color: #007dc3; text-decoration:underline;padding-left:5px;}
.bs-popup-link:focus{padding-left:5px;outline: none; text-decoration: none;background: #354048!important; color:#fff; }


/* Alerts*/
.alert{border-radius:0;margin:10px;padding:10px;}

input{ padding:2px;}
select{ padding:2px;}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 4px;
}

select:not([multiple]){
    -webkit-appearance:none;
    -moz-appearance:none;
    background-position:right 50%;
    background-repeat:no-repeat;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: 2px 5px;
    padding-right:1.5em;
    border-radius:0;
    
}

#mySelect {
    border-radius:0;
}
.cmb{color:#000;}

.bs-spacer1{padding:5px;background:#eef1f5;}
.bs-spacer1-w{padding:5px;background:#ffffff;}
.bs-spacer2{padding:10px; background:#fff;}
.bs-spacer3{padding:35px 10px 10px 10px; }

.btn{border-radius:0;margin-bottom:3px;min-width:60px;}

.active td{background:#fff;}
tr.active th{background:#fff;}
.table-borderless td{border: 0!important;}
.table-borderless th {border: 0!important;}

.txt-small{width:43px;padding:0; text-align:center;}

.tabselected {
    margin: 0px;
    background-color: #fff;
    padding: 2px 9px 2px 9px;
    border:0;
    border-top: 2px #198ac9 solid;
    color: #198ac9;
    border-right:1px solid #f1f1f1;
    border-left:1px solid #f1f1f1;
    margin-top:3px;
}
.tabnormal {
    background-color:rgba(221, 221, 221, 0.39);
    color:#000;
    padding: 2px 9px 2px 9px;
    border-right: 1px rgba(221, 221, 221, 0.39) solid;
    border-top: 2px rgba(221, 221, 221, 0.39) solid;
}

.tabselected2 {
    background-color: #eef1f5;
    text-align:center;
    color: #bf0036;
    font-weight:bold;
    padding:4px 10px;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    
}
.tabnormal2 {
    background-color:#fff;
    text-align:center;
    color:#000;
    border-right:1px solid #ccc;
    font-weight:bold;
         -moz-transition: width 0.5s; /* moz */
         -webkit-transition: width 0.5s; /* Safari */
    transition:background 0.5s;
    padding:4px 10px;
    
}
.tabnormal2:hover {
    background:#f4f6f9;
     color: #000;
}

/*.tab-container2-old{display: block;background: #e9edf4;padding:3px 3px 0; }*/
.tab-container2{display: block;background: #fff;padding:3px 3px 0; }

.fixedtop{
    background-color: #f5f5f5;
    text-align: left;
    padding: 5px 0px 5px 10px;
}
.btn-info{background:#516371;border-color:#516371;color:#fff}
.btn-info:hover{background: #354048!important;border-color:#354048;color:#fff}
.btn-info:active{background: #354048!important;border-color:#354048;color:#fff}
.btn-info:focus{background: #354048!important;border-color:#354048;color:#fff}

/* for dashboard */
.db-btn-ctr{display:block;border-bottom:0px solid #ccc;background:#fff;padding:5px 0px 0px 3px;}
.btn-db{padding:4px 16px; font-size:13px; margin-right:1px; color:#777; background:#fff;border-left:0;border-right:0px solid #f1f1f1;border-top:0;font-weight:bold;border-bottom:1px solid #fff;}
.btn-db:hover{background:#f1f1f1!important; color:#c1003a;border-bottom:1px solid #fff;
    -webkit-transition: background .5s; /* Safari */
transition: background .5s;}

.btn-default{color: #fff;background-color: #807f7d;}
    
    /* for dashboard */

.btn-db2{
    
    padding:4px 16px !important; font-size:13px; margin-right:1px; color:#007dc3; background:#f1f1f1;border-left:0;border-right:0px solid #f1f1f1;border-top:0 !important;font-weight:bold;border-bottom:1px solid #fff;
}
.btn-db2:hover{color:#c1003a;border-bottom:1px solid #fff;
    -webkit-transition: background .5s; /* Safari */
    transition: background .5s;}


.btn-default{color: #fff;background-color: #807f7d;}

/*Footer #cd0036*/
.base-footer{padding:3px 8px; font-size:11px;}

.label-default{min-width:105px!important;}
.tab-container{display: block;
    border-bottom: 1px solid #ccc;
    background: #f1f1f1;
}

.btn-setup{
	font-family:opensans;
	font-size: 13px;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    line-height: 100%;
    padding:7px 5px ;
    width: 80px;
	font-weight:bold;
    text-align: center;
    /* border: 1px solid #e8e6e6; */

	background:#516371;border-color:#516371;color:#fff;
	    border-left: 1px solid #516371;
}
.btn-setup:hover{background:#354048;color:#fff}

.btn-primary{background:#007dc3;border:1px solid #007dc3;}
.btn-primary:hover{background:#198ac9;border:1px solid #198ac9;}
.btn-primary:active{background:#198ac9!important;;border:1px solid #198ac9;}
.btn-primary:focus{background:#198ac9!important;;border:1px solid #198ac9;}
.btn-success:active:focus{background:#198ac9!important;;border:1px solid #198ac9;}

.btn-danger{background:#c50000;border:1px solid ##e64005;}
.btn-danger:hover{background:#f00;border:1px solid #f00;}
.btn-danger:active{background:#f00!important;;border:1px solid #f00;}
.btn-danger:focus{background:#f00!important;;border:1px solid #f00;}
.btn-danger:active:focus{background:#f00!important;;border:1px solid #f00;}


.btn-green{background:#04c104;border:1px solid #04c104;}
.btn-green:hover{background:#079a07;border:1px solid #079a07;}
.btn-green:active{background:#079a07!important;;border:1px solid #079a07;}
.btn-green:focus{background:#079a07!important;;border:1px solid #079a07;}
.btn-green:active:focus{background:#079a07!important;;border:1px solid #079a07;}

.btn-dboard{
font-size: 14px;
    text-decoration: none;
    padding: 3px;
    font-weight: normal;
    color: #101f42;
    line-height: 100%;
    background:#e4e8f1;
    padding: 10px;
    text-align: center;
    border: 1px solid #e8e6e6;
}
.btn-dboard:hover{background:#69758c;color:#fff;}




.dboard-menu td{color:red;}
.db-menu-active{color:green;}
.dboard-menu-active {border-bottom:2px solid #c1003a!important;color:#c1003a!important; background:#fff;}

.list-link{color:#198ac9;}
.list-blue{color:#1932c9;}
.popup-header-fixed2 td {
    color: rgb(255, 255, 255);
    background: rgb(66, 77, 97);
    padding: 8px 10px;
    position:fixed;
    left:0;
    right:0;
}

.help{    position: absolute;
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 12px;
    width: 300px;
    height: 120px;
    overflow: auto;
    color: #000;
    background-color: #FDEC67;
    padding: 12px;}


/*Important-right lablel*/
.right-label{text-align:right;}
.txd_datepicker{font-family: 'opensans',arial;font-size:12px;padding-left: 5px;padding-right: 5px;width:165px;border:1px solid #ccc; background:url('../images/date-control.png') no-repeat right 4px top 4px;}
.txd_datepicker:focus{font-size:12px;padding-left: 5px;padding-right: 5px;background-color: #dde9ed;}
.txd_datepicker-sm{font-family: 'opensans',arial;font-size:12px;padding-left: 5px;padding-right: 5px;   border:1px solid #ccc; background:url('../images/date-control.png') no-repeat right 4px top 4px;}

.datepicker{font-family: 'opensans',arial;font-size:12px;padding-left: 5px;padding-right: 5px;width:165px;border:1px solid #ccc; background:url('../images/date-control.png') no-repeat right 4px top 4px;}
.datepicker:focus{font-size:12px;padding-left: 5px;padding-right: 5px;background-color: #dde9ed;}
.datepicker-sm{font-family: 'opensans',arial;font-size:12px;padding-left: 5px;padding-right: 5px;   border:1px solid #ccc; background:url('../images/date-control.png') no-repeat right 4px top 4px;}


.txa2{width:200px;height:80px; font-family:opensans;}
.fixed-bottom{ padding:2px 5px; border-top:2px solid #fff; background:#ebeef3;;position:fixed; 
bottom:0;left:0;right:0;font-size:11px;}
.popup-header-fixed3{
    background:rgb(27, 116, 171);
    padding: 8px 10px;
    position:fixed;
    left:0;
    right:0;
    z-index:999;
}
.popup-header-fixed3 td{color:#fff;}

.table-readonly td:nth-child(1){ text-align:right;}
.table-readonly td:nth-child(2){font-weight:bold;}
.mandatory2{padding:3px;margin-top:3px;float:left}
.alert-danger {
    color: rgb(169, 68, 66);
    background-color:#ffd6cc;
    border-color: #f3b9aa;
}

.date-reset{padding-left: 3px;
    display: inline-block;
    text-align: center;
}
.bs-alert-box{background:#fff; width:300px;border:1px solid #ccc;
            -webkit-box-shadow: 0 0 5px 0 rgba(204,204,204,1);
               -moz-box-shadow: 0 0 5px 0 rgba(204,204,204,1);
                    box-shadow: 0 0 5px 0 rgba(204,204,204,1);
                    padding:15px 10px 15px 10px;margin:15px auto;
}
.action-menu-header{background:#fff;color:#c1003a!important; font-weight:bold;padding:10px 10px; position:fixed; left:0; right:0; top:0; height:32px;line-height:12px; font-size:18px!important;border-bottom:1px solid #f1f1f1;overflow:hidden;}

.action-menu-header div{font-size:14px!important;font-weight:bold;}
.mandatory-bar {border-left:2px solid #f00;}
.demo-block{ width:14px; height:14px; border:1px solid #f1f1f1;float:left;}
/*
.panel{border-radius:0;border:0; border-bottom:0px solid #f1f1f1;margin-bottom:2px;
    -webkit-box-shadow:0 0 0 0 #888;
       -moz-box-shadow:0 0 0 0 #888;
    		box-shadow:0 0 0 0 #888;
    
}
.panel .panel-default{border-radius:0;}
.panel-heading{padding:0;}
.panel-title{}
.panel-title a{display:block;padding:5px;color:red;}
.panel-body{padding:5px;}
.panel-default{margin-top:0;}
.panel-collapse{border:1px solid #cccccc;border-top:0; padding:5px 10px;}
.panel-group .panel+.panel {margin-top: 1px;}
*/

/* for Accordion */
a.accord-header{color:#198ac9; font-size:13px;font-weight:bold;display:block;padding:5px 5px 5px 10px;text-decoration:none;background: #eef1f5;
    border: 1px solid #cccccc; }
a.accord-header:hover{color:#198ac9; font-size:13px;font-weight:bold;display:block;padding:5px 5px 5px 10px;text-decoration:none;background:#f1f1f1;}

a.accord-header2{color:#353f54; font-size:13px;font-weight:bold;display:block;padding:5px 5px 5px 10px;text-decoration:none;background: #f9fbfd;
    border: 1px solid #e6e2e2;}
a.accord-header2:hover{background: #fff;
    color: #c1003a;font-size:13px;font-weight:bold;display:block;padding:5px 5px 5px 10px;text-decoration:none;}
a.accord-header2:active{color:#353f54; font-size:13px;font-weight:bold;display:block;padding:5px 5px 5px 10px;text-decoration:none;background:#f1f1f1;}

/* Typography */
.header-lg{color:#c1003a; font-size:15px; font-weight:bold;padding:0px;}
td.header-lg{color:#c1003a; font-size:15px; font-weight:bold;padding:0;}
.header-lg-top{background:#fff;color:#c1003a; font-size:15px; font-weight:bold;padding:5px 5px ;border-bottom:0px solid #ccc;}
.header-md{color:#c1003a; font-size:14px; font-weight:bold;padding:0px;}
td.header-md{color:#c1003a; font-size:14px; font-weight:bold;}
.header-md-top{color:#c1003a; font-size:14px; font-weight:bold;padding:5px 10px ;border-bottom:1px solid #f1f1f1;}
.header-md-top-fixed{color:#c1003a; font-size:14px; font-weight:bold;padding:5px 10px ;border-bottom:1px solid #f1f1f1;position:fixed;top:0; left:0;right:0;background:#f5f5f5;z-index:9999;}
.header-sm{color:#c1003a; font-size:12px; font-weight:bold;padding:0px;}
td.header-sm{color:#c1003a; font-size:12px; font-weight:bold;}

.todo-note{background-color:#FDEC67;padding:5px;border:1px #eee solid;width:100%;height:80%;outline:none;}
.note{background-color:#FDEC67;padding:5px;border:1px #eee solid;width:100%;outline:none;}
.notes-count{padding:1px 0 0 0; width:16px; height:16px; background:#fff; text-align:center;position:absolute; top:3px;right:3px; font-size:10px;font-weight:bold;border-radius:100px;color:#c1003a;}

.profile-widget{width:280px; height:280px;margin:10px; border:1px solid #ccc;position:relative; }
.profle-header{width:100%; text-align:center;height:40px; background:#f1f1f1;margin-bottom:70px;}
.profile-pic{width:100px; height:100px;border:2px solid #fff;position:absolute;top:10px; left:85px;background:#ccc; }

.upperfirst::first-letter {text-transform:capitalize;}
/*inputs*/

.txtnum{font-size:12px;padding-left: 5px;padding-right: 5px;background-color: #ffffff;border:1px solid #ccc;text-align:right;}
.txtnum:focus{text-align:right;background-color: #dde9ed;}
 
.txt{font-family: 'opensans',arial;font-size:12px;padding-left: 5px;padding-right: 5px;background-color: #ffffff;border:1px solid #ccc;width:165px; }
.txt:focus{font-size:12px;padding-left: 5px;padding-right: 5px;background-color: #dde9ed;}
.txa{font-size:12px;font-family: 'opensans',arial;border-width: 1px;padding-left: 3px;width:282px;border-style: solid;border-color: #d0d0d0;height:80px;background-color: #ffffff;vertical-align:top;}
.txt-num{font-family: 'opensans',arial;font-size:12px;padding-left: 5px;padding-right: 5px;background-color: #ffffff;border:1px solid #ccc;width:80px}
.txasmall{font-size:12px;font-family: arial,verdana,sans-serif;border-width: 1px;padding-left: 3px;width:282px;border-style: solid;border-color: #d0d0d0;height:40px;background-color: #ffffff;}
.txalarge{font-size:12px;font-family: arial,verdana,sans-serif;border-width: 1px;padding-left: 3px;width:282px;border-style: solid;border-color: #d0d0d0;height:150px;background-color: #ffffff;}
.txamsg{font-size:12px;font-family: arial,verdana,sans-serif;border-width: 1px;padding-left: 3px;width:422px;border-style: solid;border-color: #d0d0d0;height:150px;background-color: #ffffff;}
.txanote{font-family:handwrite;font-size:16px; border-width: 1px;padding-left: 3px;width:282px;border-style: solid;border-color: #d0d0d0;height:180px;background-color: #ffffff;}
.txaauto{font-size:12px;font-family: arial,verdana,sans-serif;border-width: 1px;padding-left: 3px;width:100%;border-style: solid;border-color: #d0d0d0;height:150px;background-color: #ffffff;}
.handwrite{font-family:handwrite; font-size:20px; letter-spacing:1px;}
.cmb{font-size:12px;background-color: #ffffff;border:1px solid #ccc;width:165px;}
.cmb:focus{background-color: #dde9ed;}
.readonly{font-size:12px;background-color: #eeeeee;}
.lblbox{font-family: 'opensans',arial;font-size:12px;padding-left: 5px;padding-right: 5px;background-color: #ffffff;border:1px solid #ccc;width:165px; }



/* form main.css - must check and delete */
.app-bs-header{background:#e1e7f2;}
.img-icon{margin-bottom:0px;}
.img-top{margin-top:-4px;}
.small-label{font-size:11px;}
.help-content{ padding:5px; height:140px; overflow:auto; font-size:12px;} 
.submenu-heading{color:rgb(255, 161, 138) !important;}

.table-sub-content{border-top: 1px solid #ccc;padding: 5px;}
.menu2-sublink{color:#000; padding:3px 5px;font-weight:bold; border-bottom:1px solid #f1f1f1; background:#e8ecf5;font-size:13px;border-bottom: 1px solid #666;}
.menu2-sublink:hover{}

.menu2-linelink{color:#000; padding:3px 5px;display:block!important;border-left:2px solid #fff;border-bottom:1px solid #dfdfdf;font-size:12px; }
.menu2-linelink:hover{color:#000; padding:3px 5px;background:#f1f1f1;border-left:2px solid #da502c;font-size:12px; }
/*menu2*/
.dropmenu{
	display:none; position:absolute; left:200px;top:0px;
	margin-left:1px;
	margin-top:0px;
	box-shadow:0px 0px 5px  #666;
	background:#fff;
}

/*menu panel */
.menu-wrap{
-webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.75);
min-height:280px;
}



img{vertical-align:auto;}
a {font-family:'opensans';text-decoration:none;color:#555;}

/* Progress */
.progress{position:absolute;top:6px;padding:0px;right:6px;font-family:Arial;border:1px solid #ccc;background-color:#eee;color:#777}

.progress2{position:absolute;top:6px;padding:0px;right:6px;font-family:Arial;border:1px solid #ccc;background-color:#eee;color:#777}

.hand{cursor:hand;cursor:pointer;}
/* check */
 table,div{font-family:'opensans',Arial;font-size:13px;text-align:left;}
.para{font-family:'opensans',Arial;font-size:14px;padding:2px;text-align:left;color:#333;font-weight:bold}
/* QA */
.qa-panel{position:fixed;top:0px;left:0px;bottom:0px;background:#ebeff7;width:200px;
    box-shadow:6px 1px 5px -5px #ccc;
}
.qa-panel>.panel{background:none!important;}
.qa-panel>.panel-collapse{background:red;}
.qa-panel ul{padding:0;margin:0;}
.qa-panel li{list-style:none;padding:0; margin:0;}
.qa-paner a{cursor:pointer;}

/* widget-table*/
.wid-cnt{width:290px;padding:3px;height:205px; overflow:auto;}
.widget{font-size:14px;text-decoration:none;color:#555; border:0px solid #ccc;background:#fff;position:relative;margin:5px;padding:5px 10px;
} 
.widget-header{color:#243149;font-weight:bold; font-size:15px;padding:5px; border-bottom:1px solid #ccc;z-index:999;margin-bottom:15px;}
.widget-icon{float:right; padding:3px;width:15px; height:15px;}
.widget-ctr{margin-top:25px;z-index:998;}
.widget-table{ border-collapse:collapse; }
.widget-table th{padding:6px 5px;color:#353f54; font-weight:900; border-bottom:1px solid #ccc;border-bottom:1px solid #353f54;}
.widget-table td{padding:5px;color:#000; background:#fff;border-bottom:1px solid #f1f1f1;}

/* Attendance panel */
.att-ctr{background:#f8f8f8; border:1px solid #ccc; padding:10px;}
.att-ctr table{}
.att-ctr table td{padding:5px 0 0 0; color:#333;}
.att-state{margin:0 10px 10px 0; width:40px; border:1px solid #ccc;  text-align:center; float:left;background:#fff;}
.att-state a{display:block;  padding:3px 0; cursor:pointer;}
.att-state a:hover{background:#eeeeee;}
.att-status{ background:#eeeeee; border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:5px 0;}

.toc{font-family:'opensans',Arial;font-size:13px;padding:2px;text-align:left !important;color:#555}

.mob-nav{width:250px;}
.svg-20{width:35px;height:25px; border:0px solid #fff!important;padding:3px 7px; background:rgba(0,0,0,0.2); border-radius:4px;}
.svg-20:hover{ background:rgba(0,0,0,0.6);  }
.mob-link{background:#566279; color:#fff; font-weight:bold;display:block;border-bottom:1px solid #6e7788;padding:6px;border-left:3px solid #566279;}
.mob-link:hover{background: #fff;
    color: #333;
    border-left: 3px solid #da502c;}
    
.spl-info{
	background-color:#fff5f2;
    color: #313131;
    padding: 6px;
    border: 1px solid #f0ae94;
    font-weight: 600;
    font-family:opensans;
    font-size: 12px;
    border-left: 3px solid #f0ae94;
    line-height: 16px;
}
.bg-label-green{font-family:opensans;font-size:11px; color:#333; padding:3px 8px; background:#f0f8e4;display:inline-block;}

/*
div::-webkit-scrollbar {
    width: 12px;
}
 
div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}*/

/* old css */
table.slane{padding:3px;font-weight:normal;color:#555;border:1px solid #ccc;border-collapse: collapse;}
table.slane th{font-family:Arial;font-size:16px;padding:4px;font-weight:bold;color:#333;border:1px solid #ccc;background-color:#eee;}
table.slane  td {font-family:Arial;font-size:13px;font-weight:normal;color:#555; border:0px solid #ccc;}

select{border:1px solid #ccc;  font-family:'opensans',arial; }
.anc0 {font-size:14px;text-decoration:none; padding:3px;padding-right:6px; padding-left:6px;font-weight:normal;color:#555;text-decoration:none}
.anc1 {font-size:14px;text-decoration:none; padding:3px;padding-right:6px; padding-left:6px;font-weight:normal;color:#555; border:1px solid #ccc;border-radius:3px}
.anclegend {margin: 2px;
    border-radius: 5px;
    font-size: 10px;
    border: 1px #666 solid;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #ddd;
    color: #555;}
.button0 {font-size:12px;text-decoration:none; padding:1px 10px;font-weight:normal;color:#555; border:1px solid #888;border-radius:3px} 

.button1 {font-size:14px;text-decoration:none; padding:3px;padding-right:6px; padding-left:3px;font-weight:normal;color:#555; border:1px solid #888;border-radius:3px;line-height:100%;} 
.error{background-color:#f00;padding:3px;color:#FFF;font-size:14px;}
pbanc{text-decoration:none;cursor:hand;cursor: pointer;font-family: 'opensans',Arial; }
table.tableerror{padding:3px;font-weight:normal;color:#555;border:1px solid #ccc;border-collapse: collapse;}
table.tableerror th{padding:4px;font-weight:bold;background-color:#C97575; color:#4C1E1E;border:1px solid #ccc;}
table.tableerror  td {padding:3px;font-weight:normal;color:#555; border:1px solid #ccc;}

.shadow {
  -moz-box-shadow:    1px 1px 2px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px 2px #ccc;
  box-shadow:         1px 1px 2px 2px #ccc;
}
.allshadow{border:1px solid #ccc;
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);
	 -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
		 -ms-box-shadow: 0 0 5px rgba(0,0,0,0.4);
		  -o-box-shadow: 0 0 5px rgba(0,0,0,0.4); 
			 box-shadow: 0 0 5px rgba(0,0,0,0.4);
			 }
.allshadow10{border:1px solid #ccc;
      -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
   -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
       -ms-box-shadow: 0 0 10px rgba(0,0,0,0.4);
        -o-box-shadow: 0 0 10px rgba(0,0,0,0.4);
		   box-shadow: 0 0 10px rgba(0,0,0,0.4);		
		   }

.fixedtop{position:fixed;top:0px;left:0px;border:1px solid #ccc;-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 10px 0px #333;background-color:#fff;display:block;background-color:#eee;}
.fixedtop2{position:absolute;top:0px;left:0px;border:1px solid #ccc;-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 10px 0px #333;background-color:#fff;display:block;background-color:#eee;}


/*xxx*/
/*menu1*/
table.menu1{padding:3px;font-weight:normal;color:#555;border:0px solid #ccc;border-collapse: collapse; }
table.menu1  th{font-size:14px;font-weight:bold;text-align:center;padding:3px;padding-right:8px;color:#fbfbfb; border-bottom:1px solid #5d6678;background-color:#353f54;height:27px;line-height:27px;}
table.menu1  td {font-size:12px;font-weight:bold;text-align:right;padding:3px 8px 3px 3px;color:#fbfbfb;background-color:transparent;border-right:3px solid transparent;cursor:pointer;}
table.menu1  td:hover {border-right:3px solid #eb5e39; color:#fff;background: #1c7cb7;}
.menu1-active{border-right:3px solid #da502c!important; color:#fff!important;background: #186ca0!important;}

/*menu2*/
table.menu2{padding:3px;font-weight:normal;color:#555;border:0px solid #ccc;border-collapse: collapse; }
table.menu2  th{font-size:14px;font-weight:bold;text-align:center;padding:3px;padding-bottom:8px;color:#fbfbfb; border-bottom:1px solid #5d6678;background-color:#353f54;height:27px;}
table.menu2  td {font-size:12px;font-weight:bold;text-align:right;padding:3px 8px 3px 3px;color:#fbfbfb;background-color:#353f54;border-bottom:3px solid #353f54;}
table.menu2  td:hover { color:#b4b4b4}
.menu2-active{border-bottom:3px solid #da502c!important; color:#b4b4b4!important;}

table.submenu1{min-width:200px;background-color:#fff;padding:3px;font-weight:normal;color:#555;border:0px solid #ccc;border-collapse: collapse;margin-left:5px; margin-top:3px; }
table.submenu1  th{font-size:14px;font-weight:bold;text-align:left; padding-right:8px;color:#fbfbfb; border-bottom:1px solid #fff;background-color:#0e6296;height:26px;line-height:25px;}
table.submenu1  td {font-size:13px;font-weight:bold;text-align:left;padding:2px 2px 0;padding-left:4px;color:#fbfbfb; background-color:#0e6296;}
.submenudiv{font-family:opensans;width:175px;float:left;border-left:0px solid #aaa;font-weight:100;padding:4px 3px 4px 3px;
    border-bottom: 1px solid #1f7ab3;margin-left: 10px;margin-bottom:4px}
.submenudiv:hover{ color:#d6d6d6}
.topcombo{font-size:12px;background-color: #ffffff;border:1px solid #ccc;max-width:200px;}

/*menu4*/
table.menu4{padding:3px;font-weight:normal;color:#555;border:0px solid #ccc;border-collapse: collapse; }
table.menu4  th{font-size:14px;font-weight:bold;text-align:center;padding:3px;padding-right:8px;color:#fbfbfb; border-bottom:1px solid #5d6678;background-color:#353f54;height:27px;line-height:27px;}
table.menu4  td {font-size:12px;padding:3px 8px 3px 3px;background-color:transparent;border-right:3px solid transparent;cursor:pointer;color:#fff!important;border-bottom:1px solid #1979b5;padding:8px 15px;}
table.menu4  td:hover {border-right:3px solid #eb5e39; color:#fff;background: #1c7cb7;}
.menu4-active{border-right:3px solid #da502c!important; color:#fff!important;background: #186ca0!important;}
.submenu-heading4{color:rgb(255, 161, 138) !important; font-weight:100!important;}



.stage-normal{
	position:relative;
	margin:15px;margin-top:5px;
	background:#fcf8e3; 
	border:2px solid #e1cda3;
	cursor: hand; 
    padding: 5px; 
    font-size: 13px;
    text-align: center;
	font-weight:bold;
	border-radius:5px;
}
    
.stage-highlight{	margin:15px;	position:relative;margin-top:5px;
background:#ae7600; border:2px solid #885c00; font-weight:bold;color:#fff; text-align:center; padding: 5px;border-radius:5px; 
	-webkit-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
}

/*
@media only screen (max-width: 900px) {
  .list-link {font-size:16px;color:#f00;}
  .table{font-size:16px;}
}*/



@media only screen and (max-width: 700px) {
    .float-box{height: auto!important;xbackground:red!important;}
    .txt-mid{width:170px!important;border:1px solid #ccc;}
}
 
@media only screen and (max-width: 900px) {
	.bs-spacer2{}
    .widget { width:100%!important;}
    .mob-nav{width:100%;}
    .wid-cnt{width:100%;}
   
}
 
.print-page-border {
	page-break-after:always;
	border:1px solid #ccc;
}
@media {
	.print-page-border {
	 border:1px solid #ccc;width:100%;height:100%;padding:0 5px;display:block;}
	}
.pollen {
	background-color:#f1b8b8 !important;
	border-left:8px solid #0f0 !important;
	color:#000 !important;
	padding:2px !important;
}


.tooltip-inner {
    max-width: 300px;
    padding: 3px 8px;
    color: #f4f4f4;
    font-size:12px;
    text-align: left;
    background-color:#585858;
    border-radius: 0px;
    z-index:999999;
 
}


/* Bs-local css */
table.info{margin:20px;padding:3px;font-weight:normal;color:#555;border:1px solid #ccc;border-collapse: collapse;}
table.info  td {padding:3px;font-weight:normal;color:#555; border:1px solid #ccc;background-color:#fff;}
table.info th{padding:4px;font-weight:bold;color:#333;border:1px solid #ccc;background-color:#eee;}

.tabwidget{margin-right:6px;background-color:#eee;padding:2px;border:1px #ccc solid;}
.lmenu-ctr{background-color:#0e6296;
-webkit-box-shadow: 6px 6px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 5px -4px rgba(0,0,0,0.75);
box-shadow: 6px 6px 5px -4px rgba(0,0,0,0.75);}



/* Plumbee Styles*/
 .pb-page-head{background:#f1f1f1; font-size:15px;color:#000;border:1px solid #ccc; font-weight:bold!important; padding-left:15px;}
 .pb-page-subhead{padding: 5px 5px;
    border-bottom: 1px solid #ccc;
    background: #f1f1f1; font-size:14px;color:#000; 
 font-weight:bold!important; padding:5px;}
 .pb-border-left{border-left:1px solid #ccc;}
 .lmenu{background:#0a466b;text-align:center;}
 .lmenu-icon{padding:12px 5px; text-align:center;cursor:pointer;   
    -webkit-transition: background 0.2s; /* For Safari 3.1 to 6.0 */
    transition: background 0.2s; position:relative;}
  .lmenu-icon:hover{background:#186ca0;}
   .lmenu-icon-active{background:#1b74ab;}
 



/* for scrolling header widget table */
.wid{ width:400px; height:500px; position:relative; background:#fff;}
.wid-hdr{ background:#fff;color:#243149; left:0;right:0; top:0; height:30px; position:absolute; font-weight:800; line-height: 30px;padding: 0 0 0 8px;font-size:16px;
-webkit-box-shadow: 1px 4px 4px -2px rgba(0, 0, 0,0.34); -moz-box-shadow: 1px 4px 4px -2px rgba(0, 0, 0,0.34); box-shadow: 1px 4px 4px -2px rgba(0, 0, 0,0.34);
}

.butgreen{border-radius:2px; background: #8AC007; padding: 1px 6px;border: 0px solid #006600; font-size:11px;color:#fff;}

.butred{  border-radius: 2px; background: #8D1919; padding:1px 6px; border: 0px solid #555555; color:#ffffff;font-size:11px;}
.butblue{  border-radius: 2px; background: #198ac9; padding:1px 6px; border: 0px solid #198ac9; color:#ffffff;font-size:11px;}

table.mtable1{padding:3px;font-weight:normal;color:#555;border:1px solid #ccc;border-collapse: collapse;}
table.mtable1 th{padding:4px;font-weight:bold;color:#555;border:1px solid #555;background-color:#ccc;}
table.mtable1  td {padding:3px;font-weight:normal;color:#555; border:1px solid #ccc;background-color:#fff;}
.mtitle0{font-family:'opensans',Arial;font-size:20px;text-align:left;color:#FF002A !important;font-weight:bold}
.mband {margin:0px;font-weight:bold;font-size:16px;color:#eee;border:1px solid #198ac9;background-color:#198ac9;}
.mband2 {margin:0px;padding:5px;font-weight:normal;font-size:14px;color:#bbb;border-bottom:1px solid #5A6986;background-color:#15191B;}
table.mmenu1{padding:3px;font-weight:normal;color:#555;border:1px solid #ccc;border-collapse: collapse;}
table.mmenu1 th{padding:6px;font-weight:bold;color:#333;border:1px solid #ccc;background-color:#eee;font-size:20px;} 
table.mmenu1  td {padding:6px;font-weight:normal;color:#555; border:1px solid #ccc;background-color:#fff;}


/* end bs-local css*/
 .grey-box{    background: #f3f3f3;
    padding: 2px 3px 3px 4px;
    display: inline;
    border: 1px solid #ccc;
 	border-left:0px solid #ccc;
 	border-top-right-radius:3px;
    border-bottom-right-radius:3px;
 }
 
 
 .grey-box img{ margin-top:-1px;}
 
 .input-size{width:145px!important;}
 .input-size:foucs{width:145px!important;}
 .cmb-border{
	font-size:12px;
 	border-top-right-radius:0px !important;
    border-bottom-right-radius:0px !important;

}
.remainder-bell{
	float:left;position:relative;
	width:20px;
}
.remainder-count{
	background:red;min-width:12px;text-align:center; padding:1px 2px; border-radius:100px;position:absolute; top:-8px;right:-12px;color:#fff;font-size:9px
}
/*from local*/
.label{font-weight:100;}

.table-last-child td:nth-last-child{border-bottom:0px solid red}

/* for dashboard */

.bold-widget{width:200px; background:#f1f1f1;border:1px solid #ccc; border-radius:3px; padding:8px; margin:10px;float:left;}
.bold-widget-header{font-family:'opensans',Arial;font-size:13px;font-weight:bold;line-height:22px; display:block;  text-align:left}
.bold-widget-sub-header{font-family:'opensans',Arial;font-size:14px;font-size:13px; color:#ccc; text-align:left}
.bold-widget-numbers{font-size:28px;font-weight:bold;display:block; text-align:center; padding:10px 0;margin:5px;}

/* for new Layout */

.fade-bg-color{background:#fff5e8;padding:10px;}
.fade-bg-color> .table{background:none;}
.fade-bg-color>.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:0;}
.btn-tab{ color:#166ea4; xtext-transform:uppercase; padding:8px 10px; xxborder-bottom:2px solid #dddbda!important;text-align:center;}
.btn-tab-active{ color:#0f3152; text-transform:uppercase; padding:5px 10px; border-bottom:2px solid #336699!important;text-align:center;}
/* for Layout-space*/
.page-header-left{ float:left;}
.page-header-right{ float:right;}

/* for choose report */
.cr_ctrx{border:1px solid #f00; width:240px;float:left;margin:2px;padding-bottom:3px;}
.cr_ctr select{width:60px!important;margin-left:5px;float:right; }
.cr_ctr select:focus{width:60px!important;}
.cr_ctr input{ margin-top:3px}
 
/* for Notification blocks */
.nf_block{width:130px; height:100px; margin:5px; border:1px solid #ccc; backgroun:#fff;float:left; text-align:center; border-radius:3px;}
.nf-spacer{margin-top:8px;}
.nf_block:hover{background:#f1f1f1}
.nf_block a{text-decoration:none; color:#007dc3}
.nf_caption{ text-align:center; font-weight:bold; color:#007dc3;padding:5px 5px;font-size:13px;font-family:'opensans',Arial;}
.nf-figure{font-family:'opensans',Arial;font-size:30px; font-weight:bold; color:#000; text-align:center;}

/* for top-right links */
.icon-circle{width:28px;height:28px; text-align:center; border:1px solid #ccc; border-radius:100px;float: left;
margin-right: 5px;padding-top: 5px;}
.icon-circle:hover{background:#eef1f5;}

.icon-circle2{width:22px;height:22px; text-align:center; border:1px solid #ccc; border-radius:100px;float: left;padding-bottom:5px;margin-right: 5px;padding-top:5px;cursor:pointer;}
.icon-circle2:hover{background:#fff;}
.icon-circle img{}


.grey-label{font-weight: 100;color: #666;line-height: 13px;font-size: 11px;text-transform: uppercase;}

/*for dashboard count widget*/
.w-box{ width:190px; height:100px; background:orange; color:#fff; margin:5px;border-radius:2px;float:left; position:relative;}
.w-bg-green{background:#0d9424b5}
.w-bg-orange{background:#ff5a40}
.w-bg-blue{background:#1e86d0}

/*{#0d9424b5, lightgreen; #ff5a40, lightorange; #1e86d0, lightblue;}*/
.w-img{float:left; width:80px; padding:25px 0 0 10px;position:absolute;}
.w-img img{width:30px;padding:0px; opacity:0.8}
.w-title{font-size:11px; text-transform:uppercase; color:#fff;text-align:right; padding-right:0px;width:131px;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.w-count{font-size:32px; font-weight:100; color:#fff;float:right;padding:10px 10px 0 5px;text-align:right}
.w-link{background:rgba(255,255,255,.2); position:absolute; left:0;right:0;bottom:0; padding:5px; font-size:11px;text-align:center;border-top:1px solid #ffffff1a}
.grow{ transition: all .2s ease-in-out; }
.grow:hover{ transform: scale(1.1); }

/*  for tags */
.tag-left {
  background: #0a466b;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 20px 0 15px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  color:#fff;
  font-size:11px;
  border:0;
}

.tag-left::after {
  background: #fff;
  border-bottom: 9px solid transparent;
  border-left: 10px solid #0a466b;
  border-top: 11px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border:0;
}


.tag-right {
  background: #0a466b;
  border-radius: 0 3px 0px 0px;
  color: #999;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 15px 0 20px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  color:#fff;
  font-size:11px;
   border:0;
}

.tag-right::after {
  background: #fff;
  border-bottom: 9px solid transparent;
  border-right: 10px solid #0a466b;
  border-top: 11px solid transparent;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
   border:0;
}
.explanation{padding:5px; border-left:3px solid red; background:#ddf3ff;}
/*  for tags */

.tag {
  background: #0a466b;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 10px 0 5px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  color:#fff;
  font-size:11px;
}

.tag::after {
  background: #d9edf7;
  border-bottom: 9px solid transparent;
  border-left: 10px solid #0a466b;
  border-top: 11px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover {
  background-color:#1b74ab;
  color: white;
}

.tag:hover::after {
   border-left-color:#1b74ab; 
}
/* tag2 */
.tag2 {
  background: #c1003a;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 10px 0 5px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  color:#fff;
  font-size:11px;
}
.tag2::after {
  background: #198ac9;
  border-bottom: 9px solid transparent;
  border-left: 10px solid #c1003a;
  border-top: 11px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
.tag2:hover {
  background-color:#ea1455;
  color: white;
}
.tag2:hover::after {
   border-left-color:#ea1455; 
}

/* tag3 */
.tag3 {
  background: #c1003a;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 10px 0 5px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  color:#fff;
  font-size:11px;
}
.tag3::after {
  background: #f00;
  border-bottom: 9px solid transparent;
  border-left: 10px solid #c1003a;
  border-top: 11px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
.tag3:hover {
  background-color:#ea1455;
  color: white;
}
.tag3:hover::after {
   border-left-color:#ea1455; 
}

/* upload custom button */
 .js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    min-width: 100px;
    font-size: 12px;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding:5px;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #f1e5e6;
    background-color: #d3394c;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #722040;
}

.dark-ph::placeholder{color:#aaa; }

.tableFixHead {
  overflow-y: auto;
}

.tableFixHead table {
  border-collapse: collapse;
  width:100%;
}

.tableFixHead th,
.tableFixHead td {
  padding: 8px 16px;
}

.tableFixHead th {
  position: sticky;
  top: 0;
  background: #eee;
}
.hglist{}
.hglist li div{background:pink!important;}

.float-box{width: auto;
    height: auto;
    float: left;
    background: #f7f7f7;
    border-radius: 5px;
    padding: 5px;
    margin: 5px; 
    border:1px solid #ffcfc9;
    border-left:2px solid #EF6351;
	
}
.float-box2{width:330px;float:left;padding:10px; border-radius:5px; box-shadow:0 1px 1px 1px #ccc;margin:10px;background:#fff;}
.feature-btn3 img:hover {
  fill: #ff0000!important;
}

.feature-btn3{width:150px;border-radius:5px; 
				background:#fff8f1;
				border:1px solid #f1f1f1;
				box-shadow: 0px 0px 0px #f1f1f1;padding:5px 5px 5px 0;margin:5px 5px 0px 0;text-align:left; 
				display:inline-grid;  float:left;transition: box-shadow 0.2s ease-in-out;}
.feature-btn3 pbanc{white-space: nowrap;width:150px; text-overflow: ellipsis;color: #bf3509; padding-left:10px;font-weight:bold; overflow: hidden;}
.feature-btn3 a{width:150px;text-overflow: ellipsis;color: #bf3509; padding-left:10px;font-weight:bold; overflow: hidden;}
.feature-btn3 div{text-align:left;}
.feature-btn3 img{width:16px!important; float:left;margin-right:5px;}
.feature-btn3:hover{border:1px solid #ffe8d3;background-image: radial-gradient( #ffffff, #ffe8d3 );box-shadow: 2px 1px 5px #ccc; cursor:pointer} 


@media print{
	
	.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #ecebeb!important;
}

.header-lg{color:#c1003a!important; font-size:15px; font-weight:bold;padding:0px;}
td.header-lg{color:#c1003a; font-size:15px; font-weight:bold;padding:0;}
.header-lg-top{background:#fff;color:#c1003a; font-size:15px; font-weight:bold;padding:5px 5px ;border-bottom:0px solid #ccc;}
.header-md{color:#c1003a!important; font-size:14px; font-weight:bold;padding:0px;}
td.header-md{color:#c1003a!important; font-size:14px; font-weight:bold;}
.header-md-top{color:#c1003a; font-size:14px; font-weight:bold;padding:5px 10px ;border-bottom:1px solid #f1f1f1;}
.header-md-top-fixed{color:#c1003a; font-size:14px; font-weight:bold;padding:5px 10px ;border-bottom:1px solid #f1f1f1;position:fixed;top:0; left:0;right:0;background:#f5f5f5;z-index:9999;}
.header-sm{color:#c1003a; font-size:12px; font-weight:bold;padding:0px;}
td.header-sm{color:#c1003a; font-size:12px; font-weight:bold;}

}
.field-help-label{ background: #ddf3ff;}
/*.field-help-label{width: 224px;font-size: 10px;color: #666;border-radius: 5px;padding: 3px 6px;margin-left: 12px;margin-top: 2px;background: #ddf3ff;}*/

/* New Styles 14th Nov 2019 krishna*/
.gap_count{  margin: 2px;
    border-radius: 3px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 11px;
    border: 1px #007dc3 solid;
    background-color: #007dc3;
    color: #fff;
    display: inline;
	
}
.info-band{
	padding: 5px 10px;
    background: #198ac9;
    color: #fff;
    font-size:12px;
}

.table-dark-header th{color:#fff; background:#198ac9!important;}

/* text colors */
.p-color{color:#198ac9;}
.p-bg-color{background-color:#198ac9;}
.s1text{}

/* for Text Blink- example:Loading.. */
.blink-div {
  opacity:0;
  position: relative;
  -webkit-animation-name: blinktext; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0*/
  animation-name: blinktext;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes blinktext {
  0%   {opacity:0; }
  100% {opacity:1; }
}

/* Standard syntax */
@keyframes blinktext {
  0%   {opacity:0;}
  100% {opacity:1; }
}

.header-bg-text{background:#1a74ab;color:#fff;margin-bottom:5px}
/* Div Reveal animation */
.opener-div{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border:1px solid #c3c3c3;
	z-index:999;
	width:250px;
	height:300px;
	background:#fff;position:absolute;right:5px;bottom:25px;
	-webkit-animation-name: opendiv; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  -webkit-animation-delay: .9s; /* Safari 4.0 - 8.0 */
   
  animation-name: opendiv;
  animation-duration: 1s;
  animation-delay: .9s;
  
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes opendiv {
  0%   {height:-100px;opacity:1; }
  100% {height:300px;opacity:1; }
}

/* Standard syntax */
@keyframes opendiv {
  0%   {height:-100px;opacity:1;}
  100% {height:300px;opacity:1; }
}

.card{padding:1px; border:1px solid #ccc;border-radius:5px;width:70%;margin:5px auto 5px;}
.card-center{margin:0 auto 5px;}

.btn-round{
 width:90px;
 height:90px;
  padding: 8px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #ffffff!important;
  background-color: #007dc3!important;
  border: none;
  border-radius: 100px;
   -webkit-box-shadow: 5px 5px 5px 0px #999;
   -moz-box-shadow: 5px 5px 5px 0px #999;
  box-shadow: 5px 5px 5px 0px #999;
      display: table-cell;
    vertical-align: middle;
}
.btn-round b{ color: #ffffff!important;}
.btn-round:hover {background-color: #198ac9}
.btn-round:active {
  background-color: #198ac9;
  -webkit-box-shadow: 3px 3px 3px 0px #999;
   -moz-box-shadow: 3px 3px 3px 0px #999;
  box-shadow: 3px 3px 3px 0px #999;
  transform: translateY(2px);
}

.btn-rect{
 width:120px;
 height:60px;
  padding: 8px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #ffffff!important;
  background-color: #007dc3!important;
  border: none;
   -webkit-box-shadow: 5px 5px 5px 0px #999;
   -moz-box-shadow: 5px 5px 5px 0px #999;
  box-shadow: 5px 5px 5px 0px #999;
      display: table-cell;
    vertical-align: middle;
}
.btn-rect b{ color: #ffffff!important;}
.btn-rect:hover {background-color: #198ac9}
.btn-rect:active {
  background-color: #198ac9;
  -webkit-box-shadow: 3px 3px 3px 0px #999;
   -moz-box-shadow: 3px 3px 3px 0px #999;
  box-shadow: 3px 3px 3px 0px #999;
  transform: translateY(2px);
}

.btn-round2 {
	background-color:#007dc3;
	padding:10px;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	background-image: linear-gradient(bottom, rgb(100,170,30) 0%, rgb(129,212,51) 100%);
	box-shadow:inset 0px 1px 0px #49beff, 0px 6px 0px #0a466b;
	border-radius: 5px;
}

.btn-round2:active {
	top:7px;
	background-image: linear-gradient(bottom, rgb(100,170,30) 100%, rgb(129,212,51) 0%);
	box-shadow:inset 0px 1px 0px #70c8ff, inset 0px -1px 0px #3d6f0d;
	color: #156785;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	background: rgb(44,160,202);
}

.btn-round2::before {
	background-color:#072239;
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:4px;
	left:-2px;
	top:5px;
	z-index:-1;
	border-radius: 6px;
	box-shadow: 0px 1px 0px #fff;
}

.btn-round2:active::before {
	top:-2px;
}
/* for scroll tabs in  eidt page*/
.buildtabs-ctr{position: relative;borderx:1px dashed #f00;}
#buildcontainer {
     overflow: scroll; 
	}
#buildcontainer::-webkit-scrollbar { 
    display: none; 
    } 
.btnset{position: absolute;right: 2px;top: 1px;background: rgba(192, 232, 255, .8);padding: 1px 5px 1px;height: 23px;}

#slideBack img{width:12px; cursor: pointer;}
#slide img{width:12px;cursor: pointer;}

.process-doc-head{
	font-size: 12px;
	width: 100%;
	padding: 10px;
	min-height: 74px;
	background-color: #c5e9ff !important;/* border: 1px solid #d29d7f; */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-bottom: 0px;
	border-bottom:5px solid #90d2fb;
}
.spl-border td:first-child{border-left:1px solid #ccc;}
.spl-border td{border-top:1px solid #ccc;}
.spl-border td:last-child{border-top:0;}

.table-dark{border:1px solid #000!important;}
.table-dark tr, .table-dark td, .table-dark th{border:1px solid #000!important;}

.gmail_login{ background:#ed4e2f; border-radius:2px; padding:8px 21px; text-align:center;color:#fff; display:block;cursor:pointer; font-size:13px; font-weight:bold;}
.gmail_login:hover{background:#cb3417;color:#fff; text-decoration:none;}

.gmail_register{ background:#00679a; border-radius:2px; padding:5px 20px; text-align:center;color:#fff;display:inline-block;cursor:pointer;  font-size:13px; font-weight:bold;}
.gmail_register:hover{background:#03486b}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin-top:5px;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%; 
  background: #007dc3;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #007dc3;
  cursor: pointer;
}

.fctext{
    text-transform: capitalize;
}
.top_div{position: absolute;z-index: 99999;top: 60px;left: 0;right: 0;opacity: 0.88;text-align: center;}
.input-group-addon{padding:5px 4px;}

.txt-mid{width:100%;border:1px solid #ccc;}
.txt-mid:focus{width:100%;border:1px solid #ccc}
.txt-mid:hover{width:100%;border:1px solid #ccc}
.txt-mid:after{width:100%;border:1px solid #ccc}