@import url(https://fonts.googleapis.com/css?family=Roboto:300);

body{font-family: "Roboto", sans-serif;position: relative;min-height: 100%;font-size: 14px!important;}
html {height: 100%;box-sizing: border-box;}
.index-page{
background: #eeeeee; /* fallback for old browsers */
background: -webkit-linear-gradient(right, #eeeeee, #f8f8f8);
background: -moz-linear-gradient(right, #eeeeee, #f8f8f8);
background: -o-linear-gradient(right, #eeeeee, #f8f8f8);
background: linear-gradient(to left, #eeeeee, #f8f8f8);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Login */
.margin{margin: 1em;}
.no-margin {margin:0;}
.no-margin .left {margin-left:0;}
.no-margin .right{margin-right:0;}

.padding{padding: 1em;}
.no-padding {padding:0;}
.no-padding .left {padding-left:0;}
.no-padding .right{padding-right:0;}

.no-border{border:0!important;}

.img-logo{background: url(/assets/img/logo.png) no-repeat center center;width: 100%;height: 100px; border-bottom: 1px solid #dedede; margin-bottom: 3em;}
.main-menu.img-logo {border-bottom:0;margin-bottom: 0.5em;}
.login-page {width: 360px;padding: 8% 0 0;margin: auto;}
.form-login {position: relative;z-index: 1;background: #FFFFFF;max-width: 360px;padding: 45px;text-align: center;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}
.form-login input {outline: 0;background: #f2f2f2;width: 100%;border: 0;margin: 0 0 15px;padding: 15px;box-sizing: border-box;font-size: 14px;}
.form-login .submit-login {text-transform: uppercase;outline: 0;background: #4CAF50;width: 100%;border: 0;padding: 15px;color: #FFFFFF;font-size: 14px;-webkit-transition: all 0.3 ease;transition: all 0.3 ease;cursor: pointer;}
.form-login .submit-login:hover,.form-login .submit-login:active,.form-login .submit-login:focus {background: #43A047;}
.form-login .message {margin: 15px 0 0;color: #b3b3b3;font-size: 12px;}
.form-login .message a {color: #4CAF50;text-decoration: none;}

/* Main Menu */
.main-menu a.menu-link{display:block;padding:1.5em; margin:0.5em;border:1px solid #11308E;border-radius:2px;text-decoration:none;color:#11308E;width: 100%;
-webkit-transition: background-color 1s ease-out;-moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out;transition: background-color 1s ease-out; 
}
.main-menu a.menu-link:hover{background:#3cd52e;border-color: #3cd52e;color:#fff;}
.main-menu .menu-title-holder{height: 50px;line-height: 50px;text-align: center;}
.main-menu h2.menu-title{font-size: 1.2em !important;display: inline-block;vertical-align: middle;line-height: normal;margin:20px 0;}


/* Sub-Menu */
.subnavbar {margin-bottom: 2.5em;height: auto;}
.subnavbar-inner {/*height: 80px;*/background: #fff;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
.subnavbar ul {display: inline-block;/*height: 80px;*/padding: 0;margin: 0;}
.subnavbar ul > li {float: left;min-width: 100px;height: 80px;padding: 0;margin: 0;text-align: center;list-style: none;border-left: 1px solid #d9d9d9;}
.subnavbar ul > li:last-child {border-right: 1px solid #d9d9d9;}
.subnavbar ul > li > a {display: block;height: 100%;padding: 0 15px;font-size: 12px;font-weight: bold;color: #b2afaa;}
.subnavbar ul > li > a:hover {color: #888;text-decoration: none;}
.subnavbar ul > li > a > i {display: inline-block;width: 24px;height: 24px;margin-top: 10px;margin-bottom: 20px;}
.subnavbar ul > li > a > span {display: block;/*font-size: 16px;*/}
.subnavbar ul > li.active > a {border-bottom:3px solid #ff7f74;color: #383838;}
/* Sub-Menu Wide */
.subnavbar-inner-wide{position: static;padding: 1px;}.subnavbar-inner-wide ul{margin: 0;padding: 0;list-style-type: none;text-align: center;height: 80px;background: #fff;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
.subnavbar-inner-wide ul li {display:inline;}
.subnavbar-wide {margin-bottom: 2.5em;}
.subnavbar-wide ul > li {min-width: 100px;height: 80px;padding: 0;margin: 0;text-align: center;list-style: none;/*border-left: 1px solid #d9d9d9;*/}
.subnavbar-wide ul > li:last-child > a {border-right: 1px solid #d9d9d9;}
.subnavbar-wide ul > li > a {display: inline-block;height: 100%;padding: 0 15px;font-size: 12px;font-weight: bold;color: #b2afaa;border-left: 1px solid #d9d9d9;}
.subnavbar-wide ul > li > a:hover {color: #888;text-decoration: none;}
.subnavbar-wide ul > li > a > i {display: inline-block;width: 24px;/*height: 24px;*/margin-top: 10px;/*margin-bottom: 20px;*/}
.subnavbar-wide ul > li > a > span {display: block;/*font-size: 16px;*/}
.subnavbar-wide ul > li.active > a {border-bottom:3px solid #ff7f74;color: #383838;}

@media (max-width: 1323px) {
.subnavbar-inner {height: auto;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
.subnavbar ul {width: 100%;border: none;}
.subnavbar ul > li {width: 33%;height: 80px;border: none;}
.subnavbar ul > li.active > a {font-size: 11px;background: transparent;}
.subnavbar ul > li > a > i { display: inline-block;margin-bottom: 12px;/*font-size: 20px;*/}
.subnavbar ul > li:last-child {border-right: 0;}
.subnavbar-wide ul {width: 100%;border: none;}
.subnavbar-wide a {border: none !important;width: 30%;height: 80px;margin-bottom: 10px;}
.subnavbar-wide{border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6; }
.subnavbar-inner-wide ul {height: auto;}
}


/* Footer */
.footer {margin-top: 0;border-top: 1px solid #dedede;position: absolute;bottom: 0;left: 0;width: 100%;}
.footer-inner {padding: 15px 0;font-size: 14px;}

/* Responsive Table */
div#responsive-more-tables{border: 1px solid #d4d4d4;}
#responsive-more-tables td, #responsive-more-tables th { padding:5px;min-height: 40px;}
#responsive-more-tables td[class^="d-"] {border:0;}

@media only screen and (max-width: 768px) {
#responsive-more-tables table, 
#responsive-more-tables thead, 
#responsive-more-tables tbody, 
#responsive-more-tables th, 
#responsive-more-tables td, 
#responsive-more-tables tr { 
display: block; 
}

#responsive-more-tables thead tr { position: absolute;top: -9999px;left: -9999px;}
#responsive-more-tables tr { border: 1px solid #ccc; }
#responsive-more-tables td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; white-space: normal;text-align:left;} 
#responsive-more-tables td:before { position: absolute;top: 10px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;text-align:left;font-weight: bold;}
#responsive-more-tables td:before { content: attr(data-title); }

/***** No title table ****/
#responsive-more-tables.no-title-table table, 
#responsive-more-tables.no-title-table thead, 
#responsive-more-tables.no-title-table tbody, 
#responsive-more-tables.no-title-table th, 
#responsive-more-tables.no-title-table td, 
#responsive-more-tables.no-title-table tr { 
display: block; 
}
 
#responsive-more-tables.no-title-table thead tr { position: absolute;top: -9999px;left: -9999px;}
#responsive-more-tables.no-title-table tr { border: 1px solid #ccc; }
#responsive-more-tables.no-title-table td { border: none;border-bottom: 1px solid #eee; position: relative;padding:0 10%; white-space: normal;text-align:left;} 
#responsive-more-tables.no-title-table td:before { position: absolute;top: 10px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;text-align:left;font-weight: bold;}
#responsive-more-tables.no-title-table td:before { content: attr(data-title); }
.sm-text-center {text-align: center !important;}
.sm-tb-notitle {padding:0.5em 1em !important;}
.sm-tb-nopadding {padding:0 !important;}
}

/***** Scroll Table ****/
.scroll-table-container-outer table{margin: 0;border-collapse: collapse;}
.scroll-table-container-outer td,.scroll-table-container-outer th{padding: .5em 1em;border: 1px solid #999;}
.scroll-table-container-outer { position: relative; }
.scroll-table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
.scroll-table-container::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.scroll-table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}
.scroll-table-container-fade{position: absolute;right: 0;width: 30px;height: 100%;
background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);
}

/* Button with icon */
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}

/* search input with dropdown */
#airport_search select{ height: 40px;border: 1px solid #eee;}
#airport_search input{width:250px;}
#airport_search .clear-search{margin-left: 1em;}

/* wide container */
@media (min-width: 1200px){.container-wide { max-width: 1500px !important;}}

.has-error{border: 2px solid red;color:red;}


/* loading */
.refresh {position: relative;}
.refresh-spinner {position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;z-index: 500;background-color: #fff;opacity: 0.8;display: none;}
.refresh-spinner.show{display: block;}
.refresh-spinner .center{ position: absolute;margin: auto;top: 0;left: 45%;z-index: 501;}

/*.normal-list #all-orders-option-holder {display:none;}*/
.filter-list #all-orders-option-holder {display:block;}
.show {display:block;}
.hide {display:none;}
#csv-download-holder i.fa.fa-spin{display:none;}
#csv-download-holdert.processing i.fa.fa-spin{display:inline-block;}
.visible-btn i.fa.fa-spin{display:none;}
.visible-btn.processing i.fa.fa-spin{display:inline-block;}



@media print {
.container .normal-list {display: none;}
.container h1 {display: none;}
a:not(.print-page) {display: none;}
.footer {display: none;}
.container .print-page {display: block !important;font-size:11px;}
.print-page1,.print-page2,.print-page3 {margin: 0;border: initial;border-radius: initial;width: initial;min-height: initial;box-shadow: initial;background: initial;page-break-after: always;}
}
.container .print-page {display: none;}


/* Calendar */
main {grid-area: content;padding: 48px;}
.toolbar{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.calendar__week,
.calendar__header { display: grid; grid-template-columns: repeat(7, 1fr); }
.calendar__week { grid-auto-rows: minmax(100px, auto); /*text-align: right;*/}
.calendar__header { grid-auto-rows: 50px; align-items: center; text-align: center;}
.calendar__day { padding: 1px;border-right: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;position: relative;}
.calendar {border: 1px solid #e1e1e1;background-color: #F2F3F6;}
.calendar__header > div {text-transform: uppercase;font-size: 0.8em;font-weight: bold;}
.calendar__day ul {padding-left: 1em;}
.calendar__day ul li {line-height: 1.2em;font-weight: 300;padding: 0.3em;box-sizing: border-box;text-align: left;list-style-type: none;background: #F0FFF0;}
.calendar__day ul li:nth-child(2n+1) {background: #E6E6FA;}
.calendar__day:last-child {border-right: 0;}
.toggle{display: grid;grid-template-columns: 1fr 1fr;text-align: center;font-size: 0.9em;}
span.date {display: block;background: #fefddf;padding: 0 5px;line-height: 1.4em;margin-bottom: 2px;text-align: right;font-weight: bold;font-size: 1.5em;}
.total-devices{text-align: center;position: absolute;bottom: 0;width: 100%;}

/* The Modal */
.modal-holder .modal {display: none;position: fixed;z-index: 1;padding-top: 50px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-holder .modal-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;}
.modal-holder .close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;text-align: right;}
.modal-holder .close:hover,
.modal-holder .close:focus {color: #000;text-decoration: none;cursor: pointer;}
.open-modal {cursor: pointer;}


/* ProLoader */
#preload{position:fixed;top:0;bottom:0;left:0;right:0;background:#fff url('../img/loading.gif') center center no-repeat;opacity:0.8;z-index:999;}
#preload.hide{display:none;}