@charset "utf-8";
body{font-family:'Gotham Rounded Book'; }
.form-control::-moz-placeholder {
  color: #818285 !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #818285 !important;
}
.form-control::-webkit-input-placeholder {
  color: #818285 !important;
}
a{text-decoration:none; color:#434345}
a:hover{text-decoration:none; color:#434345}

#loader-wrapper img {height: 120px; left: 50%; margin:-60px 0 0 -60px; position: absolute; top: 50%; width: 120px;}
#loader-wrapper {background: rgba(255, 255, 255, 0.9); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000;}
#loader {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 2s linear 0s normal none infinite running spin; border-color: #fc6829  transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; display: block; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: relative; top: 50%; width: 200px;}
#loader::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 3s linear 0s normal none infinite running spin; border-color: #002c40 transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px;}
#loader::after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 1.5s linear 0s normal none infinite running spin; border-color: #fc6829  transparent transparent; border-image: none; border-radius:50%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 15px; content: ""; left: 15px; position: absolute; right: 15px; top: 15px;}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
#toTop { border-radius:0; bottom:50px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}


.md-5{margin:0 -5px}
.pd-5{padding:0 5px}
.md-10{margin:0 -10px}
.pd-10{padding:0 10px}

.container{max-width:1330px}
.login-page{height:100vh; width:100%; position:relative; background:#fff}
.login-page .main-div{display: flex; justify-content: flex-start; align-items: center; width:100%; position:relative}
.login-page .photo-area{width:50%; height:100vh; position:relative; border-right:#1168dc 1px solid}
.login-page .photo-area img{width:100%; height:100%; position:absolute; top:0px; bottom:0px; left:0px; right:0px; object-fit:cover; margin:auto}

.login-page .login-form-area{width:50%; background:#fff; position:relative}
ul.admin_menu{margin:0px; padding:0px; list-style:none; width:280px;  height:48px; position:absolute; left:50%; top:50%; -ms-transform: rotate(-90deg); transform: rotate(-90deg);    z-index: 99;  margin-left: -117px; margin-top: -24px;}
ul.admin_menu li{float:left;  width:130px; margin:0 5px}
ul.admin_menu li a{display:block; border:#1168dc 1px solid; font-size:16px;   font-family:'Gotham Rounded Bold';  text-align:center; text-decoration:none; color:#434345; line-height:46px; border-radius:0 0 5px 5px}
ul.admin_menu li a:hover,
ul.admin_menu li a.active{background:#1168dc;color: #fff}
.login-page .login-form-area .content-main-area{width:320px; margin-left:120px}
.login-page .login-form-area .content-main-area .logo{width:270px; margin:0 0 50px 0}
.login-page .login-form-area .content-main-area .logo img{width:100%}
.login-page .login-form-area .content-main-area .title{margin:0 0 30px 0; color:#434345; font-size:18px;  font-family:'Gotham Rounded Bold'; line-height:30px}
.login-page .login-form-area .content-main-area .title span{  border-bottom:#1168dc 3px solid;  padding-bottom:3px}
.login-page .login-form-area .content-main-area .form-group{margin:0 0 20px 0}
.login-page .login-form-area .content-main-area label{font-size:16px; margin-bottom:2px; color:#000; font-family:'Gotham Rounded Book';}
.login-page .login-form-area .content-main-area .form-control{padding:10px 14px; border:#cccccc 1px solid; font-size:14px; color:#818285; background: rgb(235,235,235); background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); border-radius:10px; height:50px}
.login-page .login-form-area .content-main-area .form-control:focus{ border:#1168dc 1px solid; -webkit-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); -moz-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); background:#fff}
.login-page .login-form-area .content-main-area a.forgot{ color: #1168dc; text-decoration: none;}
.login-page .login-form-area .content-main-area .btn_signin{width:100%; color: #fff;background:#1168dc; font-size:16px;   font-family:'Gotham Rounded Bold'; padding:12px; border-radius:10px; margin-bottom:30px}

header .nav-area{margin:0px; padding:20px 0px;}
header .nav-area .menu{margin:0px; padding:7px; background:transparent; border:none; cursor:pointer; display:none}
header .nav-area .name_area{float:right; font-size:20px; color:#434345; line-height:40px; font-family:'Gotham Rounded Bold';}
header .nav-area .name_area span{background:#434345; width:40px; height:40px; border-radius:50%; color:#fff; display:inline-block; text-align:center; margin-left:15px}
header .menu-box{margin:0px;}
header .menu-box ul.nav-menu{margin:0px; padding:0px; list-style:none; text-align:center; min-height:60px}
header .menu-box ul.nav-menu li{float:left; width:16.34%; margin-right:5px}
header .menu-box ul.nav-menu li a{ background:#434345; color:#1168dc; text-transform:uppercase; font-size:14px; line-height:20px; font-family:'Gotham Rounded Bold';  text-decoration:none; min-height:60px;  display: flex; align-items: center; justify-content: center; padding:10px 20px; border-radius:5px}
header .menu-box ul.nav-menu li:last-child{margin-right:0px}
header .menu-box ul.nav-menu li a:hover,
header .menu-box ul.nav-menu li a.active{background:#1168dc; color:#434345}

.content-area{margin:0px; padding:40px 15px}
.page-title{margin:50px 0 40px 0; color:#434345; font-size:18px;  font-family:'Gotham Rounded Bold'; line-height:30px; text-align:center; text-transform:uppercase}
.page-title span{  border-bottom:#1168dc 3px solid;  padding-bottom:5px; display:inline-block}


.copyright{text-align:center; color:#818285; line-height:20px; font-size:14px; padding:15px; margin-top:30px}
.copyright a{color:#818285}

.table-style{border:#cccccc 1px solid}
.table-style thead th{border:none; font-size: 15px; font-family:'Gotham Rounded Medium'; background: #f4f4f4; padding: 6px 10px; font-weight: normal; line-height: 30px; vertical-align: middle;}
.table-style tbody td{border-top:#cccccc 1px solid; font-size: 12px;  padding:5px 10px; vertical-align:middle;}
.table-style tbody td .btn-link{padding: 0 10px; background: #1168dc; line-height: 30px; border-radius: 5px; display: inline-block; text-decoration: none; color: #000}
.table-style tbody td .btn-link-block{background: #1168dc; line-height: 30px; border-radius: 5px; display: inline-block; text-decoration: none; color: #000; width: 100%; text-align: center; margin: 4px 0}
.table-style tbody td.action{width: 90px}

ul.report-menu{margin: 0px 0px 40px 0px; padding: 0px; list-style: none; text-align: center;}
ul.report-menu li{display: inline-block; margin: 0 10px}
ul.report-menu li a{padding: 0px 35px; background: #1168dc; position: relative; line-height: 40px; border-radius: 8px; display: block; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #434345; text-transform: uppercase;}
ul.report-menu li:hover a, ul.report-menu li a.active{background:#434345; color:#1168dc }

.search-form-area{margin-bottom: 50px}
.search-form-area .form-group{margin:0 0 20px 0}
.search-form-area .form-group label{font-size:16px; margin-bottom:2px; color:#000; font-family:'Gotham Rounded Book';}
.search-form-area .form-group .form-control, input.form-control, select.form-control, textarea.form-control{border:#cccccc 1px solid; font-size:14px; color:#818285; background: rgb(235,235,235); background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); border-radius:5px; height:40px !important}
textarea.form-control{height:160px!important}
.search-form-area .form-group .form-control:focus, input.form-control:focus, select.form-control:focus{ border:#1168dc 1px solid; -webkit-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); -moz-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); background:#fff}
.search-form-area .form-group select{height: 40px !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.search-form-area .form-group.select-arrow{position: relative;}
.search-form-area .form-group.select-arrow::before{content: ''; position: absolute; right: 0px; top:26px; width: 40px; height: 40px; background: url(../images/arrow-down.png) center right }
.search-form-area .form-group .height{height: 127px !important}
.search-form-area .btn-submit{background: #1168dc; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #fff; border:none; padding: 12px 30px; border-radius: 5px;cursor: pointer; display: inline-block; }
.search-form-area .btn-submit:hover{background:#434345; color:#fff}
.search-form-area .btn-submit.full{width: 100%; text-align: center; text-transform: uppercase;}
.search-form-area .checkbox_box_area{float: left; margin-right: 30px; margin-top: 5px}
.search-form-area .checkbox_box_area input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.search-form-area .checkbox_box_area input[type=checkbox].css-checkbox + label.css-all {display:block;  font-size:15px;color:#000000;  line-height:30px; position: relative;  cursor: pointer; padding-left: 40px}
.search-form-area .checkbox_box_area input[type=checkbox].css-checkbox + label.css-all::before{content: ''; width: 30px; height: 30px; position: absolute; top:0px; left:0px; border:#cccccc 1px solid; background: rgb(235,235,235); background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); border-radius:5px; }
.search-form-area .checkbox_box_area input[type=checkbox].css-checkbox:checked + label.css-all::before{content: ''; background: url(../images/check-white.png); width: 30px; height: 30px; position: absolute; top:0px; left:0px; background-size:100% }
.search-form-area .btn-top{margin-top: 40px}
.search-form-area .btn-filter{background: #1168dc; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #fff; border:none; padding: 9px 35px; border-radius: 5px; margin-top: 24px; cursor: pointer; width: 100%; display: block; text-align: center;}
.search-form-area .btn-filter:hover{background:#434345; color:#1168dc}

.filter-box{margin:0px 0px 30px 0px;}
.filter-box .search-box{position: relative;}
.filter-box .search-box .form-control{height: 50px !important; border-radius: 5px; color:#000;}
.filter-box .search-box .form-control:focus{outline: none; box-shadow: none}
.filter-box .search-box .btn-search{width: 48px; height: 48px;border-radius: 10px;  position: absolute; top:1px; right: 1px; line-height: 48px; border:none; background: #fff; color: #1168dc; padding: 0px}
.filter-box .btn-export{background: #1168dc; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #fff; border:none; padding: 12px 30px; border-radius: 5px;cursor: pointer; display: inline-block; text-transform: uppercase; float: right;}
.filter-box .btn-export:hover{background:#434345; color:#fff}

.hotel_box{ background-color:#fff; min-height: 160px; margin-bottom:15px; cursor:pointer;border:#cccccc 1px solid; padding: 20px 150px 20px 160px; position: relative; border-radius: 10px}
.hotel_box:hover{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,1,1,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,1,1,0.2); box-shadow: 0px 0px 20px 0px rgba(0,1,1,0.2);}
.hotel_box .hotel_photo{position:absolute; width: 120px; height:120px; top:20px; left: 20px}
.hotel_box .hotel_photo img{width: 100%}
.hotel_box .title{font-family:'Gotham Rounded Bold'; font-size:20px; line-height:30px;  margin:0 0 5px 0; color:#434345;}
.hotel_box .title span{float: left;}
.hotel_box .title .star{margin-left: 20px; float: left; font-size: 12px}
.hotel_box .title .star i{margin-right: 5px; color: #1168dc;}
.hotel_box .address{font-size:16px; color:#434345;  line-height:24px; margin-bottom: 5px}
.hotel_box .address i{margin-right: 10px; color: #1168dc;}
.hotel_box ul{margin: 0px; padding:0px; list-style: none;}
.hotel_box ul li{font-size: 13px; line-height: 20px; position: relative; padding-left: 15px; float: left; width: 50%}
.hotel_box ul li::before{content: ''; position: absolute; left: 0px; top: 8px; width: 5px; height: 5px; background:#1168dc; border-radius: 5px}
.hotel_box .btn_box{position: absolute; right: 0px; top:0px; padding:20px}
.hotel_box .btn_box .btn-info{background: #1168dc; font-size: 13px;font-family:'Gotham Rounded Book'; color: #434345; border:none; padding:8px 22px; border-radius: 5px; margin-top: 25px; cursor: pointer; display: inline-block; margin: 0 5px; text-transform: uppercase;}
.hotel_box .btn_box .btn-info:hover{background:#434345; color:#1168dc}
.hotel_box .btn_box .price{text-align: center; margin-bottom: 10px; font-family: 'Gotham Rounded Bold';}

.product-area{background: #fbfbfb; padding: 30px 15px}
.product-area ul.list-product{margin: 0px; padding: 0px ; list-style: none; display: flex;  align-items: center; width:100%; position:relative; z-index:1; flex-wrap: wrap; }
.product-area ul.list-product li{margin: 0 0 30px 0; width: 33.33%; padding: 0 15px}
.product-area ul.list-product li .pro-img{width: 166px; height: 166px; border:#cccccc 1px solid; border-radius: 8px; margin: 0 auto; overflow:  hidden; position: relative;}
.product-area ul.list-product li .pro-img img{width: 100%; height: 100%; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; object-fit: cover;}
.product-area ul.list-product li .pro-img .price{position: absolute; bottom: 20px; width: 70%; background: #1168dc; left: 15%; text-align: center; color: #434345; font-size: 13px; line-height: 20px; padding: 5px 0; border-radius: 8px; text-decoration: uppercase}
.product-area ul.list-product li .name{font-size: 15px; line-height: 20px; color: #434345; text-align: center;; margin-top: 15px; text-transform: uppercase; height: 40px; overflow: hidden;}

.location-box{padding: 15px 15px 15px 65px; border:#cccccc 1px solid; background: #fff; border-radius:10px;  position: relative; margin-bottom: 30px}
.location-box i{width: 50px; height: 50px; border-radius: 0 25px 25px 0; background:#1168dc; color: #434345; line-height: 50px; text-align: center; font-size: 24px; position: absolute; left: 0px; top:15px;}
.location-box h3{font-size: 25px; font-family: 'Gotham Rounded Bold'; color:#434345; margin: 0px 0px 5px 0px}
.location-box .address{font-size: 15px; line-height: 20px; height: 40px; overflow: hidden;}

.btn-center{text-align: center; margin-bottom: 30px}
.btn-center .btn-link{line-height: 24px; display: inline-block; background: #1168dc; color: #434345; font-size: 15px;font-family:'Gotham Rounded Bold'; padding: 8px 35px;  text-align: center; border-radius: 6px; text-decoration: none; text-transform: uppercase;}

.login-page .copyright {position: absolute; width: 100%; bottom: 0px;}

.add-new_btn{background: #1168dc; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #434345; border:none; padding: 15px 30px; border-radius: 5px; margin-top: 25px; cursor: pointer;}
.add-new_btn:hover{background:#434345; color:#1168dc}
.table-style tbody td .form-control{border:#cccccc 1px solid; font-size:14px; color:#818285; background: rgb(235,235,235); background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); border-radius:5px; height:30px !important}
.table-style tbody td .form-control:focus{ border:#1168dc 1px solid; -webkit-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); -moz-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); background:#fff}
.menu-setup-table  tbody td{padding: 18px 12px 18px 0}

.location-dropdown {width: 50%;margin: 0 auto;}
.location-dropdown .form-group .form-control:focus{ border:#1168dc 1px solid; -webkit-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); -moz-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); background:#fff}
.location-dropdown .form-group select{height: 40px !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.location-dropdown .form-group.select-arrow{position: relative;}
.location-dropdown .form-group.select-arrow::before{content: ''; position: absolute; right: 0px; top:0px; width: 40px; height: 40px; background: url(../images/arrow-down.png) center right }
.location-dropdown .form-group .form-control {border: #cccccc 1px solid;font-size: 14px;color: #818285;background: rgb(235,235,235);background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);border-radius: 5px;height: 40px !important;}

.leftside-navtab{margin:0 50px 0 0 }
.leftside-navtab ul{margin: 0;padding: 0;list-style: none;}
.leftside-navtab ul li{margin: 0 0 10px 0;}
.leftside-navtab ul li a{text-decoration: none;font-size: 15px; line-height:18px; padding:10px 20px;display: block;border: 1px solid #cccccc;border-radius: 6px;}
.leftside-navtab ul li.active a, .leftside-navtab ul li:hover a{background-color: #434345; border:#434345 1px solid; position: relative; color: #1168dc;}
.leftside-navtab ul li.active a::after, .leftside-navtab ul li:hover a::after{content: '\f054';position: absolute;right: 12px;top: 12px; width:14px; height:14px; line-height:14px; font-size: 14px; font-family: 'Font Awesome 5 free'; font-weight: 600; text-align: center;}

.info-order-area.md-bottom{margin-bottom: 10px }
.info-order-area ul.dine-list{margin: 0px; padding: 0px; list-style: none; height: 40px;}
.info-order-area ul.dine-list li{width: 30.1%; margin-right: 30px;  float: left;}
.info-order-area ul.dine-list li a{line-height: 24px; display: block; background: #1168dc; color: #434345; font-size: 15px; font-family: 'Gotham Rounded Bold'; width: 100%; padding: 8px 15px; text-align: center; border-radius: 6px; text-transform: uppercase;}
.info-order-area ul.dine-list li a:hover, .info-order-area ul.dine-list li a.active{background: #434345; color: #1168dc}
.info-order-area ul.dine-list li:last-child{margin-right: 0px}
.status_table_list{margin-bottom:20px }

.status_table_list .select-table{color: #434345; font-size: 15px; line-height:40px; }
.status_table_list .select-table span{font-family:'Gotham Rounded Bold';}
.status_table_list .status-box{font-size: 15px; color: #434345; line-height: 40px; }
.status_table_list .status-box span{ font-family: 'Gotham Rounded Bold';width: 80px; height: 40px; border:#ebebeb 1px solid; display: inline-block; float: right; text-align: center; border-radius: 6px; line-height: 38px}

.seat-box{margin-bottom: 30px}
.seat-box a{position: relative; background: #1168dc;border-radius: 10px;padding: 35px 15px; display: block; font-size:14px; line-height:24px; font-family:'Gotham Rounded Bold'; color:#434345; line-height:20px; text-transform: uppercase; text-align: center;}
.seat-box a span{display: block;}
.seat-box a:after{top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(254, 195, 78, 0); border-top-color: #fff; border-width: 10px; margin-left: -10px;}
.seat-box:hover a, .seat-box.active a{background:#434345; color: #1168dc}
.seat-box:hover a:after, .seat-box.active a:after{border-top-color: #434345; }

.popup-content{padding: 30px 60px 50px 60px; position: relative;}
.popup-content .page-title{margin: 0px 0 20px 0}
.popup-content .close{position: absolute; top:35px; right: 30px}
.popup-content .form-group{margin:0 0 20px 0}
.popup-content .form-group label{font-size:15px; margin-bottom:2px; color:#000; font-family:'Gotham Rounded Book'; font-weight: normal;}
.popup-content .form-group .form-control{border:#cccccc 1px solid; font-size:14px; color:#818285; background: rgb(235,235,235); background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); border-radius:5px; height:40px !important}
.popup-content .form-group .form-control:focus{ border:#1168dc 1px solid; -webkit-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); -moz-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); background:#fff}
.popup-content .form-group select{height: 40px !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.popup-content .form-group.select-arrow{position: relative;}
.popup-content .form-group.select-arrow::before{content: ''; position: absolute; right: 0px; top:26px; width: 40px; height: 40px; background: url(../images/arrow-down.png) center right }
.popup-content .form-group .height{height: 100px !important}
.popup-content .form-group .height2{height: 180px !important}
.popup-content .btn-save{background: #1168dc; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #434345; border:none; padding: 9px 68px; border-radius: 5px; margin-top: 10px; cursor: pointer; text-transform: uppercase;}
.popup-content .btn-save:hover{background:#434345; color:#1168dc !important}

.popup-content input[type=checkbox].css-check {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.popup-content input[type=checkbox].css-check + label.css-label1 {display:block; font-family:'Gotham Rounded Bold'; font-size:18px; border-radius:5px; background:#1168dc; color:#434345;  line-height: 40px; padding: 15px; position: relative;  cursor: pointer;}
.popup-content input[type=checkbox].css-check + label.css-label1 .icon{width: 40px; height: 40px; float: left; margin-right: 15px; overflow: hidden;}
.popup-content input[type=checkbox].css-check + label.css-label1 .icon img{width: 100%}
.popup-content input[type=checkbox].css-check + label.css-label1 .icon .black{display: block;}
.popup-content input[type=checkbox].css-check + label.css-label1 .icon .yellow{display: none;}
.popup-content input[type=checkbox].css-check + label.css-label1::before{content: ''; background: url(../images/close-white.png); width: 40px; height: 40px; position: absolute; top:15px; right: 15px}
.popup-content input[type=checkbox].css-check:checked + label.css-label1 {  background:#434345; color:#1168dc; position: relative; cursor: default;}
.popup-content input[type=checkbox].css-check:checked + label.css-label1 .icon .black{display: none;}
.popup-content input[type=checkbox].css-check:checked + label.css-label1 .icon .yellow{display: block;}
.popup-content input[type=checkbox].css-check:checked + label.css-label1::before{content: ''; background: url(../images/check-white.png); width: 40px; height: 40px; position: absolute; top:15px; right: 15px}
.popup-content .checkbox_box_area{margin-top: 20px}
.popup-content .checkbox_box_area input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.popup-content .checkbox_box_area input[type=checkbox].css-checkbox + label.css-all {display:block;  font-size:15px;color:#000000;  line-height:30px; position: relative;  cursor: pointer; padding-left: 40px}
.popup-content .checkbox_box_area input[type=checkbox].css-checkbox + label.css-all::before{content: ''; width: 30px; height: 30px; position: absolute; top:0px; left:0px; border:#cccccc 1px solid; background: rgb(235,235,235); background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); border-radius:5px; }
.popup-content .checkbox_box_area input[type=checkbox].css-checkbox:checked + label.css-all::before{content: ''; background: url(../images/check-white.png); width: 30px; height: 30px; position: absolute; top:0px; left:0px; background-size:100% }

.search-area{margin-bottom: 50px; border-bottom: #cccccc 1px solid; padding-bottom: 50px}
.search-area .search-box{margin:0px; position: relative; padding-right: 85px}
.search-area .search-box .form-control{border:#cccccc 1px solid; font-size:14px; color:#818285; background: rgb(235,235,235); background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); border-radius:5px 0 0 5px; height:40px !important}
.search-area .search-box .form-control:focus{ border:#1168dc 1px solid; -webkit-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); -moz-box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); box-shadow: 0px 0px 8px 0px rgba(254,195,78,0.25); background:#fff}
.search-area .search-box .btn-search{line-height: 24px; background: #1168dc; color: #434345; font-size: 15px;font-family:'Gotham Rounded Bold'; padding: 8px 16px; border:none; position: absolute; top:0px; right: 0px; border-radius:0 5px 5px 0 }
.search-area .btn-new{line-height: 24px; background: #1168dc; color: #434345; font-size: 14px;font-family:'Gotham Rounded Bold'; padding: 8px 16px; border:none;  border-radius:5px }
.search-area .btn-new:hover{background:#434345; color: #1168dc}

.crm-detail-area{margin-bottom: 30px}
.crm-detail-area .customer-detail{position: relative; padding: 0 0 0 120px; margin-bottom: 30px}
.crm-detail-area .customer-detail .photo{position: absolute; left: 0px; top: 0px; width: 100px; height: 100px; overflow: hidden;}
.crm-detail-area .customer-detail .photo img{width: 100%; height: 100%; position: absolute; left: 0px ;right: 0px; top:0px; bottom: 0px; object-fit: cover;}
.crm-detail-area .customer-detail .name{font-size: 15px; color: #434345; line-height: 22px; margin-bottom: 12px}
.crm-detail-area .customer-detail .name span{display: block; font-size: 18px; font-family:'Gotham Rounded Bold';}
.crm-detail-area .customer-detail .phone{font-size: 15px; color: #434345; line-height: 22px; }
.crm-detail-area .customer-detail .phone span{display: block;font-family:'Gotham Rounded Bold';}
.crm-detail-area .address-list{border:#cccccc 1px solid; border-radius: 8px; padding: 30px}
.crm-detail-area .address-list .address-box{position: relative; margin-bottom: 20px}
.crm-detail-area .address-list .address-box p{font-size: 14px; line-height: 18px; margin-bottom: 6px; color: #000000}
.crm-detail-area .address-list .address-box p span{display: block;font-family:'Gotham Rounded Bold';}
.crm-detail-area .address-list .address-box a.edit{width: 16px; height: 16px; position: absolute; top:0px; right: 0px}
.crm-detail-area .address-list .link-area{border-top:#cccccc 1px solid; padding-top: 20px}
.crm-detail-area .address-list .link-area a{color: #434345; font-size: 14px}
.title-note{font-size: 18px; font-family:'Gotham Rounded Bold'; color: #000000; line-height: 30px; margin-bottom: 20px}
.title-note a{background: #1168dc; font-family:'Gotham Rounded Book'; line-height: 30px; border-radius: 5px; display: inline-block; text-decoration: none; color: #000; padding: 0 15px; float: right; font-size: 14px;}
.title-note a i{margin-right: 10px; font-size: 12px;}
.crm-detail-area .note-table thead th{border-top: #cccccc 1px solid; padding: 10px 0 10px 0}
.crm-detail-area .note-table tbody td{padding: 20px 12px 20px 0}
.crm-detail-area .note-table tbody td .btn-link{padding: 0 15px}
.crm-detail-area .note-table tbody td:first-child{width: 180px}



.navbar {background-color:#17151c !important;padding: 0 15px !important;}
.navbar .navbar-brand{width: 25px; padding: 0px; margin: 0px; height: 30px}
.navbar .navbar-brand img{width: 100%; vertical-align: top;}
.navbar .navbar-nav .nav-link{color: #c1c1c1;font-size: 14px; padding: 15px 10px}
.navbar-light .navbar-nav .nav-link:focus,.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active{color: #fff}
.navbar .dropdown-menu{margin: 0px; border-radius: 0px; padding: 0px; border:none;}
.navbar .dropdown-menu .dropdown-item{background:#17151c; font-size: 13px; color:#c1c1c1; line-height: 20px; padding: 5px 15px}
.navbar .dropdown-menu .dropdown-item.active, .navbar .dropdown-menu .dropdown-item:hover{background:#000; color:#fff; }

.titlebar{background: #e8e8e8; padding: 20px 15px}
.titlebar h2{margin: 0px; font-size: 24px}

ul.right_side_menu{margin: 0px; padding: 0px; list-style: none}
ul.right_side_menu li{margin-bottom: 2px;}
ul.right_side_menu li a{font-size: 12px; padding: 5px 12px; background: #17151c; display: block; color: #fff; border-radius: 5px;}
ul.right_side_menu li a:hover, ul.right_side_menu li a.active{background: #1168dc; color: #fff}

.search-form-area .sub-title{font-size: 18px; line-height: 18px; margin: 0px 0px 15px 0px; color: #000; font-family:'Gotham Rounded Bold';}
.search-form-area hr{margin: 25px 0}

.sidebar{margin: 0px; padding: 0px}
.sidebar .sidebar-box{border:#ccc 1px solid; padding: 10px 15px; border-radius: 10px; margin-bottom: 20px}
.sidebar .sidebar-box h4{font-size: 16px; margin: 0px 0px 10px 0px; line-height: 18px; font-family:'Gotham Rounded Medium'; color: #000}
.sidebar .sidebar-box h4 a{float: right; color: #1168dc; text-decoration: none}
.sidebar .sidebar-box p{font-size: 14px; line-height: 20px; color: #777; margin: 0px; font-family:'Gotham Rounded Book';}
.sidebar .sidebar-box ul{margin: 0px; padding: 0px; list-style: none}
.sidebar .sidebar-box ul li{font-size: 14px; line-height: 20px; color: #777; margin: 0px 0px 5px 0px; font-family:'Gotham Rounded Book'; position: relative; padding-left: 12px}
.sidebar .sidebar-box ul li a:hover{color:#1168dc }
.sidebar .sidebar-box ul li::before{content:''; position: absolute; left: 0px; top:7px; width: 6px; height: 6px; background:#1168dc }
.hide{display:none!important}

.container_drag_drop .box {
    font-size: 1.25rem;
    position: relative;
    padding: 45px 20px;
    border: 1px solid #ced4da;
    border-radius: 0px;
}
.container_drag_drop .box__input {
    text-align: center;
}
.container_drag_drop .box__file {
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    background: #fff;
    left: 0;
    top: 0;
    cursor: pointer;
}
.container_drag_drop .box__file+label {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    overflow: hidden;
}
.container_drag_drop .box__button {
    padding: 12px 18px;
    margin: 0 0 15px;
    font-family: 'Open Sans',sans-serif;
    line-height: 1.1;
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #ced4da;
    letter-spacing: -.02em;
    text-decoration: none!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-width: 160px;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
}
.box__input p {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.02em;
}
.box__input p.small_font {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.form_area_view_only label, .label_read_details label{text-decoration:underline}

hr {
    border-top: 1px dashed rgba(0,0,0,.3);
}
.form-group span i.fa-star, .form-group span i.fa-star-o{margin-left:3px;color:#1168dc}
.white_main_box .form_area input+label, input+label{margin-right:7px; font-size:18px;}
.task_details_td{padding:5px; background:#F90; width:100%; margin-bottom:5px; display:block; color:#fff}
.task_details_td label{float:right; margin:0px;}
.task_details_td.second{background:#ffc107}
.arrow_div_outer{padding-top:160px;}
.process_span{padding:1px 6px; font-size:12px; background:#3C6; border-radius:3px; display:inline-block; vertical-align:top;}