/* for color theme

/*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;
  }
 */
 
 
/* 
 :root {
    --primary-color:   #864120;
    --secondary1-color:#a65b37;
    --secondary2-color:#bb704c;
    --secondary3-color:#d08663;
    --secondary4-color:#d08663;
    --highlight-color :#229891;
  } 

*/

/*purple 2*//*
:root {
  --primary-color:   #350059;
  --secondary1-color:#490B72;
  --secondary2-color:#590E8C;
  --secondary3-color:#8A11E0;
  --secondary4-color:#9A13F9;
  --highlight-color: #E44E34;
  --highlight2-color: #C9452E;
}

*//*Gold 2
:root {
  --primary-color:   #A08429;
  --secondary1-color:#AE902E;
  --secondary2-color:#D4AF37;
  --secondary3-color:#DBBD5B;
  --secondary4-color:#E3CC7F;
  --highlight-color: #27200A;
  --highlight2-color: #27200A;
}
*/
 


/* opn1 */
/*
:root {
  --primary-color:#2f2e6a;
  --secondary1-color:#5e5d9e;
  --secondary2-color:#5e5d9e;
  --secondary3-color:#DBBD5B;
  --secondary4-color:#E3CC7F;
  --highlight-color: #d54d57;
  --highlight2-color: #be3d46;
}*/

/* opn2 */
/*
:root {
  --primary-color:#023047;
  --secondary1-color:#219EBC;
  --secondary2-color:#219EBC;
  --secondary3-color:#DBBD5B;
  --secondary4-color:#E3CC7F;
  --highlight-color: #FB8500;
  --highlight2-color: #FFB703;
}*/
@font-face {
    font-family:lato;
    src: url(Lato-Regular.ttf);
} 

@font-face {
    font-family:lato;
    src: url(Lato-Bold.ttf);
    font-weight: bold;
}

@font-face {
  font-family:lato;
  font-style: normal;
  font-weight: 600;
  src: url(Lato-Bold.ttf);
}
@font-face {
  font-family:lato;
  font-style: normal;
  font-weight: 100;
  src: url(Lato-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);
}
/* 
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
*/

/* Orange F4845F */
:root {
  --primary-color:#891f39;
  --secondary1-color:#808080;
  --secondary2-color:#808080;  
  --secondary3-color:#960e2f;
  --secondary4-color:#E3CC7F;
  --highlight-color: #5095ad;
  --highlight2-color: #5dacc7;
  --highlight3-color: #cbcbcb;
  
  --p-color:#7b1730;
  --p2-color:#94324a;
}


*{
 font-family:Lato, sans-serif!important;
	
}


.lmenux {background:var(--primary-color); background: linear-gradient(45deg, var(--p-color), var(--p2-color));}

