html {
    min-height: 100% !important;
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    min-height: 100% !important;
    height: 100%;
    color: #FFF;
    background-color: #000;
    font-family: Calibri, Arial, Verdana, sans-serif;
    font-size: 13px;
    padding: 0;
    margin: 0;
}

.hidden {
    display: none !important;
}

.no-wrap {
    white-space: nowrap;
}

.color-light{
	color: #a2a2a2 !important;
}

#main {
    width: 100%;
    height: 90%;
    min-width: 960px;
    background-color: #363B3F;
    overflow: hidden;
    border-spacing: 0;
    border-collapse: collapse;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 13px;
}

h5 {
    font-size: 10px;
}

.font-30 {
    font-size: 30px;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.text-white {
    color: #ffffff !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

ol, ul {
    padding-left: 0;
}

.dtfrom,
.dtto {
    width: 82px;
    text-align: center;
}

.form-select {
    background-position: right .25rem center;
    background-size: 10px 8px;
}

.form-select {
    font-size: 12px;
    padding: .3rem .6rem;
}

.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
    font-size: .8rem;
    padding: .20rem .4rem;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .70;
}

/* #################################### HEADER CONTENTS ################################# */

#header {
    width: 100%;
    color: #FFF;
    background-color: #000;
}

#logo-area {
    width: 13%;
    min-width: 45px;
    padding-top: 5px;
    padding-left: 6px;
    padding-bottom: 5px;
    vertical-align: middle;
    text-align: left;
}

#logo-area .logo-area-wr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#logo-area .logo-area-wr #toggle-navigation {
    display: inline-block;
    font-size: 20px;
    padding: 0 3px;
    position: relative;
    top: -2px;
    cursor: pointer;
}

#logo-area .logo-area-wr .sub-domain-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 3px;
    padding-left: 8px;
    color: #FFF;
    text-decoration: none;
}

#logo-area .logo-area-wr .sub-domain-logo span {
    display: inline-block;
    height: 27px;
    line-height: 25px;
    padding-right: 1px;
    text-decoration: none;
    font-size: 17px;
    font-family: 'TypoGraphica', serif;
    color: #02AD88;
}

#logo-area .logo-area-wr .sub-domain-logo img {
    position: relative;
}

#header a:hover {
    opacity: 0.7;
}

#toggle-navigation {
    display: inline-block;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}

/* #################################### LOGIN PAGE ################################# */

.loggedout #toggle-navigation {
    display: none !important;
}

.loggedout #content {
    padding-top: 10%;
    background: #85A2B2;
    background: -moz-linear-gradient(top, #85A2B2 0%, #85D7C5 100%);
    background: -webkit-linear-gradient(top, #85A2B2 0%, #85D7C5 100%);
    background: linear-gradient(to bottom, #85A2B2 0%, #85D7C5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85A2B2', endColorstr='#85D7C5', GradientType=0);
}

.loggedout #content .login-form {
    display: block;
    width: 40%;
    padding-top: 6%;
    padding-bottom: 4%;
    padding-left: 17%;
    background: transparent url("/theme/assets/img/favicon-big.png") no-repeat left center;
    background-size: 37% auto;
    border: 0;
    box-shadow: none !important;
}

.loggedout #content .login-form .form-row {
    display: block;
    width: 100% !important;
    border: 0;
    min-width: auto;
    max-width: 100%;
    padding-bottom: 1vw;
}

.loggedout #content .login-form .form-row label {
    display: none !important;
}

.loggedout #content .login-form .form-row input {
    display: block;
    width: 100%;
    min-width: auto;
    padding: 0.5vw 1vw;
    background-color: #bfe3df;
    border: 1px solid #a2cdc8;
    border-radius: 0.3vw;
    font-size: 0.95vw;
    color: #536368;
}

.loggedout #content .login-form .form-row:nth-child(3) {
    padding-top: 1.2vw;
    text-align: center !important;
}

.loggedout #content .login-form .form-row:nth-child(3) button {
    margin: 0 auto;
    padding: 0.5vw 3vw;
    color: #FFF;
    background-color: #004062 !important;
    border-color: #004062 !important;
    border-radius: 4px;
    font-size: 1vw;
}

.loggedout #content .login-form .form-row input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9BA7AA;
    opacity: 1;
}

.loggedout #content .login-form .form-row input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #9BA7AA;
}

.loggedout #content .login-form .form-row input::-ms-input-placeholder { /* Microsoft Edge */
    color: #9BA7AA;
}

/* #################################### CONTENT BODY ################################# */
#wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 960px;
    min-height: calc(100vh - 74px);
    background-color: #014163;
    overflow: hidden;
    border-spacing: 0;
    border-collapse: collapse;
}


#menu {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    height: 100%;
    transition: all 0.3s;
}

#menu.active {
    margin-left: -250px;
}

.loggedout #menu {
    display: none;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 !important;
}

.ui-menu {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.ui-menu li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 1px;
    margin-bottom: 1px;
}

.ui-menu li a {
    display: block;
    width: 100%;
    min-height: 1.3vw;
    padding: 0.4vw 0.3vw;
    line-height: 1em;
    font-size: 13.5px;
    color: #FFF;
    text-decoration: none;
}

