/*@import url('image-zoom.css');*/ 
@import url('https://fonts.googleapis.com/css?family=Catamaran:100,200,300400,500,600,800&display=swap');
@import url('chart.css');
@import url('main-attachments.css');
@import url('style.css');
@import url('datemonthtoggle.css');
@import url('colors.css');

html { }
body{ margin:0; padding:0; font-size:14px; font-family: 'Catamaran'; color:#666; overflow-x: hidden; background:#eeeeee !important; }
a,
a:visited { transition: .4s;color: #606060; outline: none; text-decoration: none;}
a:hover,
a:focus,
a:visited:hover {color: #22a1c4; text-decoration: none;}
/*Login-page*/
.kw-login-full-wrapper{background:url(../images/login-fullbg.jpg) no-repeat left center fixed; z-index:1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100vh; position:relative; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Opera 12.1, Firefox 20+ */ -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.kw-login-midwrapper { width:650px; margin:0 auto; height: 280px; background:#fff; border:1px solid #d1d7dc;}
.kw-login-midwrapper h1{ color:#2e4e85; font-weight:400; font-size:28px; line-height:32px; margin:10px 0 0 0; padding:0;}
.kw-login-midwrapper p{ color:#525252;margin:0; padding:0 0 10px 0; font-weight:100;}
.forgot-password{ color:#1a4a9b;}
.forgot-password a{ color:#1a4a9b; text-decoration:underline; transition: .4s;}
.forgot-password a:hover{ color:#666;} 
.kw-login-midwrapper label{ display:block; margin-bottom:12px;}
.kw-login-midwrapper label ::placeholder { color:#404040; }
.kw-login-midwrapper .login-username{ width:100%; box-sizing:border-box; background:url(../images/login-username.png) no-repeat left; background-size: 18px 18px; background-position: 5px 5px; margin:0; padding:8px 0px 8px 30px; border:1px solid #8bd4e8; border-radius:5px; z-index:5; }
.kw-login-midwrapper .login-password{ width:100%; box-sizing:border-box; background:url(../images/login-password.png) no-repeat left; background-size: 18px 18px; background-position: 5px 7px; margin:0; padding:8px 0px 8px 30px; border:1px solid #8bd4e8; border-radius:5px; z-index:5; }
.sign-in-button{ color:#fff; border:none; border-radius:5px; background:#2e4e85; transition: .4s; padding:8px 30px; cursor:pointer; }
.sign-in-button:hover{background:#11bae7;}
.kw-left-area{height: 280px; width:30%; box-sizing:border-box; background:#11bae7; position:absolute; left:0; padding:70px 25px 0 25px; margin:0 auto; text-align:center; }
.kw-right-area{height: 280px; width:70%; box-sizing:border-box; background:#fff; padding:15px 35px 0px 35px; position:absolute; left:30%; }
.kw-left-area p{ font-size:22px; line-height:22px; color:#fff;}
.kw-left-area img{ width:100px; height:100px; margin:0 auto; text-align:center; }
.shadow-effect{ position: relative;}
.shadow-effect:before, .shadow-effect:after{ z-index: -1; position: absolute; content: ""; bottom: 35px; left: 10px; width: 80%; top: 50%; max-width:300px; background: #777; -webkit-box-shadow: 0 35px 20px #777; -moz-box-shadow: 0 35px 20px #777; box-shadow: 0 35px 20px #bbbbbb; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg);}
.shadow-effect:after{ -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); right: 10px; left: auto;}
/*Login-page*/
 
/*Dashboard*/
h4{ font-size:18px; font-weight:500 !important; color:#949494 !important; padding-bottom:15px; border-bottom:1px solid #ccc;} 
.navbar-header{ position:relative;}
.logo{ margin:0 5px 0 0; padding:0; width:32px; overflow:hidden; display:inline-block;}
.logo-text{ position: absolute; top:15px; left:40px;}
.top-bg{ background:#2e4e85; }
.whitebg{ background:#FFF;}
.plain-wrapper{ background:none; padding:0px; margin-bottom:20px; position:relative; }
.white-wrapper{ background:#fff; padding:25px 25px; margin-bottom:45px; position:relative;}
.white-wrapper-pagination{ background:#fff; padding:0px 0px !important; margin:0 !important; position:relative; }
.white-wrapper-search{ background:#fff; padding:20px 25px 15px 25px; margin-bottom:5px; position:relative; display:flex;}
.date-picker{ border:1px solid #ccc; border-radius:120px; height:40px; line-height:40px; width:200px; text-align:center; position:absolute; right:25px; top:25px; bottom:0;}
.navbar-fixed-top{ border :none !important;  border:1px solid #F00; }
.navbar-header{ color:#fff;}
.three-line{ color:#fff !important; font-size:25px !important; }
.cap{ text-transform:uppercase;}
.left-divider{ margin-top:40px !important;}
.border{ border:none !important;}
.border-right{ border-right:none !important;}
.dashboard-head{ color:#fff; font-size:30px; font-weight:400; margin:0; padding:0;}
.welcome-wrapper{ background:#2e4e85; padding:20px 20px 75px 20px; position:relative; top:0px; }
.welcome-wrapper p{ color:#fff; font-size:13px;}
.space{ padding:0 !important;}
.topspace{ position:relative; top:-2px !important;  }  
.main-card{ position:relative; margin:0; padding: 20px;  position:relative; top:-75px; }
.main-content-holder{ position:relative; margin:0; padding: 20px; position:relative;top:-75px; }
.card-row {display: flex; flex-direction:row; flex-flow: row wrap; margin: -10px; /*row-gap: 20px; column-gap: 20px;*/ }
.card-column {flex: 21%; flex-direction: column;  padding: 15px; margin:10px; transition: .4s; }
.blue-border{ border-bottom:6px solid #528ce6;} 
.green-border{ border-bottom:6px solid #3cbbb1;} 
.orange-border{ border-bottom:6px solid #ff8c56;}
.yellow-border{ border-bottom:6px solid #f2ba1e;} 
.red-border{ border-bottom:6px solid #ec6262;} 
.gray-border{ border-bottom:6px solid #aaaaaa;}
.ltyellow-border{ border-bottom:10px solid #f8e184 !important;}
.ltorange-border{ border-bottom:10px solid #ff8c56 !important;}
.ltblue-border{ border-bottom:10px solid #528ce6 !important;}
.ltgreen-border{ border-bottom:10px solid #37b79a !important;}
.container-fluid{ position:relative; }
.three{ margin:0; padding:0; }
.chart-btnWrapper{ margin:0; padding:0; position:absolute; right:20px; top:20px; z-index:9999999 !important;}
.chart-btnWrapper a{ color:#ccc !important; font-size:20px; text-decoration:none;}
.chart-btnWrapper a:hover{ color:#B1CDE2 !important; text-decoration:none;}
.chart-btnWrapper a:focus{ border:none;text-decoration:none;}
.blue-button{ background:#4385f5; margin:0; border:none; font-size:12px; padding:6px 10px; color:#fff;transition: .4s;}
.blue-button:hover{ background:#f29605; border:none; }
.blue-text{ color:#528ce6 !important; text-shadow: 1px 2px 3px #0000000d !important;} 

/* .shadow-effectadded */
.green-text{ color:#3cbbb1 ; text-shadow: 1px 2px 3px #0000000d !important;} 
.orange-text{ color:#ff8c56; text-shadow: 1px 2px 3px #0000000d!important;} 
.red-text{ color:#ec6262;text-shadow: 1px 2px 3px #0000000d !important;}
.yellow-text{ color:#f2ba1e;text-shadow: 1px 2px 3px #0000000d !important;} 
.gray-text{ color:#bababa; text-shadow: 1px 2px 3px #0000000d !important;} 

.indigo-text{ color:#165baa; text-shadow: 1px 2px 3px #0000000d !important;} 
.rose-text{ color:#f765a3 ; text-shadow: 1px 2px 3px #0000000d !important;} 
.violet-text{ color:#a155b9; text-shadow: 1px 2px 3px #0000000d !important;} 

.required-field::after {
  content: "*";
  color: red;
}

.h2{ color:#3968c6 !important; font-size:25px !important; font-weight:100 !important; margin-top:0 !important; padding-bottom:20px!important; }
.card-innerwrapper{ display:flex; flex-grow: 1; overflow:hidden;}
.card-innerwrapper .column-left{flex: 1; padding-right:15px; align-items: center; justify-content: center; }
.card-innerwrapper .column-left img{ width:100%;}
.card-innerwrapper .column-right{flex:0 0 70%; align-self:center; }
.card-innerwrapper .column-right h1{ color:#737373; font-size:18px !important; font-weight:400; margin:0 !important; padding:0 0 6px 0 !important;}
.card-innerwrapper .column-right h2{ font-size:25px; font-weight:400; margin:0; padding:0px 0 0 0 !important;}
.card-innerwrapper .column-right p{ font-size:15px; font-weight:400; color:#8a8a8a; margin:0; padding:0px 0 0 0;}
.card-innerwrapper .column-right label{ width:100%; font-weight:normal; display:inline-block; position:relative; margin:0 !important; padding:0 !important; }
.card-innerwrapper .column-right label span{ display:inline-block; position:absolute; right:0; }
.user-type-wrapper { margin:0; padding:0; overflow:hidden; }
.user-type-wrapper ul{ margin:0; padding:0; position:relative;  }
.user-type-wrapper ul li{ list-style:none; margin:0; padding:0; display:inline-block;font-size:17px; line-height:18px; margin:0; padding:0; color:#333;}
.user-type-wrapper ul li span{font-size:12px; line-height:16px; margin:0; padding:0; color:#666;}
.profile-avatar{ width:40px; height:40px; margin :10px 0 0 15px !important; border-radius:100px; }
.profile-avatar img{ width:40px; height:40px;border-radius:100px; }
.profile-name{ position:absolute; left:72px; top:10px; }
.clients-top-card-wrapper{ position:relative; margin:0 10px 0 0; padding:10px 20px;  position:relative; top:-75px; }
.clients-card-wrapper {display: flex; margin:-10px; padding:10px 0; }
.clients-card-column{ width:200px; padding:0px; margin: 0 15px 0 0;  }
.clients-column-left{ flex-grow:1; }
.clients-column-right{ flex-grow:3; margin:10px 0; padding:20px; position:relative;  }
.clients-column-right img{ width:100%;}
.clients-column-left. .clients-column-right{ }
.feedback-card-wrapper {display: flex; margin:-10px; padding:10px 0; }
.feedback-card-column{ width:200px; padding:0px; margin: 0 40px 0 10px;  }
.feedback-column-left{ flex-grow:1; }
.feedback-column-right{ flex-grow:3; margin:0;  padding:20px; position:relative;}
.feedback-column-right img{ width:100%;}
.user-type-wrapper .column-left{flex: 1; padding: 20px 10px 10px 20px;  }
.user-type-wrapper .column-left img{ width:100%;}
.user-type-wrapper .column-right{flex:0 0 65%; padding:25px 15px 10px 0; }
.user-type-wrapper .column-right .user-name{ font-size:20px; line-height:18px; margin:0; padding:0; color:#333; }
.user-type-wrapper .column-right .user-type{ font-size:14px; line-height:16px; margin:0; padding:0; color:#666; }
/*
.user-typer-wrapper{ display:flex; overflow:hidden; }
.user-typer-wrapper .column-left{flex: 1; padding: 20px 10px 10px 20px;  }
.user-typer-wrapper .column-left img{ width:100%;}
.user-typer-wrapper .column-right{flex:0 0 65%; padding:25px 15px 10px 0; }
.user-typer-wrapper .column-right .user-name{ font-size:20px; line-height:18px; margin:0; padding:0; color:#333; }
.user-typer-wrapper .column-right .user-type{ font-size:14px; line-height:16px; margin:0; padding:0; color:#666; }*/
.card-column:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.10);}
.lhs-home{background:url(../images/lhs-home.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block; }
.lhs-items{background:url(../images/lhs-items.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block; }
.lhs-orders{background:url(../images/lhs-orders.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-clients{background:url(../images/lhs-clients.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-tickets{background:url(../images/lhs-tickets.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-payments{background:url(../images/lhs-payments.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs_subscription{background:url(../images/lhs_subscription.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-booking{background:url(../images/lhs_booking.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs_sales{background:url(../images/lhs_sales.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-callbacks{background:url(../images/call-back.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-leave-scheduler{background:url(../images/lhs-leave-scheduler.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-feedbacks{background:url(../images/lhs-feedbacks.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-resources{background:url(../images/lhs-resources.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-new-enquiry{background:url(../images/lhs-newenquiry.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-addfeedback{background:url(../images/lhs-addfeedbacks.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-raiseticket{background:url(../images/lhs-raietickets.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-collection{background:url(../images/lhs-collections.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-promocodes{background:url(../images/lhs-promo-code.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-productivity{background:url(../images/lhs-productivity.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.lhs-finewriteoff{background:url(../images/lhs_fine_woff.png) no-repeat left; background-size: 30px 30px; background-position: 18px 7px; display:block;}
.green-line{ border-left:4px solid #3cbbb1 !important; }
.blue-line{ border-left:4px solid #528ce6 !important;}
.orange-line{ border-left:4px solid #ff8c56;}
.red-line{ border-left:4px solid #ec6262;}
.yellow-line{ border-left:4px solid #f2ba1e;}
.grey-line{ border-left:4px solid#808080;}

.green-bg{ background:#3cbbb1; padding:2px 6px; border-radius:30px; text-align:center; color:#fff; font-size:11px; display:block;text-shadow: 1px 2px 3px #00000045;}
.yellow-bg{background:#f2ba1e; padding:2px 6px; border-radius:30px; text-align:center; color:#fff; font-size:11px; display:block; text-shadow: 1px 2px 3px #00000045; }
.red-bg{background:#ec6262; padding:2px 6px; border-radius:30px; text-align:center; color:#fff; font-size:11px; display:block; text-shadow: 1px 2px 3px #00000045; }
.blue-bg{background:#528ce6; padding:2px 6px; border-radius:30px; text-align:center; color:#fff; font-size:11px; display:block;  text-shadow: 1px 2px 3px #00000045; }
.ltblue-bg{background:#e6ebf3 !important; }


.orders{ font-size:17px; display:block; color:#a5a5a5; position:relative !important;}
.yellow{background:#f2ba1e;}
.green{ background:#3cbbb1;}
.table-scroll {position:relative; overflow:hidden; max-width:100%; margin:auto;  border-collapse:collapse;border-right:1px solid #ccc !important; }
.table-wrap {width:100%; overflow:auto; border :none !important; position:relative; }
/*.table-wrap {width:100%; overflow:auto; position:relative; }*/
 
.table-scroll table { border-left:1px solid #ccc !important; width:100%; margin:auto; border-collapse:collapse;	border-spacing:0; font-size:13px;  }
.table-scroll table tr{transition: .4s;}
.table-scroll table tr:hover { background:#ececec !important; }
.table-scroll th, .table-scroll td {padding:5px 10px; border-right: none; border-top:1px solid #ccc !important; border-bottom:1px solid #ccc !important; white-space:nowrap;border-collapse:collapse; vertical-align:center;}
 

.table-scroll thead, .table-scroll tfoot {background:#f9f9f9;}
 .profile-avtar{ display:inline-block; width:24px; height:24px; padding:0 !important; margin:7px 10px  7px 10px!important;}
 .profile-avtar img{ width:100%;}
.clone {position:absolute;top:0;left:0;pointer-events:none; }
.clone th, .clone td {visibility:hidden;}
.clone td, .clone th {border-color:transparent;}
.clone tbody th {visibility:visible;color:red; }
.clone .fixed-side {/*background:#F00 !important; */border-top:1px solid #ccc !important;   visibility:visible; color:#666;}
.fixbg{ background:#eee !important; }
.padding{ padding:14px 0 !important;}
.theadbg{ background:#eee !important; }
.clone thead, .clone tfoot{background:transparent;}
.main-table { background:#fff !important; /* border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ border: 1px solid #ccc; table-layout: fixed; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; font-size:13px;}
 .clickable-row{ cursor: pointer; text-align:center;} 
.main-table th{ font-weight: 600; padding:10px 0 !important;   }
.main-table caption { font-size: 1.5em; margin: .5em 0 .75em;}
.main-table tr { transition: .4s; background-color: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: .35em;}
.main-table tr th td a{ color:#666 !important;}
.main-table th,
.main-table td { padding: .225em; text-align: center; border:none;}
.main-table th { font-size: .85em; letter-spacing: .1em; text-transform: uppercase;}
.main-table tr:hover { background:#ececec; }
.main-table-border { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;}
.main-table-border caption { font-size: 1.5em; margin: .5em 0 .75em;}
.main-table-border tr { background-color: #f8f8f8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: .35em;}
.main-table-border th,
.main-table-border td {padding: .525em; text-align: center; border : 1px solid #ccc; position:relative;}
.main-table-border th {font-size: .85em; letter-spacing: .1em; text-transform: uppercase;}

 .blue-box{ background:#528ce6; position:absolute; left:2%; right:2%; width:75%; top:9px; color:#fff; border-radius:100px; display:inline-block; height:25px; line-height:20px;  font-size:12px; padding:0 20px; text-shadow: 1px 2px 3px #00000045; }
 .blue-box:hover{ background:#4980d4; cursor:pointer;} 
 .green-box{ background:#3cbbb1; position:absolute; left:52%; right:2%; width:30%; top:9px; color:#fff; border-radius:100px; display:inline-block; height:25px; line-height:20px; font-size:12px; padding:0 20px; text-shadow: 1px 2px 3px #00000045;}
 .green-box:hover{ background:#31a9a0; cursor:pointer;}
.orange-box{ background:#ff8c56; position:absolute; left:2%; right:2%; width:60%; top:9px; color:#fff; border-radius:100px; display:inline-block; height:25px; line-height:20px; font-size:12px; padding:0 20px;text-shadow: 1px 2px 3px #00000045; }
.orange-box:hover{ background:#e77d4b; cursor:pointer;}
.red-box{ background:#ec6262; position:absolute; left:0%; right:2%; width:40%; top:9px; color:#fff; border-radius:100px; display:inline-block; height:25px; line-height:20px; font-size:12px; padding:0 20px; text-shadow: 1px 2px 3px #00000045; }
.yellow-box{ background:#f2ba1e; position:absolute; left:2%; right:2%; width:47%; top:9px; color:#fff; border-radius:100px; display:inline-block; height:25px; line-height:20px; font-size:12px; padding:0 20px; text-shadow: 1px 2px 3px #00000045; }
.yellow-box:hover{ background:#e7ab03; cursor:pointer;}
.red-box:hover{ background:#d55757; cursor:pointer;}
.left-avatar{width:22px; height:22px; position:absolute; left:1px; top:1px; border-radius:50px; text-align:center; }
.left-avatar img{ width:100%; border-radius:50px;height:22px;}
.right-value{width:22px; height:22px; position:absolute; background:#fff; right:1px; top:1px; border-radius:50px; text-align:center; }

/*.divtable { border:1px solid !important;
    white-space:nowrap;
    display: table;
    text-align: center;position:relative;
    width: 100%;
    margin: 0 auto 0;
    border-collapse: separate;
    font-weight: 400; 
  }*/
.common-table{ width:100%; margin:0; padding:0;border:1px solid #ccc;  border-bottom:none !important; table-layout: fixed;}

.common-table td, th,td {vertical-align: middle !important;}
.common-table tr { margin:0; padding:0; border:none !important; transition: .4s;}
.common-table tr:hover { background:#ececec !important;}
.common-table th{ margin:0; padding:6px 6px; background:#ececec;  border-bottom:1px solid #ccc;}
.common-table td{ margin:0; padding:6px 10px; border-bottom:1px solid #ccc; }
.footable.breakpoint > tbody > tr > td > span.footable-toggle { display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;
  padding-right: 5px; font-size: 13px; color: #888888;}
.footable.breakpoint > tbody > tr.footable-detail-show > td { border-bottom: none;}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before { font-size:18px; padding: 3px 5px; content: "+"; cursor:pointer;}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before { font-size:18px; padding:3px 5px; content: "-"; cursor:pointer;}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer;}
.footable.breakpoint > tbody > tr > td.footable-cell-detail { background: #eee; border-top: none;}
.footable-row-detail-name{ background:#efefef; padding:5px 10px; font-weight:bold; border:1px solid #ccc; border-bottom:none;   }
.footable-row-detail-value{ border:1px solid #ccc; padding:5px 10px;   }
.download-icon{ width:25px; height:24px; margin:0; padding:0; }  
.eval-table{  } 
.eval-table tr td{ padding:12px 20px;}
 .eval-table td{ position:relative !important; }

  .table_row {position:relative; display: table-row;}
  .theader {position:relative; display: table-row; }
  
  .table_header { display: table-cell; border-bottom: #ccc 1px solid; border-top: #ccc 1px solid; background: #bdbdbd; color: #e5e5e5; padding-top: 10px; padding-bottom: 10px; font-weight: 700; }
    .table_header:first-child { border-left: #ccc 1px solid; border-top-left-radius: 5px;  }
   .table_header:last-child { border-right: #ccc 1px solid; border-top-right-radius: 5px; }
  
  .table_small {/* border-right:1px solid #ccc;*/border-bottom:1px solid #ccc; position:relative;  overflow:auto; display: table-cell;width:4%;  }
  .table_row > .table_small > .table_cell:nth-child(odd) { display: none; background: #bdbdbd; color: #e5e5e5; padding-top: 10px;position:relative; padding-bottom: 10px;}
    .table_row > .table_small > .table_cell {padding-top: 3px; padding-bottom: 3px;position:relative; color: #5b5b5b;  /*border-bottom: #ccc 1px solid;*/  }
    .table_row > .table_small:first-child > .table_cell {/*    border-left: #ccc 1px solid;*/  }
    .table_row > .table_small:last-child > .table_cell { /*border-right: #ccc 1px solid;*/  }
    .table_row:last-child > .table_small:last-child > .table_cell:last-child { border-bottom-right-radius: 5px;  }
    .table_row:last-child > .table_small:first-child > .table_cell:last-child { border-bottom-left-radius: 5px;  }
    .table_row:nth-child(2n+3) {   /*background: #e9e9e9;*/ }
    .dataTable {display: block; width: 100%; margin: 1em 0; border : 1px solid #ccc;}
.dataTable thead, .dataTable tbody, .dataTable thead tr, .dataTable th { display: block; }
.dataTable thead { float: left;}
.dataTable tbody { width: auto; position: relative; overflow-x: auto;}
.dataTable td, .dataTable th { padding: .625em; line-height: 1.5em; border-bottom: 1px solid #ccc; box-sizing: border-box; overflow-x: hidden; overflow-y: auto;}
.dataTable th { text-align: left; background: rgba(0, 0, 0, 0.14);/*  border-bottom: 1px solid #aaa;*/}
.dataTable tr:hover { background:#ececec; }
.dataTable tbody tr { display: table-cell;}
.dataTable tbody td { display: block; padding: .625em;}

/*.dataTable tr:nth-child(odd) {
	background: rgba(0, 0, 0, 0.07);
}*/
.cleaning-container { margin: 0 auto;  width: 100%; }
.cleaning-table { border-spacing: 0; border-collapse: collapse; width: 100%;}
.cleaning-table tr{ position:relative;}
.cleaning-table th, td { position:relative; }

.cleaning-table th td { position:relative; border-right:1px solid #ccc;}
.cleaning-table tr{border: 1px solid #ccc;}

/*.cleaning-table th{ vertical-align: top; white-space: nowrap; }*/
.cleaning-table td {  padding: 22px 10px; white-space: nowrap;font-size:12px;/* vertical-align: top;*/}
 .name-bold{ font-size:13px; color:#554e5f; font-weight:600; line-height:14px; margin:0 !important; padding:0 !important; width:200px; }
 .profile img{ width:26px; height:26px; padding:0 !important; margin:0 !important;}
 .position{ font-size:12px !important; font-weight:100; color:#a2a2a2; margin:0; padding:0; }
.cleaning-table th {position:relative; background: #ddd; font-weight: 600; text-align: center; padding:13px 10px; !important; white-space: nowrap; font-size:12px;}
.cleaning-table tbody tr:nth-child(odd) {/* background: #f3f3f3;*/}
.small-pad{padding-bottom:2px !important; padding-top:qpx !important;}
.align-right{ text-align:right !important;}
.align-left{ text-align:left !important;}
.align-center{ text-align:center !important;}
.toolbar-div{ margin:0; padding:0 0 20px 0; display: flex;flex-direction: row; }
.filter-right { order: 2; box-sizing: border-box;  width: 45%; text-align:right; }
.search-middle { flex-grow: 1; order: 1; box-sizing: border-box; }
.filter-button{ margin:0; padding:0; display:inline-block; }
.filter-button a{ color:#fff; text-decoration:none !important; background:#528ce6; border-radius:4px; padding:7px 20px !important;}
.filter-button a:hover{ background:#4479cb; color:#fff;}
.search-wrapper{ position:relative; width:50%; height:39px; display:inline-block;box-sizing:border-box; margin:0; padding:0; }
.search-bar { margin: 0 auto; width: 100%; padding: 5px 10px; font-size:14px; border: 1px solid #D0CFCE; outline: none; border-radius:4px;}
.search-bar:focus { border: 1px solid #008ABF; transition: 0.35s ease; color: #008ABF;}
.search-bar:focus::-webkit-input-placeholder { transition: opacity 0.45s ease; opacity: 0;}
.search-bar:focus::-moz-placeholder {transition: opacity 0.45s ease; opacity: 0;}
.search-bar:focus:-ms-placeholder { transition: opacity 0.45s ease; opacity: 0;}
.search-icon { position: relative; float: right; width: 50px; height: 50px; top: -41px; right: -8px;}
.left-box{ width:auto;margin:10px;}
.leftbox-item1{flex-grow:2; align-self:center;}
.leftbox-item2{flex-shrink:0; align-self:center;}
.date-picker-resource{ border:1px solid #ccc; border-radius:120px; height:40px; line-height:35px; width:190px; text-align:center; display:inline-block; /*position:absolute; right:0px; top:18px; bottom:0;*/}
.day-month-togggle-button{ border:1px solid #ccc; border-radius:120px; height:35px; line-height:35px; width:200px; font-size:13px; text-align:center;  display:inline-block;}
.sort-icon{ background:url(../images/sort-icon.png) no-repeat; width:8px; height:8px; display:block; position:absolute; right:6px; top:16px; cursor:pointer; } 
.resource-scroll {position:relative; width:100%;overflow:hidden;  margin:0 auto;}
.resource-scroll table {width:100%;	margin:auto;border-collapse:separate;border-spacing:0; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.resource-scroll th{ border-top:none;border-bottom:none !important; border-left:none !important;  border:1px solid #ccc;}
.resource-scroll td {border-top:none;border-bottom:none !important; border-left:none !important;  border:1px solid #ccc;}
.resource-scroll th, .resource-scroll td { position:relative; padding:8px 15px; white-space:nowrap;}
.resource-scroll thead{	background:#f9f9f9;}
.res-clone {position:absolute; top:0; left:0; pointer-events:none;}
.res-clone th, .res-clone td {	visibility:hidden}
.res-clone td, .res-clone th {	border-color:transparent}
.res-clone tbody th {visibility:visible; color:red;}
.res-clone .fixed-side { border-bottom:none !important; border:1px solid #ccc; 	background:#eee;visibility:visible;}
.resource-graybg{ background:#eee;}
.res-clone thead, .res-clone tfoot{background:transparent;}
.resource-inside-table{ border:none !important;}
.resource-inside-table tr{ border:none !important;}
.resource-inside-table th { border:none !important;}
.resource-inside-table td{ border:none !important;}
.scrollable { overflow: hidden; position: relative; width: 100%;}
.scrollable.is-scrollable:after { position: absolute; top: 0; left: 100%; width: 50px;  border-radius: 10px 0 0 10px / 50% 0 0 50%; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25); content: '';}
.scrollable > div {/* Hide vertical scrollbar */overflow-y: hidden;}
.scrollable > div ::-webkit-scrollbar { height: 12px;}
.scrollable > div ::-webkit-scrollbar-track { background: #f0f0f0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) inset;}
.scrollable > div ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 6px;}
.nav li.panel { margin-bottom: 0; background-color: #000; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.active-right{ position:absolute; right:6px; top:15px; background:url(../images/active-arrow.png) no-repeat right; display:block; background-size: 18px 18px; width:16px !important; height:16px !important; background-position: 0px 0px;}
.wrapper { position: relative; min-height: 100vh; height: auto;}
.navbar {margin-bottom: 0;}
 .main-sidebar { box-sizing: border-box; width: 230px; position: fixed; top: 56px; left: 0; z-index:999; height: calc(100vh - 56px);/*  height: 100vh !important;*/  
 background: #fff; box-shadow: 0 25px 12px 0px rgba(31, 73, 125, 0.8);/*  -webkit-backface-visibility: hidden;*/}
.main-sidebar .nav li { white-space: nowrap;  height:50px;border-bottom:1px solid #dedede; position:relative;}
.main-sidebar .nav li a { position: relative; padding-left:60px;padding-top: 15px; display:block; height:50px; color:#6a6a6a; transition: .4s; }
.main-sidebar .nav li a:hover { background:none; color:#2e4e85;}
.main-sidebar .nav li a[aria-expanded="true"] > span + i { transform: rotate(180deg); }
.main-sidebar .nav li a > span + i { position: absolute; right: 5px; margin-top: 2px; transition: transform .1s;}
.main-sidebar .nav-pills li > a,
.main-sidebar .list-group-item {border-radius: 0; }
.main-sidebar .list-group { margin-bottom: 0; }
.main-sidebar .nav .search-form { padding: 10px 15px; animation: 0.3s fadein; animation-fill-mode: forwards;}
.main-sidebar a[data-toggle-fixed] { opacity: .7;}
.content,
.footer { /*margin-left: 230px;*/ margin-left: 230px; overflow:hidden; padding:0 !important; transition: margin-left 0.3s;}
.content { /*height: 1000px;*/ margin-top:47px !important; background: #eee; }
.footer { background: #ccc;}
.navbar-brand { width: 230px; overflow:hidden;  white-space: nowrap; color:#fff !important;}
.navbar-brand,
.main-sidebar { transition: width 0.3s, left 0.3s; overflow-x: hidden;}
.white-text{ color:#fff !important;}
.white-text a{ color:#fff !important; text-decoration:none;}
.dropdown-toggle{ background:#2e4e85 !important;}
.dropdown-toggle :hover{ background:#2e4e85 !important;}
.sidebar-fixed .main-sidebar { position: fixed; height: 100vh; overflow-y: auto; padding-top: 51px;}
.sidebar-fixed a[data-toggle-fixed] { opacity: 1;}
.sidebar-collapsed .navbar-brand,
.sidebar-collapsed .main-sidebar { width: 70px; overflow:hidden !important;  animation: 0.3s slideout;  /*animation-fill-mode: forwards;*/}
.sidebar-collapsed .content,
.sidebar-collapsed .footer { margin-left: 70px; }
.sidebar-collapsed .main-sidebar .nav li a > span,
.sidebar-collapsed .main-sidebar .nav li a > span + i,
.sidebar-collapsed .navbar-brand > span { animation: 0.3s fadeout; animation-fill-mode: forwards; }
.sidebar-collapsed .search-form  { display: none;}
 .rating-containter{ flex-direction: column; justify-content:center; padding:10% 0;  display:flex; align-items:center; }
.rating-column{ margin:10px; padding:0px; 	}
.column-left-rating{flex-grow:1; text-align:center; padding:0; }
.column-right-rating{ flex-grow:1;box-sizing:border-box; }
.rating-range{ font-size:80px; line-height:80px; margin:0; padding:0; font-weight:100;} 
.fa { font-size: 25px; }
.checked { color: orange;}
/* Three column layout */
.side { float: left; width: 15%; margin:10px 0 0 20px;  }
.middle { margin-top:10px; float: left; width: 60%; }
/* Place text to the right */
.right {width:auto;  text-align: right;}
/* Clear floats after the columns */
.row:after { content: ""; display: table; clear: both;}
/* The bar container */
.bar-container {width: 100%; background-color: #f1f1f1; text-align: center; color: white;}
/* Individual bars */
.bar-5 {width: 60%; height: 18px; background-color: #4CAF50;}
.bar-4 {width: 30%; height: 18px; background-color: #2196F3;}
.bar-3 {width: 10%; height: 18px; background-color: #00bcd4;}
.bar-2 {width: 4%; height: 18px; background-color: #ff9800;}
.bar-1 {width: 15%; height: 18px; background-color: #f44336;}
 .pagination-containter{ padding:0 0; margin:0;  display:flex; }
.pagination-column{ margin:0px; padding:0px; 	}
.pagination-column-left{flex-grow:1; text-align:left; padding:0; color:#666; }
.pagination-column-right{ flex-grow:1;box-sizing:border-box; color:#666; text-align:right; }
.page-entries{ color:#666; margin:0; padding:0; position:absolute; right:25px; top:30px;} 
.three-column-wrapper{ display:flex; margin-bottom:35px; padding:0; position:relative;}
.three-column{  padding:0;position:relative;}
.column-one{flex-grow:1;margin-right:35px; padding:20px; background:#FFF; }
.column-two{flex-grow:1;margin-right:35px; padding:20px; background:#FFF; }
.column-three{flex-grow:1; background:#FFF; padding:20px; }
.column-one img, .column-two img, .column-three img{ width:100%;}

.two-column-wrapper{ display:flex; margin-bottom:35px; padding:0; position:relative; }
.two-column-items{ margin:0; padding:0;position:relative;}
.two-column-left-items{flex-grow:1;flex-basis:0; background:#FFF;padding:20px; margin-right:35px; }
.two-column-right-items{flex-grow:1; flex-basis:0; background:#FFF;padding:20px; }
.two-column-left-items img, .two-column-right-items img{width:100%; }

.evaluator-column-wrapper{ display:flex; margin-bottom:35px; padding:0; position:relative; background:none; }
.evaluator-column-items{ width:300px; margin:0; padding:0;position:relative;}
.evaluator-left-items{flex-grow:2; padding:20px; margin-right:35px; }
.evaluator-right-items{flex-grow:0; background:#FFF;padding:20px; }
.evaluator-right-items img{ width:100%;}
.two-column-fixed-right{ display:flex; margin-bottom:35px; padding:0; position:relative; align-items: center;}
.two-column-fixed-items{ margin:0;width:350px; padding:0;position:relative;}
.two-column-fixed-left-items{flex-grow:2; background:#FFF;padding:20px; margin-right:35px; }
.two-column-fixed-right-items{flex-grow:0; background:#FFF;padding:20px; vertical-align:middle; }
.two-column-fixed-left-items img, .two-column-fixed-right-items img{width:100%; }
.bar-chart{ width:100%; display:flex; align-items:center; margin-bottom:25px; }
.bar-chart-items{ width:65px; margin:0; padding:0; position:relative;}
.chart-column-one{flex-grow:0; text-align:left; order:1; }
.chart-column-two{flex-grow:1;flex-basis:0; order:2; }
.chart-column-three{flex-grow:2;flex-basis:0; order:3; padding:0 10px; }
.chart-column-four{flex-grow:0;text-align:center; order:4; }
.chart-column-one .sals-team-profile{ width:40px; height:40px; border-radius:100px; }
.chart-column-two .evaluator-name{ font-weight:600; color:#666; font-size:13px;}
.chart-column-two .designation{ font-weight:200; color:#999; font-size:12px;}
.chart-column-four .follow{ background:#ece7fd; border:none; padding:7px 10px; font-size:13px; color:#7546f8; font-weight:bold; transition: .4s;} 
.chart-column-four .follow:hover{background:#e4dff3;}
.chart-column-three .evaluator-name{ font-weight:600; color:#666; font-size:13px;}
.bar-chart-graybg{ width:100%; height:10px; width:100%; position:relative; background:#dedfe6; border-radius:20px;}
.chart-bluebg{ background:#6823e0; position:absolute; left:0; height:10px; width:80%;border-radius:20px;}
.chart-yellobg{ background:#ffbe00; position:absolute; left:0; height:10px; width:60%;border-radius:20px;}
.chart-pinkbg{ background:#fd0172; position:absolute; left:0; height:10px; width:90%;border-radius:20px;}
.chart-redbg{ background:#ff0000; position:absolute; left:0; height:10px; width:90%;border-radius:20px;}
.chart-orangebg{ background:#ff6600; position:absolute; left:0; height:10px; width:90%;border-radius:20px;}
.chart-greenbg{ background:#1eff00; position:absolute; left:0; height:10px; width:90%;border-radius:20px;}

/*16-07-2020*/
.order-top-wrapper{ position:relative; margin:0 10px 0 0; padding:10px 20px;  position:relative; top:-75px;   }
.green-button{ background:#00be69; color:#fff; padding:4px 25px; border:none; font-size:15px; margin:15px 0 0px 0; border-radius:3px;transition: .4s; }
.green-button:hover{ background:#05da7b;}
.order-steps-wrapper {display: flex; align-items: flex-start; }
.order-left-stretch {background:#fff; padding:15px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex: 1 1 auto; margin-right:30px; }
.order-right-fixed { padding:0; flex-grow: 0; flex-shrink: 0; flex-basis: 280px; flex: 0 0 280px; }
.order-card-column {flex: 21%; flex-direction: column;  padding: 15px; margin:0px; transition: .4s; }
.order-card-column:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.10);}
.order-bar-container{ position:relative; height:15px; margin:0 0 8px 0; padding:0; border-radius:15px; }
.order-loaderbar{ background:#e3e3e3; position:absolute; top:0; height:12px; left:0; width:100%;border-radius:15px;} 
.bar-loader{ background:#00be69;position:absolute; top:0; height:12px; left:0; width:0%;border-radius:15px;}
.order-progress-wrapper { display:grid; grid-template-columns: repeat(auto-fit, minmax(8rem,1fr)); grid-gap:1rem; }
.order-progress-widget {width: 100%; text-align: center; padding:0px 5px; }
.order-progress-widget-column1 { margin:0 0 0 0; border-right:1px solid #e3e3e3; }
.order-progress-widget-column2 { margin:0 0 0 0; border-right:1px solid #e3e3e3;}
.order-progress-widget-column3 { margin:0 0 0 0; border-right:1px solid #e3e3e3;}
.order-progress-widget-column4 { margin:0 0 0 0;border-right:1px solid #e3e3e3; }
.order-progress-widget-column5 { margin:0 0 0 0; border-right:1px solid #e3e3e3;}
.order-progress-widget-column6 { margin:0 0 0 0; border-right:1px solid #e3e3e3;}
.order-progress-widget-column7 { margin:0 0 0 0; border-right:1px solid #e3e3e3;}
.evaluation{ font-size:13px; color:#848484; font-weight:bold; margin:0 0 5px 0;}
.orderEval-icon{ margin:0 auto; text-align:center; padding:0; width:45px; height:45px; }
.evaluation-status{ font-size:12px; color:#9e9e9e; margin:5px 0 0 0; font-weight:normal;}
.order-details-wrapper {display: flex; align-items: flex-start; margin-top:20px;   }
.order-details-left-stretch {background:#fff; padding:30px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex: 1 1 auto; margin-right:30px; }
.order-details-right-fixed {background:#fff; padding:25px; flex-grow: 0; flex-shrink: 0; flex-basis: 280px; flex: 0 0 280px; }
.client-name{ font-weight:bold; font-size:13px; color:#2586be; text-align:center;}
.lg-text{ font-weight:bold; font-size:20px; text-align:center;}
.address{ font-size:12px; font-weight:normal;color:#878787;}
.profile-pic{ border-radius:100px; width:70px; height:70px; text-align:center;  margin:10px auto; }
.profile-pic img{border-radius:100px; object-fit:cover;width:70px; height:70px; object-position: center center;}
.cleaning-img{ margin:0; padding:0px; }
.cleaning-img img{ width:100%; margin:0; padding:0;object-fit:cover;width:100%; height:25vh; object-position: top center;}
.common-gray-text{ font-weight:normal; font-size:13px; color:#8c8a8a; padding:1px 0; text-align:center;}
.dark-gray-text{ font-weight:normal; font-size:13px; color:#555555; padding:1px 0; text-align:center;}
.bold-text{ font-weight:bold;}
.blue-bg-sm{background:#528ce6; padding:2px 6px; margin-bottom:10px;  border-radius:3px; text-align:center; color:#fff; font-size:11px; width:80px;}
.green-bg-sm{background:#3cbbb1; padding:2px 6px; margin-bottom:10px;  border-radius:3px; text-align:center; color:#fff; font-size:11px; width:85px;}
.address-bold{ font-size:14px; font-weight:bold;color:#8b8b8b;}
.notes{ font-size:14px; font-weight:bold;color:#8b8b8b; margin-top:20px; padding-bottom:10px;}
.more-details {display: none;}
.margin{ margin:0 !important;}
hr.style-three { border: 0; margin:10px 0 15px 0; padding:0; border-bottom: 1px solid #ccc; background: #999;}
hr.hr { border: 0; margin:10px 0 10px 0; padding:0; border-bottom: 1px solid #ccc; background: #999;}
hr.hr-dashed { border: 0; margin:10px 0 10px 0; padding:0; border-bottom: 1px dashed #f8ce5d; background:none;}
hr.hr-dashedpad { border: 0; margin:20px 0 15px 0; padding:0; border-bottom: 1px dashed #f8ce5d; background:none;}
hr.divider{ border: 0; margin:50px 0 60px 0; padding:0; border-bottom: 1px solid #cbcaca; background: #999;}
hr.bar{ border: 0; margin:7px 0 10px 0; padding:0; border-bottom: 1px solid #cbcaca; background: #999;}
hr.div{ border: 0; margin:35px 0 35px 0; padding:0; border-bottom: 1px solid #cbcaca; background: #999;}
.details-head{ font-size:22px; margin:0px 0 6px 0; padding:0; color:#255cae; font-weight:normal; position:relative;}
.details-sub-head{ font-size:20px; margin:60px 0 6px 0; padding:0; color:#255cae; font-weight:normal; position:relative;}
.order-date{font-size:12px; margin:0px 0 0 0; padding:0; color:#777676; font-weight:normal; position:absolute; right:0; top:6px;}
.order-common-date{font-size:12px; margin:0px 0 0 0; padding:0; color:#777676; font-weight:normal; position:absolute; right:30px; top:30px;}
.right-date{font-size:12px; margin:0px 0 0 0; padding:0; color:#777676; font-weight:normal; position:absolute; right:30px; top:5px;}
.narrow-head{ font-size:17px; margin:0px 0 6px 0; padding:0; color:#255cae; font-weight:normal; position:relative;}
.details-notes{ font-size:17px; margin:20px 0 6px 0; padding:0; color:#255cae; font-weight:normal; position:relative;}
.moreless-button{text-align:right; cursor:pointer; color:#2f8bc6;  }
.moreless-button a{ text-decoration:none; padding:5px 10px; color:#2f8bc6; font-size:13px;}
.moreless-button a:hover{text-decoration:none; color:#666;}
.order-clean-Details-wrapper { display: flex; flex-direction: row; margin-top:50px; }
.order-clean-Details-widget {width: 100%; padding:0px 0px; }
.order-clean-Details-widget-column1 { margin:0 0 0 0; position:relative; }
.order-clean-Details-widget-column2 { margin:0 0 0 0; padding:0px 25px;}
.order-clean-Details-widget-column3 { margin:0 0 0 0; padding:0px 25px; border-left:1px solid #CCC;  }
.order-admin-wrapper { display: flex; flex-direction: row; margin-top:30px; align-items:top; }
.order-admin-widget {width:auto; padding:0px 5px; }
.order-admin-widget-column1 {flex: 0 0 auto; margin:0 0 0 0; }
.order-admin-widget-column2 {flex: 1; margin:0 0 0 0; padding:0px 25px; } 
.order-admin-widget-column2 p{ font-size:14px; color:#666;}
.order-clean-outer-wrapper{padding:20px; position:relative; border:1px solid #d8d8d8;}
.order-clean-team-wrapper { display: flex; flex-direction: row; align-items: center; }
.order-clean-team-widget {width: auto; padding:0px 5px;  }
.order-clean-team-widget-column1 { margin:0 0 0 0; padding:0 5px; }
.order-clean-team-widget-column2 {display: flex; flex-direction: row; flex-wrap: wrap; }
.order-clean-team-inside-wrapper{display: flex; flex-direction: row; flex-wrap: wrap; }
.order-clean-inColumn{margin:0 0 0 0; width:125px; padding:0 5px 10px 5px; }
/*.order-clean-team-widget-column3 { margin:0 0 0 0; padding:0 5px; border:1px solid; }
.order-clean-team-widget-column4 { margin:0 0 0 0; padding:0 5px; border:1px solid; }
.order-clean-team-widget-column5 { margin:0 0 0 0; padding:0 5px; border:1px solid; }
.order-clean-team-widget-column6 { margin:0 0 0 0; padding:0 5px; border:1px solid; }*/
.team-Name{ font-size:12px; font-weight:bold; color:#628db7; margin:0; padding:0;}
.team-profile{ font-size:12px; font-weight:normal; color:#a4a4a4; margin:0; padding:0;}
.team-profile-pic{ border-radius:100px; width:45px; height:45px; text-align:center;  margin:10px auto; }
.team-profile-pic img{border-radius:100px; object-fit:cover;width:45px; height:45px; object-position: center center;}
.investigation-columns  {display: flex;flex-direction: row; align-items: center; padding:15px; border:1px solid #d8d8d8;}
.investigation-columns:hover{ box-shadow: 3px 6px 22px #d2d2d2;}
.investigation-columns-left { flex-basis:10%; flex-grow: 0;flex-shrink: 0; order: 1; }
.investigation-columns-right { flex-basis:30%;flex-grow: 0;flex-shrink: 0; order: 3; padding:0; }
.investigation-columns-right img{ padding:0; width:100%; }
.investigation-columns-middle {  width:auto; order: 2; padding:15px; position:relative; box-sizing: border-box; }
.feedback-list{ margin:0; padding:0;}
.feedback-list ul{ margin:0; padding:0;}
.feedback-list ul li{ margin:0; padding:0; list-style:none !important;font-size:16px; color:#666; }
.feedback-list ul li a{ margin:0; padding:0; text-decoration:none; color:#666; font-size:14px;}
.feedback-list ul li a:hover{ color:#333;}
.thrt-size{ font-size:14px; color:#666;}
.feedback-ratings{ border-bottom:1px solid #e0e0e0; margin-bottom:5px; padding-bottom:5px;}
.feed-back-listing{ margin:10px 0 0 0; padding:0; } 
.feed-back-listing .feeback-head{ font-size:13px; font-weight:bold; color:#666; margin:0; padding:10px 0;}
.feed-back-listing .feeback-note{ font-size:12px; font-weight:normal; color:#666; margin:0; padding:0;} 
.order-payment-wrapper{padding:20px 0; position:relative; display: flex; flex-direction: row;} 
.order-payment-widget {width: 100%; text-align: left; padding:0px 5px; }
.order-payment-widget-column { margin:0 0 0 0; }
.order-payment-widget-column .payment-text{ margin:0; padding:0; font-size:13px; color:#666; display: block;}
.order-payment-widget-column .payment-text div{ width:150px; margin:0; padding:0; display:inline-block; }
.invoice-button{ text-align:right; margin: 20px 0; }
.invoice-button a{border:1px solid #ef063e; color:#ef063e;  font-size:12px;text-decoration:none; padding:5px 10px;}
.invoice-button a:hover{border:1px solid #6666; color:#666; text-decoration:none;}
.send-quotation{ text-align:right; margin: 20px 0; }
.send-quotation a{border:1px solid #25b5c9; color:#25b5c9; font-size:12px; text-decoration:none; padding:5px 10px;}
.send-quotation a:hover{border:1px solid #6666; color:#666; text-decoration:none;}
.send-receipt{ text-align:right; margin: 20px 0; }
.send-receipt a{border:1px solid #0677b8; color:#0677b8; font-size:12px; text-decoration:none; padding:5px 10px;}
.send-receipt a:hover{border:1px solid #6666; color:#666; text-decoration:none;}
.send-feedbacklink{ text-align:right; margin: 20px 0; }
.send-feedbacklink a{border:1px solid #ff7d03; color:#ff7d03; font-size:12px; text-decoration:none; padding:5px 10px;}
.send-feedbacklink a:hover{border:1px solid #6666; color:#666; text-decoration:none;}
.cleaning-Order-wrapper {display: flex; align-items: flex-start; }
.cleaning--left-stretch {background:#fff; padding:15px 25px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex: 1 1 auto; margin-right:30px; }
.cleaning--right-fixed { padding:0; flex-grow: 0; flex-shrink: 0; flex-basis: 280px; flex: 0 0 280px; }
.right-bgwrapper{ background:#fff; padding:25px 25px; margin-top:25px; position:relative;}
.right-bgwrapper:hover{ box-shadow: 3px 6px 22px #d2d2d2;}
.cleaning-column-wrapper { display: flex; flex-direction: row;/* align-items: center;*/ padding:20px ; border:1px solid #ccc; }
.cleaning-column-wrapper:hover{ box-shadow: 3px 6px 22px #d2d2d2;}
.cleaning-column-widget {width: 100%; padding:0px 5px; }
.cleaning-column-widget-column { margin:0 20px 0 0; padding:0 5px; }
.cleaning-column-widget-column1 { margin:0 20px 0 0; padding:0 5px; }
.cleaning-column-widget-column2 { margin:0 0px 0 0; padding:0 5px;  }
.blue-bg-lg{background:#528ce6; padding:4px 5px; margin:0 0 10px 0px;  border-radius:3px; text-align:center; color:#fff; font-size:13px; width:80px; display:inline-block;}
.green-bg-lg{background:#5fab11; padding:4px 5px; margin:0 5px 10px 0;  border-radius:3px; text-align:center; color:#fff; font-size:13px; width:80px; display:inline-block;}
.red-bg-lg{background:#ff0000; padding:4px 5px; margin:0 5px 10px 0;  border-radius:3px; text-align:center; color:#fff; font-size:13px; width:80px; display:inline-block;}
.lg-text{ font-size:20px; font-weight:100;}
.xtralrg-text{ font-size:30px; font-weight:100;}
.sm-text{ font-size:17px; font-weight:100;}
.profile-pic-line{ border-radius:100px; margin:10px 5px 10px 0px; width:50px; height:50px; text-align:center;  display:inline-block; }
.profile-pic-line img{border-radius:100px; object-fit:cover;width:50px; height:50px; object-position: center center;}
/*
.slider {  width:auto; }
.slider img { width: 100%; height:100%; display:block; position: absolute; opacity: 0; transition: 1s; }
.slider img.active { opacity: 1;}
.slider span {position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.3); padding: 10px; color: #fff; }
.slider span.next { right: 0;}*/
.gallery-wrapper { display: flex; flex-direction: row;/* align-items: center;*/ }
.gallery-column-widget {width: 100%; padding:0px 5px; }
.gallery-widget-column-column1 {flex: 1; margin:25px 0px 0 25px; padding:0 0px; }
.gallery-widget-column-column2 {flex: 1; margin:25px 0px 0 25px; padding:0 0px; }
.gallery-widget-column-column3 {flex: 1; margin:25px 0px 0 25px; padding:0 0px; }
.gallery-widget-column-column4 {flex: 1; margin:25px 0px 0 25px; padding:0 0px; }
.gallery-widget-column-column5 {flex: 1; margin:25px 0px 0 25px; padding:0 0px; }
.gallery-widget-column-column6 {flex: 1; margin:25px 0px 0 25px; padding:0 0px; }
.media-heading{ font-size:20px; margin:0px 0 6px 0; padding:0; color:#255cae; font-weight:normal; position:relative;}
.resource-table-new{ width:100%; margin:0; padding:0;border:1px solid #ccc; border-bottom:none !important; table-layout: fixed;}
.resource-table-new tr { margin:0; padding:0; border:none !important; transition: .4s;}
.resource-table-new tr:hover { background:#ececec !important;}
.resource-table-new th{ margin:0; padding:15px 15px !important; background:#ececec;  border:none !important;}
.resource-table-new td{ margin:0; padding:10px !important; border:none !important; border-bottom:1px solid #ccc !important; vertical-align: middle !important; top:50%; }
.profile-pic-inline{ border-radius:100px; width:40px; height:40px; text-align:center; display:inline-block;  margin:0px 10px  0 auto; }
.profile-pic-inline img{border-radius:100px; object-fit:cover;width:40px; height:40px; object-position: center center;}
.client-name-inline{ font-weight:bold; font-size:13px; color:#2586be; text-align:left; vertical-align:middle; margin:0; padding:0; display:inline-block;  }
.top-space{ padding-top:115px !important;}
.area-bold{ font-weight:bold; font-size:15px; color:#666; margin: 5px 0 5px 0;}
.form-left {padding:0 7px 0 0; text-align: left; }
.form-right { padding:0 0 0 7px; text-align: left;  }
.form-wrapper-row {flex-direction: row; display: flex; margin:10px auto; padding:0 0 20px 0; border-bottom :1px dashed #d1d1d1; width:50%;}
.forms-boxes > div{flex: 1; }
.address label{ font-size:16px; color:#676767; margin:0; padding:0 0 6px 0; font-weight:normal;}
.form-wrapper-row .primary-btn{ font-size:16px; border-radius:5px; padding: 10px 30px; }
.form-wrapper-row .form-control{ border:1px solid #e1e2e1;} 
.blc-number {color: #3968c6 !important; font-size: 18px !important; font-weight: 100 !important; margin-top: 0 !important; padding-bottom: 6px !important;}
.blc-number-big {color: #3968c6 !important; font-size: 25px !important; font-weight: 100 !important; margin-top: 0 !important; padding-bottom: 0px !important; }
.total-Amount {color: #505050 !important; font-size: 25px !important; font-weight: 100 !important; margin-top: 6px !important; padding-bottom: 0px !important; }
.customer-name {color: #505050 !important; font-size: 20px !important; font-weight: 100 !important; margin-top: 10px !important; padding-bottom: 0px !important; }
.total-text {color: #505050 !important; font-size: 16px !important; font-weight: bold !important; margin-top: 10px !important; padding-bottom: 0px !important; }
.mobile-number {color: #7b7b7b !important; font-size: 14px !important; font-weight: 100 !important; margin-top: 5px !important; padding-bottom: 5px !important; }
.email {color: #7b7b7b !important; font-size: 13px !important; font-weight: 100 !important; margin-top: 0 !important; padding-bottom: 0px !important; }
.form-wrapper-row .page-col{  padding:0 0 20px 0;border-bottom :1px dashed #d1d1d1;}
.form-wrapper-row .page-col label{ display:block; font-size:16px; color:#676767; margin:0; padding:0 0 6px 0; font-weight:normal;}
.form-wrapper-row .page-col input, select{ width:100%; border:1px solid #cfcfcf; padding:7px 0;}
.common-sub-head{ font-size:20px; margin:0px 0 6px 0; padding:0; color:#255cae; font-weight:normal; position:relative;}
.paragraph{ margin:0; padding:0 0 6px 0; color:#666;}
.inside-head{ font-size:18px; line-height:18px; margin:0px 0 0px 0; padding:0; color:#333; font-weight:normal; position:relative; }
.order-list{ width:55% !important; padding:3px 0; font-size:13px; border:1px solid #cfcfcf;}
.center-formDiv{ width:75%; margin:0 auto; padding:40px 0 0 0; }
.normal{ font-weight:normal;}
.feedback-columns-middle {  width:100%; order: 2; padding:25px 8px 0 8px; position:relative; box-sizing: border-box; }
.right-date-fix{font-size:12px; margin:0px 0 0 0; padding:0; color:#777676; font-weight:normal; position:absolute; right:10px; top:0px;}
.rating-widget{ position:relative; padding-bottom:0px; }
.clearfix { clear:both;}
.new-react-version { padding: 20px 20px; border: 1px solid #eee; border-radius: 20px; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); text-align: center; font-size: 14px; line-height: 1.7;}
.new-react-version .react-svg-logo {text-align: center; max-width: 60px; margin: 20px auto; margin-top: 0;}
.success-box { margin:0px 0; padding:10px 10px; position:absolute; right:0; top:0; }
.success-box img { margin-right:10px; display:inline-block; vertical-align:top;}
.success-box > div { vertical-align:top; display:inline-block; font-size:12px; color:#ff8d07;}
/* Rating Star Widgets Style */
.rating-stars ul {list-style-type:none; padding:0; -moz-user-select:none; -webkit-user-select:none; text-align:left; position:relative; }
.rating-stars ul > li.star {display:inline-block; text-align:left;}
/* Idle State of the stars */
.rating-stars ul > li.star > i.fa { font-size:1.2em; /* Change the size of the stars */ color:#ccc; /* Color on idle state */ }
/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa { color:#FFCC36;}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa { color:#FF912C;}
.ticket-wrapper-full{  padding:25px; background:#FFF !important; border:1px solid #d8d8d8;}
.ticket-wrapper-full:hover{ box-shadow: 3px 6px 22px #d2d2d2;}
.ticket-wrapper-row { display: flex; margin:0 0; padding:0; text-align:left; column-gap: 3rem; }
.ticket-forms-boxes > div { flex: 1; } 
.ticket-form-left { padding:0 0px 0 0; text-align: left; }
.ticket-form-right { padding: 0 0 0 0px; text-align: left;  }
.ticket-wrapper-row label{ margin:0; padding:0 0 0px 0; }
.textArea{ width:100%; height:100px; border:1px solid #d8d8d8;} 
.textArea:hover{box-shadow: 6px 8px 16px #e6e6e6;}
.textBox{ width:100%;border:1px solid #d8d8d8; padding:7px 10px;} 
.textBox:hover{box-shadow: 6px 8px 16px #e6e6e6;}
.dateBox{ width:30%;border:1px solid #d8d8d8; padding:7px 10px;} 
.dateBox:hover{box-shadow: 6px 8px 16px #e6e6e6;}
.imagePreview { width: 100%; height: 180px;/*   background-position: center center;background:url(http://cliquecities.com/assets/no-image-e3699ae23f866f6cbdf8ba2443ee5c4e.jpg);*/ background-color:#fff; background-size: cover;
  background-repeat:no-repeat; display: inline-block; border:1px solid #CCC; margin:0 0 10px 0; box-shadow: 3px 6px 12px #d2d2d2;}
.btn-primary{display:block; border-radius:0px; margin-top:-5px; background:#528ce6 !important;}
.imgUp{ margin-bottom:15px;}
.paddding{ padding:6px 10px !important;}
.del{ position:absolute; top:0px; right:15px; width:30px; height:30px; text-align:center; line-height:30px; background-color:rgba(255,255,255,0.6); cursor:pointer;}
.imgAdd{ width:30px; height:30px; border-radius:50%; background-color:#4bd7ef; color:#fff; box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2); text-align:center; line-height:30px !important; margin-top:0px; cursor:pointer; font-size:15px; }
.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0;  background: rgba(0, 0, 0, 0.7);  transition: opacity 500ms;  visibility: hidden;  opacity: 0; z-index:9999999;}
.overlay:target { visibility: visible; opacity: 1;}
.popup-assign-eval { margin: 0px auto; padding: 20px; background: #fff; border-radius: 5px; width: 40%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 2s ease-in-out; max-height: 500px; overflow: auto; overflow-x: hidden; }
.popup-assign-eval .close { position: absolute; top: 20px; right: 20px; transition: all 200ms; font-size: 30px; padding:0px 6px !important;  font-weight: bold; text-decoration: none;  color: #000; border-radius:200px; border:1px solid #000 !important;  }
.popup-assign-eval .content { max-height: 30%; margin:0; padding:0; overflow: auto; }
.assign-evalBtn{ margin:0; padding:0;}
.assign-evalBtn a{ margin:0; padding:8px 15px; background: #528ce6; text-decoration:none; color:#fff;}
.assign-evalBtn a:hover{ background:#326cc6; color:#fff; text-decoration:none;}
.assignButton{ border:none; margin:20px 0 0 0; padding:8px 25px; background: #528ce6; border:1px solid #528ce6; text-decoration:none; color:#fff; border-radius:5px; transition: .4s;}
.assignButton:hover{background:#326cc6; color:#fff; border:1px solid #326cc6;}
.cancel-Button{ border:1px solid #528ce6; margin:20px 0 0 0; padding:8px 25px; background: none; text-decoration:none; color:#528ce6; border-radius:5px; transition: .4s;}
.cancel-Button:hover{background:none; border:1px solid #666; color:#666;}
.viewButton{ border:none; margin:0px 0 0 0; padding:8px 25px; background: #528ce6; text-decoration:none; color:#fff; border-radius:5px; transition: .4s;}
.viewButton:hover{background:#326cc6; color:#fff;}
.checkonButton{ border:none; margin:0px 0 0 0; padding:8px 25px; background: #ecb31b; text-decoration:none; color:#fff; border-radius:5px; transition: .4s;}
.checkonButton:hover{background:#e6860a; color:#fff;}
.name{ font-size:12px;}
.order-Number{ font-size:18px;}
.common-label{ margin-bottom:6px !important;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }
label[for=favcity] { position: relative; display: block; width: 100%; overflow: hidden; cursor: pointer;}
label[for=favcity]::after { content: ' '; position: absolute; right: 0; top: 0; width: 40px; height: 100%; display: block; pointer-events: none; 
  background: #d2d2d2 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOBAMAAAGq7RFVAAAAJ1BMVEX///////////////////////////////////////////////////9Ruv0SAAAADHRSTlMACAoREoKDt7y9zc5qtZoyAAAAcklEQVQIHQXBsQnCUAAFwFOCCKbIABaWERzi1yaFAzmEpHYEC8GUKVQEkbyhvOOkZqdWt0/QYKqLzQeF7dv6y/RLwa2wYtk4Xxxe+t8yd1WuM/rcUc2gYHEeoP02umSgTR50ybBPRuiSZAS6ZAQ4jgCAPyjYJiRH4fymAAAAAElFTkSuQmCC') no-repeat center center;}
label[for=favcity] select { border: 1px solid #bebebf; background: white; padding: 8px 20px 7px 8px; width: 100%; font-weight:normal; cursor: pointer;}
label[for=favcity] select::-ms-expand { display: none;}
label[for=favcity] :-moz-any(select) { width: 100%; }
label[for=favcity].ie9 select {width: 100%;}
label[for=favcity] select:focus {outline: 1px dotted #A9A9A9;}
.keynote_field { border: 1px solid #bebebf; background: white; padding: 8px 20px 7px 8px; width: 100%; font-weight:normal; cursor: pointer;}
.checkin-wrapper-row { display: flex; margin:0 0 15px 0; padding:0; text-align:left; align-items: center; /*background:#eeeeef;*/ border:1px solid #d0d1d2; }
.checkin-forms-boxes > div { flex: 1; } 
.checkin-form-left { padding:5px 25px; text-align: left; color:#767676; }
.checkin-form-right { padding:5px 25px; text-align: left; } 
.address-left{ width:auto; display:inline-block; float:left; margin-right:10px; border:1px solid; clear:right;}
.check-in-icons{ margin:0 auto; padding:0; width:50px; }
.check-in-icons img{ width:100%;} 
.address-wrapper-row { display: flex; margin:0 0; padding:0; text-align:left; }
.address-forms-boxes > div { flex: 1; } 
.address-form-left { padding:0 0px 0 0; text-align: left; }
.address-form-right { padding: 0 0 0 18px; text-align: left; }
.address-wrapper{ position:relative; margin:0; padding:10px 10px 0 10px; width:auto; display: -webkit-flex; display: flex; border:1px solid #d2d2d2; border-bottom:8px solid #b0eafa; }
.address-wrapper:hover{box-shadow: 3px 6px 22px #d2d2d2;}
.address-col-left{ width:50px; padding:0 15px 0 0; position:relative; text-align:center; }
.address-col-middle{width:auto; font-size:14px; color:#666; }
.address-col-right{width:50px; padding:0 15px; position:relative; }
.check-box{ position:absolute; top:10px; right:0; left:0; margin:0 auto; text-align:center;}
.delete-icon{ position:absolute; top:10px; right:0; left:0; margin:0 auto; text-align:center;}
.delete-icon a{ color:#666; text-decoration:none; font-size:18px;}
.address-col-middle p{ font-size:13px;}
.add-address{ margin:30px 0 60px 0; padding:0;}
.add-address a{ margin:0; padding:8px 12px; border-radius:4px; font-size:13px; text-decoration:none; background:#b4b4b4; border:1px solid #b4b4b4; color:#fff; }
.add-address a:hover{background:#fff; text-decoration:none; border:1px solid #b4b4b4; color:#000; }
.address-FullWrapper{ padding:25px 30px;position:relative; border:1px solid #ccc;}
.address-FullWrapper:hover{box-shadow: 3px 6px 22px #d2d2d2;}
.address3-wrapper-row { display: flex; margin:0px 0 0 0; padding:0; text-align:left; position:relative; }
.address3-forms-boxes > div { flex: 1; } 
.address3-form-left { padding:0 0px 0 0; text-align: left; }
.address3-form-right { padding: 0 0 0 18px; text-align: left; }
.close-div{ text-align:center; position:absolute; top:-20px; right:-10px; background:#FFF; margin:0; padding:0; display:block; }
.close-div a{ font-size:30px; line-height:30px; font-weight:bold;}
.login-new-container{ background:#fff; position:relative; height:100vh; display: flex; justify-content: center; }
.center-item-login{ width: 800px;background-color: #fff; min-height: 400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 3px 6px 22px #d2d2d2;border:1px solid #dddddd;}
.login-inner-wrapper { display: flex; margin:0px 0 0 0; padding:0; text-align:left;min-height: 400px; position:relative; }
.login-inner-boxes > div { flex: 1; } 
.login-inner-left { padding:110px 0px 0 0; text-align: left; box-sizing:border-box; background:#0454a5; position:relative;  }
.login-inner-left h1{ color:#fff; font-weight:300; font-size:35px; font-family:'Catamaran'; text-align:left; margin:0; padding:0 0 0 70px;margin-top: 50px;}
.login-inner-left p{ color:#fff; font-weight:100; font-size:13px; font-family:'Catamaran'; text-align:left;margin:0; padding:0 70px;margin-top: 10px;}
.login-inner-right { padding: 0 0 0 18px; text-align: left; box-sizing:border-box; position:relative;  }
.login-inner-right h1{ color:#9d9d9d; font-weight:400; font-size:25px; font-family:'Catamaran'; text-align:left; margin:0; padding:95px 0 0 20px;}
.login-inner-right .newlogin-form{  margin:0; padding:0 30px 0 30px;}
.login-inner-right .textBox{ width:100%;border:1px solid #d8d8d8; margin:0 0 10px 0; padding:9px 12px; box-sizing:border-box; border-radius:100px;} 
.login-inner-right .sign-button{ background:#01509f; margin:0; padding:6px 40px; color:#fff; border:1px solid #01509f; border-radius:100px; transition: .4s;}
.login-inner-right .sign-button:hover{ background:#043e77;}
.login-inner-right .reset-button{ background:#fff; margin:0; padding:6px 40px; color:#666; border:1px solid #01509f; border-radius:100px;transition: .4s;}
.login-inner-right .reset-button:hover{ background:#666; color:#fff;}
.delete-button{ background:url(../images/bin.png); background-repeat:no-repeat; background-size:cover; margin:0; width:20px; height:20px; color:#666; border:none; transition: .4s;}
.login-inner-right p{ margin:0 0 10px 0; padding:0;}
.login-logo{ width:60px; height:60px; position:absolute; top:150px; right:-35px; border:5px solid #fff; background:#0454a5; border-radius:150px;}
.login-logo img{ width:80%;margin:15px auto 0  5px; text-align:center; }
.enquiry-FullWrapper{ padding:25px 30px; border:1px solid #ccc;position:relative;}
.enquiry-form-Wrapper{display: flex; position:relative; text-align:left; column-gap: 3rem;}
.enquiry-boxes > div { flex: 1; } 
.enquiry-form-left { padding:0 0 0 0; text-align: left; }
.enquiry-form-right { padding: 0 0 0 0; text-align: left; }
.parent { display: flex; overflow: hidden; margin: 0 0; align-items: flex-start; column-gap: 1rem; }
.equiry-parent .enquiry-child-left { flex-grow: 1; }
.enquiry-child-left { text-align: left; }
.enquiry-child-right { text-align: right; }
.unit-button{ background:#8d8a85; margin:0; padding:8px 25px; color:#fff; border:none; transition: .4s;}
.unit-button:hover{ background:#5c5850; color:#fff;}
.add-button{ background:#15cce8; margin:0; padding:8px 15px; color:#fff;transition: .4s; border:none;}
.add-button:hover{ background:#14c1dc;}
.add-button1{ background:#99cc33; margin:0; padding:8px 15px; color:#fff;transition: .4s; border:none;}
.add-button1:hover{ background:#83ae2d;}
.enquiry-child-wrapper-Full{ margin-top:50px; padding:25px 30px; background:#f5f4ea; border :1px solid #f4e140 !important; position:relative;}
.enquiry-Two-column-wrapp{display: flex; position:relative; text-align:left; column-gap: 1rem; }
.enquiry-column > div { flex: 1; } 
.enquiry-two-col { padding:0 0 0 0; text-align: left; }
.keynotes-wrapper-Full{ margin-top:10px; padding:25px 30px; border:1px solid #ccc; background:#fff; position:relative;}
.keynots-tble{ width:100%; margin:0; padding:0; color:#666; font-size:14px; border-collapse: separate; border-spacing: 5px 5px;}
.keynots-tble tr{ margin:0;  border:1px solid #ccc;}
.keynots-tble tr td{ margin:10px 0;  border:1px solid #ccc; padding:10px 15px;}
.date-wrapper{ width:auto; margin:0; position:relative; font-size:14px; background:#fff; height: 60px; outline:none; }
.date-wrapper-inner{ position:absolute; right:28px; height: 40px; width:205px; }
.date-wrapper-inner2{ position:absolute; right:-170px; height: 40px; width:205px; }
.date-wrapper-inner-resource{ position:absolute; right:90px; height: 40px; width:205px; }

.date-togglewrapper{ position: absolute; right:0; top:-30px; }
.date-wrapper .previous-button{ border:1px solid #ccc; border-right:none; margin:0 !important; padding:5px 6px 6px 13px;  background:#fff; position:absolute; left:0; border-top-left-radius:25px; border-bottom-left-radius:25px;  outline:none; cursor:pointer; font-size:20px;}
.date-wrapper .date-box{ border:1px solid #ccc; margin:0 !important;border-right:none; border-left:none; padding:9px 5px 7.75px 5px; width:88px !important; border-radius:0px; background:#fff; position:absolute; left:27px;  outline:none;  cursor:pointer; font-size:15px; }
.date-wrapper .next-button{ border:1px solid #ccc; margin:0 !important; border-left:none; border-right:none; padding:5px 6px 6px 13px; border-radius:0px; background:#fff;position:absolute; left:110px; outline:none;  cursor:pointer;font-size:20px;}
.date-wrapper .current-date{ border:1px solid #ccc; margin:0 !important; padding:10px 12px 8px 5px; border-left:none;  border-radius:0px; background:#fff;position:absolute; left:135px;  border-top-right-radius:25px; border-bottom-right-radius:25px; outline:none; cursor:pointer; }
.popup-flip { width:150px; margin: 0px; padding: 0px; text-align: center; }
.popup-panel {width:350px; margin:0; padding:10px 15px;display: none;background: #fff; border: solid 1px #ccc;}
.popup-button{background:#99cc33; margin:0 auto 0px auto;  padding:8px 6px; color:#fff;transition: .4s; border:none; cursor:pointer;}
.popup-button:hover{ background:#83ae2d;}
.popup-tble{ width:100%; margin:0 0 15px 0; padding:0; color:#666; font-size:14px; text-align:left; font-size:13px;}
.popup-tble tr{ margin:0; }
.popup-tble tr td{ margin: 0px 0; padding:0 10px; }
.popup-tble1{ width:100%; margin:0 0 0px 0; padding:0; color:#666; font-size:14px; text-align:left; font-size:13px;}
.popup-tble1 tr{ margin:0; }
.popup-tble1 tr td{ margin: 0px 0; padding:0 7px; }
.popup-tble-btm{ width:100%; margin:0; padding:0; color:#666; font-size:14px; text-align:left; font-size:13px;}
.popup-tble-btm tr{ margin:0; }
.popup-tble-btm tr td{ margin:0px 0; padding:7px 0;  border-top:1px solid #ccc; }
.popup-edit{ width:auto; text-align:right; padding:0 0px 0 0; }
.popup-edit img{  width:24px; height:24px; }
.commnDiv-border{ padding: 27px 25px; border:1px solid #d8d8d8;}
.commnDiv-border:hover{ box-shadow: 3px 6px 22px #d2d2d2;}
.common-labels{ width:90px; display:inline-block; font-weight:normal; }
.narrow-label{ font-weight:normal !important; padding:7px 0;} 
.eval-note-columns  {display: flex;flex-direction: row; align-items: center; padding:0px;  }
.eval-note-columns-left { flex-basis:10%; flex-grow: 0;flex-shrink: 0; order: 1 ; }
.eval-note-columns-right { flex-basis:30%;flex-grow: 0;flex-shrink: 0; order: 3; padding:0; }
.eval-note-columns-right img{ padding:0; width:100%; }
.eval-note-columns-middle {  width:auto; order: 2; padding:0 0 0 20px; position:relative; box-sizing: border-box; }
.pwd{ position:relative;}
.login-eye{ width:18px; height:18px; margin:0; padding:0; position:absolute; right:15px; top:10px; }
.login-eye img{ width:100%;}
 
 

.dropbtn { padding: 0px; }
.dropdown-content {display: none;  margin:0 auto; background-color: #f1f1f1; width: 500px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
.dropdown-content-left {  position:absolute; z-index:99999;}
.dropdown-content-right {position: absolute; z-index:99999;}


.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;  }
.dropdown:hover .dropbtn { }
.menu-filter { background-color:#fff; height:auto; z-index:999999; width:50%; position:absolute; right:35px; top:63px; padding:20px 25px;  border:1px solid #ccc; box-shadow: 3px 6px 22px #d2d2d2;}
/*.menu.open {display:block; width:50px; transition:all 0.5s ease-in-out;}*/
.arrow { border:none !important; }
.arrow:hover{ border:none !important; }
.arrow-hand {background-color:#fff; width:20px; height:5px; display:inline-block; position:absolute; top:50%; margin-top:-2px; transition:all 0.4s ease-in-out;}
.arrow-hand.top { transform: rotate(45deg); left:5px;}
.arrow-hand.bottom { transform: rotate(-45deg); left:16px;}
.arrow.cross .arrow-hand { transition:all 0.4s ease-in-out;}
.arrow.cross .arrow-hand.top { transform: rotate(-45deg);}
.arrow.cross .arrow-hand.bottom { transform: rotate(45deg);}


.menu-filter-left { background-color:#fff; height:auto; z-index:99999999999999999; width:100%; position:absolute; left:0px; top:40px; padding:20px 25px;  border:1px solid #ccc; box-shadow: 3px 6px 22px #d2d2d2;}
.arrow-left { border:none !important; }
.arrow-left:hover{ border:none !important; }
.arrow-hand {background-color:#fff; width:20px; height:5px; display:inline-block; position:absolute; top:50%; margin-top:-2px; transition:all 0.4s ease-in-out;}
.arrow-hand.top { transform: rotate(45deg); left:5px;}
.arrow-hand.bottom { transform: rotate(-45deg); left:16px;}
.arrow.cross-left .arrow-hand { transition:all 0.4s ease-in-out;}
.arrow.cross-left .arrow-hand.top { transform: rotate(-45deg);}
.arrow.cross-left .arrow-hand.bottom { transform: rotate(45deg);}

.filter-columns-wrapper  { display: flex; margin:0 0; padding:0; text-align:left; position:relative;  }
.filter-column-boxes > div { flex: 1; } 
.filter-columns-left { padding:0 0px 0 0; width:100%; text-align: left; position:relative; }
.filter-columns-right {padding:0 0px 0 0; width:100%; text-align: left; position:relative; }
 
.modal-popup-wrapper { position: fixed; z-index: 100000000 !important; top: 0 !important; left: 0; right:0; visibility: hidden;  width: 100%; height: 100%; background: rgba(0, 0, 0, .7);}
.modal-popup-wrapper.is-visible { visibility: visible;}
.modal-popup-wrapper-overlay { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s;
  transition: visibility 0s linear 0.3s, opacity 0.3s;}
.modal-popup-wrapper.is-visible .modal-overlay { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s;}
.modal-wrapper { position: absolute; z-index: 9999;left:0; top:15%; right:0; width:700px; margin:0 auto; max-height: 600px; overflow: auto; overflow-x: hidden;  /*min-height:auto !important;*/  background-color: #fff;  }
.modal-transition { -webkit-transition: all 0.3s 0.12s; transition: all 0.3s 0.12s; -webkit-transform: translateY(-10%); transform: translateY(-10%); opacity: 0;}
.modal-popup-wrapper.is-visible .modal-transition { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
.modal-header,
.modal-content { padding: 1em;box-shadow:none !important;border:none !important;}
.modal-header { position: relative;  background-color: #fff; border:none !important; /* box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);  border-bottom: 1px solid #e8e8e8;*/}
.modal-close { position: absolute;  top: 15px;  right: 15px;   width:25px; height:25px; color: #b4b4b4; border:1px solid #b4b4b4 !important; border-radius:100px;  background: none;  border: 0;}
.modal-close:hover { color: #777;}
.modal-heading { font-size: 1.125em;  margin: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.modal-content > *:first-child {  margin-top: 0;}
.modal-content > *:last-child {  margin-bottom: 0;}
.popup-collapse { margin-top:20px;  padding:0 5px;  display: none; }
.edit-collapse{ position:absolute; top:15px; right:25px; width:24px; height:24px; margin:10px 0;} 
.dblock{ display:block !important; float:left; width:100% !important; }
.logout-user{ border:1px solid #FF0; }
.visible{ visibility:hidden;}
.evaluation-card-wrapper{ display:grid; grid-template-columns: repeat(auto-fit, minmax(16rem,1fr)); grid-gap:1rem; }
.evaluation-card{ padding:5px 10px; border:1px solid #bfd1da; background:#e3eef4;}

.evaluation-section{ font-size:15px; font-weight:200; color:#666; text-align:right; position:relative;}
.evaluation-section label{ font-size:15px; width:auto; position:absolute; left:0; text-align:left; display:inline-block; font-weight:200; color:#666; }
.category-cleaning{ margin:0; padding:2px 0; color:#c86a52; font-size:15px; font-weight:normal; }
.labelcategory{ margin:0; display:inline-block; width:100px; font-size:13px; color:#666; padding:0; }
.cream{ background:#f3f1e0;}
.small-head{ font-size:17px !important; font-weight:400; margin:30px 0 10px 0 !important;}
.two-col-fluid-wrapper  { display: flex; margin:0 0; padding: 0; text-align:left; position:relative;  column-gap: 30px; }
.two-col-fluid-boxes > div { flex: 1; } 
.two-col-fluid-left { padding:20px 25px; width:100%; text-align: left; position:relative; border: 1px solid #ccc;background:#FFF; }
.two-col-fluid-right {padding:20px 25px; width:100%; text-align: left; position:relative; border: 1px solid #ccc;background:#FFF;}
.right-p{ right:-12px !important;}
.no-padding{ padding:0 !important; }

.three-col-fluid-wrapper{ display:flex; margin-bottom:35px; padding:0; position:relative;row-gap: 20px; column-gap: 30px; }
.three-fluid-column{  padding:0;position:relative; }
.three-fluid-one{ width:100%; background: #fff; padding:20px; text-align:left ; margin:0 !important; position:relative; border:1px solid #CCC; }
.three-fluid-two{ width:100%; background: #fff; padding:20px;position:relative; border:1px solid #CCC; }
.three-fluid-three{ width:100%; background: #ffffff; padding:20px;position:relative; border:1px solid #CCC; }
.right-legend-chart{ position:absolute; right:20px; top:80px; z-index:99;}
.donut-char-legend{ margin:0; padding:0 0 3px 0;font-size:12x;} 
.donut-char-legend .chart-stat{ width:90px; display:inline-block; font-size:12px; color:#666; margin:0; padding:0; }
.chart-red-stat{color:#dc3912; padding:0; display:inline-block; text-align:left;} 
.chart-blue-stat{ color:#3366cc; padding:0; display:inline-block; text-align:left;} 
.chart-orange-stat{ color:#ff9900; padding:0; display:inline-block; text-align:left;} 
.chart-green-stat{ color:#32b75a; padding:0; display:inline-block; text-align:left;} 
.chart-cyan-stat{ color:#47bdc7; padding:0; display:inline-block; text-align:left;} 
.chart-red-spot{ color:#dc3912; }
.chart-blue-spot{ color:#3366cc;}
.chart-orange-spot{ color:#ff9900;}
.chart-green-spot{ color:#32b75a;}
.chart-cyan-spot{ color:#47bdc7;}


.chart-menudot{ position:absolute; right:20px; top:0;   margin:0; text-align:right; padding:0; }
.toggle-content{ min-width:300px; position:absolute; top:50px;  right:0; z-index:999 !important; background:#FFF; border:1px solid #ccc; padding:15px; box-shadow: 3px 6px 22px #d2d2d2; }
.chart-btnWrapper{font-size:25px !important;color:#666 !important;}
.chart-btnWrapper a{font-size:25px !important;color:#666 !important;}
.no-task-today{ font-size:20px; color:#2e4e85; font-weight:100; padding:7px 0; font-family: 'Catamaran'; margin:0 auto; text-align:center; border-top:4px solid #3cbbb1; border-bottom:4px solid #3cbbb1; }
.no-task-today img{ width:60px; height:60px;}
.close-popup{ position:absolute !important; top:25px !important; right:25px !important; z-index:99999999; width:25px; height:25px; padding:0; margin:0; text-align:center; line-height:24px; cursor:pointer; }
.popup-btn-wrap{ margin:0 0 15px 0 !important; padding:0 !important;}
.pop-assignButton{ border:none; margin:0px 0 0 0; padding:8px 25px; background: #528ce6; border:1px solid #528ce6; text-decoration:none; color:#fff; border-radius:5px; transition: .4s;}
.pop-assignButton:hover{background:#326cc6; color:#fff; border:1px solid #326cc6;}
.pop-cancel-Button{ border:1px solid #528ce6; margin:0px 0 0 0; padding:8px 25px; background: none; text-decoration:none; color:#528ce6; border-radius:5px; transition: .4s;}
.pop-cancel-Button:hover{background:none; border:1px solid #666; color:#666;}
.full-wrapp-pop{ border:1px solid #ccc; margin:15px; padding:0 !important;}
.txt-box{ margin:0; padding:4px 6px; display:inline; width:120px; border:1px solid #ccc;}
/*16-07-2020*/










/*Dashboard*/


@media screen and (max-width: 1280px) {
  .card-column {  flex: 40%;}
  .card-innerwrapper .column-left img{ width:80%; }
  .order-progress-widget-column1, .order-progress-widget-column2, .order-progress-widget-column3, .order-progress-widget-column4, .order-progress-widget-column5, .order-progress-widget-column6, .order-progress-widget-column7 { border-bottom:1px solid #ccc; border-right:none; padding:15px 0; margin-bottom:0px; } 
 /*16-07-2020*/
 .order-clean-Details-widget-column2 { padding:0 0 0 5px;}
.order-clean-Details-widget-column3 { border-left:none; padding:0 0 0 5px;}
.order-clean-Details-widget-column1, .order-clean-Details-widget-column2 { margin:0 0 15px 0; }
.order-admin-widget-column2 { margin:0 0 0 0; padding:0px 0px;}
.modal-wrapper { max-height: 500px; overflow: auto; overflow-x: hidden; }
.three-col-fluid-wrapper{ flex-direction:column;}
/*16-07-2020*/
}

@media all and (max-width: 1150px) {
.order-clean-Details-wrapper {flex-direction: column; }
.order-admin-wrapper {flex-direction: column; }	
  /*16-07-2020*/
.investigation-columns-left{ width:50%;order: 1; flex-direction: row; flex-grow: 1;flex-shrink: 1; }
.investigation-columns-right{width:50%;order: 2; padding:0; flex-direction: row;flex-grow: 1;flex-shrink: 1; }
.investigation-columns-middle {  width:100%; order: 3;}
.investigation-columns  { flex-direction: row; flex-wrap: wrap; }
.eval-note-columns-left{ width:50%;order: 1; flex-direction: row; flex-grow: 1;flex-shrink: 1; }
.eval-note-columns-right{width:50%;order: 2; padding:0; flex-direction: row;flex-grow: 1;flex-shrink: 1; }
.eval-note-columns-middle {  width:100%; order: 3;}
.eval-note-columns  { flex-direction: row; flex-wrap: wrap; }
.filter-columns-wrapper  { flex-direction: row; flex-wrap: wrap; }
.date-togglewrapper{  top:-9px; }
.menu-filter-left { width:100%; border:1px solid #0F0;}
.order-common-date{ left:20px; top:15px; }
.order-clean-outer-wrapper{padding-top:50px;}
.cleaning-column-wrapper  { display:block;  }
.cleaning-column-widget-column { margin:0 0 20px 0; padding:0 5px;  }
.cleaning-column-widget-column1 { margin:0 0 20px 0; padding:0 5px; width:45%; vertical-align:top; display:inline-block; }
.cleaning-column-widget-column2 { margin:0 0 0px 0; padding:0 5px; width:45%; vertical-align:top; display:inline-block;  } 
.center-formDiv{ width:auto;}
.two-col-fluid-wrapper{flex-direction: column; row-gap: 20px;}
/*16-07-2020*/
}


@media all and (max-width: 1000px) {
.filter-right{width:60%;order: 2; flex-direction: row; }
.search-middle { padding-right:15px; width:100%; order: 1; }
.filter-button {background:#528ce6; padding:7px; margin:0 auto 10px auto; text-align:center; display:block; width:100% !important; }
.search-wrapper{ width:100%; height:38px; }
.search-button, .searchbox-common{ width:100%; margin:0; display:block;box-sizing:border-box; } 
.date-picker-resource, .day-month-togggle-button{ width:100%; margin:3px 0; }
.three-column-wrapper, .two-column-wrapper, .two-column-fixed-right{ flex-direction:column;}
.column-one, .column-two, .column-three{ margin:0 0 30px 0;}
.two-column-left-items, .two-column-right-items{ margin:0 0 30px 0;}
.two-column-fixed-left-items, .two-column-fixed-right-items{margin:0 0 30px 0; width:100%; }
.evaluator-column-wrapper{ flex-direction:column;}
.evaluator-column-items{ width:auto;}
.evaluator-left-items{ margin:0;}

}


@media screen and (max-width: 992px) {
  .card-column { flex: 45%;  }
  .divtable { width: 90% }
  .popup-assign-eval { width:90%;} 
}
 
 @media screen and (max-width: 950px) {
.table-wrapper{ overflow-x: scroll; } 
 .divTableHead {min-width:32.9px;}
 .divTableHead { box-sizing:border-box; }
 .feedback-card-wrapper {flex-direction: column;}
 .feedback-card-column{ margin:0 0px 0 10px;}
.feedback-column-left { width:auto; margin-bottom:10px;  }
.feedback-column-right{ width:auto; }
/*16-07-2020*/
.order-left-stretch {margin-right:0; margin-bottom:20px;}
.order-steps-wrapper{display:block;}
.order-progress-wrapper{flex-direction: column;}
.order-details-wrapper{ display:block; }
.order-details-left-stretch {margin-right:0; margin-bottom:20px;}
.cleaning-Order-wrapper { display:block;}
.cleaning--left-stretch { margin-right:0;margin-bottom:20px; } 
.checkin-wrapper-row { flex-direction: column; width:100%; padding:10px; }
.checkin-form-left, .checkin-form-right {padding-bottom :10px; padding-top :10px; } 
/*16-07-2020*/
 }

@media (max-width: 768px) {
.navbar-right { position:absolute; right:80px; top:-5px;  } 
.dropdown-menu{ background:#fff !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.10) !important; }
.dropdown{  text-align:right;} 
.notification{ position:absolute !important; right:-15px !important; top:0 !important; width:25px; height:25px; line-height:25px !important; padding:0 !important; } 
.date-picker{ position:inherit; display:block; top:0; left:0; right:0; text-align:center; margin:-20px auto 20px  auto; padding:0;}
.three{ position:absolute; top:-7px; right:8px; }
/* .main-sidebar { top:50px !important; height: calc(100vh - 50px); border:1px solid #F00; }*/
.main-sidebar .nav li a > i { animation: 0.3s fadein; animation-fill-mode: forwards;  }
.logo-text{  left:70px;}
.content { margin-top: 51px; }
.sidebar-collapsed .main-sidebar { left: -70px; overflow-x: hidden;}
.sidebar-collapsed .content,
.sidebar-collapsed .footer { margin-left: 0;  }
.sidebar-fixed .main-sidebar {  padding-top: 105px;  }
/*16-07-2020*/
.hide-m{ display:none;}

.common-label{ margin-bottom:0px !important; border:1px solid transparent; }
hr.hr-dashedpad { border: 0; margin:8px 0 5px 0; padding:0; border-bottom: 1px dashed #f8ce5d; background:none;}
.form-wrapper-row {flex-direction: column; width:auto; }
.form-left, .form-right{ padding :5px 0;  }
.ticket-wrapper-row {flex-direction: column; width:100%; }
.ticket-form-left, .ticket-form-right{ padding :5px 0;  }
.enquiry-child-wrapper-Full{ margin-top:40px;}
.address-wrapper-row { flex-direction: column; width:auto; }
.address-form-left, .address-form-right{ padding :5px 0; }
.enquiry-FullWrapper, .enquiry-child-wrapper-Full{padding: 15px 10px;}
.white-wrapper{padding: 15px 18px;}
.address3-wrapper-row { flex-direction: column; width:auto; }
.address3-form-left, .address3-form-right{ padding :5px 0; } 
.enquiry-form-Wrapper{ flex-direction: column; width:auto;}
.enquiry-form-left, .enquiry-form-right {padding :5px 0; }
.order-clean-outer-wrapper{padding-top:20px;}
.gallery-wrapper { flex-direction: column;}
.gallery-widget-column-column1 { margin:0; }
.gallery-widget-column-column4 {margin:0; }
.media-heading{  margin:10px 0 6px 0 !important; }
.enquiry-Two-column-wrapp{flex-direction: column; width:auto; }
.enquiry-two-col {padding :5px 0; }
.add-button, .unit-button{  width:100%;}
.margspace{ margin-top:10px !important;}
.resource-table-hor-scroll{overflow-x: scroll;
  white-space: nowrap; border:1px solid;}
/*16-07-2020*/
}

@media screen and (max-width: 600px) {
	  .card-row {   flex-direction: column;}
	  .divtable {   display: block;  }
    .table_row:nth-child(2n+3) {  background: none;  }
    .theader {  display: none;  }
    .table_row > .table_small > .table_cell:nth-child(odd) {  display: table-cell;  width: 50%; }
    .table_cell { display: table-cell; width: 50%;   }
    .table_row {  display: table;   width: 100%;  border-collapse: separate;  padding-bottom: 20px;  margin: 5% auto 0; text-align: center; }
    .table_small { display: table-row;}
    .table_row > .table_small:first-child > .table_cell:last-child { border-left: none;  }
    .table_row > .table_small > .table_cell:first-child { border-left: #ccc 1px solid;   }
    .table_row > .table_small:first-child > .table_cell:first-child {  border-top-left-radius: 5px; border-top: #ccc 1px solid;   }
    .table_row > .table_small:first-child > .table_cell:last-child { border-top-right-radius: 5px; border-top: #ccc 1px solid;   }
    .table_row > .table_small:last-child > .table_cell:first-child { border-right: none; }
    .table_row > .table_small > .table_cell:last-child { border-right: #ccc 1px solid; }
    .table_row > .table_small:last-child > .table_cell:first-child { border-bottom-left-radius: 5px; }
    .table_row > .table_small:last-child > .table_cell:last-child { border-bottom-right-radius: 5px; }
	.card-innerwrapper .column-left img{ width:60%; } 
/*16-07-2020*/	
.investigation-columns-left{ width:auto; order: 2;flex-direction: row;}
.investigation-columns-right{ width:auto; order: 1;flex-direction: row;}
.investigation-columns-middle {  width:auto; order: 3;}
.investigation-columns  { flex-direction: column;  }
.eval-note-columns-left{ width:auto; order: 2;flex-direction: row;}
.eval-note-columns-right{ width:auto; order: 1;flex-direction: row;}
.eval-note-columns-middle {  width:auto; order: 3;}
.eval-note-columns  { flex-direction: column;  }
.main .container { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; }
 .cleaning-column-wrapper  {flex-direction: column !important; }
.cleaning-column-widget-column { margin:0 0 20px 0; display:block; padding:0 5px; width:100%;  }
.cleaning-column-widget-column1 { margin:0 0 20px 0;display:block; padding:0 5px; width:100%; }
.cleaning-column-widget-column2 { margin:0 0 0px 0;display:block; padding:0 5px; width:100%; }
.popup-panel {width:100%;}
.popup-assign-eval { width:90%;}
/*16-07-2020*/ 
}
@media screen and (min-width: 70em) {

  .dataTable { display: table; }
  .dataTable thead {display: table-header-group; float: none; }
  .dataTable tbody { display: table-row-group; }
  .dataTable thead tr, .dataTable tbody tr { display: table-row;}
  .dataTable th, .dataTable tbody td {display: table-cell;}
  .dataTable td, .dataTable th { width: auto; }
  
}
 @media screen and (max-width: 800px) {
.clients-card-column{ margin:0;}
.green-line{ border-top:5px solid #3cbbb1; }
.blue-line{ border-left:5px solid #528ce6;}
.orange-line{ border-left:5px solid #ff8c56;}
.red-line{ border-left:5px solid #ec6262;}
.yellow-line{ border-left:5px solid #f2ba1e;}
.hidde-small{ display:none !important;}
.hide-a{ display:none !important; }
.hide-b{ border:none !important;}
.green-bg, .yellow-bg{ padding:3px 6px; }
 .filter-right{ width:auto; order: 2;flex-direction: row; margin:0px !important; padding:0 !important; }
.search-middle {  padding:0; margin:0;  width:auto; order: 1; }
.toolbar-div  { flex-direction: column;  }
.pagination-containter{flex-direction: column; }
.clients-card-wrapper{flex-direction: column;}
.clients-column-left, .clients-column-right{ width:auto; }
.scrollable > div {overflow-x: scroll; /* Hide vertical scrollbar */ }
.main-table {  border:none;  }
  .main-table caption {   font-size: 1.3em; }
  .main-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .main-table tr {border-bottom: 5px solid #ddd !important;border: 1px solid #ccc; margin:0 0 20px 0 !important;  display: block; margin-bottom: .625em; }
  .main-table td { border-bottom: 1px solid #ddd; display: block; font-size: .9em; padding:5px; text-align: right;border-top: none !important;}
  .main-table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase;}
  .main-table td:last-child { border-bottom: 0;}
  .main-table-border { border: 0;}
  .main-table-border caption { font-size: 1.3em; }
  .main-table-border thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .main-table-border tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
  .main-table-border td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right;}
  .main-table-border td::before { content: attr(data-label); float: left; font-weight: bold;  text-transform: uppercase;  }
  .main-table-border td:last-child { border-bottom: 0;}  
 /*16-07-2020*/ 
 .center-item-login{  width:94%; margin:0 auto; background:#fff; }
 .login-inner-wrapper {flex-direction: column; width:auto;}
 .login-logo{ width:60px; height:60px; position:absolute; top:-40px; right:0px; left:0; text-align:center; margin:0 auto; border:5px solid #fff; background:#0454a5; border-radius:150px;}
.login-inner-left { padding:40px 0px 40px 0; margin:0; }
.login-inner-right { margin:0; padding:40px 35px; }
.login-inner-right h1{ padding:0 0 10px 0; font-size:20px; }
.login-inner-right .sign-button{padding:6px 22px;}
.login-inner-right .reset-button{padding:6px 22px;}
.menu-filter { width:90%;}
 /*16-07-2020*/ 
}

@media screen and (max-width: 400px) { 
.sidebar-fixed .main-sidebar { position:inherit !important;}
.card-column { min-height:80px !important;}
.page-entries{ position:inherit; top:-20px; text-align:center; right:0; }

}


@media screen and (max-width: 650px) {
.kw-login-midwrapper{ height:auto; width:auto; padding: 20px; }
.kw-left-area{ width:auto; position:inherit; height:160px; padding-top:10px;	}
.kw-right-area{ width:auto; position:inherit; left:0; padding:0; height:auto;}
.shadow-effect:before, .shadow-effect:after{ display:none;}
.card-innerwrapper .column-right h2{ font-size:20px; }
.card-innerwrapper .column-right h1{ font-size:14px !important; }
.card-innerwrapper .column-right p{ font-size:12px !important;}
/*16-07-2020*/
.order-payment-wrapper{ flex-direction: column;}
.order-payment-widget { margin:0 0 20px 0; }
.modal-wrapper { width:94%;}
/*16-07-2020*/
}

@keyframes fadeout {
  0% {
    opacity: 1;
    overflow: hidden;
  }
  99% {
    position: relative;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    position: absolute;
    transform: scaleX(0);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
    display: none;
  }
  to {
    opacity: 1.0;
    display: initial;
  }
}
@keyframes slideout {
  0% {
    overflow-x: hidden;
  }
  99% {
    overflow-x: hidden;
  }
  100% {
    overflow-x: visible;
  }
}

.cleaning-button-section{float: right;margin-right: 10px;}
.cleaning-status-button-1{width: 120px;text-align: center;background: #fff;padding: 5px  0px 5px 0px;border: 1px solid #608BDF;border-radius: 5px;font-size: 13px;color: #2E4E85;}
.cleaning-status-button-done{width: 120px;text-align: center;background: #528ce6;padding: 5px  0px 5px 0px;border:1px solid #528ce6;border-radius: 5px;font-size: 13px;color: #fff;}
.cleaning-status-button-round{background-color: #10A82F;border-radius: 50%;color: #fff;padding: 2px;border: none;}
select.minimal {
  padding-left: 5px;
  border: 1px solid #707070 !important;
  border-radius: 5px !important;
  background-color: #fff;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 0px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-repeat: no-repeat;
  border-color: #707070;
  outline: 0;
}
.size-edit-select{
 
  width: 100px;
  height: 28px;
  font-size: 9px;
  font-weight: bolder;
}
@media screen and (max-width: 600px){
  .cleaning-button-section{
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.backup-card{
  border: 1px solid #707070;
  border-radius: 10px;
  opacity: 1;
  display: flex;
  width: 100%;
  padding: 15px;
  padding-top: 25px;
  
}
.backup-card-2{
  border: 1px solid #707070;
  border-radius: 10px;
  opacity: 1;
  background: #E6E6E6;
  width: 100%;
  padding: 15px;
  text-align: center;
  cursor: pointer;
}
.backup-card-img{
  width: 100%;
  border-radius: 50%;
}
.backup-card-name{
  font-size: 14px;
  color: #434343;
  margin: 0px !important;
  padding: 0px !important;
  font-weight: 300;
}
.backup-card-role{
  font-size: 12px;
  color: #434343;
  font-weight: 300;
  margin-top: 5px;
  padding: 0px !important;
}
.backup-card-button{width: 120px;text-align: center;background: #fff;padding: 10px  0px 10px 0px;border: 1px solid #608BDF;border-radius: 7px;font-size: 13px;color: #2E4E85;}
.backup-add{
  background: #fff;
  border-radius: 50%;
  padding: 10px;
  color: #707070;
}
.backup-released{
  padding: 10px 0px 10px 0px;
  background: none;
  border: none;
  font-size: 20px;
  color: #8B8B8B;
  font-weight: 800;
}
.backup-released:hover{
  background: none;
  color: #8B8B8B;

}
.backup-card-disabled{
  opacity: 0.7;
}


.c2-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #434343;
  font-weight: 300;
}

.c2-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.c2-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 4px;
  opacity: 1;
}

.c2-container:hover input ~ .c2-checkmark {
  background-color: #ccc;
}

.c2-container input:checked ~ .c2-checkmark {
  color: #434343;
  background-color: #fff;
}

.c2-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.c2-container input:checked ~ .c2-checkmark:after {
  display: block;
}

.c2-container .c2-checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #707070;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.client-address-text{
  font-size: 20px;
  color: #434343;
  font-weight: 100;
  text-align: left;
  margin-bottom: 10px;
  font-weight: 700;

}
.client-address-items{
  width: 100%;
  margin-top: 10px;
  
  font-size: 14px;
  color: #434343;
  font-weight: 100;
  text-align: justify;
}
.cd-client-name{
  color: #434343;
  font-size: 32px;
  text-align: center;
  font-weight: 600;
}


.export-excel-btn{
  margin-right: 10px;
  padding: 7px 15px 7px 15px;
  background: #fff;
  color: #000000DE;
  border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}
.export-excel-btn:hover{
  background: #fff;
  color: #000;
}

.w3-modal {
  z-index: 3;
  display: none;
  padding-top: 200px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.w3-modal-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  padding: 0;
  outline: 0;
  width: 600px;
}
.topright {
  position: absolute;
  top: 70px;
  right: 16px;
  font-size: 18px;
  color: black;
}
.img-close-button {
  border: none;
  padding: 20px;
  background-color: rgb(185 22 22 / 80%);
}

.pointer {
  cursor: pointer;
}

.w-p-75 {
  width: 75% !important;
}
.model-dailysals{
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
border: 1px solid #707070 !important;
opacity: 1;
padding-bottom: 20px !important;
}
#model-table{
  margin-top: 20px;
  width: 100%;
}
#model-table th {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 8px;
  text-align: left;
  background-color: #EDF1F6;
  color: #303030;
}
#model-table td, #model-table th {
  border: 1px solid #528CE6;
  padding: 8px;
  font-weight: normal;
}

.model-date-next{
  padding: 5px;
  color: #707070 !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #BEBEBE;
  opacity: 1;
  border-radius: 50%;
  padding-left: 7px;
  padding-right: 7px;
}
.model-date-sale{
  color: #8B8B8B;
  font-size: 22px;
}

.model-sale-card{
  background: #EDF1F6 0% 0% no-repeat padding-box;
opacity: 1;
padding: 15px;
color: #8B8B8B;
text-align: center;
}
.model-sale-card-head{
  font-size: 16px;
}
.d-flex{
  display: flex;
}
.mt-100{
  margin-top:100px;
}


@media only screen and (max-width: 600px) {
  .w-p-75 {
    width: 90% !important;
}
}
.payment-card{
  float: right;
  background: #EDF1F6 0% 0% no-repeat padding-box;
  border-radius: 4px;
  padding: 10px;
}

.payment-card h1{ 
  color: #737373;
  font-size: 22px !important;
  font-weight: 400;
  margin: 0 !important;
  padding: 0 0 6px 0 !important;
}
.payment-card-amount{
  color: #737373;
  font-size: 22px !important;
  font-weight: 400;
}



/* CSS FOR ADDONS*/

/*  */
.addon-card{
  border: 1px solid #BEBEBE;
border-radius: 4px;
padding:10px;
}
.addon-price{
  background: #EDF1F6 0% 0% no-repeat padding-box;
  padding: 8px;
    font-size: 14px;
}
.addon-qty{
  font-size:12px;
}
.addon-details{
  color:#434343;
  font-weight:400;
}
.addon-title{
  font-size:12px;
}
.addon-heading{
  font-size:16px;
}

/** CSS for cleanimng team**/

.cleaning_prev_team{
  padding:10px;
  background:#edf1f5;
  margin-bottom:20px;
  margin-top:20px;
 
}
.prev-team-title{
  color:#2e4e85;
}
.prev-assign-btn{
  margin-left:auto;
}
.justify-center{
  justify-content: center;
}
.inv-mr-5{
  margin-right: 5px;
}

.ml-10{
  margin-left: 10px !important;
}