@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:#414141}
a:hover{text-decoration:none; color:#414141}

#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;}

hr{width: 100% !important;}
.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:#d7b469 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:#d7b469 1px solid; font-size:16px;   font-family:'Gotham Rounded Bold';  text-align:center; text-decoration:none; color:#414141; line-height:46px; border-radius:0 0 5px 5px}
ul.admin_menu li a:hover,
ul.admin_menu li a.active{background:#d7b469}
.login-page .login-form-area .content-main-area{width:320px; margin-left:120px}
.login-page .login-form-area .content-main-area .logo{width:234px; 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:#414141; font-size:18px;  font-family:'Gotham Rounded Bold'; line-height:30px}
.login-page .login-form-area .content-main-area .title span{  border-bottom:#d7b469 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:#d7b469 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: #d7b469; text-decoration: none;}
.login-page .login-form-area .content-main-area .btn_signin{width:100%; background:#d7b469; 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:#414141; line-height:40px; font-family:'Gotham Rounded Bold';}
header .nav-area .name_area span{background:#414141; 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:13.95%;*/ margin-right:5px}
/*header .menu-box ul.admin-nav li{width: 19.5% !important;}*/
header .menu-box ul.nav-menu li a{ background:#414141; color:#d7b469; 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:#d7b469; color:#414141}

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

.dashboard-icon-main-area{width:85%; margin:0px auto; }
.dashboard-icon-main-area .main-icon-box{background:#d7b469; border-radius:10px; text-align:center; padding:20px 0}
.dashboard-icon-main-area .main-icon-box .icon{width:110px; height:110px; margin:0 auto 15px auto}
.dashboard-icon-main-area .main-icon-box .icon img{width: 100%}
.dashboard-icon-main-area .main-icon-box .icon .yellow{display:none}
.dashboard-icon-main-area .main-icon-box .name{font-size:18px; font-family:'Gotham Rounded Bold'; text-transform: uppercase;}
.dashboard-icon-main-area .main-icon-box:hover .icon .black{display:none}
.dashboard-icon-main-area .main-icon-box:hover .icon .yellow{display:block}
.dashboard-icon-main-area .main-icon-box:hover{background:#414141}
.dashboard-icon-main-area .main-icon-box:hover .name{color:#d7b469}

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

.table-style thead th{border:none; font-size: 15px; font-family:'Gotham Rounded Medium'; padding: 0px; font-weight: normal; line-height: 30px; vertical-align: middle;}
.table-style tbody td{border-top:#cccccc 1px solid; font-size: 14px; padding-left: 0px;vertical-align:middle;}
.table-style tbody td .btn-link{padding: 0 10px; background: #d7b469; line-height: 30px; border-radius: 5px; display: inline-block; text-decoration: none; color: #000}
.table-style tbody td .btn-link:hover{background: #414141;color: #d7b469;}
.table-style tbody td .btn-link-block{background: #d7b469; 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}
.table-style tbody td .proposal-pdf-link{display: block;color: #d7b469;text-decoration: none;}
.table-style tbody td .proposal-pdf-link:hover{color: #000;}

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: #d7b469; position: relative; line-height: 40px; border-radius: 8px; display: block; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #414141; text-transform: uppercase;}
ul.report-menu li:hover a, ul.report-menu li a.active{background:#414141; color:#d7b469 }

.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{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}
.search-form-area .form-group .form-control:focus{ border:#d7b469 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: #d7b469; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #414141; border:none; padding: 12px 68px; border-radius: 5px; margin-top: 25px; cursor: pointer; display: inline-block; margin: 0 5px}
.search-form-area .btn-submit:hover{background:#414141; color:#d7b469}
.search-form-area .btn-submit.full{width: 100%; text-align: center; text-transform: uppercase;margin-bottom: 10px;}
.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: #d7b469; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #414141; border:none; padding: 9px 35px; border-radius: 5px; margin-top: 24px; cursor: pointer;}
.search-form-area .btn-filter:hover{background:#414141; color:#d7b469}
.search-form-area .btn-more{ height: 40px; background: #414141; color: #fff; padding: 0px; float: right; margin-top: 26px; padding: 0 20px}
.search-form-area .pdf-link{display:inline-block;color: #d7b469;margin: 0 10px;font-size: 18px;font-weight: 600;border-bottom: 2px solid #d7b469;}
.search-form-area .pdf-link:hover{color: #000;border-color: #000;}
.search-form-area .clr-search{border-bottom: 1px solid #414141;font-size: 14px;color: #414141;margin-top: 10px;display: inline-block;}
.search-form-area .clr-search:hover{border-bottom: 1px solid #d7b469;color: #d7b469}

.filter-box{border:#cccccc 1px solid; padding: 20px; border-radius: 10px; background: #f9f9f9; position: sticky; top: 30px;}

.tour-box{width: 100%;  border:#cccccc 1px solid; padding: 20px; border-radius: 10px; background: #f9f9f9; margin-bottom: 20px}
.tour-box .title{font-family:'Gotham Rounded Bold'; font-size:20px; line-height:23px;color:#414141; margin-bottom: 10px}
.tour-box  a{float: right; background: #d7b469; font-size: 13px; line-height:40px; font-family:'Gotham Rounded Book'; color: #414141; border:none; padding:0px 18px; border-radius: 5px; cursor: pointer;  text-transform: uppercase;}
.tour-box .car_option_area .car_option{margin: 10px 0;}
.tour-box .car_option_area .car_option .css-all{display: inline-block !important;width: 200px !important;padding-left: 50px !important;}
.tour-box .car_option_area .car_thumb{width: 60px;height: 60px;overflow: hidden;display: inline-block;}
.tour-box .car_option_area .car_thumb img{width: 100%;}

.cate-search-area{border: #cccccc 1px solid; margin-bottom: 15px; border-radius: 10px}
.cate-search-area .form-control{border:none; height: 50px !important; border-radius: 10px; color:#000;}
.cate-search-area .form-control:focus{outline: none; box-shadow: none}
.cate-search-area select{font-family:'Gotham Rounded Bold';  padding-left: 0px;height: 50px !important;background:#fff url(../images/arrow-down.png) center right no-repeat !important;  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.cate-search-area .search-menu{width: 100%; position: relative;}
.cate-search-area .search-menu .btn-search{width: 50px; height: 50px;border-radius: 10px;  position: absolute; top:0px; right: 0px; line-height: 50px; border:none; background: #fff; color: #d7b469}

.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:#414141;}
.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: #d7b469;}
.hotel_box .address{font-size:16px; color:#414141;  line-height:24px; margin-bottom: 5px}
.hotel_box .address i{margin-right: 10px; color: #d7b469;}
.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:#d7b469; border-radius: 5px}
.hotel_box .btn_box{position: absolute; right: 0px; top:0px; padding:20px}
.hotel_box .btn_box .btn-info{background: #d7b469; font-size: 13px;font-family:'Gotham Rounded Book'; color: #414141; 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:#414141; color:#d7b469}
.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: #d7b469; left: 15%; text-align: center; color: #414141; 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: #414141; 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:#d7b469; color: #414141; 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:#414141; 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: #d7b469; color: #414141; 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: #d7b469; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #414141; border:none; padding: 15px 30px; border-radius: 5px; margin-top: 25px; cursor: pointer;}
.add-new_btn:hover{background:#414141; color:#d7b469}
.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:#d7b469 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:#d7b469 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: #414141; border:#414141 1px solid; position: relative; color: #d7b469;}
.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: #d7b469; color: #414141; 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: #414141; color: #d7b469}
.info-order-area ul.dine-list li:last-child{margin-right: 0px}
.status_table_list{margin-bottom:20px }

.status_table_list .select-table{color: #414141; 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: #414141; 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: #d7b469;border-radius: 10px;padding: 35px 15px; display: block; font-size:14px; line-height:24px; font-family:'Gotham Rounded Bold'; color:#414141; 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:#414141; color: #d7b469}
.seat-box:hover a:after, .seat-box.active a:after{border-top-color: #414141; }

.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:#d7b469 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: #d7b469; font-size: 15px;font-family:'Gotham Rounded Bold'; color: #414141; border:none; padding: 9px 68px; border-radius: 5px; margin-top: 10px; cursor: pointer; text-transform: uppercase;}
.popup-content .btn-save:hover{background:#414141; color:#d7b469 !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:#d7b469; color:#414141;  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:#414141; color:#d7b469; 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:#d7b469 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: #d7b469; color: #414141; 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: #d7b469; color: #414141; font-size: 14px;font-family:'Gotham Rounded Bold'; padding: 8px 16px; border:none;  border-radius:5px }
.search-area .btn-new:hover{background:#414141; color: #d7b469}

.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: #414141; 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: #414141; 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: #414141; 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: #d7b469; 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}


.form-textarea{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; width: 100%;}
.form-textarea:focus{border: #d7b469 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;outline: none;}
.form-textarea::-moz-placeholder {
  color: #818285 !important;
  opacity: 1;
}
.form-textarea:-ms-input-placeholder {
  color: #818285 !important;
}
.form-textarea::-webkit-input-placeholder {
  color: #818285 !important;
}

.page-title {position: relative;}
.page-title .export_btn{background: #d7b469;font-size: 15px;font-family: 'Gotham Rounded Bold';color: #414141;border: none;padding: 9px 35px;border-radius: 5px;float: right;position: absolute;right: 0}
.page-title .export_btn:hover{background:#414141; color:#d7b469}

.padination-area .pagination{justify-content: center;}
.padination-area .pagination .page-item .page-link{border:none;border-left:1px solid #ccc;padding:10px 20px;color: #000;}
.padination-area .pagination .page-item:first-child .page-link{border-left: none;}
.padination-area .pagination .page-item.active .page-link{background: transparent;color: #d7b469;font-weight: 600;}

.manage-tours-table .car_thumb{width: 60px;height: 60px;overflow: hidden;display: inline-block;}
.manage-tours-table .car_thumb img{width: 100%;}

.manage-cars-table .car_thumb{width: 60px;height: 60px;overflow: hidden;display: inline-block;}
.manage-cars-table .car_thumb img{width: 100%;}


.tour_box_btm{
  border: none;
  margin-bottom: 0px;
}
.tour_box_btm a{
  float: none;
  display: inline-block;
  background: #c7c7c7;
}
.poposal_tours_main{
  background: #ebebeb;
  padding: 15px 15px 0px 15px;
}
/*  CUSTOM RADIO CSS START  */

.poposal_tours_main .radio-btn-small {
  display: inline-block;
  margin-right: 30px;
  padding: 0;
  position: relative;
  padding-left: 35px;
  margin-top: 3px;
}

.poposal_tours_main .radio-btn-small:last-child {
  margin-right: 0;
}

.poposal_tours_main input[type="radio"] {
  display: none;
}

.poposal_tours_main input[type="radio"]+label {
  font-size: 14px;
  margin-bottom: 0;
  cursor: pointer;
  font-weight: 400;
}

.poposal_tours_main input[type="radio"]+label span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin:-3px 8px 0 0;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0px;
  /*border: 1px solid #fe5e3a;*/
  background-color: #333333;
  border-radius: 100px;
  border: #cccccc 1px solid;
  background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
  overflow: hidden;
}

.poposal_tours_main input[type="radio"]:checked+label span:after {
  position: absolute;
  content: '';
  width: 30px;
  height: 30px;
  /*background-color: #ffffff;*/
  background: url(../images/check-white.png);
  top: -5px;
  left: -4px;
  border-radius: 100px;
}

.poposal_tours_main input[type="radio"]:checked+label span {
  background-color: #FFF;
}

.poposal_tours_main input[type="radio"]:checked+label {
  color: #000;
}

.description_ctm span{
  font-size: 16px;
  margin-bottom: 2px;
  color: #000;
  font-family: 'Gotham Rounded Book';
  display: inline-block;
  width: 100%;
}
.description_ctm p{
  font-size: 15px;
  color: #8f8f8f;
}
.ticket_ctm p{
  font-weight: bold;
  color: #000;
  margin-top: 8px;
}
.ctm_btn_add_more{
  float: right;
  text-align: right;
}
.ctm_btn_add_more .tour-box{
  background-color: transparent;
  padding:25px 0px 0px;
}
.ctm_btn_add_more .tour_box_btm a{
  background-color: #414141;
  color: #FFF;
}
.tour-box .add_more_link{
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  float: right;
  text-align: right;
  background: transparent;
  line-height: normal;
  padding: 0px;
  margin-bottom: 15px;
  text-decoration: underline;
}
.tour-box .car_option_area_ctm .car_option{
  border-bottom: 1px solid #ccc;
}
.seat_no{
  font-size:13px;
  margin-top: 5px;
  display: inline-block;
  margin-bottom: 10px;
}
.seat_no span{
  text-decoration: underline ;
   text-decoration-color: #d7b469;
}
.aed_price{
      font-weight: bold;
    color: #000;
    margin-top: 18px;
}
.observation p{
  font-size:13px;
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
  line-height: normal;
}
.search-form-area .checkbox_mt{
  margin-top:18px;
}
.poposal_tours_main_top{
  background: transparent;
  padding: 0px;
}
.poposal_tours_main_top .poposal_tours_main{
  background-color: transparent;
  padding: 0px;
}
.search-form-area .form-group .travel_title{
  width: 100%;
  margin-bottom:10px;
  font-weight: bold;
  display: inline-block;
}
.tour_box_btm_arrival{
  padding-bottom: 20px;
}
.add_more_link_arrival{
  margin-top: 20px;
  width: 100%;
  display: inline-block;
}
.tour_box_arrival{
  display: inline-block;
}
.title_return{
  margin-top:20px;
}
ul.report-menu li a{
  padding: 0px 15px;
}
ul.report-menu li{
  margin: 0px 3px;
}
header .menu-box ul.nav-menu li a{
  line-height: 40px;
    min-height: 40px;
    padding:0px 14px;
}
.dropdown_item_new{
      top: 7px;
    left: auto;
    right: 0px;
}
.dropdown-item{
  padding: 0px 8px;
}
header .menu-box ul.nav-menu li{
  margin-bottom: 15px;
}
ul.report-menu li{
  margin-bottom: 15px;
}

select.form-control {
    background: url('http://developertask.in/highclass/assets/images/arrow-down.png') center right !important;
    background-repeat: repeat;
    background-repeat: no-repeat !important;
    cursor: pointer;
    background-color: white !important;
}