.ui-menu li a:hover,
.ui-menu li.selected {
    color: #FFFFFF;
    background: #02AD88 none repeat scroll 0 0;
}

.ui-menu li a.mail small.new_mails {
    display: inline;
    padding-left: 30px;
    font-size: 11px;
    font-style: italic;
    color: #FFF;
}

.ui-menu li a span.badge {
    display: inline-block;
    line-height: 1em;
    padding: 2px 5px;
    color: #FFF;
    background-color: #006d9c;
    font-size: 11px;
    border-radius: 3px;
}

.ui-menu li ul {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 0;
    padding-left: 5%;
    overflow: hidden;
}

.ui-menu li.selected ul {
    height: auto;
    background: #032844 none repeat scroll 0 0;
}

.ui-menu li ul li a {
    padding-left: 10px;
}

.ui-menu li ul li a:hover,
.ui-menu li ul li.selected a {
    color: #FFFFFF;
    background: #02AD88 none repeat scroll 0 0;
}

.user-nav {
    display: block;
    width: 95%;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    box-sizing: border-box;
}

.user-nav a {
    display: block;
    width: 100%;
    min-height: 20px;
    padding-top: 2px;
    padding-left: 20px;
    padding-bottom: 2px;
    background: transparent url(/theme/assets/img/icons/user-icon.png) no-repeat left center;
    text-decoration: none;
    opacity: 0.5;
    color: #CCC;
}

.user-nav a:hover {
    opacity: 1;
}

#content {
    display: inline-block;
    flex: 1 1 auto;
    min-width: 300px;
    min-height: 100%;
    padding: 1%;
    color: #212121;
    background-color: #F5F5F5;
    text-align: left;
}

#content.wide {
    width: 100%;
}

#content h1.page-title {
    color: #212121;
    font-size: 2.5vw;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 3.2rem;
    margin-bottom: 1rem;
    text-align: left;
    text-transform: inherit;
}

#content h2.page-title {
    color: #212121;
    font-size: 2.1vw;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 1rem;
    text-align: left;
    text-transform: inherit;
}

#content h3.page-title {
    color: #014163;
    font-size: 1.4vw;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.03;
    margin-bottom: 0.8rem;
    text-align: left;
    text-transform: inherit;
}

#content .page-title small {
    font-size: 60%;
}

/* #################################### OTHER COMPONENTS ################################# */

.row {
    margin-right: calc(-.1 * var(--bs-gutter-x));
    margin-left: calc(-.1 * var(--bs-gutter-x));
    border-bottom: 1px solid #CCC;
}

.row .col-sm-1:first-child,
.row .col-sm-2:first-child,
.row .col-sm-3:first-child,
.row .col-sm-4:first-child,
.row .col-sm-5:first-child,
.row .col-sm-6:first-child,
.row .col-sm-7:first-child,
.row .col-sm-8:first-child,
.row .col-sm-9:first-child,
.row .col-sm-10:first-child,
.row .col-sm-11:first-child,
.row .col-sm-12:first-child {
    padding-left: 0;
}

.row .col-sm-1:last-child,
.row .col-sm-2:last-child,
.row .col-sm-3:last-child,
.row .col-sm-4:last-child,
.row .col-sm-5:last-child,
.row .col-sm-6:last-child,
.row .col-sm-7:last-child,
.row .col-sm-8:last-child,
.row .col-sm-9:last-child,
.row .col-sm-10:last-child,
.row .col-sm-11:last-child,
.row .col-sm-12:last-child {
    padding-right: 0;
}


form .row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.col-form-label {
    padding-top: calc(.09rem + 1px);
    padding-bottom: calc(.16rem + 1px);
    line-height: 1.3;
}

.form-control {
    font-size: 12px;
    padding: .3rem .6rem;
}

.form-control-sm {
    min-height: calc(1.5em + .36rem);
    line-height: 1.4;
    padding: .1rem .45rem .1rem .4rem;
    font-size: 11px;
    border-radius: .2rem;
}

.pr-change-form {
    width: 140px;
    padding: 10px;
    border: 1px solid #333;
    background-color: #d3d3d3;
    z-index: 10000;
    position: absolute;
}

.table-layout-fixed {
    table-layout: fixed;
}

.dtpickertime {
    max-width: 125px;
}