.lmenu {background:#032A37; background: linear-gradient(45deg,#032A87,#032A87));}

.lmenu-icon:hover{background:var(--highlight-color)}
.lmenu-icon-active {background: var(--highlight2-color)}
/*.wrap-frame{background:var(--secondary1-color)!important;}*/
.wrap-frame{border-radius:20px;padding:10px;background:var(--secondary1-color)!important;}
.lmenu-ctr{background-color:var(--secondary2-color);margin-top:5px;}
table.menu1 td:hover {background:var(--secondary2-color);}

.btn-primaryx{box-shadow: 2px 2px 1px #555555;border-radius:2px;background:var(--highlight3-color)!important;border: 1px solid var(--highlight3-color);border-bottom:3px solid red;color:black;}
.btn-primaryx:hover {background:var(--highlight3-color);border: 1px solid var(--highlight3-color);border-bottom:3px solid red;}
.btn-primaryx:active{background:var(--highlight-color)!important;border:1px solid var(--highlight-color);border-bottom:3px solid red;}
.btn-primaryx:focus{background:var(--highlight-color)!important;border:1px solid var(--highlight-color);border-bottom:3px solid red;}



/* Button - Outline */

.btn-primaryxx {
  color: #6c757d; border-color: #6c757d; background:#fff!important; border-radius:3px; border-bottom:3px solid #0075BB;}

.btn-primaryxx:active {
  color: #6c757d!important; border-color: #6c757d!important; background:#fff !important;-webkit-print-color-adjust: exact; border-radius:3px; border-bottom:3px solid #0075BB;}

.btn-primaryxx:focus {
  color: #6c757d!important;border-color: #6c757d!important;background:#fff !important;-webkit-print-color-adjust: exact; border-radius:3px; border-bottom:3px solid #0075BB;}
.btn-primaryxx:hover {
  color: #fff !important;background-color: #6c757d!important;border-color: #6c757d;border-radius:3px;border-bottom:3px solid #0075BB;
}

.btn-infoxx {
  color: #6c757d;
  border-color: #6c757d;
  background:#fff;
  border-radius:3px;
  border-bottom:3px solid #0075BB;
}

.btn-infoxx:active {
  color: #6c757d !important;
  border-color: #6c757d !important;
  background:#fff!important;
  -webkit-print-color-adjust: exact;
  border-radius:3px;
  border-bottom:3px solid #0075BB;
}

.btn-infoxx:focus {
  color: #6c757d !important;
  border-color: #6c757d !important;
  background:#fff!important;;
  -webkit-print-color-adjust: exact;
  border-radius:3px;
  border-bottom:3px solid #0075BB;
}

.btn-infoxx:hover {
  color: #fff !important;
  background-color: #6c757d !important;
  border-color: #6c757d;
  border-radius:3px;
  border-bottom:3px solid #0075BB;
}

/* Button - Shapes */

.btn-primary {
  color: #fff; border-color: #188451; background:#188451!important; border-radius:15px;}

.btn-primary:active {
  color: #fff!important; border-color: #188451!important; background:#188451 !important;-webkit-print-color-adjust: exact; border-radius:15px;}

.btn-primary:focus {
  color: #fff!important;border-color: #188451!important;background:#188451 !important;-webkit-print-color-adjust: exact; border-radius:15px;}
.btn-primary:hover {
  color: #fff !important;background-color: #1d995c!important;border-color: #1d995c;border-radius:15px;}


.btn-info {
  color: #fff;
  border-color: #8c2030;
  background:#8c2030;
  border-radius:15px;
}

.btn-info:active {
  color: #fff !important;
  border-color: #8c2030 !important;
  background:#8c2030!important;
  -webkit-print-color-adjust: exact;
  border-radius:15px;
}

.btn-info:focus {
  color: #fff !important;
  border-color: #8c2030 !important;
  background:#8c2030 !important;;
  -webkit-print-color-adjust: exact;
  border-radius:15px;
}

.btn-info:hover {
  color: #fff !important;
  background-color: #a10f25 !important;
  border-color: #a10f25;
  border-radius:15px;
}

.btn-danger { 
  color: #fff !important;
  background-color: #c50000 !important;
  border-color: #c50000;
  border-radius:15px;
	
}

.btn-danger:hover { 
  color: #fff !important;
  background-color: #d91818 !important;
  border-color: #d91818;
  border-radius:15px;
}

.btn-warning {
    color: #fff !important;
    background-color: #f0ad4e !important;;
    border-color: #eea236;
    border-radius:15px;
}
.lmenu-icon {
    padding: 5px 5px;
	
}

.btn-more{color:#ffffff!important;background:#f4f2ef!important;font-family: 'Lato', sans-serif;}
.btn-infox {box-shadow: 2px 2px 1px #555555;border-radius:2px;background:var(--highlight3-color);border: 1px solid var(--highlight3-color);border-bottom:3px solid red !important;color:black;}
.btn-infox:active{background:var(--highlight3-color)!important;border:1px solid var(--highlight3-color);border-bottom:3px solid red !important;color:black;}
.btn-infox:hover {background:var(--highlight3-color)!important;border: 1px solid var(--highlight3-color)!important;border-bottom:3px solid red !important;}
.btn-infox:focus{background:var(--highlight3-color)!important;border:1px solid var(--highlight3-color);border-bottom:3px solid red;color:black;}
.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(--secondary4-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(--secondary3-color);}

.list-link {color:var(--p-color)!important;font-family: 'Lato', sans-serif!important;}
.header-xl{color:var(--highlight-color);font-family: 'Lato', sans-serif!important;}   
.header-lg{color:var(--highlight-color);font-family: 'Lato', sans-serif!important;}
.header-md{color:var(--highlight-color);font-family: 'Lato', sans-serif!important;}
.header-sm{color:var(--highlight-color);font-family: 'Lato', sans-serif!important;}
.header-lg-top{color:var(--highlight-color);font-family: 'Lato', sans-serif;}
 td.header-md{color:var(--highlight-color);font-family: 'Lato', sans-serif;}
.header-md-top{color:var(--highlight-color);font-family: 'Lato', sans-serif;}
.header-md-top-fixed{color:var(--highlight-color);font-family: 'Lato', sans-serif;}
 td.header-sm{color:var(--highlight-color);font-family: 'Lato', sans-serif;}

.menu-wrap{background:var(--secondary1-color);margin-top:2px;}
.edit-form-head2 {color:var(--p-color)!important;}
table.submenu1  th{background-color:var(--secondary2-color)!important;font-family: 'Lato', sans-serif!important;}
table.submenu1  td {background-color:var(--secondary2-color)!important;font-family: 'Lato', sans-serif!important;}
.menu1{background:var(--secondary1-color);font-family: 'Lato', sans-serif!important;}
.menu1-active{background:var(--secondary2-color)!important;font-family:Lato, sans-serif!important;}
.submenudiv{border-bottom: 0px solid #616161;font-family: 'Lato', sans-serif!important;}
.popup-header-fixed3 {background:var(--secondary1-color)!important;font-family:Lato, sans-serif!important;}
.bs-popup-link{color:var(--primary-color);font-family: 'Lato', sans-serif!important;}
/*.tabselected {border-top: 2px solid var(--primary-color);color: var(--primary-color);font-family: Lato, sans-serif!important;}*/
/*.tabnormal2 {padding:4px 10px;font-family: 'Lato', sans-serif!important;font-size:12px;}*/
/*.tabselected2{background:#fff;border-bottom:2px solid var(--primary-color)! important;font-family: Lato,sans-serif!important;} */
.tabnormal2 {
  background-color: #FFFFFF;
  color: #1E86D0;
  padding: 5px;
  font-weight: 700;
  border-radius: 5px;
  border: 1px solid #1E86D0;
  display:inline-block;
  box-sizing: border-box;
  font-size:12px;
  text-align:center;
 }
 .tabnormal2:hover {
  background-color: #FFFFFF;
  color: #000;
  padding: 5px;
  font-weight: 700;
  border-radius: 5px;
  border: 1px solid #1E86D0;
  display:inline-block;
  box-sizing: border-box;
  font-size:12px;
  text-align:center;
 }
.tabselected2 {
  background-color: #1E86D0;
  color: #fff;
  padding: 4px;
  font-weight: 700;
  border-radius: 5px;
  border: 1px solid #1E86D0;
  box-sizing: border-box;
  font-size:12px;
  text-align:center;
  
 }

.tabselected2:focus{ background-color: #6193AA;
  color: #FFFFFF;
  font-size:12px;
 
}

@media all and (max-width:854px){
 .tabnormal2,.tabselected2{
	display:block;
	margin:0.2em auto;
}
}
.bs-fixed-middle3{
	margin-top:220px!important;
}

.bs-fixed-middle0{
	margin-top:75px!important;
}


.collapsetabseleted{
  background-color: #1E86D0;
  color: #fff;
  font-weight: 700;
  height:20px;
  border-radius: 5px;
  border: 0px solid #1E86D0!important;
}
.collapsetabseleted:focus{
  background-color: red;
  color: #fff;
 
}


.linkbtn{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  float: right;
  font-weight: 400;
  color: #7A2F3E;
  border: 1px solid #7A2F3E;
  border-radius: 50px;
  padding:1px;
  font-size:13px;
  background:#f0f0f0;
  padding-left:5px;
  padding-right:5px;
  margin-left:5px;
}
.linkbtn:hover{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  float: right;
  font-weight: 400;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 50px;
  padding:1px;
  font-size:13px;
  background:#7A2F3E;
   padding-left:5px;
  padding-right:5px;
  margin-left:5px;
}

.linkbtn:active
  background: #7A2F3E!important;
  color: #FFFFFF!important;
}
.linkbtn:focus {
  background: #7A2F3E!important;
  color: #FFFFFF!important;
}
.table-space td,th {padding:10px!important;}

/*.tabselected2 b{font-family: Lato,sans-serif!important;}*/
.btn-tab {color:#000;background:none;font-family: Lato, sans-serif!important;}
.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);}
#slide-nav td {font-family: 'Lato', sans-serif!important;}
.nf_caption{color:var(--secondary1-color);}
.nf-figure{color:var(--highlight-color);}

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

.p-color{color:var(--secondary3-color);}
.p-bg-color{background-color:var(--secondary3-color);}
.header-bg-text{background:var(--secondary2-color);color:#fff;}

.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:5px 2px;margin:5px 5px 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} 

.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{color: #b90e37;word-break: break-word;padding-left:10px;font-weight:bold;}
.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} 



.gmail_login {background: #2196f3;} 
.gmail_login:hover{background: #1576c3;}
#xxslide-nav{border-radius:10px;width:250px;background:#fff8f8;}

#container {border-top: 1px solid #ccc;border-right: 1px solid #ccc!important;border-left: 1px solid #ccc;border-bottom: 0px solid #ccc;overflow: scroll; height:28px;}
#content {width:300px;height:30px;color:#fff;white-space: nowrap;}
#container::-webkit-scrollbar { display: none;} 

 .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:2px; min-width:64px; font-weight:800; text-transform:uppercase; font-size:12px;border:0;font-family: 'Lato', sans-serif!important;}
.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;}

.console-block{position: relative;background-color:#fff;border-radius:8px;float:left;border:1px solid #c3c3c3;margin:7px;padding:0px;width:250px;height:150px;}


.menu1-active {
    border-right: 3px solid #ce1b47!important;
    color: #fff!important;
}
table.menu1 td:hover {
    border-right: 3px solid #ce1b47;
    color: #fff;
    background: #7f8080;
}



.fade-bg-color {background:#fff;}
@media screen and (max-width: 550px) {
	.console-block{ width:97%;float:none;}
}
@media print{
.btn-round {background-color:#007dc3!important;color:#fff!important;}
.btn-round:hover {background-color:#007dc3!important;color:#fff!important;}
.btn-round:active {background-color:#007dc3!important;color:#fff!important;}
.btn-round b{ color: #ffffff!important;}
.header-md b{color:#f00!important;}
.info-band{background: #007dc3!important;color: #fff!important;}
.info-band b{padding-left:5px!important;padding-right:5px!important;background:#007dc3!important; color: #fff!important;}
.header-lg b{color:#c1003a!important;}
.list-link {color:var(--p-color)!important;}
.btn-link{color: #337ab7!important;}
.btn-md{}



}
	

/*-- --- --*/
.light-bg{background:#d2eeff;}
.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;}

.noscroll::-webkit-scrollbar {
  display: none;
}
.details-box{ width:130px;height:auto; border: 1px solid #f1f1f1;border-radius: 5px; padding:10px;box-shadow:-1px 2px 2px 0px #ccc;background:#fff;
            position:absolute; display: none;top:5px;right:35px;z-index:999; }
.close{position: absolute;top: 10px;right: 8px;cursor: pointer;opacity:1;}
.close img{opacity:1;}

.stage-1{
background-color: #ffc107;
    border: 1px solid #999;
    color: white;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    height: 18px;
    width: 18px;
    font-size: 11px;
    border-radius: 50%;
    padding-top: 0px;
}
.stage-2{
background-color: #91c357;
    border: 1px solid #999;
    color: white;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    height: 18px;
    width: 18px;
    font-size: 11px;
    border-radius: 50%;
    padding-top: 0px;
}

/*-- Landing Page --*/
.w_headtitle{font-size:17px;font-family: 'Lato', sans-serif!important;font-weight:bold;padding:10px 10px;color:#000}
.w-box {border-radius:8px;border:0px solid #ccc;height:100px;width:145px;padding:5px;}
.w-box:hover {border-radius:8px;border:1px solid #ccc;transition: width 3s;}
.w-title {color:#000;float:left;text-align:left;width:100%;padding:5px;font-size:13px;font-weight:bold;font-family: Lato, sans-serif!important;}
.w-link {border-top:1px solid #dfdfdf;color:#000;font-weight:bold;}
.w-img img{margin-top:20px;}
.w-count {color:#000!important;font-weight:bold;font-family: Lato, sans-serif!important;width:120px;margin-top:0px;}