/* for color theme #2b2f4b
Primary: #2b2f4b    Secondary: #6046ca
Light:   #5e6794

New Pallette

Primary - #2b3049

Secondary - #48507a

Secondary2 - #576193

Secondary3 - #6672ad

Secondary4 - #7582c6

/*purple*/

/*
:root {
  --primary-color: #2b3049;
  --secondary1-color:#48507a;
  --secondary2-color:#576193;
  --secondary3-color:#6672ad;
  --secondary4-color:#7582c6;
  --highlight-color:#d54229;
}
*/
/*
:root {
    --primary-color:   #0D6F29;
    --secondary1-color:#108932;
    --secondary2-color:#13A33C;
    --secondary3-color:#16BC45;
    --secondary4-color:#19D64F;
    --highlight-color :#C6461C;
  }
*/

/*
:root {
    --primary-color:   #073A2C;
    --secondary1-color:#0A543F;
    --secondary2-color:#108765;
    --secondary3-color:#16BA8B;
    --secondary4-color:#1CEDB2;
    --highlight-color :#C83F14;
  }
*/
/*
:root {
    --primary-color:   #5E092C;
    --secondary1-color:#910E45;
    --secondary2-color:#AA1151;
    --secondary3-color:#C4135D;
    --secondary4-color:#DD1669;
    --highlight-color :#440620;
  }
*/

/*
var(--primary-color)
var(--secondary1-color)
var(--secondary2-color)
var(--secondary3-color)
var(--secondary4-color)
var(--highlight-color)

*/
/*green orange
:root {
    --primary-color:   #A34F18;
    --secondary1-color:#BC5C1C;
    --secondary2-color:#D66820;
    --secondary3-color:#EF7523;
    --secondary4-color:#FF7C26;
    --highlight-color :#255443;
  }
 */
 /* FOR ORANGE THEME
 :root {
    --primary-color:   #864120;
    --secondary1-color:#a65b37;
    --secondary2-color:#bb704c;
    --secondary3-color:#d08663;
    --secondary4-color:#d08663;
    --highlight-color :#229891;
  }
  */
  
  /* FOR CBIT THEME*/
  /* :root {
    --primary-color:   #35552f;
    --secondary1-color:#a36a28;
    --secondary2-color:#bc7a2e;
    --secondary3-color:#d88b33;
    --secondary4-color:#ededed;
    --highlight-color :#d54229;
    	 --black-color:#000000;
    	 --white-color:#ffffff;
    	 --light-color:#cc8b44;
  }*/

