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

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
--d-color:#3c3d42;
--dm-color:#8b8c94;	
--dg-color:#2c381f;		
--m-color:#e0ddca;	

--w-color:#ffffff;
--b-color:#000000;	
	
--light-blue:#e8f6f4;	
--light-dblue:#b5c0be;	
/*
--l-color:#ecf0f3;	
--blue-color:#0000F2;	
--dblue-color:#0000D9;
--info-color:#17a2b8;	
--danger-color:#dc3545;	*/
	
--primary-color:#8dc63f;
--sec-color:#0795d0;	
--warning-color:#f28107;	
--info-color:#4C2CBF;
--danger-color:#FF4858;
--reject-color:#992edd;
	
--m-primary-color:#bbd09f;
--m-sec-color:#9dc0d6;	
--m-warning-color:#d3b28d;	
--m-info-color:#9f92ce;
--m-danger-color:#d6878e;
--m-reject-color:#f3e4fd;
	
--l-primary-color:#edf6e1;
--l-sec-color:#e2eef6;	
--l-warning-color:#f8efe6;	
--l-info-color:#e1dbfa;
--l-danger-color:#fce9eb;
--l-reject-color:#f3e4fd;	
}

/*Text Color*/
.text-primary {color: var(--primary-color)!important;}
.text-sec {color: var(--sec-color)!important;}
.text-warning {color: var(--warning-color)!important;}
.text-info {color: var(--info-color)!important;}
.text-danger {color: var(--danger-color)!important;}
.text-d {color: var(--d-color)!important;}
.text-dm {color: var(--dm-color)!important;}
.text-dg {color: var(--dg-color)!important;}
.text-l-primary {color: var(--l-primary-color)!important;}
.text-l-sec {color: var(--l-sec-color)!important;}
.text-l-warning {color: var(--l-warning-color)!important;}
.text-l-info {color: var(--l-info-color)!important;}
.text-l-danger {color: var(--l-danger-color)!important;}
.text-l-reject {color: var(--l-reject-color)!important;}



/*Text Color End*/

