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


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; }

blockquote, address { font-style: normal; }

img,
a img { border: none; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
html {scroll-behavior: smooth;}

.position-relative {
    position: relative;
}

.display-block {
    display: block;
}
.display-inline-block {
    display: inline-block;
}
.display-none {
    display: none;
}
.clear { clear: both; height: 0; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }
.font-bold {font-weight: bold}

.cursor-pointer:hover {
    cursor: pointer;
}

.wrapper {
    position: relative;
}

.row {
    display: flex;
    width: 100%;
}

.d-flex {
    display: flex;
}

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

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

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

.red, .red a { color: red; }
.grey { color: #999999; }

a { color: #333333; text-decoration: underline; }
a:hover { color: var(--color-primary-base); }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

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

.toggle-control {
    opacity: 0.85;
}

.toggle-control:hover {
    opacity: 1;
}

.tools-inline { display: inline-block; vertical-align: middle; padding-left: 10px; }

/****************************************************************************************************************/
/*      Color scheme - Scuba (https://www.shutterstock.com/blog/10-gorgeous-color-schemes-for-websites)         */
/****************************************************************************************************************/

.scuba-1-tile, .scuba-2-tile, .scuba-3-tile. .scuba-4-tile {
    padding-top: 0;
    padding-bottom: 0;
}

.scuba-1-tile > div {
    background-color: var(--color-bg-scuba-1);
    padding: 10px 0 10px 0;
}

.scuba-1-row {
    background-color: var(--color-bg-scuba-1);
}

.scuba-2-tile > div {
    background-color: var(--color-bg-scuba-2);
    padding: 10px 0 10px 0;
}

.scuba-3-tile > div {
    background-color: var(--color-bg-scuba-3);
    padding: 10px 0 10px 0;
}

.scuba-4-tile > div {
    background-color: var(--color-bg-scuba-4);
    padding: 10px 0 10px 0;
}


/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #FAFAFA repeat-y center top; color: #333333; }

form, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

input[type=text].error,
select.error { outline-bottom: 2px solid #CC0000; }

h2 { font-size: 16px; font-weight: bold; letter-spacing: -0.5px; height: 36px; display: inline-block; line-height: 36px; padding: 0px 10px; color: #FFFFFF; background-color: var(--color-primary-base);  }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
#page-wrapper {
    width: 95%;
    min-width: 1080px;
    padding: 10px 0;
    margin: 0 auto;
    background-color: #FFFFFF;
    min-height: calc(100vh - 120px);
}

@media screen and (min-width: 992px) {
    #page-wrapper {
        width: 90%;
    }
}

@media screen and (min-width: 1200px) {
    #page-wrapper {
        width: 80%;
    }
}


#beta-sign { position: fixed; right: 10px; top: 10px; background: #d00; height: 30px; width: 80px; font-size: 18px; color: #fff; padding: 5px; line-height: 30px; border-radius: 10px; text-align: center; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header {
    background: var(--color-primary-base);
}

#header-content {
    width: 95%;
    min-width: 1080px;
    margin: 0 auto;
    position: relative;
}

@media screen and (min-width: 992px) {
    #header-content {
        width: 90%;
    }
}

@media screen and (min-width: 1200px) {
    #header-content {
        width: 80%;
    }
}

#logo {
    font-size: 30px; font-weight: bold; letter-spacing: -2px; color: #FFFFFF; text-transform: uppercase; padding: 17px 0 0 30px; line-height: 30px;
    margin-bottom: 5px;
}

/********/
/* MENU */
/********/
#menu .item
{
    display: inline-block;
    position: relative;
    background: var(--color-primary-xx-light);
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid #611D5F;
    border-bottom: none;
    vertical-align: bottom;
    margin-top: 5px;
    overflow: visible;
}
#menu .item + .item { border-left: none; }
#menu .item.active { height: 40px; padding-top: 6px; margin-top: 0px; border: none; background: #FFFFFF; color: #565656; }
#menu .item.active + .item { border-left-width: 1px; }
#menu .item > a {  font-size: 18px; color: var(--color-white-base); font-weight: bold; letter-spacing: -0.5px; text-decoration: none; display: inline-block; height: 40px; vertical-align: top; }
#menu .item.active > a { color: #565656; }

#menu .submenu { position: relative; display: inline-block; height: 40px; width: 10px; margin-left: 5px; vertical-align: top; }
#menu .toggle { display: block; position: absolute; top: 0px; left: 0px; vertical-align: middle; width: 25px; height: 40px; background: url(/images/menu-toggle.png) no-repeat 0px 14px; cursor: pointer;  margin: 0px;  }
#menu .item.active .toggle { background-image: url(/images/menu-active-toggle.png); }

#menu .toggle.active { height: 47px; top: -7px; left: -1px; border: 1px solid #CCCCCC; border-bottom: none; background-color: #EEEEEE; background-position: -34px 20px; z-index: 10; }
#menu .item.active .toggle.active { background-position: -34px 20px; }
#menu ul { display: none; position: absolute; top: 40px; right: -16px; width: 165px; padding: 5px 0px; border: 1px solid #CCCCCC; background: #FFFFFF url(/images/submenu-bg.png) repeat-x left top; }
#menu .submenu.active ul { display: block; z-index: 100; }
#menu ul li { text-align: right; line-height: 15px; list-style: none; background: url(/images/submenu-li-bg.png) no-repeat 100% 9px; padding: 3px 26px 3px 8px; }
#menu ul li a { text-decoration: none; }

/*************/
/* USER INFO */
/*************/
#user-info { position: absolute; top: 11px; right: 0px; padding: 13px 130px 0px 0px; color: #F5EDF5;  }
#user-info .button { position: absolute; top: 0px; right: 10px; }
#user-info strong { background: url(/images/ico-key.png) no-repeat left 1px; padding: 0px 0px 0px 20px; display: inline-block; margin-left: 5px; }
#user-info strong a { color: #F5EDF5; }


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content {}

.prefill-data { display: none; }

img.smiley { vertical-align: middle; }

/************/
/* MESSAGES */
/************/
#message { background-color: #F7F7F7; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #000000; margin-bottom: 10px; }
#message ul li { list-style: none; padding: 4px; }
#message ul li + li { border-top: 1px solid #CCCCCC; }

#message.success { background-color: #ECFFEC; }
#message.success li + li { border-top-color: #BDE0BD; }
#message.error { background-color: #CC0000; color: #FFFFFF; }
#message.error li + li { border-top-color: #FFFFFF; }
#message.warning { background-color: #FFDE00; color: #000000; font-weight: bold; }
#message.warning li + li { border-top-color: #000000; }

/**************/
/* PAGINATION */
/**************/
.pagination-wrapper {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem;
}

.pagination-wrapper .items-limit {
    display: flex !important;
    justify-content: flex-end;
    width: 250px !important;
}

.items-limit label {
    font-size: 1rem !important;
}

.items-limit button {
    margin: 2px 0;
}

