@charset "UTF-8";

@font-face {font-family: 'Oswald-Medium';src: url('../fonts/Oswald-Medium.ttf');}
@font-face {font-family: 'Roboto';src: url('../fonts/Roboto-Regular.ttf');}
@font-face {font-family: 'Oswald-ExtraLight';src: url('../fonts/Oswald-ExtraLight.ttf');}
@font-face {font-family: 'Oswald';src: url('../fonts/Oswald-Regular.ttf');}
.tablewrap{display: block;overflow-x: scroll;width:100%;max-width:1550px;}

body {margin: 0 auto !important;overflow-x: hidden !important;color: black;font-family: 'Roboto' !important;position: relative;width:100%;margin:0;
/*max-width: fit-content;*/max-width:100vw;}
#main {margin: 0 auto 0 auto;padding: 0;border: none;width:1000px;}
#main1 {margin: 0 auto 0 auto;padding: 0;border: none;width: 980px;}
/*-----------------------------USER ZONES CONTENT AND BORDERS----------------------------*/
form {margin-top: 1em;}
#statistics{font-size:12px;margin-bottom:10px;}
legend.formLegend input[type="checkbox"]{vertical-align: middle;}
span#freecarlist{color: #800000;cursor: pointer;margin: 10px 5px;text-align: center;}
#left, #right{height: 100px;float: left;background-color: #ffffff;position: relative;}
.hide_navigationnumber,.hide_wifi{display:none;}
.row {display: block;font-size: 12px;margin:25px 5px;position: relative;}
p.inl{border: 1px solid #eee;display: inline;font-size: 16px;line-height: 25px;margin: 0 10px;padding: 10px;}
p.inl:hover{background:#f9f9f9;}
label.changecustomer{cursor:pointer;color:red;}
table.dataGrid, thead{background-color:#385C72;color:#FFFFFF;font-family:verdana,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:16px;padding-left:5px;padding-right:5px;text-align:left;}
ul{list-style-type:none;}
li a, td a{text-decoration: none;color: #385C72;}
a:hover{text-decoration: underline;}
.width150{width:150px;}
.ib{display:inline-block !important;float: none !important;}
.db{display:block;}
.w100{width:100%;}
.w90{width:90%;}
.removecustomer{display:none;}
table#t2 td label{padding:5px;}
label{text-transform: uppercase;}
table.dataGrid,table.dataGrid th {border:1px solid #CCD0D7;padding:3px 3px 3px 10px;}
table.dataGrid {border-collapse:collapse;}
table.dataGrid tr.a td {background:#ECECEC;}
table.dataGrid tr.new td {background-color: #AF3C14;width: 1px;}
table.dataGrid tr.b td {background:#F5F5F5;}
p.ulegen{position:relative;cursor:pointer;}
p.ulegen span{display:none;width:300px;padding:10px;position:absolute;z-index:10;top:0;background:#fff;border:solid 1px #eee; color: #666666;}
p.ulegen:hover span{display:block;}
table.dataGrid{color: #000000;font-family:verdana,sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;padding:0;}
td{border: solid 1px #ccc;height:30px;}
.invoicetbl td,.invoicetbl th{vertical-align:middle !important;}
table#t2 td{border: 1px solid #eee; border-collapse: separate;border-spacing: 10px 50px;}
.msg{display:block;text-align:center;color:#ec6a54;margin:0 auto;padding: 1%;width: 98%}
td input{vertical-align: middle;}
td.td1, td.td2{width: 35%;}
#start_img{cursor:pointer;}
#info,#speech{display:none;}
#info{float: right;height: 30px;margin: 0;padding: 0;width: 30px;}
td.td3,td.td4{width: 15%;}
table{border: solid 0px #ccc;}
fieldset.formFieldSet{overflow: hidden;margin-top: 0.6em;padding: 0 0.3em 0.3em 0.3em;width: 100%;background-color: none;margin-bottom: 30px;display:block;}
fieldset.formFieldSet1{margin-top: 0.6em;padding: 0 10px 10px 10px;background-color: none;}
legend.formLegendmain{margin: 0.5em 0.7em 0.5em 17em;color: #585858;background: inherit;}
legend.formLegend{border: none;width: auto;padding: 5px;text-transform: uppercase;color: #337ab7;font-size: 12px;margin: 0.5em 0.7em 0.5em 0.4em;background: inherit;font-weight: bold;}
label{font-size: 92%;font-family: Verdana, Arial, Helvetica, sans-serif;vertical-align: middle;color: #676767;}
select option{padding: 5px 3px;font-family: Oswald;font-size: 17px;}
.btn{font-family: Oswald !important;}
input[type="submit"]:hover,.formButton:hover,.btns:hover{background: #7192b7 !important;color:#fff;cursor:pointer;}
table.calendar {
  width: 100%;min-width: 1350px;display:table;/*table-layout: fixed;*/
}
input.long{width:95%;}
input.short{max-width:210px;}
input.datepicker,input.datepicker2{ background: url("calendar2.png") no-repeat scroll right 2px / 20px auto #FFFFFF;}
input.formCheckBox{font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #fff;}
.btns{text-decoration:none!important;background: #337ab7;line-height: 35px;height:35px;border-radius: 2px;color: #fff!important;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size: 13px;height: 33px !important;margin: 5px;}
.settings{background: #337ab7 url("../images/interface/settings.png") no-repeat scroll 10px 9px;width:140px;}
.btns.settings:hover{background: #7192b7 url("../images/interface/settings.png") no-repeat scroll 10px 9px!important;}
table.sdriver{display:none;}
table td img{ vertical-align: middle;}
.formButton{background-color: #FFFFFF;cursor:pointer;border: 1px solid #D8D8D8;color: #333333;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;margin: 5px;padding: 5px;text-decoration: none;}
.formButton:hover{font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;margin: 5px;background-color: #B0B0B0;border: solid 1px #ccc;text-decoration: none;}
.imagediv, .pimagediv {height: 48px;margin: 0 0 9px;overflow: hidden;position: relative;text-align: center;width: 200px;}
img.add, img.action, img.list, .poption img, .pfields img, img#pdf {cursor: pointer;}
div.imagediv span, div.imagediv input.upload, div.pimagediv span, div.pimagediv input.upload, div.pimagediv input.uploads {background:#337AB7;border-radius: 4px;color: #FFFFFF;cursor: pointer;font-size: 14px;left: 0;margin: 0 auto;padding: 5px 8px;position: absolute;right: 0;top: 35%;width: 120px;}
div.imagediv input.upload, div.pimagediv input.upload {cursor: pointer;opacity: 0;padding: 0;top: 0;}
table.cars td,table.calendar td:first-child{background: #f9f9f9;border: 1px solid #ddd;color: #555;font-size: 14px;font-weight: bold;padding: 0;text-indent: 5px;width: 100%;}
table.calendar{width: 100%;}
table.adm th {border: 1px solid #596383;}
.max150{width:100%;max-width:150px;}
table.adv th, table.adm th {background: #337ab7;color: #fff;font-size: 12px;text-transform: uppercase;text-align: center;
font-weight: 600;padding: 10px 5px;white-space: nowrap;}
table.adm td {word-wrap: break-word;vertical-align: middle;border: 1px solid #eee;height: 30px;padding:5px 10px;color: #333;background: #fff;}
table.adm td.l{text-align: left;}
table.adm td.r{text-align: right;}
table.adm input[type="text"] {border: 1px solid #ddd;padding: 5px;}
table.adv input[type="text"], table.adm input[type="text"], select, textarea {border: 1px solid #ccc;margin: 3px 2px;padding: 5px 8px;width: 90%;}
table.shortfields input[type="text"]{width:100px;}
.tablewrapper,.legend{display:inline-block;width:100%;overflow-x:auto;text-align: left;}
.tablewrapper{padding: 35px 0;}
.levels {border-right: 1px solid #ddd;float: left;margin-left: 20px;padding-right: 20px;}
span.to_show {cursor:pointer;font-size: 14px;margin: 10px auto;}
a.breadcrumb{display: inline-block;margin: 10px 5px;color: #385C72;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
ul.setmenu, ul.setmenu li{display:inline-block;}
ul.setmenu{margin:0;padding: 0;}
ul.setmenu li{border: 1px solid #eee;height: auto;max-width: 150px;padding:2%;text-align: center;}
ul.setmenu a{color: #555;display: inline-block;margin: 15px 8px;width: 100px;}
ul.setmenu li {position: relative;width: 96%;}
ul.setmenu li image {display: block;width: 100%;height: auto;}
.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: #008CBA;}
li.container:hover .overlay {opacity: 1;}
.text {color: white;font-size: 13px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
ul.setmenu li img{max-width:80px;}
.actionwrap{background: #f9f9f9;border: 1px solid #ddd;border-radius: 3px;display: block;width: 100%;}
.actionwrap label{display: block;font-weight: bold;margin: 3px 0;width: 100%;}

textarea{border:solid 1px #bbb;}
.center{text-align:center;}
.back{background: #ff9797;display: block;font-size: 14px;width: 100%;}
.width100,.row label{width:100%;}
.row label{margin:3px 0;display: block;}
input.date,input.dates,input.cal {background: #ffffff url("../images/interface/calendar2.png") no-repeat scroll right center / 25px auto;}
.section{ margin: 10px 0;display: block;padding: 5px;}
fieldset.field3{background: #f9f9f9;padding:10px;border: 1px solid #aaa;}
.mw1000{max-width:1000px;margin:0 auto;}
.suggesstion-box {float: left;position: relative;width: 100%;z-index: 10;}
.hint {background: #fff;border: 1px solid #bbb;border-top:none;margin: 0;padding: 0 1.5px;position: absolute;text-indent: 10px;top: -2px;width:100%;}
.hint li {border-bottom: 1px dashed #ddd;color: #666;margin: 0;cursor: pointer;font-size: 14px;height: 35px;line-height: 35px;list-style: outside none none;padding: 0;}
.hint li:hover{background:#eee;color: #337ab7;}
.addnew{display: block;margin: 5px 3px;}
.legend span,.legend labels{float:left !important;}
.legend labels{min-width:70px;text-indent:5px;line-height:20px;margin-right: 10px;padding-right: 5px;}
.legend labels:last-child{border:none;}
.legend span{width:20px;height:20px;border:solid 1px #ddd;background:#fff;}
.legend span.green{background:#77bc77;}
.legend span.pink{background:pink;}
.legend span.as{font-weight: bold;width:100%;margin: 10px 0;padding: 0;border: none; border-bottom:double 3px #eee;}
.legend{padding: 0px 15px;}
input[readonly],.bg-color{background:#f9f9f9;}
.bs{border:solid 1px #ddd;}
.form-control{height:40px !important;}
input#date_paid{background: #fff url("../images/interface/calendar2.png") no-repeat scroll right center / 20px auto;}
input#date_paid[readonly]{background: #f9f9f9 url("../images/interface/calendar2.png") no-repeat scroll right center / 20px auto;}
.width60,.width25{display:inline-block;width:60%;min-width:180px;margin: 0 1%;}
.actions{display:inline-block;width:auto;margin: 0 5px;}
span.actions{position: absolute;top: 40%;}
.actions img{cursor:pointer;padding:0px 3px;}
.width25{width:25%;}
.expences,#res_id,.movestat,.incomings{display:none;}
.rightspan,#close{text-align: right;}
#close{cursor: pointer;float: right;position: absolute;right: 20px;top:25px;z-index: 10;display:none;}
.closehint{padding: 5px;}
div.pages {float: left;padding: 5px;position: relative;text-align: center;width: 100%;}
.pages a {color: #666;cursor: pointer;}
.rows {display: table;margin: 10px auto;text-align: center;}
.pages a.activpn, .pages a.activpn:hover {color: #ff4400;margin: 15px;}
div.pages span {border: 1px solid #f1f1f1;border-radius: 3px;color: #888;float: left;font-size: 14px;height: 30px;line-height: 30px;margin: 5px;width: 55px;}
div.pages span:hover{background:#ff9797;color:#fff;}
div.pages span.activpn {background: #fff;border: 1px solid #f9f5f1;border-radius: 3px;color: red;float: left;margin: 5px;width: 35px;}
.aaa{display:block;transition: all .9s ease-out;}
.actionwrap input.checkboxes{float: left;height: 18px;line-height: 22px;margin: 0 10px;width: auto;}
.radios{display: inline-block;height: 23px;line-height: 18px;width: 100%;}
.radios input{vertical-align: top;}
.radios input[type="radio"]{height: 15px;margin: 0;padding: 0;vertical-align: middle;}
.removecustomer{cursor: pointer;position: absolute;right: 25px;top: 40%;}
tr.redtr td{color:maroon;}
tr.yellow td{background:#fffce5;}
tr.blue td{background:#d3f6f4;}
tr.pink td{background:#fff4fe;}
tr.red td{background:#ffeeea;}
.actionwrap label span {color: #c67466;float: left;font-size: 11px;font-weight: normal;width: 100%;}
.nobck{background:none;border: none;}
h1{color: #337a7e;font-family: Verdana;font-size: 14px;font-weight: normal;margin: 25px 0 5px;text-indent: 10px;text-shadow: 0.5px 0.5px #ddd;}
div.pages span.last,div.pages span.first{width:auto;padding: 0 5px;}
div.float{float:left;margin: 5px;max-width: 250px;}
.float label{font-weight:bold;width:100%;margin: 0;float:left;padding: 4px 2px;}
select.float{float:left;}
.tlf{table-layout: fixed;}
ul.setmenu2, ul.setmenu2 li {display: inline-block;margin: 0;padding: 0;position:relative;}
table td ul.setmenu2 li img{width:80px;}
ul.setmenu2 .text{font-size: 12px;}
.formLegend{font-size: 12px;color: #337ab7;}
.hascomments{position:relative; padding: 0;}
.width90{width:90%!important;}
.hascomments:hover .comments{display:block;}
.comments{ background: #337ab7;color: #fff;display: none;min-height: 100%;left:-5px;border-radius: 3px;min-width: 100%;padding: 5px;position: absolute;top: -40px;width: auto;z-index: 10;}
.float label.clear_filters{cursor:pointer;padding:0;font-size: 11px;font-weight: normal;}
span.center{display: block;}
.wrappertooltip {display: inline;vertical-align: middle;line-height: normal;color: #555;min-height: 100%;cursor: help;margin: 0;padding: 0;position: relative;text-align: center;-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.wrappertooltip .tooltip {cursor: text;background: #1496bb;bottom:auto;color: #fff;line-height: 15px;display: block;left: -10px;top: -115px;opacity: 0;padding: 10px;pointer-events: none;position: absolute;min-width: 100%;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrappertooltip .tooltip:before {bottom: -50px;content: " ";display: block;height: auto;left: 0;position: absolute;min-width: 100%;}  
/* CSS Triangles - see Trevor's post */
.wrappertooltip .tooltip:after {border-left: solid transparent 10px;border-right: solid transparent 10px;border-top: solid #1496bb 10px;bottom: -10px;content: " ";height: auto;left: 50%;margin-left: -13px;position: absolute;width: 0;}
.wrappertooltip:hover .tooltip {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}

/* IE can just show/hide with no transition */
.lte8 .wrappertooltip .tooltip {display: none;}
.lte8 .wrappertooltip:hover .tooltip {display: block;}
ul.help{margin:0 auto;display:block;padding:10px 25px;color:#555;text-align:justify;border: 1px solid #ddd;border-radius: 3px;}
ul.help li{line-height:18px;}
.width300{width:300px!important;}
.wrong{background:#f6e0e0;}
.prev,.next {font-size: 14px;background: #337ab7;color: #fff;cursor: pointer;float: left;height: 31px;line-height: 31px;padding: 0 5px;}
.next {float: right;margin-left: 5px;}
table.calendar td, table.calendar th {border: 1px solid #e9e9e9;float: none;position: relative;text-align: center;width: 2.70%;min-width:36px;float: left;}
table.calendar td.cell {background: #fff;height: 45px;padding: 0;position: relative;}
table.cars td:first-child, table.calendar th:first-child {background: #f9f9f9;border-bottom: 1px solid #ddd;font-weight: bold;text-align: left;text-indent: 10px;height: 45px;width: 110px;}
table.calendar th:first-child {width: 10%;min-width: 150px !important;line-height: 30px;}
table.calendar th {font-weight: bold;background:#f9f9f9;}
table.calendar span.busyday:only-child {background: pink;bottom: 0;height: 100%;top: 0;}
table.calendar span.busyday:last-child, table.calendar span.busyday:last-child {border-right: medium none;}
table.calendar span.busyday {color: #fff;float: left;height: 70%;position: relative;text-align: center;width: 100%;z-index: 1;}
table.calendar span.busyday:last-child a,table.calendar span.busyday:first-child a {line-height: 19px;width: 100%;background: salmon;text-transform: uppercase;color: #fff;height: 100%;left: 0;position: absolute;text-decoration: none;top: auto;}
table.calendar span.busyday:only-child a {font-size: 14px;background: pink;bottom: auto;line-height: 14px;position: relative;text-decoration: none;top: 13px;vertical-align: middle;z-index: 3;}
table.calendar span.busyday:last-child  {border-top:solid 1px #fff;}
.passed,.passed a{background:#77bc77!important;}
input.aa{float:left;margin: 2px 5px !important;width: auto;}
.row label.floatleft{float:left;}
.row label.nb{font-weight:normal !important;}
input[type="submit"][disabled],input:disabled{cursor:no-drop;}
.big{color: #337ab7;font-size: 20px;font-weight: bold;margin: 50px 0 0;}
table.calendar td, table.calendar th {margin:0.06%;border: 1px solid #e9e9e9;position: relative;}
table.calendar tr.thlabel th{line-height: 30px;height: 45px;vertical-align: top;}
table.calendar th {height: 30px;padding: 8px 0 !important;}
.margintop70{margin-top:70px;}
form.cldr{margin:20px 0;border: 1px solid #eee;}
table.calendar span.future:last-child,table.calendar span.future:only-child a{background:none;color:#555;}
a.floatright{float: right;margin-top: 20px;margin-bottom: 20px;margin-right: 50px;text-align: right;}
.margintop25{margin-top:25px;}
span.freeday{display:block;width:100%;height:100%;background:#f9d798;position: absolute;border: 1px solid transparent;animation: blink .9s step-end infinite alternate;}
span.dmg,span.missng{display:block;background:#f8e4be;border: 1px solid transparent;animation: blink .9s step-end infinite alternate;}
span.missng{background:#ffbebe;}
@keyframes blink { 
   50% { border-color: #000; } 
}
.red{color:red !important;}
.btn-success,.btn-primary,.btn{color:#fff !important;line-height: 1.58 !important;}
.navbar{margin-bottom: 0px !important;}
.bigs{color: #337ab7;display: inline-block;font-size: 30px;font-weight: bold;margin: 50px 0 auto;width: auto;}
.hidepopup{display: none;font-size: 20px !important;height: 100px;left: 30%;position: fixed;right: 30%;top:10%;width: 40%;z-index: 1000000 !important;}
.shown{display:block;}
.comments2{background: #337ab7;border-radius: 3px;color: #fff;left: -5px;min-height: 100%;min-width: 100%;padding: 5px;position: absolute;top: -40px;width: auto;z-index: 10;}
.width150px{width:150px;}
.form-check-label,.delete_missing{cursor:pointer;}
textarea{white-space: pre-line !important;}
.maxw200{max-width:200px;}
.maxw100{max-width:100px;}
.minw300{min-width:300px;}
.w33p{width:33%;}
td.wsn{white-space: normal !important;}

#back-to-top i {
  padding-top: 20px;
  font-size: 16px;
  transform: rotate(-45deg);
  margin-left: -16px;
}

#back-to-top {
   background: #fb5c3b;
 color: #fff;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  display: none;
  text-align: center;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 2px;
  z-index: 10000;
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  }
.icons img{max-width:50px;display:inline-block;}


/*.ww{max-width:400px;margin: 0 auto;}*/


body,
html {
  height: 100%;
}
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #fff;
}
body.parent{overflow:hidden;}
.ww{
max-width: 430px;padding:15px;width: 100%;max-height:80vh;border: solid 1px #eee;
  }


#hi{width: 100%;
max-width: 200px;
margin: 0 auto;
display: block;}
th div.singlp,td div.singlp{background:#fff;color:#333;height:40px;border-bottom:solid 1px #ddd;line-height: 40px;}
td div.singlp{background:transparent;}
.is-active{display:block;}
.form-check-input-checkbox{height: 14px !important;}
.shtt{position:absolute;top:-30px;color:darkgreen;}
th.to_remove{position: relative;cursor: not-allowed;}
table.adm td.gr{color:#56773a;font-weight:bold;text-align:center;}
table.adm td.rd{color:red;font-weight:bold;text-align:center;}
table.adm td span.o{color: #888;display: inline-block;font-size: 9px;vertical-align: top;width: 100%;}
table.acc{min-width: 2500px;width: 100%;}
.tblwrapper{display:block;width: 98%;margin: 1%;overflow-x: auto;}
.box{display: block;padding: 55px 0;width: 98%;margin: 1%;}
#addnewrecord{display:none;}
table.adm td.right{text-align:right;}
.tooltip{z-index:10000 !important;}
.pr{position:relative;}
.zi100{z-index: 10000;}
.bold{font-weight:bold;}
.fnt20{font-size: 17px;}
select[multiple]{height:auto !important;max-height:120px;}
table#t2 .row{max-width:150px;}
table.acc tr:nth-child(2n+3) {background: #e9e9e9;}
table.calendar th.m{color:red; font-size: 15px;}
table#t2 .row label{font-size:11px;}
.bg-danger,.bg-success{color:#fff !important;cursor:pointer;}
table.calendar span.orange,table.calendar span.orange a{background: #7ac637 !important;color:#fff !important;}
.occop{color: #666;display: block;margin: 10px 0;text-indent: 10px;width: 100%;}
.day{color:#337ab7;display: block;font-weight: normal;position: absolute;top: 15px;font-size: 12px;left: 3px;}
table.calendar td.nb{color: #c98383;background:none;border: medium none;line-height: 27px;vertical-align: middle;width:99%;font-size: 11px;font-weight: normal;}
button:focus {outline: none !important;}
table.calendar th.dateshdr{padding:0px !important;height:45px !important;}
.input-group-addon{text-transform: uppercase;}
.custom-file-input {height: 100% !important;}
@media only screen and (max-device-width:800px){
table.calendar th:first-child {font-size: 13px;min-width: 120px !important;}
table.calendar td.cell,table.calendar th {float: left;}
}
#loader {overflow-x: hidden;overflow-y: hidden;vertical-align: middle;background-color: #fbfbfb;position:fixed;display: table;width: 100%;top:0;height: 100%;min-height: 100%;z-index:99999;}
.loader-container {position: relative;display: table-cell;vertical-align: middle;z-index: 12;text-align:center;}
.loader-back-logo {margin-top:-10px;font-size:26px;}
.loader {margin-top:-20px;margin-left: 0px}
.dn{display:none;}
.dt{display:table;}
.w50{width:50%;}
.w100{width:100%;}
.ml10{margin-left:10px;}
textarea.desc{height:400px !important;}
th.blue{background: #3a6775;color:#fff;}
.input-group-addon i{font-size:20px;}
th.success,td.success{color:#333 !important;background-color: #8cad7e;}
input[type="text"],input[type="number"]{min-width:80px;}
#logo_preview{max-width:350px;padding:10px;margin:10px;}
.logo_preview{max-width:100%;max-height:100px;}
.nav-tabs{border-bottom:none !important;}
textarea.flattext{height:100vh;border:none !important;background:transparent !important;font-size:14px;}
textarea.missing,textarea#mail_txt {min-height:150px;}
a:disabled, a[disabled], a[disabled]:hover {
background: none !important;
border: 1px solid #ddd;
color: #333 !important;pointer-events: none;
text-decoration: line-through !important;
}
.fwb{font-weight: bold;}
address.inv{font-size: 16px;}
h1.inv{font-size: 25px !important;
font-weight: bold;
text-transform: uppercase;}
#navbarSupportedContent{box-shadow: none;}
.fs14,.invoicetbl{font-size:14px;}
.fs17{font-size:17px;}
.fs15{font-size:15px;}
address.invoicetbl{min-width: 300px;}
.invoicetbl th{background: #ddd;border: 1px solid #ccc !important}
input.notvisible,input.notvisible:hover,input.notvisible:focus{padding:0px !important; background:transparent !important;border:none !important;height:auto !important;cursor: none;}
@-ms-viewport{
  width: device-width;
}
nav a{font-family: 'Oswald-ExtraLight' !important;letter-spacing: 0.6px;}
a.nav-link{font-size:15pt !important;color:#fff !important;}
a.navbar-brand,.navbar-nav .dropdown-menu a{height: 40px;color: #fff;font-size: 17px;line-height: 32px;}
a.dropdown-item:hover,.navbar-nav .dropdown-menu a:hover{color:#337ab7 !important;}
ul.navbar-nav li{list-style-type: none !important;}
ul.navbar-nav{float: right;}
 .navbar-toggler-icon i {font-size: 32px;color:#fff;}
  .h1, h1,h2 {
  font-size: 1.5rem !important;
}
nav,.navbar-expand-lg .navbar-nav .dropdown-menu {
  background-color: #337ab7 !important;
}
tr.reser{position:relative;}
.tablewrap{overflow-x: scroll;width:100%;max-width:1550px;margin:0 auto !important;padding-bottom: 20px;}
.fs-14{font-size:14px;}
@media (max-width: 600px){
.caldatesform div,.caldatesform input{width: 100% !important;
max-width: none;
flex: 100%;
}
.caldatesform div{padding: 0 15px !important;}
}
@media (max-width: 900px){
ul.navbar-nav li{text-align: left !important;}
ul.navbar-nav{position: relative;
z-index: 1000000;
background: #337ab7;
width: 100%;
left: 0;
padding: 0 15px;
top: 5px;}
table.calendar th:first-child{position: sticky;left: 0;z-index: 100;}
table.calendar td.cell{font-size:14px;}
tr.stats{display:none;}
.box {padding:40px 0;}
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .dropdown-menu {
  top: 55px;
}
}
@media (min-width: 1300px){
.container {
  width: 1270px;
}
}
.link{cursor:pointer;}
.wsbs{white-space: break-spaces;}
/*td{white-space: nowrap;}*/
table.invoicetbl th{text-transform:uppercase;}
table.invoicetbl{table-layout: fixed;}
tabel.tla{table-layout: auto;}
.hldiv{border:solid 1px #ddd;padding:15px; background:#f9f9f9;}
.flashing td {
  animation: blinker 2s linear infinite;
  background:pink !important;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.vh{visibility: hidden;}
iframe{width:100%;height:100vh;border: none;}
iframe .header_header__3jZvK{display:none !important;}
@media print {

.print_hide{display:none !important;}
html, body { font-size: 11pt !important; position:relative;}
*{font-size: 11pt !important;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}
address.invoicetbl {float:left;width: 300px !important;
max-width: 300px !important;overflow:hidden;
}
.fwb{font-weight: 500 !important;}
table th{font-weight: 520 !important;background:#f9f9f9 !important;text-align:center;}

div{float:none !important;}
fieldset.field3{border:none;}
table{
    display:table;width:100%;table-layout: fixed;float:none !important; white-space: nowrap;
  }
table.invoicetbl td{font-size: 11pt !important;}
.wrapinv {overflow: hidden;margin:0 !important;height:900px;}
.footer{position:relative; bottom:10px; background:#fff;width:100%;}
.sectioninv{break-after: auto;page-break-after:auto;position:relative;}/**/
}