/*Button Styles*/
.btn-dark { width:100%; background-color: var(--d-color)!important; color:var(--w-color)!important; transition:all ease-out 1s; opacity:1; border: none; text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-dark:hover {background-color: var(--m-color)!important; color:var(--d-color)!important; opacity:1;}
.btn-default { width:100%; background-color: var(--primary-color)!important; color:var(--w-color)!important; transition:all ease-out 1s; opacity:1; border: none; text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-default:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-sec { width:100%; background-color: var(--sec-color)!important; color:var(--w-color)!important; transition:all ease-out 1s; opacity:1; border: none; text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-sec:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-warning { width:100%; background-color: var(--warning-color)!important; color:var(--w-color)!important; transition:all ease-out 1s; opacity:1; border: none; text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-warning:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-info { width:100%; background-color: var(--info-color)!important; color:var(--w-color)!important; transition:all ease-out 1s; opacity:1; border: none; text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-info:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-danger { width:100%; background-color: var(--danger-color)!important; color:var(--w-color)!important; transition:all ease-out 1s; opacity:1; border: none; text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-danger:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-reject { width:100%; background-color: var(--reject-color)!important; color:var(--w-color)!important; transition:all ease-out 1s; opacity:1; border: none; text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-reject:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-default-border { width:100%; background-color: var(--l-primary-color)!important; color:var(--d-color)!important; border:1px solid var(--m-primary-color); transition:all ease-out 1s; opacity:1; text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-default-border:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-sec-border { width:100%; background-color: var(--l-sec-color)!important; color:var(--d-color)!important;border:1px solid var(--m-sec-color); transition:all ease-out 1s; opacity:1; text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-sec-border:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-warning-border { width:100%; background-color: var(--l-warning-color)!important; color:var(--d-color)!important; border:1px solid var(--m-warning-color); transition:all ease-out 1s; opacity:1; text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-warning-border:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-info-border { width:100%; background-color: var(--l-info-color)!important; color:var(--d-color)!important; transition:all ease-out 1s; opacity:1; border:1px solid var(--m-info-color); text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-info-border:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-danger-border { width:100%; background-color: var(--l-danger-color)!important; color:var(--d-color)!important; transition:all ease-out 1s; opacity:1; border:1px solid var(--m-danger-color); text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-danger-border:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
.btn-reject-border { width:100%; background-color: var(--l-reject-color)!important; color:var(--d-color)!important; transition:all ease-out 1s; opacity:1; border:1px solid var(--m-danger-color); text-decoration: none; border-radius: 4px; padding: 4px 15px; font-size:14px; font-weight:600;display: inline-block; text-align: center;}
.btn-reject-border:hover {background-color: var(--d-color)!important; color:var(--primary-color)!important; opacity:1;}
/*Button Styles End*/

/*Border Type*/
.border-bottom-default-dash {border-bottom: 1px dashed var(--dm-color);}
/*Border Type End*/
/*Bg Color*/
.bg-primary {background-color: var(--primary-color)!important;}
.bg-sec {background-color: var(--sec-color)!important;}
.bg-warning {background-color: var(--warning-color)!important;}
.bg-info {background-color: var(--info-color)!important;}
.bg-danger {background-color: var(--danger-color)!important;}
.bg-reject {background-color: var(--reject-color)!important;}
.bg-d {background-color: var(--d-color)!important;}
.bg-dg {background-color: var(--dg-color)!important;}
.bg-dm {background-color: var(--dm-color)!important;}
.bg-light-blue {background-color: var(--light-blue)!important;}
.bg-light-dblue {background-color: var(--light-dblue-color)!important;}
.bg-m {background-color: var(--m-color)!important;}

.bg-l-primary-color {background-color: var(--l-primary-color)!important;}
.bg-l-sec-color {background-color: var(--l-sec-color)!important;}
.bg-l-warning-color {background-color: var(--l-warning-color)!important;}
.bg-l-info-color {background-color: var(--l-info-color)!important;}
.bg-l-danger-color {background-color: var(--l-danger-color)!important;}
.bg-l-reject-color {background-color: var(--l-reject-color)!important;}
/*Bg Color End*/

body {background-color: var(--l-sec-color); font-family: 'open_sansregular'; padding-bottom: 30px;}
p {font-size: 14px; line-height: 22px; font-family: 'open_sansregular';}
h1,h2,h3 {font-family: 'open_sansbold'; margin: 0;}
h4,h5,h6 {font-family: 'open_sanssemibold'; margin: 0;}
h1 {font-size: 42px;}
h2 {font-size: 36px;}
h3 {font-size: 30px;}
h4 {font-size: 26px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}
.container-fluid {max-width: 94%!important;  font-family: 'open_sansregular';}
.nav-link {color: var(--m-color)!important; font-size: 14px; text-transform: uppercase;}
.nav-link:hover {color:var(--neog-color)!important;}

.fade-in {animation: fadeIn 2.5s;-webkit-animation: fadeIn 2.5s;-moz-animation: fadeIn 2.5s; -o-animation: fadeIn 2.5s;-ms-animation: fadeIn 2.5s;}
@keyframes fadeIn {0% { opacity: 0;} 100% { opacity: 1;}}
@-moz-keyframes fadeIn {0% { opacity: 0; }100% { opacity: 1; }}
@-webkit-keyframes fadeIn {0% { opacity: 0; }100% { opacity: 1; }}
@-o-keyframes fadeIn {0% { opacity: 0; }100% { opacity: 1; }}
@-ms-keyframes fadeIn {0% { opacity: 0; }100% { opacity: 1; }}

.title5 {font-size:17px!important; font-weight: 600; color:var(--dg-color); align-items: center;}
.title5 .text-small {display: inline-block; font-size: 13px; opacity: .7; align-items: center; color:var(--dm-color);}
.d-gredient-bg {background: rgb(60,61,66);background: linear-gradient(90deg, rgba(60,60,1,1) 20%, rgba(20,22,33,1) 50%);}
.br-t20 {border-top-left-radius:20px; border-top-right-radius:20px; }
.br-b20 {border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
.error {color: #FF0004;}
/*.text-l {color: var(--l-color);}
.text-m {color: var(--m-color);}
.text-d {color: var(--d-color);}*/
.border-lt {border-top:1px solid var(--m-color);}




.user-login {color: var(--primary-color)!important; background-color:rgba(0,0,0,0.5); border-radius: 4px;}

.main-con {/*margin-top:81px;*/ padding-bottom: 40px;}
.edit-con {list-style-type: none; float: right;padding: 0; margin: 0;}
.edit-con li {float: left; padding: 0 4px; transition:all ease-out 1s; margin-right: 10px;}
.edit-con li i {font-size:14px; transition:all ease-out 1s;color: var(--d-color)}
.edit-con li:hover i {color: var(--primary-color)}
/*============== Login Page ==============*/
.form-floating>label {font-size: 14px; padding: 0.7rem 0.75rem;}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {height: calc(3rem + 1px);line-height: 1.25;}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {opacity: .40;transform: scale(.60) translateY(-0.5rem) translateX(0.15rem);}
.login-con {background-image: url('../images/login-bg.webp'); background-size: cover; background-position: center right;}
.auth-header-box {background-color:var(--d-color)!important;}
.login-box .card {border: none; border-radius: none; background-color: transparent; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);}
/*============== Login Page END ==============*/
/*============== Admin Page  ==============*/
.admin-header-logo {max-width: 90px;}
body[data-layout=horizontal].dark-topbar .navbar-custom .brand, body[data-layout=horizontal].dark-topbar .topbar .brand {
    background-color: transparent!important;}
body[data-layout=horizontal].dark-topbar .navbar-custom, body[data-layout=horizontal].dark-topbar .topbar {
    background-color: transparent!important;}
.breadcrumb-con {position: relative; background-color: var(--primary-color); padding:7px 0; margin-bottom: 30px;  width: 100%;}
.breadcrumb-con h5 {color:var(--d-color)}

.event-con-box {border:1px solid var(--w-color); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); padding: 30px;}
.box-shadow { transition:all ease-out 1s;}
.box-shadow:hover {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);}

/*tooltip Box
.con-tooltip {position: relative;border-radius: 9px;padding: 0 20px; margin: 10px;  display: inline-block;
transition: all 0.3s ease-in-out;cursor: default;}*/

.action-icons {list-style-type: none; float: left; margin: 0; padding:8px 4px; display: flex;}	
.action-icons li {list-style-type: none; float: left; display: inline-block; /*width: 26px!important;
    height: 26px!important;padding: 3px;*/ border-right: 1px solid var(--m-color); margin-right:7px; padding-right: 10px;}	
.action-icons li a {/*width: 25px; height: 25px; */float: left;display: inline-block; }
.action-icons li a i {cursor: pointer;}
.action-icons .delet a {color:var(--danger-color);}
.action-icons .edit a {color:var(--info-color)!important;}
.action-icons .info a {color:var(--reject-color)!important;}
.action-icons .print-badge a {color:var(--sec-color)!important;}

.con-tooltip{position:relative; border-radius:9px;padding:0 20px; display:inline-block;transition:all .3s ease-in-out;cursor:default; }
.list-view-con {background-color: var(--light-blue); border:1px solid var(--light-dblue); color: var(--d-color)!important; padding: 2px 10px; border-radius: 4px; font-weight: 600;}
.list-view-con:hover {background-color: var(--neog-color); border:1px solid var(--d-color); color: var(--d-color)!important;}

.tooltip{visibility:hidden;z-index:1;opacity:.4;width:auto;padding:0 5px;background:var(--w-color);color:#E086D3;position:absolute;top:-140%;left:-50%;border-radius:9px; transform:translateY(9px);transition:all .3s ease-in-out;box-shadow:0 0 3px rgba(56,54,54,0.86)}
.tooltip::after{content:" ";width:0;height:0;border-style:solid;border-width:12px 12.5px 0;border-color:var(--w-color) transparent transparent;position:absolute;left:100%!important}
.con-tooltip:hover .tooltip{visibility:visible;transform:translateY(-1px);opacity:1;transition:.3s linear;/*animation:odsoky 1s ease-in-out infinite alternate*/}

.left:hover{transform:translateX(0px)}
.left .tooltip{top:-5%;left: -175%!important;}
.left .tooltip::after{top:32%!important; transform:rotate(-90deg); left: 92%!important;}
/*============== Admin Page END ==============*/
#no-more-tables table {font-size:13px;}
#no-more-tables table td i {font-size:16px;}
@media only screen and (max-width: 800px) {
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody,#no-more-tables th, 
#no-more-tables td, #no-more-tables tr {display: block;}
#no-more-tables thead tr {position: absolute;top: -9999px;left: -9999px;}
#no-more-tables tr {border: 1px solid #ccc; } 
#no-more-tables td {border: none;border-bottom: 1px solid #eee;position: relative;	padding-left:45%; white-space: normal;text-align:left;}
#no-more-tables td:before {position: absolute;top: 6px;left: 6px;width:38%;padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold;}
#no-more-tables td:before { content: attr(data-title); }
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
    display: block;
    height: auto;
    overflow: hidden;
}		
}

/*SCAN mobile & Desktop*/
.alwaysfocus::placeholder {text-align: left;}
.alwaysfocus:focus {outline: none!important; box-shadow:none!important;}
.alwaysfocus { text-align:center }
#scanhistorylist {overflow: hidden;	height:auto; overflow-y: scroll; max-height:500px;}
#scanhistory .MSG {background-color:var(--dm-color); color:var(--l-primary-color); padding: 5px;}
#checkin_name {border-bottom: 2px dotted var(--m-color)}
#checkin_email {border-bottom: 2px dotted var(--m-color)}
#checkin_date {border-bottom: 2px dotted var(--m-color)}
#checkin {border: 3px solid var(--blue-color); padding: 10px;}
#checkin_key {color:var(--reject-color); border-bottom:3px solid var(--blue-color); font-weight: 700; margin-bottom: 10px; margin-top: 10px;}
#scanhistorylist .MSG {color:var(--danger-color); font-weight: 700; font-size: 18px; border-bottom: 1px solid var(--m-primary-color)}
/*SCAN mobile & Desktop END*/

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width:50%!important;}
.offcanvas-backdrop{background-color: var(--dg-color)!important;}
.offcanvas-backdrop.show{opacity: 0.85!important;}	


@media (max-width: 991px) {
  .tab-content>.tab-pane {
    display: block;
    opacity: 1;
  }
}


#myTab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background-color:var(--primary-color); color:var(--dg-color)!important}


#myTab .nav-link {color: var(--d-color)!important;}
#myTab .nav-link:hover {opacity: 0.8!important; }



@media (min-width:320px) and (max-width:560px) {
	
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width:85%!important;}	
	
.edit-con li {margin-bottom:10px!important; margin-right: 4px!important;}
	
.action-icons li {border-right:none!important;}	
.action-icons li a {width:26px!important;height:26px!important; display: inline-block!important;}
#no-more-tables table td i {font-size:20px!important;}
#no-more-tables td {padding-left:50%!important;}	
#no-more-tables td:before {position: absolute;top: 6px;left: 6px;width:35%!important;}
#no-more-tables td .action-icons {padding-left:5%;}	
}