/* FOR Green THEME*/
/*:root {
  --primary-color:   #176640;
  --secondary1-color:#3a935c;
  --secondary2-color:#5fbd7f;
  --secondary3-color:#71ce91;
  --secondary4-color:#8adaa5;
  --secondary5-color:#cef7e3;
  --secondary6-color:#ebf5f0;
  --highlight-color :#f85948;   	 
  --black-color:#000000;
  --white-color:#ffffff;
  --light-color:#cc8b44;
  
}*/
:root {
  --primary-color:   #041F4E;
  --secondary1-color:#052866;
  --secondary2-color:#062d73;
  --secondary3-color:#073485;
  --secondary4-color:#073a94;
  --secondary5-color:#0841a6;
  --secondary6-color:#0946b5;
  --highlight-color :#B2945E;   	 
  --black-color:#000000;
  --white-color:#ffffff;
  --light-color:#cc8b44;
  
}
.light-bg{background:#e4fff2;}
.lmenu {background:var(--primary-color)}
.lmenu-icon:hover{background:var(--highlight-color)}
.lmenu-icon-active {background: var(--highlight-color)}
.wrap-frame{background:var(--secondary1-color)!important;}
.lmenu-ctr{background-color:var(--secondary1-color)}
table.menu1 td:hover {background:var(--secondary2-color);}

/* Buttons */
.btn-primary {background:var(--primary-color);border: 1px solid var(--primary-color);}
.btn-primary:hover {background:var(--secondary1-color);border: 1px solid var(--secondary1-color);}
.btn-primary:active{background:var(--secondary1-color)!important;border:1px solid var(--secondary1-color);}
.btn-primary:focus{background:var(--secondary1-color)!important;border:1px solid var(--secondary1-color);}

.btn-info {background:var(--secondary2-color);border: 1px solid var(--secondary2-color);}
.btn-info:hover {background:var(--secondary3-color)!important;;border: 1px solid var(--secondary3-color)!important;}
.dboard-menu-active {border-bottom: 2px solid var(--secondary1-color)!important;color: var(--secondary1-color)!important;}
.btn-db:hover {color:var(--secondary1-color)}  
.btn-setup{background:var(--secondary1-color);border-color:var(--secondary1-color);color:#fff;border-left: 1px solid var(--secondary1-color);}
.btn-setup:hover{background:var(--secondary2-color);color:#fff}

.anclegend {background-color: var(--secondary2-color);color: #fff;}

.login-wraper input[type='submit']{background:var(--primary-color);}
.login-wraper input[type='submit']:hover{background:var(--secondary1-color);}

.list-link {color:var(--secondary1-color)!important;}
.header-xl{color:var(--highlight-color);}   
.header-lg{color:var(--highlight-color);}
.header-md{color:var(--highlight-color);}
.header-sm{color:var(--highlight-color);}
.header-lg-top{color:var(--highlight-color);}
 td.header-md{color:var(--highlight-color);}
.header-md-top{color:var(--highlight-color);}
.header-md-top-fixed{color:var(--highlight-color);}
 td.header-sm{color:var(--highlight-color);}

.menu-wrap{background:var(--secondary1-color)}
.edit-form-head2 {color:var(--secondary1-color)!important;}
table.submenu1 th{background-color:var(--secondary1-color)!important;}
table.submenu1 td {background-color:var(--secondary1-color)!important;}
.menu1{background:var(--secondary1-color);}
.menu1-active{background:var(--secondary2-color)!important;}
.submenudiv{border-bottom: 1px solid #727fb5;}
.popup-header-fixed3 {
	background:transparent !important;/*var(--secondary1-color)!important;*/
}
.bs-popup-link{color:var(--primary-color);}
.tabselected {border-top: 2px solid var(--primary-color);color: var(--primary-color);}

.gap_count{border: 1px solid var(--primary-color);background-color: var(--primary-color)}
.info-band{background:var(--secondary1-color);}
.tag2::after {background:var(--secondary1-color);}

.nf_caption{color:var(--secondary1-color);}
.nf-figure{color:var(--highlight-color);}

.table-dark-header th{color:#fff; background:var(--secondary3-color)!important;}

.p-color{color:var(--secondary3-color);}
.p-bg-color{background-color:var(--secondary3-color);}

.submenudiv{border-bottom:1px solid var(--secondary3-color)}
.submenu-heading { color:#B2945E !important;}

.tabselected2{color:var(--highlight-color);}


.btn-round {background-color: var(--primary-color)!important;color:#fff!important;}
.btn-round:hover {background-color:var(--secondary1-color)!important;color:#fff!important;}
.btn-round:active {background-color:var(--secondary2-color)!important;color:#fff!important;}
.btn-round b{ color: #ffffff!important;}
.btn-rect {background-color: var(--primary-color)!important;color:#fff!important;}
.btn-rect:hover {background-color:var(--secondary1-color)!important;color:#fff!important;}
.btn-rect:active {background-color:var(--secondary2-color)!important;color:#fff!important;}
.btn-rect b{ color: #ffffff!important;}
.info-band{background:  var(--primary-color)!important; color: #fff!important;}
.info-band b{background:  var(--primary-color)!important; color: #fff!important;}
.slider::-webkit-slider-thumb {background:var(--primary-color)!important;}
.slider::-moz-range-thumb {background: var(--primary-color)!important;}

.process-doc-head{background-color:var(--secondary5-color)!important;border-bottom:5px solid var(--secondary2-color)!important;}
.custom-striped>tbody>tr:nth-of-type(odd) {background-color: #e6ffee;}
.custom-striped>tbody>tr>td {font-size:12px;}

.feature-btn{width:100px;height:100px;background:#c6edff; 
				background-image: linear-gradient(45deg, #c6edff 50%, #d7f2ff 50%);
				border:1px solid #8ad9ff;padding:10px;margin:10px 10px 0px 0;text-align:center;display:inline-grid;  float:left; transition:background-image 0.5s;}
.feature-btn div{text-align:center;}
.feature-btn img{width:28px; margin:5px auto}
.feature-btn:hover{background:#c6edff; cursor:pointer}
.feature-btn2 img:hover {
  fill: #ff0000!important;
}

.feature-btn2{width:100px;height:100px;border-radius:5px; 
				background:#fff8f1;
				border:1px solid #f1f1f1;
				box-shadow: 0px 0px 0px #f1f1f1;padding:10px 2px;margin:10px 10px 0px 0;text-align:center;
				display:inline-grid;  float:left;transition: box-shadow 0.2s ease-in-out;}
.feature-btn2 pbanc{color: #bf3509;word-break: break-word;}
.feature-btn2 div{text-align:center;}
.feature-btn2 img{width:28px; margin:5px auto!important;}
.feature-btn2:hover{border:1px solid #ffe8d3;background-image: radial-gradient( #ffffff, #ffe8d3 );box-shadow: 2px 1px 5px #ccc; cursor:pointer} 
.btnset{display:none;}
.back-btn{ background: url('https://plumbee.in/dev/cont4/res/images/left-arrow2.svg') #333 no-repeat  5px 7px; background-size:11px; color:#fff; padding:4px 2px 4px 7px; cursor:pointer; border-radius:5px; min-width:64px; font-weight:800; text-transform:uppercase; font-size:12px;border:0;}
.back-btn:hover{ background:url('https://plumbee.in/dev/cont4/res/images/left-arrow2.svg') #838383 no-repeat  5px 7px;background-size:11px;border:0;}

@media print{
.btn-round {background-color: var(--primary-color)!important;color:#fff!important;}
.btn-round:hover {background-color:var(--secondary1-color)!important;color:#fff!important;}
.btn-round:active {background-color:var(--secondary2-color)!important;color:#fff!important;}
.btn-round b{ color: #ffffff!important;}
.header-md b{color:#f00!important;}
.info-band{background: #198ac9!important;color: #fff!important;}
.info-band b{padding-left:5px!important;padding-right:5px!important;background:  var(--primary-color)!important; color: #fff!important;}

}
	


.loginbg{ background:url('res/images/bg-image.png') center bottom 0, linear-gradient(#a36a28, #d88b33)!important;}
.tabs-container{backgournd:#f5f5f5}

/*-- --- --*/
.label{font-weight:100;}

.label-default{
	border: 1px solid #ccc;
    padding: 10px;
    background: #353f54;
    float: left;
    margin: 2px;
    font-size: 12px;
    font-weight: 100!important;
    color: #fbfbfb;
    min-width:100px;
    text-align:center;
}
.label-arrow{
    padding: 10px 0;
    float: left;
    margin: 2px;
    font-size: 12px;
    font-weight: 100!important;
    color: #fff;
    min-width:5px;
    text-align:center;
}
.label-inner{
	text-align:center;font-weight:bold;font-size:22px;
}
.label-default2{padding:2px 8px;float:left; margin:3px;
	font-size:12px; font-weight:100;
    background: #fbebc5;
    color: #000;
    border: 1px solid #dad5d5;
}
.zone{text-align:center; vertical-align:middle;background: #0265af!important;cursor: pointer;color: #fff!important;}
.zone-level1{padding-left: 15px;background: rgba(2, 101, 175, 0.66)!important;
    color: #fff!important;
    vertical-align: middle;
    text-align: left;
    cursor: pointer;}
.zone-level2{
	padding-left: 30px;
    /* padding-left: 15px; */
    background: rgba(2, 101, 175, 0.37)!important;
    color: #0e0e0e!important;
    vertical-align: middle;
    text-align: left;
    cursor: pointer;
}
.zone-level3{}
.div{
	font-family: arial,verdana,sans-serif;
	border-width: 1px;
	float: left;
	padding-left: 3px;
	border-style: solid;
	border-color: #d0d0d0;
	width:90%;
	height:80px;
	background-color: #ffffff;
}
 .tabs-container{background: #f3f3f3;margin:0 2px 0 2px;}
  .right-label-default{ }
 .bs-spacer2{background: #eef1f5;}
 .btn-db{background:#f1f1f1}
 .dboard-menu-active { background:#fff!important;}

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

.postbackMsgCSS{
	margin:5px !important; 
	padding:10px !important; 
	background-color:#e4e9f2 !important;
	color: #000000 !important; 
	font-weight: 500 !important; 
	font-size: 1.6 rem !important;
}

.butorange {
    border-radius: 2px;
    background: #FFA500;
    padding: 1px 6px;
    border: 0px solid #FF8C00;
    font-size: 11px;
    color: #fff;
}

.butgold {
    border-radius: 2px;
    background: #b1945f;
    padding: 1px 6px;
    border: 0px solid #a68c3c;
    font-size: 11px;
    color: #fff;
}

.butdarkblue {
    border-radius: 2px;
    background: #081d4e;
    padding: 1px 6px;
    border: 0px solid #FF8C00;
    font-size: 11px;
    color: #fff;
}
.butdarkblue:hover {
    color: white;        /* Changes the text color hover color for darkblue buttons*/
}

.butdark {
    border-radius: 2px;
    background: #000000;
    padding: 1px 6px;
    border: 0px solid #000000;
    font-size: 11px;
    color: #fff;
}

.butdark:hover {
    color: white;        /* Changes the text color hover color for dark buttons*/
}

.bs-fixed-middle3New{
	margin-top: 350px;
    background: rgb(255, 255, 255);
    padding: 0px 5px;
}

.txtnumSAID{
	font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    text-align: left;
}