.dtpicker,
.service-accom-checkin,
.service-accom-checkout {
    max-width: 85px;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled{
	opacity: 0.5;
}

.btn-tobo {
    color: #FFF;
    background-color: #014163;
}

.btn-tobo.btn:hover {
    color: #FFF;
}

.btn-group-sm > .btn,
.btn-sm {
    padding: .30rem .5rem;
    font-size: .675rem;
    border-radius: .2rem;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: .08rem .4rem;
    font-size: .60rem;
    line-height: 1.25;
    border-radius: .15rem;
}

button.btn:hover {
    background-color: #000;
}

.form-switch .form-check-input {
    margin-left: -1.5em;
    cursor: pointer;
}

form p button:hover {
    background-color: #4c5154;
}

.form-select-xs {
    line-height: 1.4;
    padding: .1rem .25rem .15rem .2rem;
    font-size: 12px;
    cursor: pointer;
}

.lnkbtn {
    display: inline-block;
    line-height: 1em;
    padding: 3px 10px 3px;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    color: #FFF !important;
    background-color: #014163;
    font-family: Sans, sans-serif;
    font-size: 11px;
    text-decoration: none;
}

.lnkbtn:hover {
    background-color: #006d9c;
    text-decoration: none !important;
}

.lnksimple {
    display: inline-block;
    line-height: 1em;
    padding: 3px 10px 4px;
    cursor: pointer;
    font-size: 13px;
    color: #363b3f !important;
    text-decoration: none;
}

.lnksimple:hover {
    text-decoration: underline;
}

.back-message {
    display: block;
    width: 100%;
    padding-bottom: 15px;

}

.tbl-inline-form label {
    display: inline-block;
    width: auto;
    min-width: 20px;
    line-height: 1.6;
    padding-right: 5px;
    white-space: nowrap;
    font-size: 13px;
}

.tbl-inline-form input {
    padding: 2px 7px;
    font-size: 12px;
    width: auto;
    min-width: 30px;
    margin-right: 5px;
}

.error {
    display: block;
    width: 100%;
    padding: 15px 2%;
    color: red;
    font-size: 13px;
    text-align: center;
}

input.prblm,
select.prblm {
    color: red !important;
    border-color: red !important;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center !important;
}

.pull-center {
    margin: 0 auto !important;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

body .align-right {
    text-align: right !important;
}

body .align-left {
    text-align: left !important;
}

.w1 {
    width: 10%;
}

.w2 {
    width: 20%;
}

.w3 {
    width: 33%;
}

.w5 {
    width: 50%;
}

.w6 {
    width: 50%;
}

.w7 {
    width: 70%;
}

.w8 {
    width: 70%;
}

.w10 {
    width: 100%;
}

.msg {
    display: block;
    width: 70%;
    padding: 1%;
    margin-bottom: 15px;
    border: 1px solid #000;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    font-size: 16px;
    background-color: #FFF;
}

.msg-ok {
    color: darkgreen;
    border-color: darkgreen;
}

.msg-warn {
    color: darkorange;
    border-color: darkorange;
}

.msg-error {
    color: darkred;
    border-color: darkred;
}

.items-table {
    display: table;
    border-collapse: collapse;
    font-size: 13px;
    text-align: left;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    margin: 10px 0;
}

.items-table tr {
    transition: all 0.3s ease 0s;
}

.items-table thead {
    border-top: 1px solid #E0E0E0;
    background-color: #F0F0F0;
}

.items-table thead tr th {
    line-height: 1.3;
    font-size: 11px;
    font-weight: bold;
    color: #444;
}

.items-table thead tr th a {
    line-height: 1.3;
    font-size: 11px;
    font-weight: bold;
    color: #014163;
}

.items-table thead tr th a:hover {
    text-decoration: none;
}

.items-table tbody tr:hover {
    background-color: #e5e5e5;
}

.items-table tr.item-deleted-1 td,
.items-table tr.item-state-0 td {
    color: #CCCCCC;
}

.items-table tr.item-deleted-1 td:first-child,
.items-table tr.item-deleted-1 td:nth-child(2),
.items-table tr.item-state-0 td:first-child,
.items-table tr.item-state-0 td:nth-child(2) {
    text-decoration: line-through;
}

.items-table tr.item-deleted-1 td select,
.items-table tr.item-state-0 td select {
    color: #CCCCCC;
    border-color: #CCC;
}

.items-table tr.item-deleted-1 td a,
.items-table tr.item-state-0 td a {
    color: #CCC;
}

.items-table tr.item-state-2 td {
    font-weight: bold;
}

.items-table tr.item-confstatus-2 td {
    opacity: 0.4;
}

.text-right,
.items-table td.text-right {
    text-align: right;
}


.delbtn {
    border-color: red !important;
}

.okbtn {
    border-color: green !important;
}

.backbtn {
    background-color: #AAAAAA;
    border-color: #999;
}

.items-table tr.item-deleted-1 td a.lnkbtn,
.items-table tr.item-state-0 td a.lnkbtn {
    color: #FFF;
    border-color: #CCC;
    background-color: #CCC;
}

.items-table tr.item-deleted-1 td a.activatebtn,
.items-table tr.item-state-0 td a.activatebtn {
    color: #FFF;
    border-color: green;
    background-color: #4c5154;
}

.items-table td {
    border-top: 0 none;
    padding: 4px 4px;
    line-height: 1.4;
    text-align: left;
    transition: all 0.3s ease 0s;
    vertical-align: top;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    font-family: Sans, sans-serif;
    font-size: 12px;
}

.items-table td > * {
    vertical-align: text-top;
}

.items-table td a:not(.btn) {
    color: #2a3133;
    text-decoration: none;
}

.items-table td a:hover:not(.btn) {
    text-decoration: underline;
}

.items-table td a.lnkbtn:last-child {
    margin-right: 0;
}

.items-table td form.inline-simple {
    display: inline-block;
    width: auto;
    float: left;
    padding-right: 10px;
}

.items-table td:nth-child(8),
.items-table td:nth-child(9),
.items-table td:nth-child(10) {
    white-space: nowrap;
}

#supptickets td:nth-child(9),
#supptickets td:nth-child(10) {
    white-space: normal;
}

.fancy-form {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

.fancy-form .d-flex {
    border-bottom: 1px solid #CCC;
}

.fancy-form .d-flex:last-child {
    border-bottom: 0;
}

form input {
    font-family: "RobotoDraft", "Roboto", "Helvetica Neue, Helvetica, Arial", sans-serif;
}

::-webkit-input-placeholder {
    color: #CCC !important;
}

:-moz-placeholder {
    color: #CCC !important;
    opacity: 1;
}

::-moz-placeholder {
    color: #CCC !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #CCC !important;
}

.table-responsive {
    overflow: visible;
    overflow-x: auto;
}

.fancy-form form div.form-row select,
.fancy-form .form-em div.form-row select {
    display: inline-block;
    width: 70%;
    min-width: 200px;
    line-height: 16px;
    padding: 2px;
    transition: all 0.3s ease 0s;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #2a3133;
    cursor: pointer;
}

.fancy-form form div.form-row input[type=checkbox],
.fancy-form .form-em div.form-row input[type=checkbox] {
    min-width: 14px !important;
    width: 14px !important;
    cursor: pointer;
}

.fancy-form form div.form-row button.btn,
.fancy-form .form-em div.form-row button.btn {
    display: inline-block;
    line-height: 1em;
    padding: 4px 10px 5px;
    cursor: pointer;
    font-size: 13px;
    border-radius: 3px;
    border: 0;
    color: #FFF;
    background-color: #014163;
    text-decoration: none;
}

.fancy-form form div.form-row button.btn:hover,
.fancy-form .form-em div.form-row button.btn:hover {
    background-color: #006d9c;
}

.fancy-form form div.inppref,
.fancy-form .form-em div.inppref {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    border: 0;
}

.fancy-form form div.inppref span,
.fancy-form .form-em div.inppref span {
    display: inline-block;
    flex: 1 1 auto;
    padding: 3px 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    text-align: center;
    border: 1px solid #2a3133;
    color: #555;
    background-color: #eee;
    white-space: nowrap;
}

.fancy-form form div.inppref span:first-child,
.fancy-form .form-em div.inppref span:first-child {
    border-right: 0;
    border-radius: 3px 0 0 2px;
}

.fancy-form form div.inppref span:last-child,
.fancy-form .form-em div.inppref span:last-child {
    border-left: 0;
    border-radius: 0 3px 3px 0;
}


.fancy-form form div.inppref input.btn,
.fancy-form .form-em div.inppref input.btn {
    width: 71% !important;
    min-width: 30px !important;
    border-left: 0;
    border-radius: 0 2px 2px 0;
    float: left;
    clear: right;
}

form div.inpsuff,
.form-em div.inpsuff {
    display: inline-block;
    width: 59%;
    padding: 0;
    border: 0;
    clear: right;
    white-space: nowrap;
}

form div.inpsuff input,
.form-em div.inpsuff input {
    border-right: 0 !important;
    border-radius: 2px 0 0 2px !important;
    float: left;
    clear: left;
}

form div.inpsuff span,
.form-em div.inpsuff span,
.form-em div.inpsuff .suffelm {
    display: inline-block;
    min-width: 32px;
    max-width: 30%;
    padding: 2px 4px 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: center;
    border: 1px solid #2a3133;
    border-left: 0;
    border-radius: 0 2px 2px 0;
    color: #555;
    background-color: #eee;
    float: left;
}

.form-em div.inpsuff .suffelm {
    padding: 2px 4px 2px;
}

.form-in-thead {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 4px;
}

.form-in-thead label {
    display: inline-block;
    line-height: 1;
    min-height: initial;
    padding-left: 30px;
    padding-right: 2px;
    font-size: 12px;
    font-style: italic;
    white-space: nowrap;
    color: #888888;
}

.flex-row {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    padding-right: 2px;
    width: 100%;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.justify-content-start {
    justify-content: flex-start;
}

.align-items-center {
    align-items: center;
}

.flex-row input {
    display: inline-block;
    text-align: left;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    padding: 2px 4px;
    margin-right: 2px;
    line-height: 17px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #2a3133;
}

.date-picker,
.date-picker-generic,
.fancy-form form div.form-row input.date-picker,
.fancy-form .form-em div.form-row input.date-picker,
.fancy-form form div.form-row div.sub-row input.date-picker,
.fancy-form .form-em div.form-row div.sub-row input.date-picker {
    min-width: 86px;
    width: 86px;
}

.col-lg-5 {
    display: inline-block;
    width: 50%;
}

.table {
    margin-bottom: 0;
}

.table > :not(:first-child) {
    border-top: 0 solid currentColor;
}

.table caption {
    font-size: 16px;
    color: #333;
}

.table-bordered > :not(caption) > * {
    border-width: 0 0;
}

.table-bordered > :not(caption) > * > * {
    border-width: 0 1px;
}

.table-bordered thead {
    background-color: #CCC;
}

.table-cell-vmiddle {
    display: block;
    height: 100%;
    padding-top: 35%;
    vertical-align: middle;
    position: relative;
}

.additional-status-message {
    width: 100%;
    color: red;
    line-height: 1.3;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

.ui-tooltip {
    max-width: 600px;
    white-space: pre-line;
    font-size: 13px;
    line-height: 1.2;
}

.ui-tooltip div small {
    font-size: 9px !important;
}

.ui-autocomplete-group {
    line-height: 30px;
    background-color: #aaa;
    cursor: initial !important;
}

.ui-autocomplete-group:hover {
    color: #000;
    background: none !important;
    background-color: #aaa !important;
    border: 1px solid #aaa !important;
    font-weight: normal;
}

.ui-autocomplete-group a {
    cursor: default;
}

.table-holder {
    display: block;
    width: auto;
    padding-bottom: 10px;
}

.filters-table tbody tr td input {
    line-height: 1.375;
    padding: .16rem .2rem .15rem .5rem;
    font-size: 12px;
}

.filters-table tbody tr td select {
    line-height: 1.4;
    padding: .1rem .25rem .15rem .2rem;
    font-size: 12px;
    cursor: pointer;
}

.filters-table tbody tr td select option {
    color: #333;
}

.filters-table tbody tr td select option:first-child {
    font-style: italic;
    color: #CCC;
}

.filters-table tbody {
    background-color: #FFF;
}

#files {
    min-width: 540px;
}

.files-path {
    display: block;
    width: 100%;
    height: 40px;
    padding-top: 30px;
}

.files-path a,
.files-path span {
    display: inline-block;
    padding-left: 1px;
    padding-right: 1px;
}

.files-path a {
    color: #CF523A;
    text-decoration: none;
}

.sub-menus-blocks {
    display: block;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.sub-menus-blocks ul {
    display: block;
    width: 80%;
    text-align: center;
    list-style: none inside;
    margin: 0 auto;
    white-space: normal;
}

.sub-menus-blocks ul li {
    display: inline;
}

.sub-menus-blocks ul li a {
    display: inline-block;
    width: 30%;
    padding: 5% 2%;
    margin: 10px;
    font-size: 23px;
    color: #FFF;
    background-color: #032844;
    border: 0;
    border-radius: 6px;
    text-decoration: none;
    text-align: center;
    white-space: normal;
}

.sub-menus-blocks ul li a:hover {
    color: #032844;
    background-color: #02AD88;
}

.pickfrommap {
    font-size: 10px;
    color: blue;
}

.pickfrommap:hover {
    text-decoration: none;
}

.bank-payments-table-hl table tr td {
    line-height: 1.2;
}

.bank-payments-table-hl table tr td span {
    display: inline;
    line-height: 1.2;
}

.bank-payments-table-hl table tr td small {
    font-size: 9px;
}

.bank-payments-table-hl table tr td a.lnkbtn {
    margin-left: 4px;
    padding: 2px 5px 2px;
    font-size: 10px;
}

.search-ibps {
    padding: 1px 4px;
    font-size: 12px;
    border: 1px solid #CCC;
    border-radius: 3px;
}


/* ################# MULTI SELECT DROP DOWN MENU ################ */
.multisel-dropdown-wrapper {
    position: relative;
    z-index: 10000;
}

.multisel-dropdown {
    display: inline-block;
    width: auto;
    min-width: 130px;
    max-width: 250px;
    height: 20px;
    margin-left: 10px;
    position: absolute;
}

.multisel-dropdown dt {
    display: block;
    width: 100%;
    height: 23px;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
}

.multisel-dropdown dt a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 18px;
    line-height: 1.2;
    padding-top: 3px;
    padding-left: 6px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #CCC;
    overflow: hidden;
    text-decoration: none;
}

.multisel-dropdown dt a p {
    margin: 0;
    word-break: keep-all;
    white-space: nowrap;
}

.multisel-dropdown dt a p span {
    color: #444;
}

.multisel-dropdown .mutli-select ul {
    margin: -1px 0 0 0;
}

.multisel-dropdown dd {
    display: block;
    width: 140px;
    position: relative;
    top: -3px;
    left: 3px;
}


.multisel-dropdown dd ul {
    display: none;
    width: auto;
    min-width: 70px;
    min-height: 30px;
    padding: 10px 10px 8px;
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    box-shadow: 3px 3px 5px #CCC;
    list-style: none;
    overflow: auto;
    position: absolute;
    top: 2px;
    left: 0;
}

.multisel-dropdown dd ul li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 3px;
    padding-right: 3px;
    vertical-align: text-top;
    word-break: keep-all;
    white-space: nowrap;
}

.multisel-dropdown dd ul li input {
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;
}

.multisel-dropdown dd ul li label {
    display: inline-block;
    margin-right: 3px;
    padding-right: 4px;
    line-height: 1.1;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    font-size: 11px;
}

.multisel-dropdown span.value {
    display: none;
}

.multisel-dropdown dd ul li a {
    display: block;
    padding: 5px;
    color: #333333;
}


/* #################################### FOOTER CONTENT ################################# */
#footer {
    width: 100%;
    color: #9C9C9C;
    background-color: #000;
}

td#language-area {
    min-width: 50px;
    text-align: left;
    padding-left: 10px;
    vertical-align: middle;
}

