* {margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: none;}
html, body {font-family: 'HelveticaNeueLT Com 45 Lt'; color: #1e323b; font-size: 16px; margin: 0; padding: 0; font-weight: normal; letter-spacing: 1px; line-height: 1.6;}
img {max-width: 100%; height: auto;}
@font-face {
    font-family: 'HelveticaNeueLT Com 45 Lt';
    src: url('../fonts/HelveticaNeueLTCom-Lt.eot');
    src: url('../fonts/HelveticaNeueLTCom-Lt.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/HelveticaNeueLTCom-Lt.woff2') format('woff2'), 
        url('../fonts/HelveticaNeueLTCom-Lt.woff') format('woff'), 
        url('../fonts/HelveticaNeueLTCom-Lt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


a {color: #4c4c4c;}
a:hover {color: #000;}
a, a:focus, a:visited, a:hover {outline: none; text-decoration: none; transition: all linear .3s; -o-transition: all linear .3s; -ms-transition: all linear .3s;-moz-transition: all linear .3s; -webkit-transition: all linear .3s;}
p {margin-bottom: 25px; line-height: 1.6;}
ul {margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: 'HelveticaNeueLT Com 45 Lt'; font-weight: 300;}
h1 { font-size: 26px; line-height: 1.1; margin-bottom: 15px;}
h2 {font-size: 26px; color: #000000; margin-bottom: 30px; line-height: 1.2;}
h3 {font-size: 20px; margin-bottom: 10px;}
h4 { font-size: 22px; margin-bottom: 15px; line-height: 1.3;}
input, textarea, button, select{font-family: 'HelveticaNeueLT Com 45 Lt';letter-spacing: 1px;}
input, textarea, select{border: solid 1px #dbdbdb;font-size: 16px;letter-spacing: normal;padding: 5px 15px;transition: all linear .3s;}
input:focus, textarea:focus, select:focus{border-color:#000;transition: all linear .3s;}
select{background-color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;padding: 5px 10px;-webkit-appearance: none;-moz-appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E"); background-size: 10px auto; background-repeat: no-repeat;background-position:center right 10px;outline: none;border: solid 1px #dbdbdb;}
.btn { border: 0; border-radius: 0;  -webkit-transition: none; -moz-transition: none;  position: relative;}
.btn:hover, .btn:focus {color: #fff; background-color: #2d2a28; border: 0; }
.btn:active {color: #ffffff; background-color: #666666; border: 0;  -webkit-transition: none; -moz-transition: none;}
.btn-primary {background: #000000; color: #fff;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{background: #000000; color: #fff;}
.form-control {border-radius:0; padding:5px 10px; height: auto;}
.form-control:focus {box-shadow: none;}
.form-control-sm{line-height:1;}
.btn:active:focus{box-shadow: none;}
.input-group-text{border-radius:0;}
.card{border-radius:0; }
.card-header{padding:7px 10px;}
.card-body{padding:10px 10px;}
.navbar-toggler {padding:0;border: 0;}
.navbar-toggler:focus{box-shadow: none;}
.btn-primary:focus{box-shadow: none;}
.btn.active {background-color:#016e78; color: #fff;}
.nav-pills .nav-link{border-radius:0;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color:#016e78;}
.nav-pills .nav-link:not(.active):hover{color:#FFFFFF;}
.nav-link {padding: 6px 10px;}
.form-group {margin-bottom:0.5rem;}
.container {
    max-width: 94%;
}

/*Calender*/
.card-body .fc {margin-top:0px;}
.fc-toolbar, .fc-toolbar.fc-header-toolbar {padding:10px 10px;}
.fc-toolbar.fc-header-toolbar{margin-bottom:0px;}
.fc-button{padding: 5px 10px;}
.fc-toolbar h2 {font-size: 22px;}
.fc-content{cursor: pointer;}

/*Header*/
.headersection {clear: both;}
.header-logo {width:150px;}
.custom-main-menuwrap {flex-grow:0;}

/*login*/
.logpage {display:flex; width:100%; min-height:calc(100vh - 144px); align-items:center; padding:10px 0;}
.loginmessage > .validation-summary-errors{margin:0 0 10px 0;}
.largeinput{padding:10px 15px;}

/*dashbordpage*/
.dashpage {display:flex; width:100%; min-height:calc(100vh - 144px);  padding:10px 0;}
table.headsort thead > tr > th {white-space: nowrap;}
table.headsort thead > tr > th .fas:before {display: inline-block; vertical-align: middle; line-height: 1; height: 8px;}
.customtablesmall {font-size:0.85rem;}
.page-link { color:#000000;}
.page-item.active .page-link {background-color:#000000; border-color: #000000;}
.pagination-sm .page-item:first-child .page-link{border-radius:0;}
.pagination-sm .page-item:last-child .page-link {border-radius:0;}
.booking-status-label {flex-grow: 0;}
.uploadticket {position:relative;}
.uploadticket .custom-file-label{border-radius: 0;}
.actiontd {min-width:50px;}
span.select2-container--classic .select2-selection--multiple{border-radius:0;}

/*Footer*/
footer.footer{background: #0F0F0F; padding:20px 0 20px 0;  color: #d8d8d8; font-size: 14px; width: 100%;}


/*Loading Spinner Start*/
@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('../fonts/glyphicons-halflings-regular.eot') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.svg') format('svg'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff');
}
.spinner {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 6.4px solid;
    border-color: #cccccc;
    border-right-color: #2a2a2a;
    animation: spinner-d3wgkg 1.4s infinite linear;
    position: fixed;
    left: 50%;
    top: 22px;
}
@keyframes spinner-d3wgkg {
    to {
        transform: rotate(1turn);
    }
}
/*Loading Spinner End*/

@media screen and (max-width:1600px) {
    .container {
        max-width: 94%;
    }
}

@media screen and (max-width:1440px) {
    .container {
        max-width: 94%;
    }
}

@media screen and (max-width:1024px) {
    .container {
        max-width: 94%;
    }
}

@media screen and (max-width:767px) {
.headersection > .navbar{position:relative;}
.headersection .custom-main-menuwrap{position:absolute; top:100%; left:0; width:100%; padding: 10px; background-color: #fff; z-index: 2;
}
ul.custom-main-menu > li > a{ color:#FFFFFF;}
}