p.pagination {
    width: calc(100% - 250px);
}
p.pagination a,
p.pagination span { display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; vertical-align: top; border: 1px solid #D2D2D2; text-decoration: none; }
p.pagination a:hover { border-color: var(--color-primary-base); background-color: #F5EDF5; }
p.pagination span { border-color: var(--color-primary-base); background-color: #F5EDF5; font-weight: bold; color: var(--color-primary-base); }


/********************/
/* FORM ERROR MARKS */
/********************/
.error-mark { display: block; width: 16px; height: 16px; vertical-align: middle; background: url(/images/ico-error.png) no-repeat left top; position: absolute; top: 5px; right: -17px; text-decoration: none; }
.error-content { font-size: 11px; color: #666666; border: 2px solid #CC0000; background-color: #FFFFFF; background-color: rgba(255,255,255,0.9); position: absolute; bottom: 14px; left: 14px; display: none; padding: 3px 5px; width: 150px; line-height: 16px; z-index: 10; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  box-shadow: 1px 1px 10px #AAAAAA; -moz-box-shadow: 1px 1px 10px #AAAAAA; }
.error-content * { font-size: 11px !important; }
.error-mark:hover .error-content { display: block; }

/**********************/
/* FORM WARNING MARKS */
/**********************/
.warning-mark { display: block; width: 16px; height: 16px; vertical-align: middle; background: url(/images/ico-warning.png) no-repeat left top; position: absolute; top: 5px; right: -17px; text-decoration: none; }
.warning-content { font-size: 11px; color: #666666; border: 2px solid #E8BF16; background-color: #FFFFFF; background-color: rgba(255,255,255,0.9); position: absolute; bottom: 14px; left: 14px; display: none; padding: 3px 5px; width: 150px; line-height: 16px; z-index: 10; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  box-shadow: 1px 1px 10px #AAAAAA; -moz-box-shadow: 1px 1px 10px #AAAAAA; }
.warning-content * { font-size: 11px !important; }
.warning-mark:hover .warning-content { display: block; }

/**********************/
/* FORM INFO MARKS */
/**********************/
.calculation-process-content { font-size: 11px; color: #666666; border: 2px solid #12b2e5; background-color: #FFFFFF; background-color: rgba(255,255,255,0.9); position: absolute; bottom: 14px; left: 14px; display: none; padding: 3px 5px; width: 250px; line-height: 16px; z-index: 10; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  box-shadow: 1px 1px 10px #AAAAAA; -moz-box-shadow: 1px 1px 10px #AAAAAA; }
.calculation-process-content .exchange_sum_row td {font-weight: bold; font-style: italic}
.calculation-process-content tr.exchange_sum_row {border-top: 1px solid black}
.calculation-process-content tr.exchange_item_head td {color: white; background-color: #666666}
.calculation-process-content * { font-size: 11px !important; }
.error .calculation-process-content { border: 2px solid #CC0000; }
.calculation-process.info:hover span.calculation-process-content,
.calculation-process.error:hover span.calculation-process-content
{ display: block; }
.calculation-process.info span.calculation-process-content table,
.calculation-process.error span.calculation-process-content table
{ margin-bottom: 0px; border-collapse: collapse; }
.calculation-process.info span.calculation-process-content table tr td,
.calculation-process.error span.calculation-process-content table tr td
{ padding: 1px; }
.calculation-process.info span.calculation-process-content table tr td,
.calculation-process.info span.calculation-process-content tr.exchange_item_head td,
.calculation-process.error span.calculation-process-content table tr td
{ text-align: right; }
.calculation-process.info span.calculation-process-content table tr td:first-of-type,
.calculation-process.info span.calculation-process-content tr.exchange_item_head td:first-of-type,
.calculation-process.error span.calculation-process-content table tr td:first-of-type
{ text-align: left; }
.calculation-process.info span.calculation-process-content table tr:last-of-type,
.calculation-process.info error.calculation-process-content table tr:last-of-type
{ border-top: 1px solid black; font-weight: bolder; }

/********/
/* TABS */
/********/
.tabs { padding: 0px 10px; margin: 10px 0px 0px 0px; display: block; border-bottom: 2px solid #6B2069; }
.tabs li { display: inline-block; height: 30px; line-height: 30px; padding: 0px 10px; margin: 0px; list-style: none; border: 1px solid #E7E7E7; border-bottom: none; cursor: pointer; background: #EDEDED url(/images/tab-inactive.png) repeat-x left top; font-size: 14px; color: #666666; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;  -webkit-border-radius-topleft: 10px; -webkit-border-radius-topright: 10px;  }
.tabs li:hover { color: #333333; border-color: #CCCCCC; }
.tabs li.disabled,
.tabs li.disabled:hover { opacity: 0.5; color: #666666; border-color: #E7E7E7; cursor: default;  }
.tabs li.active { background: #70216E url(/images/tab-active.png) repeat-x left top; color: #FFFFFF; font-weight: bold; font-size: 14px; border-color: #611D5F; }


/***********/
/* COLUMNS */
/***********/
.col1 { width: calc(50% - 10px); margin-right: 20px; float: left; padding-bottom: 40px; }
.col2 { width: calc(50% - 10px); float: left; padding-bottom: 40px; }

.layout3columns { position: relative; }
.layout3columns .col1 { width: calc(33.333% - 10px); margin-right: 15px; }
.layout3columns .col2 { width: calc(33.333% - 10px); margin-right: 15px; }
.layout3columns .col3 { width: calc(33.333% - 10px); }

/**********/
/* BUTTON */
/**********/
.button { cursor: pointer; color: #494949; font-weight: bold; text-decoration: none; background: none; border: none; padding: 0px; margin: 0px; }
.button .btn-l,
.button .btn-r { display: inline-block; height: 44px; line-height: 42px; background: url(/images/button-bg.png) no-repeat left top; vertical-align: middle; }
.button .btn-l { padding: 0px 0px 0px 20px; }
.button .btn-r { background-position: right 0px; width: 20px; padding: 0px; }
.button .btn-i { display: inline-block; height: 44px; line-height: 44px; background-position: left center; vertical-align: middle; background-repeat: no-repeat; background-position: left center; }
.button .btn-split { padding: 0px 4px; display: none; }
.button .btn-expand { padding: 0px; background: url(/images/ico-bullet-arrow-down.png) no-repeat left center; width: 16px; }
.button:hover { color: var(--color-primary-base); }
.button:hover .btn-l { background-position: left bottom; }
.button:hover .btn-r { background-position: right bottom; margin-top: 0px; }
.button.icon .btn-l { padding-left: 15px; }
.button.icon .btn-i { padding-left: 22px; }
.button.icon .btn-split { display: inline; }
.button.icon .btn-expand { padding: 0px 0px 0px 0px; height: 16px; display: inline-block; vertical-align: middle; background: url(/images/ico-bullet-arrow-down.png) no-repeat 8px 6px; width: 16px; }

button.button { font-size: 12px; }

/* ICONS */
.button.icon.edit .btn-i { background-image: url(/images/ico-pencil.png); }
.button.icon.new-user .btn-i { background-image: url(/images/ico-new-user.png); }
.button.icon.save .btn-i { background-image: url(/images/ico-save.png); }
.button.icon.associate .btn-i { background-image: url(/images/ico-save.png); }
.button.icon.cancel .btn-i { background-image: url(/images/ico-cancel.png); }
.button.icon.prefill .btn-i { background-image: url(/images/ico-prefill.png); }
.button.icon.add-tag .btn-i { background-image: url(/images/ico-tag-add.png); }
.button.icon.add-tag-group .btn-i { background-image: url(/images/ico-tag-group.png); }
.button.icon.logout .btn-i { background-image: url(/images/ico-logout.png); }
.button.icon.print .btn-i { background-image: url(/images/ico-printer.png); }
.button.icon.send .btn-i { background-image: url(/images/ico-email.png); }
.button.icon.export .btn-i { background-image: url(/images/ico-export.png); }
.button.icon.pdf .btn-i { background-image: url(/images/ico-pdf.png); }
.button.icon.archive .btn-i { background-image: url(/images/ico-archive.png); }
.button.icon.add .btn-i { background-image: url(/images/ico-add.png); }
.button.icon.back .btn-i { background-image: url(/images/ico-back.png); }
.button.icon.credit-advice .btn-i { background-image: url(/images/ico-credit-advice.png); }
.button.icon.tools .btn-i { background-image: url(/images/ico-tools.png); }
.button.icon.refresh .btn-i { background-image: url(/images/ico-refresh.png); }
.button.icon.reservation .btn-i { background-image: url(/images/ico-reservation.png); }
.button.icon.info .btn-i { background-image: url(/images/ico-info.png); }

/* SMALL BUTTONS */
.button.small { display: inline-block; vertical-align: middle; font-size: 10px; text-transform: uppercase; }
.button.small .btn-l,
.button.small .btn-r { height: 22px; line-height: 20px; background-image: url(/images/button-small-bg.png); }
.button.small .btn-i { height: 22px; line-height: 22px; }
.button.small .btn-l { padding-left: 5px; }
.button.small .btn-r { width: 7px; }
.button.small .btn-split { padding: 0px 1px; }

.button.small.save { color: #339900; }
.button.small.save .btn-l,
.button.small.save .btn-r { background-image: url(/images/button-small-save-bg.png); }

.button.small.associate { color: #339900; }
.button.small.associate .btn-l,
.button.small.associate .btn-r { background-image: url(/images/button-small-save-bg.png); }

.button.small.cancel:hover { color: #CC0000; }
.button.small.cancel .btn-l,
.button.small.cancel .btn-r { background-image: url(/images/button-small-cancel-bg.png); }

/* IMAGE BUTTONS */
.img-btn { display: inline-block; width: 24px; height: 22px; background-position: left top; background-repeat: no-repeat; padding: 0px; text-decoration: none; vertical-align: middle; cursor: pointer; }
.img-btn + .img-btn { margin-left: 5px; }
.img-btn:hover { background-position: left bottom; }
.img-btn.substitute { background-image: url(/images/img-btn-replace.png); }
.img-btn.substitute-green { background-image: url(/images/img-btn-replace-active.png); }
.img-btn.edit { background-image: url(/images/img-btn-edit.png); }
.img-btn.tools { background-image: url(/images/img-btn-tools.png); }
.img-btn.delete { background-image: url(/images/img-btn-delete.png); }
.img-btn.cancel { background-image: url(/images/img-btn-cancel.png); }
.img-btn.add { background-image: url(/images/img-btn-add.png); }
.img-btn.remove { background-image: url(/images/img-btn-remove.png); }
.img-btn.change { background-image: url(/images/img-btn-change.png); }
.img-btn.move { background-image: url(/images/img-btn-move.png); }
.img-btn.disassociate { background-image: url(/images/img-btn-delete.png); }
.img-btn.detail { background-image: url(/images/img-btn-detail.png); }
.img-btn.collapse { background-image: url(/images/img-btn-collapse.png); }
.img-btn.expand { background-image: url(/images/img-btn-expand.png); }
.img-btn.add-office { background-image: url(/images/img-btn-add-office.png); }
.img-btn.add-one { background-image: url(/images/img-btn-add-one.png); }
.img-btn.add-five { background-image: url(/images/img-btn-add-five.png); }
.img-btn.user-search { background-image: url(/images/img-btn-user-search.png); }
.img-btn.enable-favourite { background-image: url(/images/img-btn-enable-favourite.png); }
.img-btn.disable-favourite { background-image: url(/images/img-btn-disable-favourite.png); }
.img-btn.import { background-image: url(/images/img-btn-import.png); }
.img-btn.reservation { background-image: url(/images/img-btn-reservation.png); }

.field-toggle { position: relative; }
.field-toggle .img-btn { position: absolute; right: -35px; top: 50%; margin-top: -11px; }
.field-toggle-field { display: none; }

/* BUTTON MENU */
ul.button-menu { border: 1px solid #B2B2B2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F7F7F7; padding: 1px 8px; position: absolute; box-shadow: 0px 0px 5px #E7E7E7; -moz-box-shadow: 0px 0px 5px #E7E7E7; -webkit-box-shadow: 0px 0px 5px #E7E7E7;
                 background-image: -moz-linear-gradient(top, #FFFFFF, #EDEDED); /* FF3.6 */
                 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #EDEDED)); /* Saf4+, Chrome */
                 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED'); /* IE6,IE7 */
                 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#999999')"; /* IE8 */

                 display: none; }
ul.button-menu li { list-style: none; padding: 0px 0px 1px 0px; border-bottom: 1px solid #E7E7E7;}
ul.button-menu li + li { border-top: 1px solid #FFFFFF; }
ul.button-menu li:last-child { border-bottom: none; padding-bottom: 0px; }
ul.button-menu li a { display: block; text-decoration: none; padding: 3px 12px; margin: 0px -7px; border: 1px solid transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
ul.button-menu li:first-child a { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; }
ul.button-menu li:last-child a { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; }
ul.button-menu li a:hover { background-color: #F5EDF5; color: var(--color-primary-base); border-color: #EAD9EA;  }

/**************/
/* CHECK LIST */
/**************/
ul.check-list { display: inline-block; padding: 5px 0px 10px 0px; }
ul.check-list li { list-style: none; border-top: 1px dotted #D2D2D2; padding: 2px 5px;  }
ul.check-list input { vertical-align: middle; }
ul.check-list li:first-child { border-top: none; }
ul.check-list ul { padding-left: 20px; }
ul.check-list ul li { border: none; }

/*************/
/* NOTE LIST */
/*************/
ul.note-list { padding: 0px 0px 0px 0px; }
ul.note-list > li { list-style: none; overflow: hidden; border-top: 1px dotted #999999; padding: 10px 0px; }
ul.note-list > li:first-child { border-top: none; }
ul.note-list > li img { float: left; margin-right: 10px; }
ul.note-list p.author { font-size: 11px; color: #999999; }
ul.note-list p.author strong { font-size: 12px; font-weight: bold; color: #000000; }
ul.note-list div.text { display: inline-block; vertical-align: top; }
ul.note-list div.text p { white-space: pre-wrap }



/********/
/* MARK */
/********/
.mark { display: inline-block; height: 13px; line-height: 14px; padding: 0px 1px; margin-right: 5px; vertical-align: middle; border: 1px solid var(--color-primary-base); color: var(--color-primary-base); font-size: 9px; text-transform: uppercase; text-decoration: none; }
.mark.inline { margin-right: 10px; }
.mark.dark { background-color: var(--color-primary-base); color: #FFFFFF; }

/***********/
/* SECTION */
/***********/
#section { background-color: #F5EDF5; border: 1px solid #F5EDF5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 10px 10px 20px;  }
#section h1 { position: relative }
#section h1, #section h1 > a { color: var(--color-primary-base); letter-spacing: -1px; font-weight: bold; font-size: 24px; line-height: 30px; }
#section h1 > a { margin-right: 16px; }
#section h1 > svg { position: absolute; top: 6px; right: 0;  font-size: 12px; }

#section-tools { float: right; padding-top: 5px; position: relative; z-index: 10; }

/* BREADCRUMBS */
#breadcrumbs { font-size: 11px; color: #999999; text-indent: -1px; line-height: 20px; padding: 0px 0px 3px 0px; }
#breadcrumbs a { color: #999999; text-decoration: none; padding: 0px 2px; }
#breadcrumbs a:hover { color: #90298E; background-color: #FFFFFF; }

/***********/
/* CONTENT */
/***********/
.content { background-color: #FFFFFF; padding: 10px 10px; position: relative; }

/*********/
/* TABLE */
/*********/
table { border-spacing: 0px; border-top: 2px solid var(--color-primary-base); width: 100%; margin-bottom: 40px; }
table.no-margin { margin-bottom: 5px; }
caption { text-align: left; letter-spacing: -1px; }
caption span { font-size: 16px; font-weight: bold; color: #FFFFFF; display: inline-block; height: 36px; line-height: 36px; background-color: var(--color-primary-base); padding: 0px 10px; }
caption div { letter-spacing: normal; display: inline-block; height: 36px; line-height: 36px; background-color: #F9F5F9; padding: 0px 20px 0px 20px; vertical-align: top; font-size: 14px; }
thead { font-size: 14px; color: #404040; background-color: #F9F5F9; }
thead a { text-decoration: none; background: url(/images/column-sortable.png) no-repeat right center; padding-right: 18px; }
thead a.desc { background-image: url(/images/column-sorted-desc.png); }
thead a.asc { background-image: url(/images/column-sorted-asc.png); }
th { text-align: left; padding: 10px 5px; }
tbody td { padding: 10px 5px; border-bottom: 1px dashed #D2D2D2;  }
tbody tr:first-child td { border-top: 1px solid var(--color-primary-base); }
td.important { font-size: 14px; }
td.important input[type=text] { font-size: 14px; }
tr.services-custom-style td, tr.note-custom-style td {padding: 5px; border-bottom: unset; }
tr.services-custom-style-head td {background-color: #f3f4f4; padding: 5px; border-top: 1px solid var(--color-primary-base); border-bottom: 1px solid var(--color-primary-base); }
tr.notes-custom-style-head td {background-color: #e7dcf5; padding: 5px; border-top: 1px solid var(--color-primary-base); border-bottom: 1px solid var(--color-primary-base); }
tr.services-custom-style-head td:first-child, tr.services-custom-style-head td:last-child, tr.notes-custom-style-head td:first-child, tr.notes-custom-style-head td:last-child {background-color: #ffffff; padding: 5px; border: none; }
tr td.lastElement {padding: 0; border-bottom: 1px solid black; }
select[name=service_type], select[name=additional_service] { font-size: 14px; padding: 1px; margin-top: 2px; }
tbody th.important { font-size: 14px; }
table .btn { display: inline-block; border: 2px solid var(--color-primary-base); white-space: nowrap; background-color: #FFFFFF; color: var(--color-primary-base); font-size: 12px; height: 26px; line-height: 26px; padding: 0px 6px; font-weight: bold; cursor: pointer; text-decoration: none; }
table .btn:hover { background-color: #F9F5F9; }
table.cert_global_paid_status thead {font-size: 12px; }

table input,
table select { vertical-align: middle; }

table tfoot .settings { display: none; }

table input[type=text] { width: 90%; }
table input.number { width: 25px; }
table input.price { width: 70px; text-align: right; }
table input.price-vat { width: 70px; text-align: right; }
table label.mark { cursor: pointer; }
table .mark input { display: none; }
table .mark.off { color: #B8B8B8; }
table .mark.off { border-color: #B8B8B8; }
table .mark.dark.off { background-color: #B8B8B8; }

table .priceVat em { font-size: 11px; color: #666666; font-style: normal; margin-right: -32px; display: inline-block; width: 60px; text-align: right; }
table .priceVat em.em-cost-vat { width: 80px; }

table input.date-picker { width: 80px; }

table select.combo { width: 90%; }

table textarea { width: 90%; }

/* COLUMN SPECS */
table .col-buttons { white-space: nowrap; }
table .col-buttons .btn { font-size: 10px; text-transform: uppercase; text-decoration: none; height: 18px; line-height: 18px; }

table .col-check { width: 15px; padding-left: 10px; }

table .col-price { width: 80px; }
table td.col-price { padding-right: 40px; }

table .user-inactive * { color: #B8B8B8; }
table .user-inactive .mark { border-color: #B8B8B8; }
table .user-inactive .mark.dark { background-color: #B8B8B8; }

table .inactive * { color: #B8B8B8; }
table .inactive .mark { border-color: #B8B8B8; }
table .inactive .mark.dark { background-color: #B8B8B8; }
.option-offline { color: #B8B8B8; }

table .col-mark { padding-right: 0px; width: 20px; }
table .col-mark .mark { margin: 0px; }

table .col-status { padding-right: 0px; width: 20px; }
table .col-status span { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-position:  left top; background-repeat: no-repeat; }

table .col-main { padding-right: 0px; width: 20px; }
table .col-main span { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-position:  left top; background-repeat: no-repeat; }

/* STATUS ICONS */
table .active .col-status span { background-image: url(/images/status-active.png); }
table .inactive .col-status span { background-image: url(/images/status-inactive.png); }
table .user-active .col-status span { background-image: url(/images/status-user-active.png); }
table .user-inactive .col-status span { background-image: url(/images/status-user-inactive.png); }

table .card-status span { height: 15px; width: 15px; float: left; }
table .active .card-status span { background-image: url(/images/status-active.png); }
table .inactive .card-status span { background-image: url(/images/status-inactive.png); }

table .col-toggle { width: 20px; padding-right: 0px; }
table .col-toggle a, .tags li a { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-position:  left top; background-repeat: no-repeat; background-image: url(/images/ico-not-main.png); }
.tags li a { vertical-align: top; }
table .main .col-toggle a, .tags li a.main { background-image: url(/images/ico-main.png); }

table tr.selected  { background-color: #F8FFF0; }

table tr.occupied { background-color: #FED2D2 !important; }
table tr.not-occupied { background-color: #FFF !important;}

p span.col-web-status,
table .col-web-status { width: 130px; font-size: 11px !important; text-transform: uppercase; font-weight: bold; }
table thead .col-web-status { font-size: 14px !important; font-weight: bold; text-transform: none; }
table .col-web-status.on,
.col-web-status.on,
table .col-web-status.on a { color: #6FC764; }
table .col-web-status.off,
.col-web-status.off,
table .col-web-status.off a { color: #E9584C; }

table .col-sex { width: 20px; text-align: center; }
table .col-sex span { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-position:  left top; background-repeat: no-repeat; }

table td[class^="col-reservation-"] { width: 20px; text-align: center; }
table td[class^="col-reservation-"] span { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-position:  left top; background-repeat: no-repeat; }

table td[class^="col-invoice-"] { width: 20px; text-align: center; }
table td[class^="col-invoice-"] span { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-position:  left top; background-repeat: no-repeat; }

table .col-sex.male span { background-image: url(/images/male.png); }
table .col-sex.female span { background-image: url(/images/female.png); }

table .col-reservation-0 span { background-image: url(/images/ico-reservation-0.png); }
table .col-reservation-1 span { background-image: url(/images/ico-reservation-1.png); }

table .col-invoice-0 span { background-image: url(/images/ico-invoice-0.png); }
table .col-invoice-1 span { background-image: url(/images/ico-invoice-1.png); }

/* MULTI TABLE */
table.multi {}
table.multi tbody td { border: none; padding: 2px 5px; color: #999999; }
table.multi tbody th { border-top: 1px dashed #D2D2D2; padding: 10px 5px 0px 5px; font-weight: normal; }
table.multi tbody .single th,
table.multi tbody .collapsed th { padding-bottom: 10px; }
table.multi tbody tr:first-child th { border-top: none; }
table.multi tbody tr.last td,
table.multi tbody tr.last th { padding-bottom: 10px; }
table.multi tfoot td { border-top: 1px dashed #D2D2D2; }
table.multi tbody td.col-company { padding-left: 30px; }

table tr td a img {
  vertical-align: bottom;
}

/****************/
/* OVERFLOW BOX */
/****************/
div.overflow-box { position: relative; }
div.overflow-box-content { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; z-index: 1; }
div.overflow-box:hover div.overflow-box-content { width: 200px; position: absolute; top: -15px; left: -6px; padding: 5px; border: 1px solid #EAEAEA; -moz-box-shadow: 0px 0px 10px #DDDDDD; -webkit-box-shadow: 0px 0px 10px #DDDDDD; box-shadow: 0px 0px 10px #DDDDDD; background-color: #FFFFFF; white-space: normal; z-index: 10; -o-text-overflow: clip; -icab-text-overflow: clip; -khtml-text-overflow: clip; -moz-text-overflow: clip; -webkit-text-overflow: clip; text-overflow: clip; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/*****************/
/* LIST TO TABLE */
/*****************/
.list2table {
    width: 100%;
    position: relative;
    padding-bottom: 40px;
}
.list2table-view { padding-bottom: 40px; }
.list2tableGS { position: relative; }
.list2table .tools, .list2table-view > .tools, .list2tableGS .tools { position: absolute; top: -5px; right: -6px; }
.list2table ul, .list2table-view ul { display: block; padding: 0px; margin: 0px; border-top: 1px solid var(--color-primary-base);  }
.list2table ul li, .list2table-view ul li { display: inline-block; width: 100%;padding: 0px; margin: 0px; border-bottom: 1px dashed #D2D2D2; background-color: #FFFFFF; }
.list2table li > span, .list2table-view li > span { display: inline-block; padding: 6px 4px 6px 4px; vertical-align: middle; }

.list2table .priceVat em { font-size: 11px; color: #666666; font-style: normal; margin-right: -32px; display: inline-block; width: 32px; text-align: right; }
.list2table .priceVat.select em { width: 80px; text-align: left; padding-left: 2px; }

/* SUBMENU */
.list2table ul ul, .list2table-view ul ul { border-top: none; margin-left: 25px; padding-bottom: 10px; }
.list2table ul ul li, .list2table-view ul ul li { border-bottom: none; min-height: 24px; }
.list2table ul ul li > span { font-size: 12px !important; padding-top: 0px; padding-bottom: 0px; }


.list2table .btn, .list2table-view .btn { display: inline-block; border: 2px solid var(--color-primary-base); white-space: nowrap; background-color: #FFFFFF; color: var(--color-primary-base); font-size: 12px; height: 26px; line-height: 26px; padding: 0px 6px; font-weight: bold; cursor: pointer; text-decoration: none; }
.list2table .btn:hover, .list2table-view .btn:hover { background-color: #F9F5F9; }

.list2table .moving, .list2table-view .moving { z-index: 99; }

.list2table .thead, .list2table-view .thead { font-size: 14px; font-weight: bold; border-top-width: 2px; }
.list2table .thead li, .list2table-view .thead li { background-color: #F9F5F9; border-bottom: none; }
.list2table .thead li > span, .list2table-view .thead li > span { padding-top: 8px; padding-bottom: 8px; }

.list2table .col-title, .list2table-view .col-title { width: 310px; font-size: 14px; }
.list2table .col-title input[type=text], .list2table-view .col-title input[type=text] { width: 90% }
.list2table .col-status, .list2table-view .col-status { width: 16px; padding-left: 5px; padding-right: 0; }
.list2table .col-status a, .list2table .col-main a, .list2table-view .col-status a, .list2table-view .col-main a { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-position:  left top; background-repeat: no-repeat; }
.list2table .col-count, .list2table-view .col-count { width: 130px; }
.list2table .col-buttons, .list2table-view .col-buttons { width: 180px; }
.list2table .col-date, .list2table-view .col-date { width: 120px; }
.list2table .col-web-status, .list2table-view .col-web-status { width: 130px; font-size: 11px !important; text-transform: uppercase; font-weight: bold; }
.list2table .thead .col-web-status, .list2table-view .thead .col-web-status { font-size: 14px !important; font-weight: bold; text-transform: none; }
.list2table .col-web-status.on,
.list2table .col-web-status.on a,
.list2table-view .col-web-status.on,
.list2table-view .col-web-status.on a { color: #6FC764; }
.list2table .col-web-status.off,
.list2table .col-web-status.off a,
.list2table-view .col-web-status.off,
.list2table-view .col-web-status.off a { color: #E9584C; }

.list2table .col-buttons, .list2table-view .col-buttons { text-align: right; vertical-align: middle; }
.list2table .col-buttons span.btn, .list2table-view .col-buttons span.btn { font-size: 10px; text-transform: uppercase; text-decoration: none; height: 18px; line-height: 18px; width: auto; }

.list2table .tfoot .settings, .list2table-view .tfoot .settings { display: none; }

.list2table .inactive *, .list2table-view .inactive * { color: #B8B8B8; }

#global-service-list.list2table-view, #global-service-detached-list.list2table { width: 100%; }

#category-list.list2table { width: 660px; }
#category-list .col-buttons { width: 60px; }
#category-list ul ul .col-title { width: 355px; }

.category-description { width: 660px; padding: 6px; border-bottom: 1px #ccc dashed; margin-bottom: 10px; }

#experience-list.list2table { width: 660px; }
#experience-list .col-buttons { width: 180px; }
#experience-list ul ul .col-title { width: 384px; }
#experience-list.list2table .col-web-status { width: 80px; }

span.chb-btn { background-image: url(/images/img-btn-blank.png); width: 24px; height: 22px; display: inline-block; text-align: center; vertical-align: middle; margin-left: 5px; }
span.chb-btn input { display: block; width: 17px; height: 15px; }

#price-list.list2table { width: 100%; }
#price-list .col-title { width: 320px; }
#price-list .col-buttons { width: 30px; }
#price-list .col-price { width: 140px; }
#price-list .col-price input[type=text] { width: 60px !important; }
#price-list .col-price.calculated { width: 140px; }
#price-list .col-price.calculated input[readonly] { background: none; border: 2px solid  #FFFFFF; }
#price-list .col-price.own { width: 150px; }
#price-list .col-price input[type=text] { width: 50px; text-align: right; }
#price-list .col-mark { width: 20px; padding-right: 0px; }
#price-list .col-web-status { width: 50px; }
#price-list .thead > li > span {text-align: center;}
#price-list .col-direct-reservation, .col-direct-reservation-microsite-online, #price-list .col-certificate-upgrade-allowed {
    width: 80px;
    text-align: center;
}

/* TAG LIST */
.list2table.tag-list { width: 710px; }
.tag-list .col-buttons { width: 90px; }
.tag-list .col-tag-count { width: 50px; text-align: center; }
.tag-list .col-count { width: 60px; text-align:center; }
.tag-list .col-title { width: 359px; }
.tag-list .col-web-status { width: 50px; }
.tag-list ul ul .col-title { width: 334px; }
.tag-list.tags-only .tbody .col-title { font-size: 12px; }
form.tags .basic-facts div.fact > em { width: 200px; }

/* STATUS ICONS */
.list2table .active .col-status a { background-image: url(/images/status-active.png); }
.list2table .inactive .col-status a { background-image: url(/images/status-inactive.png); }

/***************/
/* BASIC FACTS */
/***************/
.basic-facts {  font-size: 12px; padding-top: 5px; }

.basic-facts div {
    display: inline-block; padding: 8px 6px 6px 6px;
}

.basic-facts > div {
    border-bottom: 1px dashed #D2D2D2;
}

.basic-facts div.d-flex {
    display: flex;
}

.basic-facts div.fact > em { font-style: normal; color: #999999; width: 70px; display: inline-block; vertical-align: top; line-height: 22px; }

.basic-facts div.fact > em.wide { width: 150px; }

.basic-facts div.fact > em.middle { width: 100px; }

.basic-facts div.fact > strong,
.basic-facts div.fact > div.strong { font-weight: normal; font-size: 14px; color: #404040; display: inline-block; vertical-align: top; line-height: 20px; border: none; padding: 0px; position: relative; }

.basic-facts div.fact.d-flex > strong,
.basic-facts div.fact.d-flex > div.strong {
    display: flex;
}

.basic-facts div.fact-wrapper { border-bottom: none; padding: 0px; }

.basic-facts .important { font-size: 16px; font-weight: bold; }

.basic-facts .indent { margin-left: 80px; }

.basic-facts .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}

.basic-facts .columns { padding: 0px; margin: 0px; border: none; }
.basic-facts .columns div { display: inline-block;  vertical-align: top; padding: 0px; margin: 0px; border: none; }

.basic-facts .status { background-position: left center; padding-left: 20px; background-repeat: no-repeat; }
.basic-facts .active,
.basic-facts .online { background-image: url(/images/status-active.png); }
.basic-facts .inactive,
.basic-facts .offline { background-image: url(/images/status-inactive.png); }

.basic-facts table { border: none; }
.basic-facts td,
.basic-facts th { padding: 0px; background: none; border: none !important; }
.basic-facts th { font-size: 11px; }
.basic-facts tr { background: none; border: none; }

/* GLOBAL PAID FACTS*/
.globalPaid-facts {  margin-top:20px; border-spacing: 0; border-top: 3px solid var(--color-primary-base); width: 100%; }

/* EXT RESERVATION EXPERIENCES AND SERVICES */

.reservation-experience-container {
    padding-left: 114px;
}

.reservation-service-container {
    padding-left: 120px;
    margin: 5px 0;
}

.reservation-service-prices {
    display: inline-block;
    padding-left: 20px;
    margin: 5px 0;
}

/* GALLERY */
.basic-facts .gallery { border: none; padding: 0px; }
.gallery div { border-bottom: none; }
.gallery .gallery-item { width: 200px; padding: 0px 10px 10px 0px; display: inline-block; border: none; vertical-align: top; }
.gallery-item textarea { width: 194px; }
.gallery-item label { display: inline-block; width: auto; padding: 0px; }
.gallery-item input[type=checkbox] { position: static !important; }
.gallery-item.deleted img,
.gallery-item.deleted textarea { opacity: 0.5; filter: Alpha(opacity=50); }
.gallery-item .description { font-size: 12px; }
.gallery-item label img { margin: 0 22px -4px 1px; width: 16px;  }


/***********************/
/* ORDER DETAIL - DATA */
/***********************/
div.order-data { padding: 0px 0px 20px 0px; }
div.order-data table { border-top: none; margin-bottom: 10px; }
div.order-data thead { background: none; font-size: 11px; color: #666666; background-color: #FAFAFA; line-height: 14px;  }
div.order-data thead th { padding-top: 3px; padding-bottom: 3px; }
div.order-data tbody tr:first-child td { border: none; }
div.order-data .col-price { width: 90px; }
div.order-data .col-price-vat { width: 90px; }
div.order-data th.col-price,
div.order-data th.col-price-vat { text-align: center; padding-right: 0px; }
div.order-data td { vertical-align: top; padding-top: 3px; padding-bottom: 3px; }
div.order-data td.col-price,
div.order-data td.col-price-vat { text-align: right; padding-right: 20px; }
div.order-data h3 { border-bottom: 1px solid #E7E7E7; padding: 3px; color: #666666; font-weight: normal; }
div.order-data td.col-title { font-size: 14px; font-weight: bold; }
div.order-data .col-duration { width: 160px; }
div.order-data .col-person-count { width: 150px; }
div.order-data .col-quantity { width: 150px; }
div.order-data .col-address { width: 200px; }
div.order-data .col-phone { width: 100px; }
div.order-data .col-email { width: 160px; }
div.order-data .col-location { width: 160px; }
div.order-data .col-variant { width: 310px; }

div.order-data .col-address label { dislay: block; position: relative; }
div.order-data .col-address label span { font-size: 11px; color: #999999; display: inline-block; width: 45px; }
div.order-data .col-address input { width: 139px; }

div.order-data-item { padding: 10px 0px; }
div.order-data-item > h3:first-child,
div.order-data-item div.template-block:first-child h3 { background-color: #F5EDF5; border-top: 2px solid var(--color-primary-base); color: var(--color-primary-base);  }

div.order-data table.item-total td.col-price,
div.order-data table.item-total td.col-price-vat { font-size: 12px; font-weight: bold; }

div.order-total h3 { font-weight: bold; background-color: #F5EDF5; border-top: 2px solid var(--color-primary-base); color: var(--color-primary-base); }
div.order-total tr.grand-total { font-size: 14px; font-weight: bold; background-color: #FAFAFA; }
div.order-total tr.grand-total td { padding-top: 8px; padding-bottom: 8px; }
div.order-total tr.subtotal { font-weight: bold; background-color: #FAFAFA; }

/***************/
/* ORDERS LIST */
/***************/
.exposed{
    margin-right: 8px;
    vertical-align: inherit;
}

.bb-add {
    margin-right: 8px;
    vertical-align: inherit;
}

/***************/
/* FORM SEARCH */
/***************/
#form-search { float: right; }
#form-search fieldset { border: none; }
#form-search select,
#form-search input { vertical-align: middle; }
#form-search label { font-size: 18px; color: #999999; letter-spacing: -1px; font-weight: bold; display: inline-block; vertical-align: middle; padding: 0px 8px 0px 0px; }
#form-search input[type=text], .filterWrapper input { font-size: 18px; font-weight: bold; letter-spacing: -1px; width: 160px; margin-right: 1px; }
#form-search input.date-picker { background: url(/images/calendar/calendar.gif) no-repeat 5px center; padding-left: 25px; width: 100px; border: 1px solid #999999; font-weight: normal; }

/*************************/
/* FORM FILTER: PROVIDER */
/*************************/
#form-filter-provider { padding-bottom: 30px; }
#form-filter-provider fieldset { border: none; }
#form-filter-provider select,
#form-filter-provider input { vertical-align: middle; }
#form-filter-provider select { font-size: 18px; color: var(--color-primary-base); margin-right: 5px; }
#form-filter-provider label { font-size: 18px; color: #999999; letter-spacing: -1px; font-weight: bold; display: inline-block; vertical-align: middle; padding: 0px 15px 0px 0px; }
#form-filter-provider .active-filters { color: #999999; padding-top: 10px; }
#form-filter-provider .active-filters strong { font-size: 14px; }
#form-filter-provider .active-filters ul { display: inline; }
#form-filter-provider .active-filters li { list-style: none; display: inline; padding: 0px 0px 0px 10px; white-space: nowrap; }
#form-filter-provider .active-filters li a { display: inline-block; width: 11px; height: 11px; vertical-align: middle; background: url(/images/small-del.png) no-repeat left top; }
#form-filter-provider .active-filters li a:hover { background-position: left bottom; }

/***************/
/* FORM PERSON */
/***************/
#form-person {}
#form-person input { vertical-align: middle; }
#form-person .basic-facts input[type=text] { margin-bottom: 2px; }
#form-person .basic-facts .img-btn { margin-bottom: 2px; }
#form-person .columns .basic-facts { margin-right: 40px; display: inline-block; vertical-align: top; margin-bottom: 20px; max-width: 280px; }
#form-person .columns .basic-facts strong { max-width: 205px; }
#form-person .columns .basic-facts strong.one-row { height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;  }
#form-person .columns .indent { margin-left: 0px; }
#form-person .columns .indent em { width: 70px; }
#form-person span.clone-template { position: relative; display: block; }
#form-person .col2 .error-mark { left: -20px !important; }

/*****************/
/* FORM PROVIDER */
/*****************/
#form-provider {}
#form-provider input[type=text] { vertical-align: middle; }
#form-provider select { vertical-align: middle; }
#form-provider .basic-facts .indent { margin-left: 30px; }
#form-provider .fact input[type=file] { vertical-align: middle; }


/***************/
/* FORM OFFICE */
/***************/
#form-office {}
#form-office input[type=text] { vertical-align: middle; }
#form-office select { vertical-align: middle; }
#form-office .basic-facts .indent { margin-left: 30px; }

/*******************/
/* FORM PRICE LIST */
/*******************/
#form-price-list {}
#form-price-list div.calc { display: inline-block; height: 36px; line-height: 36px; background-color: #F9F5F9; padding: 0px 40px 0px 40px; vertical-align: top; font-size: 14px; }
#form-price-list input.percentage { width: 20px; text-align: right; }
#form-price-list input.minimal { width: 50px; text-align: right; }

/***************************/
/* FORM GENERAL EXPERIENCE */
/***************************/
#form-general-experience .column1 { padding-right: 50px; }

#form-general-experience .basic-facts input[type=checkbox] {
    position: absolute;
    left: -20px;
    top: 2px;
    vertical-align: middle;
}

#form-general-experience .basic-facts input[type=checkbox]#show-terms-overview {
    position: relative;
    left: 0;
    top: 0;
}

#form-general-experience-gallery .basic-facts .fact:first-child a.cancel { display: none; }


/* BEGIN: MASTER PARAMETERS */

#form-general-experience-gallery .basic-facts .fact,
.general-experience-master-parameters .basic-facts .fact {
    display: block;
}

#form-general-experience-gallery .basic-facts .fields,
.general-experience-master-parameters .basic-facts .fields {
    padding: 0; border: none;
}

.general-experience-master-parameters div.fields {
    width: 100%;
}

.general-experience-master-parameters div.fields .hidden {
    display: none;
}

.general-experience-master-parameters .basic-facts input[type=checkbox] {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.general-experience-master-parameters .fact div {
    border: none;
}

.general-experience-master-parameters .fact input[type=text] {
    width: 40%;
}

/* END: MASTER PARAMETERS */


#form-general-experience .media-seq { width: 25px; }
#form-general-experience .preview-radio { position: absolute; right: 0; }

#form-general-experience .preview-radio-without
{
    float: right;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 2px;
}

#form-general-experience .fill
{
    float: left;
    position: unset !important;
    width: 26px;
    height: 26px;
    padding: 0;
    border-bottom: none;
}

#form-associated-experiences input.associated-experience-order { width: 30px; }
#form-associated-experiences .col-toggle { width: 800px; }
#form-associated-experiences .additional-field { display: none; }

/***************************/
/* FORM GLOBAL SERVICE */
/***************************/

#form-global-service .column1 { padding-right: 50px; }

#form-global-service .basic-facts input[type=checkbox] { position: absolute; left: -20px; top: 2px; vertical-align: middle; }

#form-global-service .basic-facts input[type=checkbox] { position: absolute; left: -20px; top: 2px; vertical-align: middle; }

#form-global-service-image { display: block; }
#form-global-service-image.basic-facts .fact:first-child a.cancel { display: none; }
#form-global-service-image.basic-facts .fact { display: block; }
#form-global-service-image.basic-facts .fields { padding: 0px; border: none; }
#form-global-service .media-seq { width: 25px; }
#form-experience-global-services .error-mark { top: auto !important; right: auto !important; left: auto !important; }

#form-global-service-gallery-tools div.fields div.upload.hidden {
    display: none;
}

/***********************/
/* FORM INTERNAL ORDER */
/***********************/
#form-internal-order {}
#form-internal-order .col-action { width: 30px; padding: 0px; }
#form-internal-order h3 { position: relative; }
#form-internal-order h3 .img-btn { position: absolute; top: 1px; right: 7px;  }
#form-internal-order .order-data { position: relative; }
#form-internal-order .order-data .button { position: absolute; right: 0px; top: 0px; }
#form-internal-order .order-total { padding-top: 50px; position: relative; }
#form-internal-order div.order-data .col-variant { width: 310px; }
#form-internal-order div.order-data .col-variant select { width: 300px; }
#form-internal-order div.order-data .col-location { width: 160px; }
#form-internal-order div.order-data .col-location select { width: 150px; }
#form-internal-order div.order-data .col-title select,
#form-internal-order div.order-data .col-delivery-type select{ width: 180px; }

#form-internal-order .request-status { display: inline-block; width: 20px; height: 20px; position: absolute; right: -22px; top: 0px; background-position: center center; background-repeat: no-repeat; }
#form-internal-order .request-status.progress { background-image: url(/images/remooz/spinner.gif); }
#form-internal-order .request-status.ok { background-image: url(/images/ico-save.png); }
#form-internal-order .request-status.errror { background-image: url(/images/ico-error.png); }
#form-internal-order .calculation-process { display: inline-block; width: 20px; height: 20px; position: absolute; right: -22px; top: 0px; background-position: center center; background-repeat: no-repeat; }
#form-internal-order .calculation-process.info { background-image: url(/images/ico-info.png); }
#form-internal-order .calculation-process.error { background-image: url(/images/ico-error.png); }

#form-internal-order div.basic-facts span.error-mark { display: inline-block; position: relative; top: auto !important; left: auto !important; right: auto; bottom: auto; margin: -8px 0px -6px 3px; vertical-align: middle; }
#form-internal-order div.order-data span.error-mark { display: inline-block; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: -8px 0px -6px 0px; vertical-align: middle; visibility: hidden; }
#form-internal-order div.order-data span.warning-mark { display: inline-block; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: -8px 0px -6px 0px; vertical-align: middle; visibility: hidden; }

/*****************************/
/* FORM INTERNAL RESERVATION */
/*****************************/
#form-internal-reservation {}
#form-internal-reservation div.reservation-data input { width: 170px; }
#form-internal-reservation div.reservation-data.limit a.button { visibility: hidden; }
#form-internal-reservation table { margin-bottom: 0px; }
#form-internal-reservation table.single .col-action span { visibility: hidden; }
#form-internal-reservation span.request-status { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-position: left top; background-repeat: no-repeat; }
#form-internal-reservation span.request-status.loading { background-image: url(/images/remooz/spinner.gif); }

/********************/
/* FORM RESERVATION */
/********************/
#form-reservation { width: 700px; }
#form-reservation div.fact { position: relative; }
#form-reservation span.label { display: block; margin-top: 0px; }
#form-reservation span.label span { display: inline-block; width: 120px; font-size: 11px; color: #999; }
#form-reservation span.input-row {  display: block; }
#form-reservation span.input-row.main { background: url(/images/ico-main.png) no-repeat 495px 2px; }
#form-reservation span.input-row input { width: 113px; }
#form-reservation .main span.remove { visibility: hidden; }
#form-reservation .minimal span.input-row span.remove { visibility: hidden; }
#form-reservation .limit span.add { display: none; }

/**********************/
/* RESERVATION DETAIL */
/**********************/
tr.reservation-new-user input {
  height: 22px;
}

tr.reservation-new-user input[type=text] {
  width: 195px;
  margin-right: 4px;
  padding: 2px;
}

tr.reservation-new-user input[type=date] {
    width: 120px;
    margin-right: 4px;
    padding: 2px;
}

.bannerWarning{
  width: 100%;
  height: 35px;
  background-color: var(--color-primary-base);
  text-align: center
}

.bannerWarning span{
  color: #fff;
  font-size: 120%;
  line-height: 35px;
  font-weight: bold;
}

/*************/
/* FORM USER */
/*************/
#form-user .field-toggle .img-btn { position: static; margin: -1px 0px 0px 0px;  }

/*************************/
/* FORM CERTIFICATE NOTE */
form.note-form { vertical-align: top; }
form.note-form textarea { width: 320px; }

/****************/
/* FORM ARCHIVE */
/****************/
#form-archive {}
#form-archive p.center { width: 674px; }

/**********************/
/* FORM CREDIT ADVICE */
/**********************/
#form-credit-advice { padding-top: 10px; }

#form-credit-advice textarea { margin-top: 5px; width: 600px; height: 100px; }

#form-credit-advice tr.item {  background: url(/images/bg-dashed.png) repeat-x left 10px; }
#form-credit-advice tr.item td { border-bottom: none; padding-bottom: 2px; padding-top: 20px; }
#form-credit-advice tbody tr:first-child { background: none; }
#form-credit-advice tbody tr:first-child td { padding-top: 10px; }
#form-credit-advice tr.item td.col-title { font-size: 14px; }
#form-credit-advice tr.subitem td { border: none; padding-top: 2px; padding-bottom: 2px; }
#form-credit-advice tr.subitem label { padding: 0px 0px 0px 15px; }

#form-credit-advice .col-title { padding-left: 10px; }
#form-credit-advice .col-checkbox { width: 40px; padding-right: 0px; }
#form-credit-advice .col-price,
#form-credit-advice .col-price-vat { text-align: right; width: 100px; }
#form-credit-advice td.col-price,
#form-credit-advice td.col-price-vat { padding-right: 15px; }

#form-credit-advice table.summary { margin-top: 10px; }
#form-credit-advice table.summary tbody td { border-top: none; padding-top: 4px; padding-bottom: 4px; }

#form-credit-advice tr.advice-total  { font-size: 14px; font-weight: bold; background-color: #FAFAFA; }

#form-credit-advice div.toggle { background-color: #F9F5F9; display: inline-block; height: 36px; vertical-align: top; line-height: 36px; padding: 0px 10px; font-weight: bold; }

/**********************/
/* FORM ORDER PAYMENT */
/**********************/
#form-order-payment textarea { width: 400px; height: 80px; }
#form-order-payment p.center { width: 530px; }

/*******************************************************************/
/*                                                      PAGE LOGIN */
/*******************************************************************/
#page-login { background: #F3F4F4; }
#page-login fieldset { border: none; }

#login-position { position: absolute; top: 40%; left: 50%; }
#login-wrapper { width: 500px; position: absolute; top: -135px; left: -250px; border: 1px solid #D2D2D2; background-color: #FFFFFF; }

#login-header { background-color: var(--color-primary-base); color: #FFFFFF; font-size: 22px; font-weight: bold; height: 50px; line-height: 50px; padding: 0px 0px 0px 15px; margin: -1px -1px 0px -1px; }
#login-header em { font-size: 12px; font-style: normal; }

#form-login { border: 4px solid var(--color-primary-base); margin: 0px -1px; padding: 10px 0px 20px 15px }
#form-login label { display: block; width: 50%; font-size: 14px; line-height: 30px; float: left; }
#form-login label input[type=text],
#form-login label input[type=password] { display: block; font-size: 14px; padding: 9px 5px; width: 188px; border: 1px solid #D2D2D2; background-color:#FBFBFB; }
#form-login label input[type=text].filled,
#form-login label input[type=password].filled { background-color: #FFFFFF; }
#form-login label.normal { font-size: 12px; display: inline; width: auto; line-height: 18px; float: none; }
#form-login p { padding: 22px 0px 0px 0px; }

#form-login button[type=submit] { position: static; float: none; display: inline-block; line-height: 18px; width: auto; height: auto; padding: 0px 14px; height: 34px; line-height: 34px; margin: 0px 18px 0px 0px; }

#login-password { height: 46px; line-height: 46px; padding: 0px 0px 0px 20px; margin: 0px; text-decoration: underline; cursor: pointer; }

#form-new-password { padding: 20px; }
#form-new-password * { vertical-align: middle; }
#form-new-password label { display: inline-block; color: var(--color-primary-base); height: 32px; line-height: 32px; background-color: #F5EDF5; padding: 0px 9px; margin-right: 8px; }
#form-new-password input { border: 1px solid #D2D2D2; padding: 7px 5px 8px 5px; margin-right: 8px; }
#form-new-password button { display: inline-block; height: 32px; line-height: 30px; padding: 0px 11px; font-size: 12px; font-weight: normal; width: auto; }

/*******************************************************************/
/*                                            PAGE CHANGE PASSWORD */
/*******************************************************************/
#change-password-position { position: absolute; top: 40%; left: 50%; }
#change-password-wrapper { width: 500px; position: absolute; top: -135px; left: -250px; border: 1px solid #D2D2D2; background-color: #FFFFFF; }

#change-password-header { background-color: var(--color-primary-base); color: #FFFFFF; font-size: 22px; font-weight: bold; height: 50px; line-height: 50px; padding: 0px 0px 0px 15px; margin: -1px -1px 0px -1px; }
#change-password-header em { font-size: 12px; font-style: normal; }

#form-change-password { border: 4px solid var(--color-primary-base); margin: 0 -1px; padding: 10px 15px 20px 15px }
#form-change-password label { display: block; width: 50%; font-size: 14px; line-height: 30px; float: left; }
#form-change-password fieldset { border: none; }
#form-change-password label input[type=text],
#form-change-password label input[type=password] { display: block; font-size: 14px; padding: 9px 5px; width: 188px; border: 1px solid #D2D2D2; background-color:#FBFBFB; }
#form-change-password label input[type=text].filled,
#form-change-password label input[type=password].filled { background-color: #FFFFFF; }
#form-change-password label.normal { font-size: 12px; display: inline; width: auto; line-height: 18px; float: none; }
#form-change-password p { padding: 22px 0px 0px 0px; }

.info-message {
    background-color: #f0f0f0;
    border: 1px solid #add8e6;
    padding: 10px;
    border-radius: 5px;
    color: #337ab7;
    margin-bottom: 10px;
}

.info-message::before {
    content: "\26A0"; /* info icon */
    font-size: 18px;
    margin-right: 5px;
}

#form-change-password button[type=submit] { position: static; float: none; display: inline-block; line-height: 18px; width: auto; height: auto; padding: 0px 14px; height: 34px; line-height: 34px; margin: 0px 18px 0px 0px; }


/* DASHBOARD */
tr.bottomline td {
  border-bottom: 1px solid black;
}

.leftline {
  border-left: 1px solid black;
}

.yt-textarea-fix input {
  top: -9px;
  position: relative;
}

/* reservations list */
td.reservation-status-red img,
td.reservation-status-green img,
td.reservation-status-yellow img,
td.reservation-status-black img,
td.reservation-status-blue img,
td.review-status-red img,
td.review-status-green img,
td.review-status-black img,
td.review-status-star img
{ width: 12px; }

.reservation-status-red,.review-status-red { color: #ff0505 }
.reservation-status-green,.review-status-green { color: #156d00; }
.reservation-status-yellow,.review-status-star { color: #dce300 }
.reservation-status-black,.review-status-black { color: #000; }
.reservation-status-blue,.review-status-blue { color: #1d12e8; }

img.reservation-status-bullet { width: 12px; }

table tr th.w-100 { width: 100px; }

/* PREPRINTED CERTIFICATES */
form#form-preprinted-certificates input.preprinted-state {
  width: 80px;
  height: 25px;
  font-size: 18px;
}

button.preprinted { margin-left: 700px; }
form.preprinted-certificates-filter#form-search {
  float: left;
  width: 400px;
}

/* ORDERS */
span.orders-list-delivery-method {
  color: red;
}

.comment-author {
  font-size: 0.9em;
  color: #666;
}

span.note-text {
  color: #950075;
  font-weight: 300;
}

/* CERTIFICATES */
div.certificate-page-wrapper .list2table .col-title {
    width: 290px;
}

div.col2.certificate-reservations em.middle {
  width: auto;
  padding-right: 10px;
}
tr.no-rating{
  background: rgba(255, 0, 0, 0.0980392)
}

tr.no-rating td:nth-child(5){
  font-weight: bold
}

.basic-facts div.fact > div.gallery_progress_bar {
  width: 100px;
  margin-right: 20px;
  border: 1px solid black;
}

.basic-facts div.fact > div.gallery_progress_bar div {
  height: 10px;
  background: var(--color-primary-base);
  padding: 0px;
  border: 0px;
}

.gallery .gallery-item.hidden, #form-general-experience-gallery div.fields div.upload.hidden, .hidden {
  display: none;
}

.basic-facts div.fact > div div.status_inner {
  border: 0px;
  padding: 0px
}

.basic-facts div.fact > div div.status_inner em {
  padding: 0px 10px;
}

.basic-facts div.fact > div div.status_inner img {
  vertical-align: text-bottom;
}

.upload_content {
    width: 200px;
    height: 23px;
    overflow: hidden;
}

.upload input.qualityInput {
    width: 50px;
    margin: 1px 10px 0px 0px;
    padding: 1px 3px;
}

/* RESERVATION SEARCH */
#form-search.reservation-search { background: #f7f7f7; float: left; width: 98%; margin-bottom: 10px; padding: 5px 10px; }
#form-search.reservation-search fieldset { float: left; padding: 4px 2px; margin-right: 18px; }
#form-search.reservation-search fieldset input { background: white; height: 20px; }
#form-search.reservation-search fieldset input[type=checkbox],
#form-search.reservation-search input[type=image] { float: right; }
#form-search.reservation-search fieldset select { background: white; height: 24px; }
#form-search.reservation-search input.date-picker { background: url(/images/calendar/calendar.gif) white no-repeat 5px center; }
.text-muted { color: lightgrey; font-size: 12px; }

/* SOLVER SEARCH */
.solver-panel { background: #f7f7f7; float: left; width: 98%; margin-bottom: 10px; padding: 10px 10px; font-size: 16px;}
.solver-panel img { float: left; margin-right: 6px; }
.solver-panel form { float: right; }
.solver-panel .button { background: #a32fa0; padding: 2px 8px; color: white; transition: .2s; }
.solver-panel .button:hover { background: #bb51b8; color: white; }
#form-reservation-note #showashtml-element {
    background: #eeeeee;
    border: 2px solid #dddddd;
    border-top: none;
    padding: 2px 8px;
    margin-bottom: 4px;
}
#form-reservation-note #showashtml-element *{
    display: inline-block;
}
#form-reservation-note #showashtml-element br{
    display: none;
}
#form-reservation-note #showashtml-element fieldset{
    border: none;
}
#showashtml-label{
    display: none;
}
button.button.icon{
    position: relative;
    vertical-align: middle;
}
button.button.icon.save:before {

}
.show-as-html input {
    height: 10px;
}
.basic-facts .attachments {
    padding: 0;
    border: none;
}
div.text ol, div.text ul {
    padding-left: 40px;
    margin: 7px 0px;
}
div.text ol {
    list-style-type: decimal;
}
div.text ul {
    list-style-type: circle;
}
.inline-form dl > *{
    display: inline-block;
}
.round-save-button{
    border: 1px lightgray solid;
    border-radius: 12px;
    padding: 10px 10px 10px 33px;
    background-position: 10px;
    background-repeat: no-repeat;
    background-image: url(/images/ico-save.png);
}
.order_list {
    width: 100%;
}
form#form-search.order_list select {
    font-size: 14px;
    padding: 3px 2px;
    margin: 2px 3px;
}
.order_list input#form-search-term[type=text] {
    width: 280px;
}
#form-search.order_list label {
    padding-right: 4px;
}
.filterWrapper {
    display: inline !important;
}
.filterWrapper .refresh{
    display: none;
}
.filterWrapper input, .filterWrapper ul {
  width: 305px !important;
}
.filterWrapper ul {
    position: absolute;
    left: 114px;
    background: white;
    border: 1px solid black;
    height: 150px !important;
    overflow-y: scroll;
}
.filterWrapper ul li {
    padding: 2px 4px 1px 20px;
}
.filterWrapper li.checked {
    padding: 2px 4px 1px 20px;
    background: #DDD url(../images/ico-save.png) no-repeat left 2px top 3px;
    color: #000;
}
.description-video-view,.description-youtube-video-view{
    border-bottom: unset !important;
    vertical-align: top;
}
.description-video-view textarea,.description-youtube-video-view textarea{
    vertical-align: top;
}
.description-video-view label{
   line-height: 35px;
}
/* GENERAL EXPERIENCE VIDEOS VIEW */
.add-youtube-video,.view-youtube-video, .description-video {
    float: left;
    width: 100%;
    height: auto;
}
.description-video{
    border-bottom: unset !important;
}
.add-youtube-video > .middle, .view-youtube-video > .middle{
    float: left;
    width: 100% !important;
}
.add-youtube-video > .strong, .view-youtube-video > .strong{
     float: left;
     width: 100% !important;
    margin-top: 10px;
}
.add-youtube-video > .strong > label, .view-youtube-video > .strong > label, .description-video > label{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 2px;
}
.add-youtube-video > .strong > input, .view-youtube-video > .strong > input, .view-youtube-video > .strong > a, .description-video > input{
    float: left;
    position: unset !important;
    margin-bottom: 10px;
    height: 18px;
}
.description-video > label > img{
    float: left;
    width: 18px;
    margin-left: 8px;
    margin-top: 2px;
}
.add-youtube-video > .strong > textarea, .view-youtube-video > .strong > textarea, .description-video > textarea{
    float: left;
    vertical-align: top;
    min-width: 225px;
    height: 18px;
}
.add-youtube-video > .strong > .vertical-hr, .view-youtube-video > .strong > .vertical-hr, .description-video > .vertical-hr {
    float: left;
    border-right: 2px solid #000000;
    border-bottom: unset;
    margin: 0 12px 0 12px;
    padding: 0;
    height: 25px;
}
.mooeditable-container{
    width: min-content;
    background: #ffffff;
    z-index: 10;
}
.mooeditable-iframe{
    width: 100%;
    resize: both;
    overflow: hidden;
}


/*** EXPERIENCES VIEW ***/

.experience-service-table .col-title {
    width: 15%;
}

.experience-service-table .col-description {
    width: 25%;
}

.experience-service-table .col-price,
.experience-service-table .col-web-status{
    width: 10%;
}

.experience-service-table .col-web-status,
.experience-service-table .col-allow-in-certificate-upgrade,
.experience-service-table .col-show-in-reservation-certificate-upgrade,
.experience-service-table .col-buttons {
    width: 10%;
}