/*Common css Open*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,400;1,600;1,700&display=swap');
body,html{font-family: 'Source Sans Pro', sans-serif; line-height: 150%; height: 100%; font-size: 14px; background: #f8f9fb; color: #3d3d3d; overflow: hidden;}
a:hover, a:focus {text-decoration: none; outline: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro', sans-serif;  font-weight: 700; line-height: 1.3; }
.h6, h6 {font-size: 1rem;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block; }
p{font-family: 'Source Sans Pro', sans-serif; }
ul, ol{ margin: 0; padding: 0 }
a{ color:  #6c7293}
a:hover{ color:#dc3545}

.bg_white{background:#fff}
.bg_black{background: #3d3d3e}
.bg_none{ background: none }
.bg_light{background: #f8f9fb}
.bg_danger {background: #dc3545 !important;}
.bg-success{ background: #00d284 !important;}
.bg-warning{background: #ff5730 !important;}
.bg-info{ background: #11d0d0 !important;}
.bg-theme{ background:#1F4262}

.txt-color{ color:#1F4262}
.txt-muted{ color:#ccc}
.txt_white{color: #fff}
.txt_black{color: #3d3d3e}
.txt-danger {color: #dc3545 !important;}
.txt-success{ color: #00d284 !important;}
.txt-warning{color: #ff5730 !important;}
.txt-info{ color: #11d0d0 !important;}

.w-20{ width: 20% }

.card-header, .card-footer{ background-color: #fff !important }

label{ text-transform: uppercase; font-size: 12px; opacity: .8; margin-bottom: 0;display: block; }
.btn, .btn:active, .btn.active, .btn:focus{border:none !important; outline: none !important; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; padding: 10px 40px; text-transform: uppercase;}
.b-block{ display: block; width: 100%; padding: 10px 5px; }
.btn-sm, .btn-sm:active, .btn-sm.active, .btn-sm:focus{ padding: 5px 15px;}
.btn-default{border:1px solid #ddd !important; background-color: #fff}
.btn.btn-default:active, .btn.btn-default.active, .btn-default.btn:focus, .btn-default.btn:hover{border:1px solid #ddd !important; background-color: rgba(0,0,0,.03) !important;}
.btn-primary{ color: #fff;background: rgb(216,30,105); background: -moz-linear-gradient(147deg, rgba(216,30,105,1) 0%, rgba(155,89,182,1) 100%); background: -webkit-linear-gradient(147deg, rgba(216,30,105,1) 0%, rgba(155,89,182,1) 100%); background: linear-gradient(147deg, rgba(216,30,105,1) 0%, rgba(155,89,182,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d81e69",endColorstr="#9b59b6",GradientType=1);}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary.focus, .btn-primary:focus{ background-color: #2569a7; border-color: #2569a7;}
.form-group{ margin-bottom: 20px }
.page-link{color: #b32432;}
.btn-secondary{ background-color:#1f4262; border-color:#1f4262;}
.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background-color:#172a3c; border-color:#172a3c}
td  .custom-control-label{margin-left: 4px !important}

.animate{transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;}
.box-shadow{ box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -o-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1); -ms-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);}

.form-control:focus, button:focus, .btn:focus{box-shadow:none !important; outline: none !important}
input[type="file"]{ min-height: 35px; padding-left: 3px; padding-top: 3px;}
.dropdown-item.active, .dropdown-item:active{background-color: #f1f1f1;}	
.sidebar .nav .nav-item .nav-link i.menu-arrow{transition: all .5s ease;}
a[aria-expanded="true"] i.menu-arrow{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }

/* scrollbar for Chrome, Safari and Opera*/
::-webkit-scrollbar {width: 5px; }
::-webkit-scrollbar-track {background: rgba(255,255,255,0); }
::-webkit-scrollbar-thumb {background: rgba(0,0,0,.5); }
::-webkit-scrollbar-thumb:hover {background: rgba(255,255,255,0); }
button.close{ margin-top: -9px !important;}
.remove_caret:after { content: none }

/*.dropdown-menu {display: block;visibility: hidden;opacity:0;transform: translateY(50px);transition:.5s ease all;}
.dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.5s ease all;}
*/
.dropdown{display: inline-block !important;}
.default.dropdown-menu {display: block;visibility: hidden;opacity:0;transform:none;transition:.5s ease all;}
.default.dropdown-menu li a{ padding: 7px 10px; display: block; border-bottom: 1px solid #ddd }
.default.dropdown-menu li:last-child a{border-bottom:none}
.default.dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: none !important;transition:.5s ease all; right: 0 !important; left: auto; top: 50px !important}