td#language-area select {
    display: block;
    padding: 2px;
    color: #CCC;
    background-color: #474747;
    border: 0;
    cursor: pointer;
}

td#language-area select option {
    color: #CCC;
    background-color: #474747;
    cursor: pointer;
}

td#copyright-area a {
    color: #CCC;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    margin-right: 2px;
    font-size: 12px;
    color: #444;
    background-color: #F3F3F3;
    border: 1px solid #CCC;
    border-radius: 3px;
    cursor: pointer;
}

.ui-menu .ui-menu-item {
    padding: 2px 1em 2px .4em;
    font-size: 12px;
    white-space: nowrap;
}

.fancy-form form div.form-row .req-sel-assoc-contact {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.fancy-form form div.form-row select.req-search-contacts {
    display: block;
    width: auto;
    padding: 4px 3px;
    cursor: pointer;
    float: left;
}

.fancy-form form div.form-row select.req-search-contacts option {
    padding: 4px 3px;
    cursor: pointer;
}

.fancy-form form div.form-row select.req-search-contacts option:first-child {
    font-style: italic;
}

.fancy-form form div.form-row .req-search-stat {
    display: inline-block;
    width: 40px;
    padding-top: 6px;
    padding-left: 10px;
    font-size: 18px;
}

.support-top-descr {
    display: block;
    width: 98%;
    max-width: 98%;
    box-sizing: border-box;
    padding: 15px;
    background-color: #FFF;
    margin: 10px 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    line-height: 1.3;
    font-size: 14px;
}

.support-top-descr p {
    padding-bottom: 8px;
}

.support-top-descr img {
    max-width: 100% !important;
}

.support-top-descr a {
    color: #004F70;
}

.support-top-descr a:hover {
    text-decoration: none;
}

.support-comments {
    width: 98%;
    max-width: 98%;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse;
}

.support-comments thead tr th {
    padding: 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #FFF;
    font-size: 15px;
}

.support-comments tbody tr td {
    padding: 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #FFF;
    line-height: 1.3;
    font-size: 14px;
}

.support-comments tbody tr td:first-child {
    width: 150px;
    max-width: 150px;
}

.support-comments tbody tr td:last-child {
    width: calc(98% - 150px);
    max-width: calc(98% - 150px);
}

.support-comments tbody tr td:last-child img {
    width: 98%;
    max-width: 98%;
}

.support-comments tbody tr td ul {
    box-sizing: border-box;
    width: 100%;
    list-style-type: disc;
    list-style-position: inside;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.support-comments tbody tr td ul li {
    padding-bottom: 5px;
}

.mycolorpicker {
    min-width: 400px;
    min-height: 200px;
}

.css-customizer .form-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.css-customizer .form-row label {
    width: auto !important;
    min-width: 250px !important;
}

.css-customizer .form-row input {
    margin-right: 10px;
}

.css-customizer .form-row .prev {
    display: inline-block;
    line-height: 1;
    padding: 5px 8px;
    font-size: 12px;
    margin-right: 10px;
}

.clients-payments-tbl tr td {
    vertical-align: middle;
}

.clients-payments-tbl tr td:nth-child(1) small {
    display: block;
    line-height: 1;
    font-size: 10px;
    font-style: italic;
    color: #999;
}

.clients-payments-tbl tr td:nth-child(4) small {
    display: block;
    line-height: 1;
    font-size: 10px;
    font-style: italic;
    color: #999;
}

.clients-payments-tbl tr td:nth-child(5) span {
    display: inline-block;
    min-width: 152px;
    color: green !important;
    font-weight: bold;
}

.clients-payments-tbl tr td:nth-child(5) span small {
    display: block;
    line-height: 1;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    color: green;
    opacity: 0.7;
}

.clients-payments-tbl tr td:nth-child(5) .seldepnum {
    width: 218px;
    margin-top: 2px;
}

.clients-payments-tbl tr td small.doveritel {
    display: block;
    width: 100%;
    line-height: 1.1;
    font-size: 10px;
}


.clp-totals-sums {
    border-top: 2px solid #444;
}

.clp-totals-sums tr td {
    line-height: 1.2;
    font-size: 10px;
}

.clp-totals-sums tr td:nth-child(2) {
    font-weight: bold;
    font-size: 12px;
    color: green;
}

.clp-totals-sums tr td:nth-child(3) {
    font-size: 12px;
}

.clients-payments-add {
    width: 100%;
}

.clients-payments-add tbody {
    background-color: #cfffc6;
}

.clients-payments-add tbody tr td {
    padding-top: 6px;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
}

.clients-payments-add tbody tr td:nth-child(1) {
    padding-left: 10px;
    font-size: 14px;
}

.clients-payments-add tbody tr td:nth-child(2),
.clients-payments-rem tbody tr td:nth-child(2) {
    padding-right: 0;
}

.clients-payments-add tbody tr td:nth-child(2) input,
.clients-payments-rem tbody tr td:nth-child(2) input {
    width: 60px;
}

.clients-payments-add tbody tr td:nth-child(3),
.clients-payments-rem tbody tr td:nth-child(3) {
    padding-right: 15px;
}

.clients-payments-add tbody tr td:nth-child(4) select,
.clients-payments-rem tbody tr td:nth-child(5) select {
    min-width: 168px;
}

.clients-payments-add tbody tr td:nth-child(5) select {
    min-width: 168px;
}

.clients-payments-rem {
    width: 100%;
}

.clients-payments-rem tbody {
    background-color: #ffc6c6;
}

.clients-payments-rem tbody tr td {
    padding-top: 6px;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
}

.clients-payments-rem tbody tr td:nth-child(1) {
    padding-left: 10px;
    font-size: 14px;
}

.clients-payments-rem tbody tr td:nth-child(4) select {
    width: 360px;
}

.clients-payments-rem tbody tr td:nth-child(5) select {
    width: 250px;
}

.clients-payments-rem tbody tr td:nth-child(6) select {
    width: 210px;
}

.rcp-payment {
    background-color: #f2fef0;
}

.rcp-payment td:nth-child(3),
.rcp-void td:nth-child(3) {
    line-height: 1.2;
    white-space: nowrap;
}

.rcp-payment td:nth-child(3) strong,
.rcp-void td:nth-child(3) strong {
    display: block;
}

.rcp-payment td:nth-child(3) strong {
    color: green;
}

.rcp-void td:nth-child(3) strong {
    color: red;
}

.rcp-void td:nth-child(5) {
    line-height: 1.2;
    white-space: nowrap;
}

.rcp-void td:nth-child(5) small {
    display: block;
    font-size: 10px;
}

.rcp-void,
.rcp-void td {
    background-color: #fef0f0;
}

.rcp-void td:nth-child(1) {
    border-left: 0;
    padding-left: 20px;
}

.ui-widget button.ui-datepicker-current {
    font-size: 9px;
}

.ui-widget button.ui-datepicker-close {
    font-size: 9px;
}

.rem-float-win {
    display: block;
    padding: 10px;
    position: absolute;
    margin-top: -10px;
    margin-left: 100px;
    background-color: #FFF;
    border: 1px solid #888;
    box-shadow: 0 0 5px #555;
}

.rem-float-win p {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 7px;
    line-height: 1;
}

.rem-float-win p label {
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 1;
    white-space: nowrap;
    width: auto;
    height: auto;
    line-height: 1;
    padding-right: 5px;
    font-size: 12px;
}

.rem-float-win p select {
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 1;
    white-space: nowrap;
    width: auto;
}

.rem-float-win p button {
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 1;
    white-space: nowrap;
}

.rem-float-win p .hide-rem-float-win {
    width: 20px;
    max-width: 20px;
    border: 0;
    cursor: pointer;
}

.user-nav .user-seloffice-blk,
.nav-fisc-print {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    padding-top: 10px;
}

.nav-fisc-print {
    padding-bottom: 10px;
}

.nav-fisc-print .nav-sel-printer {
    padding-right: 10px;
    text-align: right;
}

.nav-fisc-print .nav-sel-printer * {
    line-height: 1.1;
    font-size: 12px;
}

.user-nav .user-seloffice-blk .user-seloffice-lbl {
    display: inline-block;
    padding-right: 5px;
    line-height: 1;
    font-size: 12px;
    color: #CCC;
}

.user-nav .user-seloffice-blk .user-seloffice {
    display: inline-block;
    line-height: 1;
}

.user-nav .user-seloffice-blk .user-seloffice select {
    display: inline-block;
    color: #CCC;
    padding: 2px 3px 3px;
    line-height: 1;
    background-color: #111;
    border: 1px solid #555;
    border-radius: 3px;
    cursor: pointer;
    font-size: 11px;
}

.user-nav .user-seloffice-blk .user-seloffice select option {
    font-size: 11px;
    cursor: pointer;
}

.nav-fisc-print span {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1;
    font-size: 12px;
    color: #CCC;
}

.recheck-fp-status {
    cursor: pointer;
}

#hover-forms-content .user-seloffice-blk {
    display: block;
    width: 100%;
    padding-top: 40px;
    text-align: center;
}

#hover-forms-content .user-seloffice-blk .user-seloffice-lbl {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    font-size: 28px;
}

