@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Cookie&family=Josefin+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,700&display=swap');

body{ margin:0px 0px; padding:0px;font-family: 'Roboto', sans-serif;/*overflow-y:scroll;*/ background:#e5e6e8; font-family: 'Josefin Sans', sans-serif;}
.header{ width:100%; height:auto; margin:0px 0px; padding:0px; overflow:hidden; background:#1e2329; height:auto;  }
.topSearch{ background:#9e2b2b; background:none; position:relative; margin:5px;}
.topSearch .textField{ background:#292f36; color:#333; width:100%; height:40px; border:none; padding-left:10px;}
.topSearch .searchBtn{ position:absolute; right:0; background:none; border:none; height:40px;  color:#fff; margin-right:10px;}
.userC{ overflow:hidden; margin-top:5px;}
.userC h3{ font-size:14px; font-weight:normal; margin:0px 0px; float:left; margin-left:20px; color:#FFFFFF; line-height:30px;}
.userC .userimg{ width:32px; height:32px; border-radius:50%; float:left;}
.userC .userimg img{ width:32px; height:32px; border-radius:50%;}
.content-div{position:relative;min-height: 560px;}
.menu{ padding:5px; color:#fff; border-radius:0px; cursor:pointer; top:3px;  right:3px; margin-top:13px; background:none; display:table;}
.menu span{ margin-left:10px;}

.left{  padding:0px; overflow:hidden; background:#2a3542; /*height:100%; height:100%; min-height:620px; */ height:auto;position:absolute;top:auto;z-index:99;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*
.left1{top:0px;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}*/

/*
.left1{top:0px;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}*/
.nopadding{ padding:0px 0px;}
.logoC{ width:100%; height:auto; width:100%; position:relative; margin-top:3px;  }
.logoC img{ width:auto; height:40px;}

ul.leftMenu{ margin:0px 0px; padding:10px 0px; list-style:none;width:100% !important;display:none; padding-bottom:0px;}
ul.leftMenu li{ margin:0px ; padding:10px; font-size:14px;border-bottom:1px solid #181f27; transition: all 0.4s ease 0s;}
ul.leftMenu li:hover{ background:#016d7a; transition: all 0.4s ease 0s;}
ul.leftMenu li a{ color:#FFFFFF; text-decoration:none; display:block; }
ul.leftMenu li .fa{ margin-right:10px;}

.notificationC{ overflow:hidden; float:right; margin-top:5px; opacity:0.7;}
.notification-item{ position:relative; width:auto; height:auto; height:40px;width:43px; float:left; margin-left:2px; }

.notification-Icon{ width:auto; height:auto; margin:0px 10px; color:#FFFFFF;  }
.notification-Icon .fa{ margin-top:18px;}
.notification-item a{ color:#cb4040;}

.notification-count{ background:#FFFFFF; width:18px; height:18px; border-radius:50px; position:absolute; top:0; margin-top:3px; right:0; text-align:center; line-height:18px; font-size:12px; right:3px; color:#2c3e50;}
.signOut{ width:30px; height:30px; text-align:center; line-height:30px;  margin-top:4px; margin:7px auto; display:block;}
.signOut a{ color:#FFFFFF; font-size:15px;}
.signOut .fa{ line-height:30px;}
a { outline:none !important;}

.mailTitle{ background:#2c3e50; margin:20px 0px; padding:5px; border-bottom:3px solid #181f27;}
.mailTitle h1{ font-size:16px; color:#FFFFFF; margin:10px 10px;}


 .tableC { min-height:450px;}
 .table-inner{ width:100%; /*overflow:scroll;*//* height:440px;*/ font-size:13px;}
/*.table-responsive{ overflow-x: visible;}
*/

.tableC thead{ background:#c0392b; color:#FFFFFF; font-size:13px; text-align:left;  min-height:50px !important; text-transform:capitalize; font-weight:normal!important;}
.tableC tbody{}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ font-weight:normal;}
.time-pick{ border-top:1px solid #b5b5b5; min-width:100px;}

.row1{ width:auto; height:auto; margin:0px 0px; padding:0px; overflow:hidden;}


.footer{ background:#000; padding:10px; color:#fff; overflow:hidden;  width:100%; margin-top:10px; text-align:center; }
.footer p{ font-size:12px; margin:5px ; text-align:center;}

.tableC input{ width:auto; height:35px; border:1px solid #b5b5b5; padding:0px 5px; width:150px; }
.tableC select{ width:auto; height:35px; border:1px solid #b5b5b5; width:100%; min-width:150px; }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{ border:1px solid #b5b5b5;}

.blackBtn{ background:#373737; border-radius:4px; color:#FFFFFF; text-align:center; padding:5px 8px; font-size:13px; min-width:80px; margin-bottom:5px; display:inline-block;}
.blackBtn:hover, .viewButton:hover, .editButton:hover  { color:#f0f0f0;}
span .blackBtn{ display:inline-block;}
.buttonC .fa{ margin-right:5px;}



.viewButton{ background:#5cb85c; border-radius:4px; color:#FFFFFF; text-align:center; padding:5px 8px; font-size:13px; min-width:80px; margin-bottom:5px; display:inline-block;}
.editButton{ background:#d9534f; border-radius:4px; color:#FFFFFF; text-align:center; padding:5px 8px; font-size:13px; min-width:80px; margin-bottom:5px; display:inline-block;}

.blackBtn:hover{ color:#eaeaea;}
span .blackBtn{ display:inline-block;}

.salesHead td:nth-child(4){ width:50%;}
ul.report{ width:auto; height:auto; margin:0px 0px; padding:0px;  }
ul.report li{ float:left; margin-left:20px; }
/*ul.report li:before{content:"\f111"; font-family:FontAwesome;}
*/
.btn-red{ width:auto; height:auto; padding:10px; color:#FFFFFF; font-size:13px; text-transform:uppercase; background:#cb4040;border:1px solid #cb4040; float:right; margin:10px;transition: all 0.5s ease 0s;}
.btn-red:hover{ color:#cb4040; background:#FFFFFF; border:1px solid #cb4040;transition: all 0.5s ease 0s;}


/*login*/

.loginC{ width:100%; height:auto; margin:30% auto; padding:10px ; overflow:hidden; color:#333; font-size:13px;}
.loginC .logo{ text-align:center; background:#FFFFFF;border-top-left-radius:4px;border-top-right-radius:4px;}
.loginC .logo img{ text-align:center; margin:0px auto;}
.loginC h3{  color:#FFFFFF; text-align:center; margin:0px 0px; padding:0px; margin-bottom:0px; padding:10px; font-size:18px; text-transform:uppercase; font-weight:normal;}
.log-inner{ background:#FFF; padding:15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.log-inner .form-control{  height:45px; border-radius:0px; padding:10px; border:1px solid #ced4da; background:#FFFFFF; margin-bottom:15px; font-size:13px;}

.checkBox{ width:auto !important;}
.checkBox{ margin:0px 0px; padding:0px; float:left;}
.log-inner span a{ float:right; color:#000; font-size:13px;}
a:hover{ text-decoration:none; }
.log-inner span a{line-height:40px; height:40px;}
.loginBtn{ background:#71b6f9; width:100%; padding:10px; text-align:center; text-transform:uppercase; font-size:18px; border:none; color:#FFFFFF;
text-shadow:none; margin:10px auto; border:none; transition: all 0.5s ease 0s; border-radius:0px;}
.loginBtn:hover{ background:#4896e1; color:#FFFFFF; transition: all 0.5s ease 0s;}
.greenBtn .fa{ margin-right:5px;}
.greenBtn{ border:none;background-image:none;transition: all 0.5s ease 0s; background:#1abc9c;}
.greenBtn:hover{ background:#16a085; color:#FFFFFF;transition: all 0.5s ease 0s;}
.dark-blue{ background:#2a3542;border:none; color:#FFFFFF;transition: all 0.5s ease 0s;}
.dark-blue:hover{ background:#181f27;border:none; color:#FFFFFF;transition: all 0.5s ease 0s;}


.time-picker{ }

.frm{ width:50%; float:left; border-right:1px solid #b5b5b5; text-align:center;}
.to{ width:50%; float:left; text-align:center;}

.date-timeC{ min-width:150px; }
.calendarC{ color:#373737;border-bottom:1px solid #b5b5b5; position:relative;}
.calendarC .fa{ position:absolute; right:15px; margin-top:15px;}
.date-timeC input{ height:30px; margin:0px; width:93%!important;}
.dt-tm{}
/*.calendarC input{ width:100%!important;}
*/.calendarC input{ margin-right:0px; margin-bottom:5px;}
.calendarC .dateAnd-time{}
.dateAnd-time input{  margin:5px 0px; width:90%!important;}
.dateAnd-tim .to input{ float:right;}

.paymentDt-C{ position:relative;}
.paymentDt-C .fa{ position:absolute; right:8px; top:10px;}
.buttonC{ min-width:165px; float:left;}

.tabC{ margin:10PX auto; margin-top:10px;}
.tabC .nav > li > a{ background:#2c3e50; color:#FFFFFF; cursor:pointer;}
.tab-content{ padding:10px; border:1px solid #a6a4b1; border-top:none;}
.nav-tabs{ border-bottom:3px solid #9e2d2d;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border:1px solid #a33737; }
.nav-tabs > li a:hover{ border:1px solid #2c3e50; background:#2c3e50; color:#FFFFFF!important; }
.nav-tabs > li.active > a{ background:#a33737; border-bottom:1px solid #a33737; font-size:13px;}
.nav-tabs > li.active > a:hover{  color:#FFFFFF; border-bottom:1px solid #2c3e50; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ background:#a33737; color:#FFFFFF; border-bottom:1px solid #a33737;}
.tabC .nav > li{ font-size:13px;}
/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border-bottom:1.5px solid #a33737!important;}
*/ 
input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.table > thead > tr > th{ vertical-align:middle; }
.no-Padding{ padding:0px !important;}
.calendarC input{ margin:8px; width:auto;}
.dt-tm{ width:50px!important;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{ vertical-align:middle;}
.outPut .fa{ left:10px; margin-top:4px;}
.outPut p{ margin-left:30px; margin-top:5px;}
.tableC thead tr th:nth-child(1){ min-width:150px;}
.date-pick-2{}
.date-pick-2 input{ width:100%;}

ul.accordian-1{ overflow:hidden; margin:10px 0px; padding:0px; list-style:none;}
ul.accordian-1:hover li{ background:none;}
ul.accordian-1 li:hover{ padding:10px; overflow:hidden; border-bottom:none;}
.leftMenu .accordian-1{}
.leftMenu span{ float:right; color:#FFFFFF;}
.sub-menu1{width: 25px;height:25px;background:url(../images/plus.png) no-repeat;background-size: 100% 100%;margin-right: 10px;margin-top: 0px;}
.sub-menu2{background:url(../images/minus.png) no-repeat;background-size: 100% 100%;}
.paymentDt-C{ max-width:150px;}


tbody tr:nth-child(even){ background:#ededed;}
.white{ background:#FFFFFF; padding:10px; margin:10px auto;}
.mailTitle{ margin-top:5px;}

.out{ margin-left:35px;}

.formC{ color:#7f7f7f; font-size:12px;}

.textBox{ width:100%; height:35px; border:1px solid #cccdcd; padding-left:10px; margin-bottom:10px; font-size:12px;}
.listMenu{ width:100%; height:35px; border:1px solid #cccdcd; padding-left:10px; margin-bottom:10px; font-size:12px; color:#cccdcd;}
.textAria{ width:100%; height:auto; border:1px solid #cccdcd; padding:10px; margin-bottom:10px; font-size:12px;}

.formC sup{  float:right; color:#FF0000; margin-top:11px;}
.formC P{ margin-bottom:0PX;}
.row30{ width:30%; height:auto; margin:0px 0px; padding:0px; overflow:hidden;}
.row70{ width:70%; height:auto; margin:0px 0px; padding:0px; overflow:hidden;}
.floatLeft{ float:left;}
#form1{ margin-left:10px;}
.radioB{}
.radioB .textBox{ width:100%;}
.calenderC{ width:100%; height:auto; position:relative; float:left;}
.calenderC .fa{ position:absolute; right:10px; top:9px; color:#cccdcd;}
.col_2{}
.col_2 .textBox{ width:96.5%;}
.col_2 .listMenu{ width:95%;}
.formC label{ line-height:40px;}
.submit-btn{ background:url(../images/btn-bg.jpg) repeat-x; min-width:114px; color:#FFFFFF; font-size:14px; line-height:30px; border:1px solid #1ac3d7; margin-top:20px;}

.fm-list input[type="radio"] + label:after {
    background:url(../images/radio.png) no-repeat scroll 0 0 transparent;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;}
	
.fm-list input[type="checkbox"],
.fm-list input[type="radio"] {
    visibility: hidden;
    position: absolute;
}
.fm-list input[type="checkbox"]+label,
.fm-list input[type="radio"]+label {
    padding-left: 29px;
    position: relative;
    font-weight: normal;
    font-size: 12px;
}
.fm-list input[type="checkbox"]+label:after {
    position: absolute;
    content: '';
    background: url(../img/checkbox.jpg) 0px 0 no-repeat;
    height: 20px;
    width: 20px;
    left: 0px;
    top: 0px;
}
.fm-list input[type="checkbox"]:checked+label:after {
    background-position: 0px -21px;
}
.fm-list input[type="radio"]+label:after {
    position: absolute;
    content: '';
    background:url(../images/radio.png) no-repeat scroll 0 0 transparent;
    height: 25px;
    width: 25px;
    left: 0px;
    top: 0px;
}
.fm-list input[type="radio"]:checked+label:after {
    background-position: 0px -26px;
}
.fm-list .radio{ background:#d0ccc8; display:inline-block; padding:8px; padding-top:5px; border-radius:20px; color:#333; margin:0px;}
.fm-list h2{ font-size:13px; margin-right:10px; margin-top:12px; font-weight:bold; color:#7f7f7f;}
.fm-list sup{ margin-left:3px;}

.saveButton{ background:#016d7a; padding:8px 15px; font-size:15px; color:#FFFFFF; text-align:center; border:1px solid #016d7a; text-transform:uppercase; float:right;}


/*edit 2*/
.formC h4{ font-size:15px; margin:10px 0px; margin-bottom:25px; color:#000000; border-bottom:1px dotted #7b7b7b; padding-bottom:10px;}


/*tab*/

.nav-tabs a{ color:#181f27;}
.nav-tabs > li a span{ margin-left:5px; font-size:11px!important;}
.nav > li > a{ padding:10px; font-size:12px;}

.tbl_spcl th
{
    background: #c0392b;
    color: #FFFFFF;
    font-size: 13px;
    text-align: center;
    min-height: 50px !important;
    text-transform: capitalize;
    font-weight: normal!important;
}


/*edit*/

.counting{ display:block; border:none; margin-top:4px; margin-bottom:4px;}
.counting-outer{ padding:3px; background:#e5e6e8;}


.counting-outer .row{ margin:5px 0px 5px 0px;}

.counting-outer .col-lg-6{ padding-left:5px; padding-right:5px;}
.counting h4{ float:left;}
.counting span{ float:right;}
.counting { overflow:hidden;}



.tech-btnC{}
.tech-btn-1{ background:#1abc9c; color:#fff; text-transform:uppercase; border-radius:3px;  border-bottom:2px solid #16a085; display:inline-table; padding:10px 15px;}

.tech-btn-2{ background:#3498db; color:#fff; text-transform:uppercase; border-radius:3px; border-bottom:2px solid #2980b9; display:inline-table; padding:10px 15px;}

.tech-btn-3{ background:#e74c3c; color:#fff; text-transform:uppercase; border-radius:3px;  border-bottom:2px solid #c0392b; display:inline-table; padding:10px 15px;}
.tech-btnC a:hover{ color:#FFFFFF;}

.tech-btn-4{ background:#a66bbe; color:#fff; text-transform:uppercase; border-radius:3px;  border-bottom:2px solid #8e44ad; display:inline-table; padding:10px 15px;}



@media screen and (-webkit-min-device-pixel-ratio:0) {

.topSearch .textField{ width:98%;}
.topSearch .searchBtn{ right:10px;}
}
@media (max-width: 970px){
.notification-item{ margin-left:17px;}

}

 @media (min-width: 777px) and (max-width: 901px) {
 .menu span{ display:none;}
 .menu{ padding:8px;}
 
 }


@media (max-width: 780px){

 .header{ height:auto;}
 .tableC { overflow:hidden; overflow-y:scroll;}
 .footer{ margin-top:1px; padding:10px; position:static;}
 .left-side{ margin-right:none;}
 .log-inner span a{ float:none;}
 .nav-tabs > li{ float:none; margin-bottom:1px; border-radius:0px;}
 .nav-tabs > li > a{ border-radius:0px;}
 .userC{ margin-bottom:5px;}
 .table-inner{ height:auto; max-height:500px;}
 .tableC input{ width:100%;}
 
 .table > thead > tr > th{ min-width:130px;}
 .date-pick-2{ margin-bottom:15px;}
 .header{ padding-bottom:20px;}
 .menu{ width:80px; position:absolute; z-index:500;}
 .tech-btnC a{ width:100%; text-align:center; margin-bottom:5px;}
 }
 
 
 
 
 /*new*/
 
 .login-bg{ background:url(../images/logi-bg.jpg); background-position:center;}
 
 .loginC .logo{ overflow:hidden;}
 .loginC .logo img{ width:100%;}
 
 .checkbox{margin-top:8px;}
.log-inner { background:#fff}



.home-bg{ min-height:700px; background-size:100% auto;
}

.home-banner-sec{ color:#FFFFFF; margin:20px 0px;}

.balance-bk{ margin:10px auto; display:block; border:2px solid #ac8009; padding:20px; margin-top:250px; background:#1a1f23 url(../images/8.png) no-repeat right bottom;  }


.balance-bk h3{font-family: 'Cookie', cursive;}
.balance-bk ul{font-family: 'Josefin Sans', sans-serif; margin:0px 0px;}
.balance-bk ul b{ float:right;}

.nm{ padding-left:15px;}

.sliderC{ overflow:hidden;  margin-top:40px; border:1px solid #4f4f4f;}
.sliderC img{ width:100%;}

.balance-bk ul{ margin:0px 0px; list-style:none; padding:0px 0px;}
.balance-bk ul li{ padding:10px 0px ; width:100%; margin-bottom:20px;}

.balance-bk ul li span{ display:table; float:left; width:50%;}
@media (min-width: 1300px) {
.container {max-width: 1250px!important;}


}

 @media (max-width: 880px){
  .topSearch{ margin-top:10px;}
.balance-bk{margin-top:0px!important;}

.home-bg{ background:#191e24; min-height:none;}
 .left{ top:33px; right:0;  top: 54px;
  right: 0;
  min-width: 246px;
}
.menu {
  width: auto;
  position: absolute;
  z-index: 500;
  right: 22px;
}

.ord-2{order:1!important;}
.ord-1{order:2!important;}


.header {
  padding-bottom: 6px;
}
.sliderC{ margin-top:10px; margin-bottom:15px;}

 }
.mob-slider{ display:none;}

.mob-version{ overflow:hidden; display:none;}
.mob-version img{ width:100%;}



 @media all and (max-width: 760px) {
 .sliderC{ display:none;}
 
 .mob-version{ display:block;}
 
 .lg-slider{ display:none!important;} 
 .mob-slider{ display:block;}
 
 .home-banner-sec .container{ margin:0px 0px; padding:0px 0px;}
.home-banner-sec .row{ margin:0px 0px;}
.home-banner-sec .col-lg-12{ padding:0px 0px;}
 
 }