.default1.dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: none !important;transition:.5s ease all; right: 0 !important; left: auto !important; top: 50px !important}
.default1.dropdown-menu{right: 0 !important; left: auto !important;}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px white inset !important; }

.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden; padding: 2rem}
.modal-dialog-slideout .modal-content{border: 0;}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {display: block;} 
.modal-dialog-slideout .modal-header {height: 50px;} 
.modal-dialog-slideout .modal-footer {height: 70px;} 

.modal-dialog-slideout .modal-header h5 {float:left;}
.pagination{ margin-top: 20px }

.alert {border: medium none; border-radius: 0; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999999; font-size: 0.9em; }
.alert-warning {background: #f3817a; color: #fff; text-align: center; }

#tabs{background: #007b5e; color: #eee; }
#tabs h6.section-title{color: #eee; }
#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #dc3545; background-color: transparent; border-color: transparent transparent #dc3545; border-bottom: 4px solid !important; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{ border-color: transparent; }
#tabs .nav-tabs .nav-link {border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #eee; font-size: 20px; }
.chosen-container{ width: 100% !important; }
.chosen-container-single .chosen-single{background: #fff !important; border: 1px solid #ced4da;    min-height: 34px; line-height: 32px; box-shadow: none !important;}
.chosen-container-single .chosen-single div b{ background-position: 0 7px !important }
.small, small{ line-height: 120% !important; color: #111; }

.row.no-gutters  & > [class^="col-"], .row.no-gutters  & > [class*=" col-"] {padding-right: 0; padding-left: 0; }
.hide_file-btn{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0 }
.file_uploadarea .form-control{ border-radius: .25rem 0 0 .25rem !important }
.file_uploadarea .btn{border-radius: 0 30px 30px 0 !important; height: 34px; margin-top: 7px; padding-top: 7px;}
.btn-third{ border-radius: 100%; background-color: #f1f1f1; text-align: center; width: 30px; height: 30px; line-height: 30px; display: inline-block; }
.btn-third:hover{ color: #6c7293; background-color: #e1e2e4 }

.error_message{ font-size: 12px; color: #e03079; }
/*Common css Close*/


/*Custom css Open*/

/*Login Open*/
.login-bg{ position: absolute; background: #111; width: 100%; height: 100%; left: 0; top: 0;}
.login-bg .card{ padding:10px 30px}
.login-bg h1{ font-size: 24px; margin-bottom: 30px; font-weight: 600}
.login-bg h1 span{ border-bottom: 2px dotted #111; }
.login-bg .brand-logo{ width: 80px; height: 80px; line-height: 76px; background: #fff; border-radius: 100%; margin:0 auto 40px }
.login-bg .brand-logo .img-svg{ width: 80%; }
.login-bg .brand-logo path{ fill: #D81E68 }
.login-bg:after{ content: ''; background: /*url('../images/collage.jpg')*/ no-repeat center #111; background-size: cover; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; }
.login-bg .row{ position: relative; z-index: 1 }
.login .nav-tabs{ border-bottom: none; }
.login .nav-tabs li{ border: none !important }
.login .nav-tabs li a{  border-color:transparent; padding: 3px 20px; border: none; text-transform: uppercase; background-color: #ccc; color: #fff;}
.login .nav-tabs li a.active{ background-color: #dc3545; color: #fff}
.login .nav-tabs li:first-child a{border-radius:40px 0 0 40px;}
.login .nav-tabs li:last-child a{border-radius: 0 40px 40px 0;}
/*.login h5 { font-size: 16px }*/
.login h5 span{ opacity: .5; padding-bottom: 5px; border-bottom: 2px dotted transparent }
.login h5 span.active{ opacity: 1; border-color: #111 }
.login .form-control{ border-bottom: 1px solid #ccc !important; border: none; background: none !important; border-radius: 0; padding-left: 0; padding-top: 0 }
.forgot_pass{border-bottom: 1px dotted; height: 20px; margin-top: 8px; padding-bottom: 3px; font-size: 13px}
.login .tab-content{ min-height: 350px }
/*Login Close*/

/*swipper slider open*/
.swiper-container {width: 100%; height: 100%; } 
.swiper-slide {text-align: center; font-size: 18px; background: none; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
.swiper-pagination-bullet {width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color:#fff; opacity: 1; background: rgba(0,0,0,0.2); } 
.swiper-pagination-bullet-active {color:#1f4262; background: #fff; }
  /*swipper slider close*/  

.container-scroller {display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

/*Top menu open*/
.fixed-top {position: fixed; top: 0; right: 0; left: 0; z-index: 1; }
.fixed-top h2{ font-size: 20px; color: #Fff }
.navbar { left: 260px;}
.navbar .navbar-menu-wrapper {color: #fff; padding-left: 24px; padding-right: 16px; width:100%; height: 60px;  position: relative;}
.navbar .navbar-menu-wrapper .navbar-toggler {border: 0; color: #fff; height: 60px; width: 48px; background: rgb(216,30,105); background: -moz-linear-gradient(147deg, rgba(216,30,105,1) 0%, rgba(155,89,182,1) 100%); background: -webkit-linear-gradient(147deg, rgba(216,30,105,1) 0%, rgba(155,89,182,1) 100%); background: linear-gradient(147deg, rgba(216,30,105,1) 0%, rgba(155,89,182,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d81e69",endColorstr="#9b59b6",GradientType=1); right: 100%; border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -o-border-radius: 50px 0 0 50px; position: absolute; }
.navbar .navbar-menu-wrapper .navbar-nav{ flex-direction: row; -ms-flex-direction: row; }
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {margin-left: auto; }
.navbar .navbar-menu-wrapper .navbar-nav a{ padding: .5rem !important; display: block; color: #fff}
.navbar .navbar-menu-wrapper .navbar-nav .dropdown-menu a{color:#3d3d3e }
.fixed-top .navbar-nav .dropdown-menu { position: absolute; right: 0; left: auto;}
.notification{ position: relative; }
.notification:before {content: '';display: inline-block; text-decoration: inherit; width: 8px; height: 8px; background: #11d0d0;position: absolute; right: -3px; top: -3px;border-radius: 100%;}
.notification_list{ min-width: 260px }
..preview-item{ display: flex !important; }
.notification_list .notification_heading{font-size: 16px}
.preview-thumbnail{ margin-right: 10px}
.preview-thumbnail .preview-icon {width: 36px; height: 36px; border-radius: 100%; text-align: center; line-height: 36px; color: #fff}
/* Top menu Close*/

/*Side bar open*/
.sidebar {min-height: calc(100vh); background: url('../images/bg_1.png') no-repeat center #fff; background-size: cover; font-weight: 400; padding: 0; width: 260px; border-right: 1px solid #e4e9f0;}
.input-group {position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%;
}
.input-group-append, .input-group-prepend {color: #c9c8c8; width: auto; border: none; }
.sidebar form .input-group .input-group-prepend .input-group-text{padding-left: 16px; height: 30px; background: #f7f8f9; color: #8e94a9; border-top-left-radius: 50px; border-bottom-left-radius: 50px; border: none}
.sidebar form .input-group .form-control{font-size: 10px; padding: 0; height: 30px; background: #f7f8f9; border-top-right-radius: 50px; border-bottom-right-radius: 50px; }
.sidebar .nav {-ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;  width: inherit; }
.sidebar>.nav{ height: calc(100vh - 113px);
    margin-bottom: 0 !important;
    overflow-y: auto;}
.sidebar .nav .nav-item{padding: 0 1rem !important; }
.sidebar>.nav>.nav-item{ border-bottom: 1px solid #ddd }
.sidebar .nav .nav-item .nav-link {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; padding: 10px 0 10px 0; color: #3e4b5b; -webkit-transition-duration: 0.45s; transition-duration: 0.45s; transition-property: color; -webkit-transition-property: color; }
.sidebar .nav .nav-item .nav-link i.menu-icon {font-size: 16px; line-height: 1.2; margin-right: 10px; color: #6a6b83; }
.sidebar .nav .nav-item .nav-link i.menu-arrow {line-height: 1; font-size: 16px; margin-left: auto; color: #423a8e; opacity: 0.36; }
.sidebar .nav.sub-menu {margin-bottom: 20px; margin-left: 9px; margin-top: 0; list-style: none; border-left: 1px solid #e4e9f0; } 
.sidebar .nav.sub-menu .nav-item {padding: 0; } 
.sidebar .nav.sub-menu .nav-item .nav-link {color: #3e4b5b; padding: 0.75rem 2rem 0.75rem 15px; position: relative; font-size: 0.8125rem; line-height: 1; height: auto; border-top: 0; }
.sidebar .nav .nav-item-head {padding: 0 1.5rem; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.sidebar .nav .nav-item.active {background: #2fce93; }
.sidebar .nav .nav-item.active a, .sidebar .nav .nav-item.active a i{color: #fff !important}
.sidebar .nav .nav-item .sub-menu .nav-link i.menu-icon{ color:#bcbdda;}
/*Side bar Close*/

/*Body open*/
.page-body-wrapper {min-height: calc(100vh - 60px); padding-left: 0; padding-right: 0; }
.main-panel {background: #f8f9fb; width: 100%; min-height: calc(100vh - 20px); padding-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.content-wrapper {background: #f8f9fb; padding: 40px; padding-bottom: 0; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative;}
.search_area .container{ padding: 0 !important }
.thumb-color{width: 24px; height: 24px; display: inline-block; border: 1px solid #ddd; border-radius: 3px}
.card_statistics{text-align: center; border: 1px solid rgba(0,0,0,.125); background-color: #Fff;border-radius: 4px; overflow: hidden;}
.card_statistics .card_cnt{width: 25%; border-right: 1px solid #ddd}
.card_statistics .card_cnt:last-child{ border-right: none }
.card_statistics .card_cnt big{ font-weight: 700; color: #111; font-size: 24px; text-align: center; }
.card_statistics .card_cnt .btn{ background-color: #f1f1f1; border-radius: 0 !important;padding-top: 20px; border-top:1px solid #ddd !important; font-size: 12px; color: rgba(0,0,0,.5); margin-top: -10px}
.card_cnt a.icn{ width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; color: #fff ; border-radius: 100%; position: relative; top: 5px; }
.md-accordion [role="tab"]{ padding-bottom: .5rem; padding-top: 1rem; position: relative; }
[role="tab"] h5{ color: #212529; font-size: 15px;}
[role="tab"] .btn-third{ position: absolute;right: 0; top: 8px }

/*Body close*/
/*Footer Open*/
.footer {background: #f8f9fb; padding: 15px 25px; font-size: 13px}
/*Footer Close*/
#app{ min-height: 100% }
.loading{ position: fixed; left: 0; top: 0; width: 100%; z-index: 1100; height: 100%; text-align: center;}
.loading:after{content: ''; position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.6);text-align: center; z-index: 2 }
.loading .sidebar-brand-logo{ position: relative; width: 80px !important; height: auto !important; transform: translateY(-50%); top: 50%; z-index: 3 }
.loading img{ width: 80px; height: auto }
.error_message {color:#D81E68;}
.modal-dialog-slideout{ min-height: 100% !important}
.modal-dialog-slideout .modal-body{ height: calc(100vh - 160px) !important; overflow-y: auto; overflow-x: hidden; }

.logo-area .img-svg{ width: 100px !important; margin: auto; }
.logo-area .img-svg path{ fill: #D81E68 }

.upload-view{ margin-top: 20px }
.upload-view>div{ width: 12% !important; margin: 10px 2.1% 10px 0; position: relative; border: 1px solid #ddd}
.upload-view>div:after{ content: ''; display: block; position: relative; padding-bottom: 100% }
.upload-view .img-thumbnail1{ width: 100%; height: auto !important; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.upload-view video{ width: 100%; height: auto !important; position: absolute; left: 0; top: 50%; transform: translateY(-50%);pointer-events: none; }
.upload-view .image-cancel{ position: absolute; right: -8px; top: -8px; width: 15px; height: 15px; border: 1px solid; background: #fff; border-radius: 100%; text-align: center; line-height: 10px; z-index: 1; }
.video-upload-view>div:after{padding-bottom: 75% !important }
.upload-area{position: relative; border: 1px solid #ddd; text-align: center; background: #f1f1f1; line-height: 50px;}
.upload-area label{ position: relative; width: 100%; height: 50px; font-size: 20px; opacity: .3; }
.upload-area input[type="file"]{position: absolute; left: 0; top: 0; width: 100%; height:50px; opacity: 0}
#EditProduct .modal-dialog-slideout{ margin: auto; max-width: 100%;}
.pass_visible { position: absolute; right: 58px; top: 190px; }


/*.sidebar{
	overflow-y: auto;
}

.sidebar .nav{
	height: calc(100% - 115px);
}*/
.vac-room-header{z-index: 0 !important;}