#hover-forms-content .user-seloffice-blk .user-seloffice {
    display: block;
    width: 100%;
    text-align: center;
}

#hover-forms-content .user-seloffice-blk .user-seloffice select {
    display: block;
    width: 100%;
    line-height: 1;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    cursor: pointer;
}

#hover-forms-content .user-seloffice-blk .user-seloffice select option {
    line-height: 1;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    cursor: pointer;
}

#pmsg-hl {
    display: block;
    width: 1px;
    min-height: 1px;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 50%;
}

.pmsg {
    display: block;
    box-sizing: border-box;
    width: 400px;
    min-height: 30px;
    margin-top: 10px;
    margin-left: -200px;
    position: relative;
    background-color: #FFF;
    border: 2px solid #dbdbdb;
    box-shadow: 0 10px 15px #b5b5b5;
    border-radius: 3px;
}

.pmsg:first-child {
    margin-top: 130px;
}

.pmsg-head {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.pmsg-head a {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #555;
    text-align: right;
    text-decoration: none;
}

.pmsg-head a:hover {
    color: #000;
}

.pmsg-body {
    display: block;
    width: 100%;
    min-height: 10px;
    line-height: 1.3;
    padding: 10px;
    color: #333;
    font-size: 15px;
    font-style: italic;
    text-align: center;
    border-top: 1px solid #CCC;
}

.pmsg.pmsg-error .pmsg-ok {
    color: green;
}

.pmsg.pmsg-error .pmsg-body {
    color: red;
}

.ref-prot-blk {
    display: block;
    box-sizing: border-box;
    padding: 10px;
    border: 5px solid #6C6C6C;
    box-shadow: 0 0 10px #6C6C6C;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 1000;
}

.ref-prot-blk form {
    display: block;
    width: 210px;
    overflow: hidden;
}

.ref-prot-blk form p {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: inherit;
    max-width: initial;
}

.ref-prot-blk form label {
    display: block;
    flex: 1 1 auto;
    width: initial;
    min-width: initial;
    min-height: initial;
    padding-bottom: 3px;
    font-size: 12px;
    white-space: nowrap;
    text-align: left;
}

.ref-prot-blk form input {
    display: block;
    width: 110px;
    flex: 0 0 110px;
    margin-bottom: 3px;
    font-size: 12px;
}

.protnum {
    padding-right: 5px;
}

.ui-timepicker-standard .ui-menu li a {
    color: #444;
}

.hotel-photos-thumbs {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.hotel-photos-thumbs a {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1 1 auto;
    min-width: 48%;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 4px;
    border: 1px solid #CCC;
    text-align: center;
}

.hotel-photos-thumbs a strong {
    display: block;
    padding-left: 5px;
    text-align: center;
}

#paging {
    display: block;
    width: 100%;
    text-align: center;
}

#paging ul {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 10px;
}

#paging ul li {
    padding-left: 2px;
    padding-right: 2px;
}

#paging ul li a {
    display: inline-block;
    padding: 2px 5px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-family: Sans, sans-serif;
    color: #FFF;
    background-color: #014163;
    border-radius: 3px;
}

#paging ul li.active a {
    color: #FFF;
    background-color: #333;
}

.micro-badge {
    display: inline-block;
    width: 9px;
    height: 9px;
    line-height: 9px;
    text-align: center;
    font-size: 7px;
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    background-color: #c7c7c7;
    border-radius: 50%;
    cursor: help;
}

#hotelslist tr td a.btn,
#hotelslist tr td a.lnkbtn {
    white-space: nowrap;
}

#hotelslist tr td{
	line-height: 1.2;
}
#hotelslist tr td small{
	display: block;
	line-height: 1.1;
	color: #888;
	font-style: italic;
}


.tobo-btn-loader {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 2px solid;
    border-color: #FFF #FFF transparent transparent;
    box-sizing: border-box;
    animation: tobo-btn-rotation 1s linear infinite;
}

.tobo-btn-loader::after,
.tobo-btn-loader::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid;
    border-color: transparent transparent #016309 #016309;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    animation: tobo-btn-rotationBack 0.5s linear infinite;
    transform-origin: center center;
}

.tobo-btn-loader::before {
    width: 10px;
    height: 10px;
    border-color: #FFF #FFF transparent transparent;
    animation: tobo-btn-rotation 1.5s linear infinite;
}

.markers-floating-td {
    vertical-align: middle;
    min-width: 210px;
    position: relative;
}

.markers-floating-td select {
    width: 200px;
    font-size: 16px;
    position: fixed;
    top: 45%;
    right: 10px;
}

.draw-custom-text{
    width: 100px;
    max-width: 100px;
}

@keyframes tobo-btn-rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes tobo-btn-rotationBack {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.description-area {
    display: block;
    padding-left: 10px;
    font-size: 11px;
}

.description-area p {
    font-size: 11px;
    line-height: 1.4;
    margin-bottom: 0;
}

.supplier-all-at-once-pm{
	box-sizing: border-box;
	position: fixed;
	bottom: 20px;
	right: 25px;
	width: 400px;
	padding: 10px;
	min-height: 40px;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px #999;
}
.rcp-transactionid-form{
	display: block;
	position: absolute;
	z-index: 10000;
	background-color: #F0F0F0;
	padding: 10px;
	border: 1px solid #999;
	box-shadow: 0 0 10px #999;
}

.dbg-table{
	width: 98%;
	margin-top: 10px;
	margin-left: 1%;
	margin-right: 1%;
	border-spacing: 3px;
	border-collapse: collapse;
}
.dbg-table tr td{
	font-size: 12px;
	line-height: 1.2;
	border: 1px solid #CCC;
	text-align: center;
}
.dbg-table tr:hover td{
	background-color: #2a3133;
}

.dialog-modal{
	display: block;
	box-sizing: border-box;
	margin: 0.5% auto;
	box-shadow: 10px 10px 20px #444;
	background-color: rgba(255, 255, 255, 0.95);

	z-index: 10000;
	position: absolute;
}

.visit-hotel-0{
	display: none;
}

.res-calc-price-area label input {
	width: 70px;
	max-width: 70px;
}