/* Start Button Styles --------------------------------------------- */
*:focus{outline:0 none;}
input[type="button"], button {-moz-box-sizing: content-box;}
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { padding:0;border:0 none; }/*fixes mozilla button padding */
.clearfix:after {
clear: both;
content: '.';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
/* General Button Styles, Cascades Down To Every Button ------------- */
.button {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background:#ffffff url(/content/images/buttons/button-overlay.png) repeat-x;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:13px;
font-weight:bold;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
text-align:center;
}
.button:hover {
background:#111111;
color:#FFFFFF;
}
.button:active {
background:#242424;
}
.white.button {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#666666 !important;
font-weight:bold;
text-shadow:0 1px 1px #FFFFFF;
}
.white.button:hover {
background-color:#EEEEEE;
}
.white.button:active {
background-color:#ffffff;
}
/* Small Buttons -------------------------------------------------- */
.small.button {
font-size:11px;
padding:5px 0px 6px 10px;
margin:0px 4px 0px 0px;
background-image:url(/content/images/buttons/small-button-overlay.png);
}
input[type="submit"].small.button, .small.button.input {
padding:3px 15px 4px;
}
input[type="button"].small.button, button.small.button {
padding:4px 15px;
}

.small.button.disabled {
color:#999999 !important;
cursor: default;
}

/* Round Buttons ------------------------------------------------ */
.round.button {
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
background-image:url(/content/images/buttons/round-button-overlay.png);
border:1px solid rgba(0, 0, 0, 0.25);
font-size:13px;
padding:0;
}
.round.button span {
-moz-border-radius:14px 14px 14px 14px;
-webkit-border-radius:14px 14px 14px 14px;
border-radius:14px 14px 14px 14px;
display:block;
line-height:1;
padding:4px 15px 6px;
}


/* Arrows and Icons Classes --------------------------------------- */
	
/* Add by Ludo ------------ */	
.button.small span {
	padding:5px 15px 5px 5px;
}
.button.small span.print {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/print-inset.png) no-repeat 0px 4px;
}
.button.small span.send,
.button.small span.sendMail {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/send-inset.png) no-repeat 0px 4px;
}
.button.small span.excel {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/excel-inset.png) no-repeat 0px 4px;
}
.button.small span.pdf {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/pdf-inset.png) no-repeat 0px 4px;
}
.button.small span.mail {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/email-inset.png) no-repeat 0px 4px;
}
.button.small span.whitePage {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/whitePage-inset.png) no-repeat 0px 4px;
}
.button.small span.settings {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/cog-inset.png) no-repeat 0px 4px;
}
.button.small span.export {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/export-inset.png) no-repeat 0px 4px;
}
.button.small span.serverGo {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/serverGo-inset.png) no-repeat 0px 4px;
}
.button.small span.edit {
	padding:5px 15px 5px 24px;
	background:url(/content/images/table_edit.png) no-repeat 0px 4px;
}

.button.small span.noShow {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/noShow.png) no-repeat 0px 4px;
}

.button.small span.invalidCard {
	padding:5px 15px 5px 24px;
	background:url(/content/images/buttons/invalidCard.png) no-repeat 0px 4px;
}

/* Default */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-image: url(/App_Themes/Default/images/container_bg.jpg);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.page {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

div.container {
    margin: 0px auto;
    margin-bottom: 0;
    text-align: left;
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 960px;
}

div.displayedPage {
    min-height: 500px;
    padding-top: 0px;
    padding-bottom: 120px;
    /*margin-top: 25px;*/
}

div.page-content {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    color: #585858;
}

    div.page-content .siriona {
        background-color: #B1F0FF;
    }

        div.page-content .siriona a {
            color: #000000;
        }

    div.page-content h1 {
        font-size: 1.9em;
        color: #000000;
    }

a {
    color: #4a90e2;
}

.clear {
    clear: both;
}

div.hotels-list-container {
    width: 100%;
}

    div.hotels-list-container .pageselector {
        margin-top: 5px;
    }

        div.hotels-list-container .pageselector .paginator {
            font-size: 1.0em;
            font-weight: normal;
        }

            div.hotels-list-container .pageselector .paginator a {
                font-weight: normal;
            }

                div.hotels-list-container .pageselector .paginator a:hover {
                    text-decoration: none;
                }

    div.hotels-list-container table {
        width: 100%;
    }

        div.hotels-list-container table th {
            background-color: #A6A6A6;
            color: #FFFFFF;
        }

            div.hotels-list-container table th a {
                color: #FFFFFF;
            }

        div.hotels-list-container table th,
        div.hotels-list-container table td {
            border: 0;
            text-align: left;
            padding: 5px;
        }

    div.hotels-list-container table {
        border: 1px #BFBFBF solid;
    }

        div.hotels-list-container table td {
            padding-top: 8px;
            padding-bottom: 8px;
            border-top: 1px #BFBFBF solid;
            border-bottom: 1px #BFBFBF solid;
        }

        div.hotels-list-container table .altern {
            background-color: #F2F2F2;
        }

    div.hotels-list-container .panelResultCount {
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 3px;
    }

    div.hotels-list-container table.checkBoxListActivities {
        border: 0;
    }

        div.hotels-list-container table.checkBoxListActivities td {
            border: 0;
            text-align: left;
            padding: 0px;
        }

.page-content table.tabletypenormal {
    background: #FFFFFF;
    border: 1px #000000 solid;
    border-collapse: collapse;
}

    .page-content table.tabletypenormal td {
        border: 1px #000000 solid;
        padding: 5px;
    }

    .page-content table.tabletypenormal .tdtitle {
        background: #CEDCEC;
        color: #5483BC;
        font-weight: bold;
        text-align: left;
        padding: 5px;
    }

    .page-content table.tabletypenormal .titlesearch {
        background: #808080;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
    }

        .page-content table.tabletypenormal .titlesearch a {
            color: #FFFFFF;
        }

table.datatable {
    text-align: left;
}

    table.datatable th {
        background-color: #A6A6A6;
        padding: 5px;
    }

        table.datatable th a {
            color: #FFFFFF;
        }

    table.datatable tr td.cellleft {
        text-align: left;
    }

    table.datatable tr td.cellcenter {
        text-align: center;
    }

.tableautitle {
    font-weight: bold;
}

.watermarked {
    color: Gray;
}

.autocomplete {
    margin: 0;
    cursor: pointer;
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    border: 1px solid Black;
    border-top: none;
    background-color: white;
    z-index: 10;
}

    .autocomplete li.selected {
        color: HighlightText;
        background-color: Highlight;
    }

div.summary {
    font-size: 1.0em;
    margin: 20px;
    width: 540px;
}

    div.summary.hotelSelection {
        margin-left: 0px;
    }

    div.summary table {
        width: 100%;
        border-collapse: collapse;
        font-size: 1.0em;
    }

        div.summary table caption {
            font-size: 1.1em;
            text-align: left;
            font-weight: bold;
            background: #A6A6A6;
            color: White;
            padding: 6px 10px 6px 10px;
        }

        div.summary table tr {
            border-bottom: 1px #DCDCDC dotted;
        }

            div.summary table tr.alt {
                background-color: #F2F2F2;
            }

        div.summary table th {
            width: 200px;
            vertical-align: top;
            padding: 10px 10px 10px 20px;
            text-align: left;
        }

        div.summary table td {
            padding: 10px 10px 10px 10px;
        }

    div.summary div.info {
        background-color: #FDEFE4;
        padding: 1px 10px 1px 10px;
        margin: 30px 0px 20px 0px;
    }

        div.summary div.info p {
            margin-top: 8px;
            margin-bottom: 8px;
        }

    div.summary div.close {
        margin-top: 20px;
        text-align: center;
    }

    div.summary a {
        color: #4a90e2;
    }

table.details-payment {
    border-collapse: collapse;
    border: 1px #284589 solid;
}

    table.details-payment tr td {
        border: 0;
    }

        table.details-payment tr td.may-empty {
            border: 0;
        }

        table.details-payment tr td.cellleft {
            text-align: left;
            border-right: 1px #284589 solid;
            vertical-align: middle;
            width: 100px;
            background-color: #F2F2F2;
        }

        table.details-payment tr td.cellcenter {
            text-align: left;
            padding-left: 10px;
        }

        table.details-payment tr td.pricecell {
            border: 1px #284589 solid;
            text-align: left;
            font-style: italic;
            background-color: #F2F2F2;
        }

.headerItem a {
}

.headerItem.Ascending a {
    background-repeat: no-repeat;
    background-image: url(/content/Images/resultset_up.png);
    padding-left: 20px;
}

.headerItem.Descending a {
    background-image: url(/content/Images/resultset_down.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.tooltipMessage {
    display: none;
    position: absolute;
    text-align: left;
    padding: 3px;
    white-space: normal;
    border: 1px solid #4a90e2;
    background: #FAFDB6;
    font: 10px Arial, Helvetica, sans-serif;
    color: Black;
    cursor: pointer;
    margin-top: -20px;
}

div.group-menu {
    font-size: 0.9em;
    margin-right: 10px;
}

    div.group-menu .Item {
        padding-left: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 200px;
    }

        div.group-menu .Item.Selected {
            margin-top: 2px;
            background-color: #fafafa;
        }

            div.group-menu .Item.Selected a {
                font-weight: bold;
                text-decoration: none;
                color: #585858;
            }

.tableaugrisnomcolonne {
    background: #808080;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.message {
    background-color: #F2F2F2;
    border: 1px #808080 solid;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

/* Script d'impression */
div.printTitle {
    background-color: #276B89;
    padding: 10px;
    color: #FFFFFF;
    font-size: 1.3em;
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}

div.printSubTitle {
    color: Black;
    font-weight: bold;
}
/* ******************* */

.page-content .configuration {
    width: 80%;
}

    .page-content .configuration td {
        padding: 5px;
        vertical-align: top;
    }

    .page-content .configuration .feature {
        margin: 20px 5px 20px 5px;
    }

.page-content .support {
    background-color: #B1F0FF;
    padding: 10px;
    margin-left: 10px;
    margin-bottom: 2px;
}

.main-support {
    width: 530px;
    float: left;
    margin-right: 10px;
}

.link-support {
    background-color: #B1F0FF;
}


.page-content .planningActivation {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    margin-left: 10px;
    width: 800px;
    height: 75px;
    background-color: #D6E7F9;
    border: 1px solid #527AAE;
    color: #000000;
}

.page-content .planningActivation img.info {
    margin: 10px;
    margin-top: 30px;
    float: left;
    vertical-align: middle;
}

.page-content .planningActivation .explanation {
    vertical-align: middle;
    width: 75%;
    margin: 5px;
    margin-top: 20px;
    float: left;
    font-size: 1.2em;
}

.page-content .planningActivation .thumbnail img {
    margin: 3px;
    height: 66px;
    width: 133px;
    float: right;
}

.page-content .planningActivation a {
    font-family: Arial, Helvetica, sans-serif;
    color: #0D6EC0;
    font-weight: bold;
    text-decoration: underline;
    font-size: 1em;
}

    .page-content .planningActivation a:hover {
        text-decoration: none;
    }

.HelpLinkDisplay {
    position: relative;
    padding-right: 20px;
    float: right;
    color: #939393 !important;
    font-size: 11px;
    text-decoration: none;
}

    .HelpLinkDisplay:before {
        position: absolute;
        right: 0;
        top: 3px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.2em;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f059";
    }

.HelpLinkDisplayTooltip {
    text-align: center;
}

div.warningPanel {
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-color: #FFFFCC;
    margin: 20px 100px;
    padding-top: 15px;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 5px;
    height: 30px;
    border: 2px solid #FFC000;
    font-size: 1.1em;
    font-weight: bold;
}

div.exportModal {
    width: 260px;
    color: #585858;
    padding: 10px;
    background-color: #FFFFFF;
    border: 2px solid #D9D9D9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    div.exportModal h2 {
        float: left;
        margin: 0 0 5px 0;
    }

    div.exportModal a#cancel {
        text-decoration: none;
        color: #000000;
    }

        div.exportModal a#cancel div.cancelLinkContainer {
            float: right;
            cursor: pointer;
            font-size: 25px;
            font-weight: bold;
            height: 25px;
            padding: 0px 5px 4px 6px;
            margin-top: -18px;
            margin-right: -18px;
            text-align: center;
            vertical-align: middle;
            background-color: #FFFFFF;
            border: 1px solid #D9D9D9;
            border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
        }

            div.exportModal a#cancel div.cancelLinkContainer:hover {
                background-color: #E0E0E0;
            }

    div.exportModal table {
        margin-left: 10px;
    }

        div.exportModal table tr td {
            text-align: left;
            vertical-align: middle;
            padding: 5px;
        }

            div.exportModal table tr td img {
                width: 35px;
                height: 35px;
            }

            div.exportModal table tr td a {
                color: #4a90e2;
            }

span.export-text {
    float: left;
}

span.export-pipe {
    float: left;
}

.support-mail {
    background-color: #B1F0FF;
    padding-top: 4px;
    padding-bottom: 4px;
}

span.export-image {
    background-image: url(/content/images/buttons/export-inset.png);
    margin-right: 5px;
    height: 16px;
    width: 16px;
    float: left;
}

li.export-image-fixed {
    background: url(/content/images/buttons/export-inset.png);
    background-repeat: no-repeat;
    margin-right: 3px;
    height: 16px;
    width: 16px;
}

li.print-image {
    background-image: url(/content/images/buttons/print-inset.png);
    height: 16px;
    width: 16px;
    margin-right: 3px;
}

ul.menu-link {
    margin-top: 0px;
}

li.item-link {
    float: left;
    display: list-item;
    list-style: none;
}

span.print-image {
    background-image: url(/content/images/buttons/print-inset.png);
    margin-right: 5px;
    height: 16px;
    width: 16px;
    float: left;
}

table.config tr.line td.first-cell {
    padding-left: 7px;
}

div.footerContainer {
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: text-top;
  background-image: -moz-linear-gradient(left center, #D2D2D2 10%, #FDFDFD 50%, #D2D2D2 90%);
  background-color: #DEDEDE;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.footerContainer .footer {
  height: 80px;
  font-size: 0.8em;
  color: #999999;
  min-width: 960px;
  padding: 0;
  margin: 0;
}
.footerContainer .footer-shadow {
  background-image: url(/App_Themes/Default/images/footer/shadow.png);
  height: 20px;
  margin: auto;
  text-align: left;
  width: 1000px;
}
div.footer .links a {
  color: #999999;
  text-decoration: underline;
}
div.footer .links a.important {
  font-weight: bold;
  font-size: 1.1em;
}
div.footer .links a:hover {
  color: #595959;
}

/* CSS Hacks for IE7 */

*+html .headerContainer .tabPanel {
	margin-left: -35px;
}

*+html .headerContainer .tabItem {
	margin-left: 0;
	margin-top: 4px;
	padding-bottom: 4px;
}

body > div.headerContainer {
  margin: 16px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.headerContainer h2 {
  margin-top: 12px;
  margin-left: 10px;
  font-size: 1.4em;
}
.headerContainer hr {
  width: 70%;
  border: 0;
  color: White;
  border-bottom: 1px dotted #656565;
  text-align: left;
}
.headerContainer a {
  color: #D5F2FF;
  font-weight: bold;
}
.headerContainer a:hover {
  color: #D5F2FF;
}
.headerContainer div.header-topSupport {
  background-color: #B1F0FF;
  color: #000000;
  padding: 5px;
}
.headerContainer div.header-topSupport a {
  color: #FF6600;
}
.headerContainer div.switchMode {
  position: absolute;
  top: 5px;
  right: 5px;
}
.headerContainer div.switchMode a,
.headerContainer div.switchMode a:visited {
  color: #61CAF8;
  text-decoration: none;
}
.headerContainer div.switchMode a:hover,
.headerContainer div.switchMode a:visited:hover {
  color: #fff;
  cursor: pointer;
}
.headerContainer div.header-bottom div.search-box {
  padding: 5px;
  margin-top: 10px;
  margin-right: 10px;
  background: #F2F2F2;
  font-size: 0.9em;
}
.headerContainer div.header-bottom div.search-box {
  margin-left: 10px;
}
.headerContainer div.header-bottom div.search-box .hotelList {
  width: 230px;
  font-size: 0.9em;
}
.headerContainer div.header-bottom div.search-box,
.headerContainer div.header-bottom div.search-box a {
  color: #404040;
  font-size: 0.9em;
  font-weight: normal;
}
.headerContainer div.header-bottom div.title-box {
  float: left;
  padding-left: 10px;
}
.headerContainer div.header-bottom .title-box-container {
  padding-right: 23px;
}
.headerContainer div.header-bottom div.title-box .navig {
  padding-top: 2px;
}
.headerContainer div.header-bottom div.title-box .navig,
.headerContainer div.header-bottom div.title-box .navig a,
.headerContainer div.header-bottom div.title-box .navig a.disabled:hover {
  color: #A8A8A8;
  font-weight: normal;
  font-size: 11px;
  text-decoration: none;
}
.headerContainer div.header-bottom div.title-box .navig a:hover {
  text-decoration: underline;
}
.headerContainer div.header-bottom div.title-box .title {
  display: block;
  white-space: nowrap;
  width: 100%;
  background-color: #F2F2F2;
  color: #797979;
  font-weight: normal;
  font-size: 11px;
}
.headerContainer div.header-bottom div.title-box .title .hotelName {
  color: #000000;
  font-weight: bold;
  font-size: 1.3em;
}
.headerContainer div.header-bottom div.title-box .title a {
  color: #797979;
  font-weight: normal;
  font-size: 11px;
}
.headerContainer .header {
  background-color: #392e5f;
  min-width: 1155px;
  margin: 0;
  padding: 0;
}
.headerContainer .header .headerContent {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}
.headerContainer .header div.clientInfos {
  color: #D5F2FF;
  text-align: right;
  font-size: 1.2em;
  display: block;
  float: left;
  margin-top: 25px;
  margin-right: 5px;
}
.headerContainer .header div.clientInfos span {
  display: block;
  clear: both;
  font-size: 0.8em;
  text-align: left;
  color: #D5F2FF;
}
.headerContainer .header div.clientInfos span.corpName {
  font-size: 1.6em;
  font-weight: bold;
  color: #FFFFFF;
}
.headerContainer .header div.clientInfos a {
  color: #D5F2FF;
  font-weight: normal;
}
.headerContainer div.logo {
  float: left;
  width: 200px;
  height: 70px;
  background-image: url(/App_Themes/Default/images/header/d-edge.svg);
  background-repeat: no-repeat;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 8px;
  background-position-x: -5px;
  background-position-y: 4px;
  background-size: 200px;
}
.headerContainer .tabPanel {
  margin: 0;
  float: left;
  min-width: 1000px;
  font-size: 0.9em;
  clear: both;
}
.headerContainer .tabItem {
  background: url(/App_Themes/Default/images/header/tab_left_on_off.gif?v=2);
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  float: left;
  margin-left: 8px;
}
* + html .headerContainer .tabItem {
  margin-left: 0;
}
* + html .headerContainer .tabItem:first-child {
  margin-left: 8px;
}
.headerContainer li.tabItem:hover {
  background: url(/App_Themes/Default/images/header/tab_left_on_off.gif?v=2);
  background-repeat: no-repeat;
  background-position: 0 -40px;
}
.headerContainer .tabItem > a {
  padding-left: 10px;
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
}
.headerContainer .tabItem.current > a,
.headerContainer .tabItem:hover.current > a {
  color: #FFFFFF;
}
.headerContainer .tabItem:hover > a {
  color: #FFFFFF;
}
.headerContainer .tabItem > a > span {
  padding-top: 5px;
  padding-left: 0;
  padding-right: 10px;
  text-align: center;
  display: block;
  background: url(/App_Themes/Default/images/header/tab_right_on_off.gif?v=2);
  background-repeat: no-repeat;
  background-position: top right;
  padding-bottom: 5px;
}
.headerContainer li.tabItem:hover > a > span {
  background: url(/App_Themes/Default/images/header/tab_right_on_off.gif?v=2);
  background-repeat: no-repeat;
  background-position: 100% -40px;
}
.headerContainer .tabItem.current > a > span,
.headerContainer li.tabItem:hover.current > a > span {
  background: url(/App_Themes/Default/images/header/current_tab_right.gif?v=2);
  background-repeat: no-repeat;
  background-position: top right;
}
.headerContainer .tabItem.current,
.headerContainer li.tabItem:hover.current {
  background: url(/App_Themes/Default/images/header/current_tab_left.gif?v=2);
  background-repeat: no-repeat;
  background-position: top left;
}
.headerContainer .header ul {
  list-style-type: none;
  display: block;
}
.headerContainer .header .header-bottom {
  background-color: #F2F2F2;
  font-size: 1.1em;
}
.headerContainer div.header-bottom table {
  width: 100%;
}
.headerContainer div.header-bottom table td.first-child {
  width: 200px;
}
.headerContainer div.header-bottom table td.last-child {
  text-align: right;
  padding-right: 20px;
}
.headerContainer div.header-bottom div.search-box {
  background-color: #F2F2F2;
  color: #404040;
  margin: 0;
  width: 230px;
}
.headerContainer .header .separator {
  background-color: #00A78D;
  height: 5px;
  margin-top: -5px;
  clear: both;
}
.headerContainer div.navigate-menu {
  background-color: #00A78D;
  margin-top: -5px;
  clear: both;
  text-align: left;
  padding: 5px 5px 5px 15px;
  color: #FFFFFF;
  font-size: 0.9em;
}
* + html .headerContainer div.navigate-menu {
  padding-top: 2px;
}
.headerContainer div.navigate-menu a {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
.headerContainer div.navigate-menu a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #FFFFFF;
}
.headerContainer div.navigate-menu a.disabled:hover,
.headerContainer div.navigate-menu .disabled {
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
.headerContainer div.header-bottom div.search-box {
  width: 260px;
}
* + html .container.displayedPage {
  padding-top: 0;
  margin-top: 20px;
}
* html .headerContainer .header .headerContent {
  background: #392e5f;
}
* html .header .separator {
  height: 2px;
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1px;
}
* html .header .tabPanel {
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  margin-top: 0;
}
* html .header .tabPanel ul {
  padding: 0;
  margin: 0;
  margin-left: -5px;
}
* html .header .tabItem {
  padding-top: 3px;
  padding-bottom: 10px;
  padding-left: 5px;
  margin-left: 2px;
}
* html .header .tabItem span.right {
  background: url(/App_Themes/Default/images/header/tab_right_on_off.gif?v=2);
  background-repeat: no-repeat;
  background-position: top right;
  padding: 5px;
  padding-right: 10px;
  padding-top: 4px;
}
* html .headerContainer .tabItem.current {
  background: url(/App_Themes/Default/images/header/tab_left_on_off.gif?v=2);
  background-repeat: no-repeat;
  background-position: top left;
}
* html .headerContainer .header .navigate-menu {
  height: 5px;
  padding: 3px;
  padding-left: 10px;
}
* html .headerContainer .header .header-bottom table td.first-child {
  width: 280px;
}
.header-support-extranetLocked {
  background: url(/App_Themes/Default/images/header/lock.png);
  background-repeat: no-repeat;
  background-position: 10px 5px;
  background-color: #D0534E;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.header-support {
  position: relative;
  border-top: 2px solid #B1F0FF;
  border-bottom: 2px solid #B1F0FF;
  background-color: #E8F5F8;
}
.headerContainer .header-support-button {
  position: absolute;
  right: 150px;
  bottom: -32px;
  display: inline-block;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #015173;
  text-transform: uppercase;
  background-color: #61CAF8;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0px 2px 1px #2F8BD3;
  -webkit-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}
.headerContainer .header-support-button:hover {
  cursor: pointer;
  background-color: #B1F0FF;
  color: #015173;
}
.header-support-button .icon-chevron-up {
  display: inline;
}
.header-support-button .icon-chevron-down {
  display: none;
}
.header-support-button-closed .icon-chevron-up {
  display: none;
}
.header-support-button-closed .icon-chevron-down {
  display: inline;
}
.header-support-content {
  width: 980px;
  height: 100px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transition: height 250ms ease-out;
  transition: height 250ms ease-out;
}
.header-support-content-hidden {
  height: 0;
}
.header-support-content-left {
  float: left;
  width: 310px;
  padding: 5px 0;
}
.header-support-content-image {
  float: left;
  width: 90px;
  height: 90px;
  margin: 0 10px 0 0;
  background: #ECECEC;
  border-radius: 47px;
}
.header-support-content-text {
  margin: 15px 0 0 0;
  color: #818181;
  top: 3px;
}
.header-support-content-user {
  margin: 5px 0 0 0;
  font-weight: bold;
}
.headerContainer .header-support-content .header-support-content-exit {
  display: block;
  margin: 5px 0 0 0;
  color: #4a90e2;
}
.headerContainer .header-support-content-exit:hover {
  color: #000;
  cursor: pointer;
}
.header-support-content-right {
  margin: 5px 0 0 220px;
  overflow: hidden;
  padding: 5px 0;
}
.header-support-content-menu {
  padding: 0 0 0 20px;
  margin: 0 0 0 20px;
  border-left: 1px solid #B1F0FF;
  float: left;
}
.header-support-content-menu-item {
  list-style-type: none;
  margin: 0 0 5px 0;
}
.header-support-content-menu-item-title {
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
}
.headerContainer .header-support-content-menu-item-link {
  color: #000;
  text-decoration: none;
}
.headerContainer .header-support-content-menu-item-link:hover {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
.header-content {
  padding: 5px 10px;
}
.headerContainer .header-support-content a {
  color: #000;
  font-weight: normal;
}
.headerContainer .ctx-header-assistance {
  float: right;
  padding: 10px 10px 6px 10px;
  color: #028eca;
  margin-top: 30px;
  margin-right: 70px;
  background: #FFFFFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  border-radius: 40px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  vertical-align: top;
  text-decoration: none;
}
.headerContainer .ctx-header-assistance .link-icon {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  float: left;
}
.headerContainer .ctx-header-assistance:hover {
  color: #FFF;
  background: #028eca;
  text-decoration: none;
}
.headerContainer .header div.clientInfos .ctx-header-system-status {
  display: inline;
  font-size: 1em;
}
.headerContainer .header div.clientInfos .ctx-header-system-status.ctx-header-system-status-available i {
  color: #82B00A;
}
.headerContainer .header div.clientInfos .ctx-header-system-status.ctx-header-system-status-partner-issue i {
  color: #028ECA;
}
.headerContainer .header div.clientInfos .ctx-header-system-status.ctx-header-system-status-warning i {
  color: #F4CD35;
}
.headerContainer .header div.clientInfos .ctx-header-system-status.ctx-header-system-status-alert i {
  color: #D0534E;
}

.page-content div.maintenance {
    color: #656565;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-color: #FFFFCC;
    margin: 20px;
    padding: 0;
    padding-left: 40px;
    padding-right: 5px;
    border: 2px solid #FFC000;
    font-size: 1.1em;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.page-content div.maintenanceAlert {
    background-color: #FFFFCC;
    color: #656565;
    font-size: 1.0em;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.header-bar {
    min-height:25px;
    width:100%;
}

.header-title {
    margin: 4px 20px 4px 20px;
    color: White;
    font-size: 1.6em;
    font-weight: bold;
}

.content {
    padding: 20px;
}

table caption {
    font-weight: bold;
}

.tab-left {
    float: left;
    width: 40px;
    height: 26px;
    padding: 2px 6px 2px 6px;
    border-bottom: solid 1px black;
    margin:0;
}

.tab-button {
    float: left;
    height: 25px;
    padding: 2px 6px 2px 6px;
    border-top: solid 1px black;
    border-left: solid 1px black;
    border-bottom: solid 1px black;
    vertical-align: middle;
    font-size: medium;
    margin:0;
}

.tab-button a {
    text-decoration: none;
}

.tab-selected {
    height: 25px;
    border-bottom: solid 1px white;
}

.tab-spacer {
    float: left;
    height: 26px;
    padding: 2px 6px 2px 6px;
    border-left: solid 1px black;
    border-bottom: solid 1px black;
    margin:0;	
}
.tab-right {
    height: 26px;
    padding: 2px 6px 2px 6px;
    /*border-left: solid 1px black;*/
    border-bottom: solid 1px black;
    margin:0;
}

.tab-frame {
    clear:both;
    border-left: solid 1px black;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    
    margin:0;
    padding: 10px;
}

.tab-navigation {
    margin-top: 20px;
    padding-top: 10px;
    border-top: dashed 1px #dddddd;
}

.tab-navigation input {
    width: 100px;
}

table.edit {
    border-collapse: collapse;
    border: solid 1px black;
}

table.edit td {
    border: solid 1px black;
    
}

table.edit th, table.edit td.th {
    background-color: #DDDDDD;
    font-weight: bold;
    border: solid 1px black;
    padding: 3px 12px 3px 12px;
    text-align: center;
}

table.layout {
    border-collapse: collapse;
    border: none;
}

table.layout td {
    border: none;
    margin: 0;
    padding: 0;
    
}

.room-frame {
    width:760px;
}

.roomContractHeader {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 30px;
}


.roomContractHeader td {
    font-size: medium;
    padding: 4px;
}

.roomContractHeader .title {
    width: 120px;
}

.roomContractHeader .name {
    width: 250px;
    text-align: center;
    font-weight: bold;
}

.roomContractHeader .padding {
    background-color: #DDDDDD;
}

.periodList {
    width: 100%;
}

.periodList td {
    padding: 4px;
}

.periodList .period {
    text-align: center;
}

.periodList .days {
    text-align: center;
}

.ajax__calendar_container div {
    padding: 0px 1px 0px 1px;
    
}

.ajax__calendar_container table {
    border: none;
}

.ajax__calendar_container td {
    padding: 0;
    border: none;
}

.calendarTextBox[readonly] {
    color: #808080;
}

.calendarButton {
    cursor: pointer;
}

.calendarButton:disabled {
    cursor: default;
}

.warning {
    color: #FF5353;
}

.validationPanel {
    margin-bottom: 15px;
}

.validationPanel div.validationSummary {
    color: #656565;
    border: 2px solid #FFC000;
    background-color: #FFFFCC;
    padding: 10px 10px 0 10px;
}

/***** BookingEngine *****/
#container {
    margin: 16px;
}

table.menu {
    margin-top: 0;
}
table.menu td {
    padding: 6px 12px 6px 12px;
    border-bottom: 1px dotted #CDCDCD;
    font-size: 1.2em;
}

h2 {
    margin-top: 12px;
    /*margin-left: 10px;*/
}

hr {
    width: 70%;
    border: 0;
    color: White;
    border-bottom: 1px dotted #656565;
    text-align: left;
}
/*
a {
    color: #FF6600;
    font-weight: bold;
}

a:hover {
    color:		#FF0000;
}	
*/
.group {
    background-color: #fafafa;
    border: solid 1px #BBBBBB;
    margin-bottom:10px;
    padding: 0px 5px 5px 5px;
}

.group .title {
    color: #0066CC;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 0;
    border-bottom: 1px dotted #CDCDCD;
    padding: 4px;
    margin-bottom: 4px;
}

.group .info {
    display:block;
}

.group .info div {
    margin-top: 2px;
    margin-bottom: 2px;
}

.group.warning, .group .title.warning {
    color: red;
}

table.info {
    margin: 6px;
    border-collapse: collapse;
    border: 1px solid #ABABAB;
}

table.info td {
    border: 1px solid #ABABAB;
    padding: 4px;
}

table.info th {
    color: White;
    background-color: #ABABAB;
    border: 1px solid #ABABAB;
    padding: 6px;
}

.BackButton {
    padding: 2px 12px 2px 12px;
}

.checkBoxList tr td {
    width:400px;
}

.summary {
    margin-bottom:10px;
}

.summary, .selection {
    font-size: 11px;
    color: #656565;
}

.summary a, .selection a {
    color: blue;
}

.summary a:hover, .selection a:hover {
    color: #FF0000;
}

.validator {
    margin-left:5px; 
    float:left
}

.left {
    float:left;
}

.clear {
    clear:both;
}

div.page-content a.roundedLink,
div.page-content input.roundedLink {
  text-decoration: none;
  font-weight: bold;
  background-color: #FF6600;
  border: none;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 10px;
  cursor: pointer;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
div.page-content a.roundedLink:hover,
div.page-content input.roundedLink:hover {
  background-color: #FDEBDD;
  color: #FF6600;
}
div.page-content a.roundedLightLink,
div.page-content input.roundedLightLink {
  text-decoration: none;
  font-weight: bold;
  background-color: #FDEBDD;
  border: none;
  color: #FF6600;
  text-align: center;
  padding: 2px 10px;
  cursor: pointer;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
div.page-content a.roundedLightLink:hover,
div.page-content input.roundedLightLink:hover {
  background-color: #FF6600;
  color: #FFFFFF;
}
div.page-content div.contentPanel {
  background-color: #F2f2f2;
  color: #656565;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.page-content div.contentPanel a {
  color: #656565;
}
div.page-content div.actionsPanel,
div.page-content td.actionsPanel {
  border-left: 1px dotted #CDCDCD;
  width: 250px;
}
div.page-content div.actionsPanel {
  margin-left: 5px;
}
div.page-content div.actionsPanel.noBorder {
  border-left: none;
}
div.page-content div.actionsPanel div.actionsPanelHeader,
div.page-content td.actionsPanel div.actionsPanelHeader {
  background-color: #F2F2F2;
  color: #404040;
  font-weight: bold;
  min-height: 20px;
  line-height: 20px;
  margin-left: 10px;
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.page-content div.actionsPanel div.actionLink {
  margin-top: 5px;
  margin-left: 15px;
  height: 20px;
  line-height: 20px;
}
div.page-content div.actionsPanel div.actionLink > div {
  float: left;
  margin-top: 2px;
}
div.page-content div.actionsPanel div.actionLink > img {
  float: left;
  margin-top: 2px;
}
div.page-content div.actionsPanel div.actionLink > a {
  float: left;
  margin-left: 5px;
}

table.detailsTable {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  margin-top: 10px;
}
table.detailsTable td {
  vertical-align: top;
  padding: 5px;
}
table.detailsTable h2 {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 3px;
}
table.detailsTable a.modifyLink {
  float: right;
  margin-right: 3px;
  margin-top: 3px;
}
table.detailsTable td.detailsPictures a.addPicturesLink {
  display: block;
  text-align: center;
}
table.detailsTable td.detailsPictures div.noPicture {
  height: 85px;
  padding-top: 65px;
  text-align: center;
  vertical-align: middle;
  margin: 5px;
  background-color: #F2f2f2;
  color: #656565;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
table.detailsTable td.detailsPictures img {
  margin: 5px;
  width: 240px;
}
table.detailsTable td.detailsContent {
  padding-left: 10px;
  padding-right: 10px;
}
table.detailsTable td.detailsContent span.detailsTitle {
  float: left;
  font-weight: bold;
  font-size: 1.2em;
}
table.detailsTable td.detailsContent div.detailsContent {
  margin: 10px 3px 20px 3px;
}
table.detailsTable td.detailsContent div.detailsContent div.fieldLabelFix {
  float: left;
  font-weight: bold;
  width: 200px;
  height: 20px;
}
table.detailsTable td.detailsContent div.detailsContent div.fieldLabel {
  float: left;
  font-weight: bold;
  height: 20px;
}
table.detailsTable td.detailsContent div.detailsContent div.fieldValue {
  float: left;
  height: 20px;
}
table.detailsTable td.detailsContent div.detailsContent span.fieldLabel {
  font-weight: bold;
  line-height: 20px;
}
table.detailsTable td.detailsContent div.detailsContent span.fieldValue {
  line-height: 20px;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td {
  padding: 0;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart {
  width: 150px;
  border-right: solid 1px #BFBFBF;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart div.emptyDescription {
  height: 18px;
  margin-left: 12px;
  padding-top: 2px;
  color: #8C8C8C;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart div.filledDescription,
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart div.activeDescription {
  height: 18px;
  padding-top: 2px;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart div.filledDescription img.tick,
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart div.activeDescription img.tick {
  float: left;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart div.filledDescription a {
  float: left;
  margin-left: 2px;
  color: #595959;
  font-weight: bold;
  text-decoration: none;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart div.activeDescription a {
  float: left;
  margin-left: 2px;
  color: #3F3F3F;
  font-weight: bold;
  text-decoration: none;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart div.filledDescription a:hover,
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart div.activeDescription a:hover {
  text-decoration: underline;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.culturePart div.activeDescription img.arrow {
  float: right;
}
table.detailsTable td.detailsContent div.detailsContent table.descriptionsTable td.descriptionPart {
  color: #656565;
  padding-left: 5px;
}
table.detailsTable td.detailsContent div.detailsContent.advancedOptions div.rateList table,
table.detailsTable td.detailsContent div.detailsContent div.roomList table {
  width: 100%;
}
table.detailsTable td.detailsContent div.detailsContent.advancedOptions div.rateList table td,
table.detailsTable td.detailsContent div.detailsContent div.roomList table td {
  width: 50%;
}
table.detailsTable td.detailsActions div.actionLink {
  margin-top: 5px;
  margin-left: 15px;
  height: 20px;
  line-height: 20px;
}
table.detailsTable td.detailsActions div.actionLink img {
  float: left;
  margin-top: 2px;
}
table.detailsTable td.detailsActions div.actionLink a {
  float: left;
  margin-left: 5px;
}

* + html .bookingDetails .menuSiriona {
  position: relative;
  overflow: hidden;
}
* + html .bookingDetails .menuSiriona a {
  position: absolute;
  top: 50%;
  margin-left: -150px;
  width: 150px;
  margin-top: expression(-this.offsetHeight/2);
}
.bookingDetails .menu.siriona,
.bookingDetails .menu.siriona:visited {
  color: #0582B3;
  background: url("/App_Themes/Default/images/bookingDetails/bordNavSiriona-active.png") 0 0;
}
.bookingDetails .menu.siriona.active {
  color: #01161e;
  background: url("/App_Themes/Default/images/bookingDetails/bordNavSiriona-active.png") 0 0;
}
.bookingDetails .menu.siriona.active:hover {
  color: #01161e;
  background: url("/App_Themes/Default/images/bookingDetails/bordNavSiriona-active.png") 0 0;
}
.bookingDetails .menu.siriona:hover,
.bookingDetails .menu.siriona:focus {
  background: url("/App_Themes/Default/images/bookingDetails/bordNavSiriona-hover.png") 0 0;
  color: #034c69;
}
body.bookingDetails {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #015173;
  background-image: url(/App_Themes/Default/images/bookingDetails/FDS.png);
  background-repeat: repeat-x;
  overflow-x: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
* + html body.bookingDetails {
  overflow-y: scroll;
}
.bookingDetails form {
  height: 100%;
}
.bookingDetails ul,
.bookingDetails ol,
.bookingDetails dl {
  padding: 0;
  margin: 0;
}
.bookingDetails h1,
.bookingDetails h2,
.bookingDetails h3,
.bookingDetails h4,
.bookingDetails h5,
.bookingDetails h6,
.bookingDetails p {
  margin-top: 0;
  padding-right: 15px;
  padding-left: 15px;
}
.bookingDetails .sidebar a img {
  border: none;
}
.bookingDetails .sidebar a:link {
  text-decoration: none;
}
.bookingDetails .sidebar a:visited {
  text-decoration: none;
}
.bookingDetails .sidebar a:hover,
.bookingDetails .sidebar a:active,
.bookingDetails .sidebar a:focus {
  text-decoration: none;
}
.bookingDetails .bookingDetailsContainer {
  width: 805px;
  height: 100%;
  margin: 0 10px;
}
.bookingDetails .header {
  padding-left: 180px;
  width: 100%;
}
.bookingDetails .sidebar {
  float: left;
  width: 180px;
  padding-bottom: 10px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
.bookingDetails .content {
  padding: 0px 0;
  width: 620px;
  min-height: 100%;
  float: left;
  border-left: 5px solid #00A78D;
}
.bookingDetails .nav {
  color: #FFFFFF;
  text-decoration: none;
  vertical-align: middle;
  margin-bottom: 3px;
  -moz-box-shadow: 0px 0px 10px #555;
  -webkit-box-shadow: 0px 0px 10px #555;
  box-shadow: 0px 0px 10px #555;
  cursor: pointer;
}
.bookingDetails .menu,
.bookingDetails .menu:visited {
  background: url(/App_Themes/Default/images/bookingDetails/bordNav-inactive.png) 0 0;
  text-decoration: none;
  width: 160px;
  height: 20px;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin: 0 0 5px 0;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.bookingDetails .menu.active {
  background: url(/App_Themes/Default/images/bookingDetails/bordNav-active.png) 0 0;
}
.bookingDetails .menu.active {
  color: #FFFFFF;
}
.bookingDetails .menu.active:hover {
  background: url(/App_Themes/Default/images/bookingDetails/bordNav-active.png) 0 0;
}
.bookingDetails .menu:hover,
.bookingDetails .menu:focus {
  background: url(/App_Themes/Default/images/bookingDetails/bordNav-hover.png) 0 0;
  color: #FFFFFF;
}
.bookingDetails .fltrt {
  float: right;
  margin-left: 8px;
}
.bookingDetails .fltlft {
  float: left;
  margin-right: 8px;
}
.bookingDetails .clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}
.bookingDetails .orange {
  background-color: #00A78D;
  width: 8px;
  height: 100%;
  min-height: 38px;
  margin-left: 180px;
}
.bookingDetails .footer {
  padding: 0;
  position: relative;
  clear: both;
}
.bookingDetails .footer #orange {
  width: 5px;
}
.bookingDetails .gris {
  float: left;
  left: 195px;
  top: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 15px;
  width: 100%;
  min-height: 32px;
  min-width: 640px;
  background-color: #e6e6e6;
  background-repeat: repeat-x;
  border-bottom: 1px solid #00A78D;
  border-left: 5px solid #00A78D;
}
.bookingDetails .wrap {
  width: 620px;
}
.bookingDetails .small.button {
  margin: 5px 4px 0px 0px;
}

/* Version: v10 */

/*

Brand color
____________________________________________________________________________________________________________  
*/
/*

Color variations
____________________________________________________________________________________________________________  
*/
/*

Additional color
____________________________________________________________________________________________________________  
*/
/*

Text color
____________________________________________________________________________________________________________  
*/
/*

Font
____________________________________________________________________________________________________________  
*/
/*

Scaffolding
____________________________________________________________________________________________________________  
*/
/*

Alerting
____________________________________________________________________________________________________________  
*/
/*

Responsive
____________________________________________________________________________________________________________  
*/
/*

Z-index
____________________________________________________________________________________________________________  
*/
/*

Forms
____________________________________________________________________________________________________________
*/
/*

Buttons
____________________________________________________________________________________________________________
*/
/*

Tooltip
____________________________________________________________________________________________________________
*/
/*

Popover
____________________________________________________________________________________________________________
*/
/*

Table
____________________________________________________________________________________________________________
*/
/*

Slider
____________________________________________________________________________________________________________
*/
/*

Navigation
____________________________________________________________________________________________________________
*/
/*

Vertex
____________________________________________________________________________________________________________
*/
/*

Availpro Mixins
____________________________________________________________________________________________________________  
*/
/* 

Typography
____________________________________________________________________________________________________________
*/
/* 

Grid System
____________________________________________________________________________________________________________
*/
/* 

Vendor prefixes
____________________________________________________________________________________________________________
*/
/* 

Utilities
____________________________________________________________________________________________________________
*/
.action-footer--availpro {
  background-color: #595079;
  color: #fff;
}
.action-footer--availpro .action-footer-confirm,
.action-footer--availpro .action-footer-confirm:visited {
  background-color: #00a78d;
  color: #ffffff;
}
.action-footer--availpro .action-footer-confirm:hover,
.action-footer--availpro .action-footer-confirm:focus,
.action-footer--availpro .action-footer-confirm:active {
  background-color: #0d9c83;
  color: #ffffff;
}
.action-footer--availpro .action-footer-cancel,
.action-footer--availpro .action-footer-cancel:visited,
.action-footer--availpro .action-footer-cancel:hover,
.action-footer--availpro .action-footer-cancel:focus,
.action-footer--availpro .action-footer-cancel:active {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.action-footer--white {
  background-color: #fff;
}
.action-footer--white .action-footer-confirm,
.action-footer--white .action-footer-confirm:visited {
  background-color: #00a78d;
  color: #ffffff;
}
.action-footer--white .action-footer-confirm:hover,
.action-footer--white .action-footer-confirm:focus,
.action-footer--white .action-footer-confirm:active {
  background-color: #0d9c83;
  color: #ffffff;
}
.action-footer--white .action-footer-cancel,
.action-footer--white .action-footer-cancel:visited {
  color: #00a78d;
  border: 1px solid #00a78d;
}
.alert--attention {
  color: #fff;
  background-color: #d0534e;
}
.alert--error {
  background-color: #f4cd35;
}
.alert--information {
  color: #fff;
  background-color: #028eca;
}
.alert--siriona {
  color: #fff;
  background-color: #35c1fd;
}
.alert--validation {
  color: #fff;
  background-color: #82b00a;
}
.badge--attention {
  color: #d0534e;
  border: 1px solid #d0534e;
}
.badge--error {
  color: #d1a90b;
  border: 1px solid #f4cd35;
}
.badge--information {
  color: #028eca;
  border: 1px solid #028eca;
}
.badge--validation {
  color: #82b00a;
  border: 1px solid #82b00a;
}
.badge--blue {
  color: #fff;
  border: 1px solid #407790;
  background-color: #407790;
}
.badge--dark-green {
  color: #fff;
  border: 1px solid #376a63;
  background-color: #376a63;
}
.badge--green {
  color: #fff;
  border: 1px solid #2a8f81;
  background-color: #2a8f81;
}
.badge--purple {
  color: #fff;
  border: 1px solid #7c6c94;
  background-color: #7c6c94;
}
.badge--red {
  color: #fff;
  border: 1px solid #d0534e;
  background-color: #d0534e;
}
.badge--yellow {
  color: #585858;
  border: 1px solid #f4cd35;
  background-color: #f4cd35;
}
.banner-message--attention {
  background-color: #d0534e;
  color: #fff;
}
.banner-message--attention .banner-message-button-confirm,
.banner-message--attention .banner-message-button-confirm:hover {
  background-color: #fff;
  color: #d0534e;
}
.banner-message--attention .banner-message-button-cancel,
.banner-message--attention .banner-message-button-cancel:hover {
  color: #fff;
  border: 1px solid #fff;
  background-color: #d0534e;
}
.banner-message--error {
  background-color: #f4cd35;
  color: #585858;
}
.banner-message--error .banner-message-button-confirm,
.banner-message--error .banner-message-button-confirm:hover {
  background-color: #585858;
  color: #f4cd35;
}
.banner-message--error .banner-message-button-cancel,
.banner-message--error .banner-message-button-cancel:hover {
  color: #585858;
  border: 1px solid #585858;
  background-color: #f4cd35;
}
.banner-message--information {
  background-color: #028eca;
  color: #fff;
}
.banner-message--information .banner-message-button-confirm,
.banner-message--information .banner-message-button-confirm:hover {
  background-color: #fff;
  color: #028eca;
}
.banner-message--information .banner-message-button-cancel,
.banner-message--information .banner-message-button-cancel:hover {
  color: #fff;
  border: 1px solid #fff;
  background-color: #028eca;
}
.banner-message--siriona {
  background-color: #028eca;
  color: #fff;
}
.banner-message--siriona .banner-message-button-confirm,
.banner-message--siriona .banner-message-button-confirm:hover {
  background-color: #fff;
  color: #028eca;
}
.banner-message--siriona .banner-message-button-cancel,
.banner-message--siriona .banner-message-button-cancel:hover {
  color: #fff;
  border: 1px solid #fff;
  background-color: #028eca;
}
.banner-message--validation {
  background-color: #82b00a;
  color: #fff;
}
.banner-message--validation .banner-message-button-confirm,
.banner-message--validation .banner-message-button-confirm:hover {
  background-color: #fff;
  color: #82b00a;
}
.banner-message--validation .banner-message-button-cancel,
.banner-message--validation .banner-message-button-cancel:hover {
  color: #fff;
  border: 1px solid #fff;
  background-color: #82b00a;
}
.button--primary,
.button--primary:visited {
  background-color: #00a78d;
  color: #ffffff;
  border: 0;
}
.button--primary:hover,
.button--primary:focus,
.button--primary:active {
  background-color: #0d9c83;
}
.button--siriona.is-disabled,
.button--siriona.is-disabled:hover,
.button--siriona.is-disabled:visited,
.button--siriona.is-disabled:focus,
.button--siriona.is-disabled:active {
  background-color: #ebebeb;
  color: #939393;
}
.button--secondary,
.button--secondary:visited {
  color: #00a78d;
  background-color: #ffffff;
  border: 1px solid #00a78d;
}
.button--secondary:hover,
.button--secondary:focus,
.button--secondary:active {
  background-color: #ffffff;
  color: #0d9c83;
  border-color: #0d9c83;
}
.button--secondary.is-disabled,
.button--secondary.is-disabled:hover,
.button--secondary.is-disabled:visited,
.button--secondary.is-disabled:focus,
.button--secondary.is-disabled:active {
  background: #ffffff;
  border: 1px solid #c7c7c7;
  color: #939393;
}
.button--siriona,
.button--siriona:visited,
.button--siriona._loading:hover {
  background-color: #35c1fd;
  color: #fff;
}
.button--siriona:hover,
.button--siriona:focus,
.button--siriona:active {
  background-color: #35c1fd;
}
.button--siriona.is-disabled,
.button--siriona.is-disabled:hover,
.button--siriona.is-disabled:visited,
.button--siriona.is-disabled:focus,
.button--siriona.is-disabled:active {
  background-color: #ebebeb;
  color: #939393;
}
.button--white,
.button--white:visited {
  color: #fff;
  border: 1px solid #fff;
}
.button--white.is-disabled,
.button--white.is-disabled:hover,
.button--white.is-disabled:visited,
.button--white.is-disabled:focus,
.button--white.is-disabled:active {
  background: transparent;
  border: 1px solid #c7c7c7;
  color: #939393;
}
/*

Button Dropdown
____________________________________________________________________________________________________________

avp-button-dropdown
____________________________________________________________________________________________________________
*/
.button-dropdown-menu {
  background: #fff;
  box-shadow: 0 1px 3px #acacac;
}
/*

is-[qualifier]
____________________________________________________________________________________________________________
*/
.button-dropdown-menu-item.is-separator {
  border-top: 1px solid #e2e2e2;
}
.button-dropdown--information .button-dropdown-button {
  color: #028eca;
}
.button-dropdown--information .button-dropdown-menu-link {
  color: #028eca;
}
.button-dropdown--information .button-dropdown-menu-link:hover {
  color: #fff;
  background-color: #028eca;
}
.button-dropdown--primary .button-dropdown-button {
  background-color: #2778c7;
  color: #ffffff;
}
.button-dropdown--primary .button-dropdown-button:hover,
.button-dropdown--primary .button-dropdown-button:focus {
  background-color: #1870bf;
}
.button-dropdown--primary .button-dropdown-menu-link {
  color: #585858;
}
.button-dropdown--primary .button-dropdown-menu-link:hover {
  color: #ffffff;
  background-color: #2778c7;
}
.button-dropdown--primary .button-dropdown-button.is-active {
  background-color: #1870bf;
}
.button-dropdown--primary.is-disabled .button-dropdown-button,
.button-dropdown--primary.is-disabled .button-dropdown-button:hover,
.button-dropdown--primary.is-disabled .button-dropdown-button:visited,
.button-dropdown--primary.is-disabled .button-dropdown-button:focus {
  background-color: #ebebeb;
  color: #939393;
  filter: none;
}
.button-dropdown--primary.is-combined-left + .button--primary.is-combined-right,
.button-dropdown--primary.is-combined-left + .button--primary.is-combined-right:visited {
  background-color: #2778c7;
  color: #ffffff;
}
.button-dropdown--primary.is-combined-left + .button--primary.is-combined-right:hover,
.button-dropdown--primary.is-combined-left + .button--primary.is-combined-right:focus,
.button-dropdown--primary.is-combined-left + .button--primary.is-combined-right:active {
  background-color: #1870bf;
  color: #ffffff;
}
.button-dropdown--primary.is-combined-left + .button--secondary.is-combined-right,
.button-dropdown--primary.is-combined-left + .button--secondary.is-combined-right:visited {
  color: #2778c7;
  border: 1px solid #2778c7;
  background-color: #ffffff;
}
.button-dropdown--primary.is-combined-left + .button--secondary.is-combined-right:hover,
.button-dropdown--primary.is-combined-left + .button--secondary.is-combined-right:focus,
.button-dropdown--primary.is-combined-left + .button--secondary.is-combined-right:active {
  background-color: #ffffff;
  color: #1870bf;
  border-color: #1870bf;
}
.button-dropdown--secondary .button-dropdown-button {
  color: #2778c7;
  border: 1px solid #2778c7;
}
.button-dropdown--secondary .button-dropdown-button:hover,
.button-dropdown--secondary .button-dropdown-button:focus,
.button-dropdown--secondary .button-dropdown-button.is-active {
  background-color: #ffffff;
  color: #1870bf;
  border-color: #1870bf;
}
.button-dropdown--secondary .button-dropdown-menu-link {
  color: #585858;
}
.button-dropdown--secondary .button-dropdown-menu-link:hover {
  color: #ffffff;
  background-color: #2778c7;
}
.button-dropdown--secondary.is-disabled .button-dropdown-button,
.button-dropdown--secondary.is-disabled .button-dropdown-button:hover,
.button-dropdown--secondary.is-disabled .button-dropdown-button:visited,
.button-dropdown--secondary.is-disabled .button-dropdown-button:focus {
  background: #ffffff;
  border: 1px solid #e2e2e2;
  color: #939393;
}
.button-dropdown--secondary.is-combined-left + .button--primary.is-combined-right,
.button-dropdown--secondary.is-combined-left + .button--primary.is-combined-right:visited {
  background-color: #2778c7;
  color: #ffffff;
}
.button-dropdown--secondary.is-combined-left + .button--primary.is-combined-right:hover,
.button-dropdown--secondary.is-combined-left + .button--primary.is-combined-right:focus,
.button-dropdown--secondary.is-combined-left + .button--primary.is-combined-right:active {
  background-color: #1870bf;
  color: #ffffff;
}
.button-dropdown--secondary.is-combined-left + .button--secondary.is-combined-right,
.button-dropdown--secondary.is-combined-left + .button--secondary.is-combined-right:visited {
  color: #2778c7;
  border: 1px solid #2778c7;
  background-color: #ffffff;
}
.button-dropdown--secondary.is-combined-left + .button--secondary.is-combined-right:hover,
.button-dropdown--secondary.is-combined-left + .button--secondary.is-combined-right:focus,
.button-dropdown--secondary.is-combined-left + .button--secondary.is-combined-right:active {
  background-color: #ffffff;
  color: #1870bf;
  border-color: #1870bf;
}
.button-dropdown--siriona .button-dropdown-button {
  color: #35c1fd;
}
.button-dropdown--siriona .button-dropdown-menu-link {
  color: #35c1fd;
}
.button-dropdown--siriona .button-dropdown-menu-link:hover {
  color: #ffffff;
  background-color: #35c1fd;
}
.calendar-heading-day {
  color: #939393;
}
.calendar-body-date-disc {
  -webkit-box-shadow: 0 0 0 #ffffff;
  box-shadow: 0 0 0 #ffffff;
  background-color: #fff;
  color: #585858;
  border: 1px solid #e2e2e2;
  left: 5px;
}
.calendar-body-date-disc:hover {
  background-color: #0d9c83;
  border-color: #0d9c83;
  color: #fff;
}
/*

is-qualifier 
____________________________________________________________________________________________________________
*/
.calendar-heading-day.is-weekend {
  color: #c7c7c7;
}
.calendar-body-date.is-highlighted .calendar-body-date-disc {
  background-color: #00a78d;
  border-color: #00a78d;
  color: #fff;
}
.calendar-body-date.is-highlighted .calendar-body-date-disc:hover {
  background-color: #0d9c83;
  border-color: #0d9c83;
  color: #fff;
}
.calendar-body-date.is-disabled .calendar-body-date-disc,
.calendar-body-date.is-disabled .calendar-body-date-disc:hover {
  background-color: #f2f2f2;
  color: #c7c7c7;
  border-color: #f2f2f2;
}
.calendar-body-date.is-marked .calendar-body-date-disc:after {
  border: 1px solid #fff;
  background-color: #00a78d;
}
/*

HelpAssistant
____________________________________________________________________________________________________________

avp-help-assistant
____________________________________________________________________________________________________________
*/
.help-assistant-link,
.help-assistant-link:visited {
  color: #939393;
}
/* 

is-[qualifier]
____________________________________________________________________________________________________________
*/
.avp-link.is-disabled,
.avp-link.is-disabled:visited {
  color: #c7c7c7;
}
.link--back,
.link--back:visited {
  color: #2778c7;
}
.link--primary,
.link--primary:visited {
  color: #2778c7;
}
.link--secondary,
.link--secondary:visited {
  color: #777777;
}
.link--tertiary,
.link--tertiary:visited {
  color: #ffffff;
}
.link--siriona,
.link--siriona:visited {
  color: #35c1fd;
}
/*

Modal
____________________________________________________________________________________________________________

avp-modal
____________________________________________________________________________________________________________
*/
.modal-overlay {
  background-color: #000;
}
.modal-content {
  background-color: #fff;
}
.modal-action {
  border-top: 1px solid #e2e2e2;
}
.modal-close {
  color: #939393;
}
/*

Navigation Tab
____________________________________________________________________________________________________________

avp-navigation-tab
____________________________________________________________________________________________________________
*/
.avp-navigation-tab {
  border: 1px solid #e2e2e2;
  background-color: #ebebeb;
}
.navigation-tab-item {
  color: #595079;
}
.navigation-tab-item + .navigation-tab-item {
  border-left: 2px solid #e2e2e2;
}
.navigation-tab-mark {
  border-color: transparent;
}
/*

is-[qualifier]
____________________________________________________________________________________________________________
*/
.navigation-tab-item.is-selected {
  background-color: #778899;
  color: #fff;
}
.navigation-tab-item.is-selected .navigation-tab-mark {
  border-color: #778899 transparent transparent transparent;
}
/*

Popover
____________________________________________________________________________________________________________

avp-popover
____________________________________________________________________________________________________________
*/
.avp-popover {
  -webkit-box-shadow: 0px 0px 4px 0px #585858;
  box-shadow: 0px 0px 4px 0px #585858;
  background: #fff;
}
.popover-banner {
  background-color: #fea060;
  color: #fff;
}
.popover-arrow {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: solid 10px #c0c0c0;
}
.popover-footer {
  background: #ebebeb;
  border-top: 1px solid #e2e2e2;
}
/*

Progress bar
____________________________________________________________________________________________________________

avp-progress-bar
____________________________________________________________________________________________________________
*/
.avp-progress-bar {
  background-color: #ebebeb;
}
.progress-bar--attention .progress-bar-inner {
  background-color: #d0534e;
}
.progress-bar--error .progress-bar-inner {
  background-color: #f4cd35;
}
.progress-bar--green .progress-bar-inner {
  background-color: #2a8f81;
}
.progress-bar--grey .progress-bar-inner {
  background-color: #c7c7c7;
}
.progress-bar--information .progress-bar-inner {
  background-color: #028eca;
}
.progress-bar--validation .progress-bar-inner {
  background-color: #82b00a;
}
/*

Progress circle
____________________________________________________________________________________________________________
*/
/*

avp-progress-circle
____________________________________________________________________________________________________________
*/
.progress-circle-value {
  background-color: #fff;
  color: #939393;
}
.progress-circle--attention[data-progress="100"] {
  background-image: linear-gradient(90deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="95"] {
  background-image: linear-gradient(72deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="90"] {
  background-image: linear-gradient(54deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="85"] {
  background-image: linear-gradient(36deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="80"] {
  background-image: linear-gradient(18deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="75"] {
  background-image: linear-gradient(0deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="70"] {
  background-image: linear-gradient(-18deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="65"] {
  background-image: linear-gradient(-36deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="60"] {
  background-image: linear-gradient(-54deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="55"] {
  background-image: linear-gradient(-72deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="50"] {
  background-image: linear-gradient(-90deg, #d0534e 50%, transparent 50%, transparent), linear-gradient(270deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="45"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(252deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="40"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(234deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="35"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(216deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="30"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(198deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="25"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(180deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="20"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(162deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="15"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(144deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="10"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(126deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="5"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(108deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--attention[data-progress="0"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(90deg, #d0534e 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="100"] {
  background-image: linear-gradient(90deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="95"] {
  background-image: linear-gradient(72deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="90"] {
  background-image: linear-gradient(54deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="85"] {
  background-image: linear-gradient(36deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="80"] {
  background-image: linear-gradient(18deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="75"] {
  background-image: linear-gradient(0deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="70"] {
  background-image: linear-gradient(-18deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="65"] {
  background-image: linear-gradient(-36deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="60"] {
  background-image: linear-gradient(-54deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="55"] {
  background-image: linear-gradient(-72deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="50"] {
  background-image: linear-gradient(-90deg, #f4cd35 50%, transparent 50%, transparent), linear-gradient(270deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="45"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(252deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="40"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(234deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="35"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(216deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="30"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(198deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="25"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(180deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="20"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(162deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="15"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(144deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="10"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(126deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="5"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(108deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--error[data-progress="0"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(90deg, #f4cd35 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="100"] {
  background-image: linear-gradient(90deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="95"] {
  background-image: linear-gradient(72deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="90"] {
  background-image: linear-gradient(54deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="85"] {
  background-image: linear-gradient(36deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="80"] {
  background-image: linear-gradient(18deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="75"] {
  background-image: linear-gradient(0deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="70"] {
  background-image: linear-gradient(-18deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="65"] {
  background-image: linear-gradient(-36deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="60"] {
  background-image: linear-gradient(-54deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="55"] {
  background-image: linear-gradient(-72deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="50"] {
  background-image: linear-gradient(-90deg, #028eca 50%, transparent 50%, transparent), linear-gradient(270deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="45"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(252deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="40"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(234deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="35"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(216deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="30"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(198deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="25"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(180deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="20"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(162deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="15"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(144deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="10"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(126deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="5"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(108deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--information[data-progress="0"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(90deg, #028eca 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="100"] {
  background-image: linear-gradient(90deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="95"] {
  background-image: linear-gradient(72deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="90"] {
  background-image: linear-gradient(54deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="85"] {
  background-image: linear-gradient(36deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="80"] {
  background-image: linear-gradient(18deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="75"] {
  background-image: linear-gradient(0deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="70"] {
  background-image: linear-gradient(-18deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="65"] {
  background-image: linear-gradient(-36deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="60"] {
  background-image: linear-gradient(-54deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="55"] {
  background-image: linear-gradient(-72deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="50"] {
  background-image: linear-gradient(-90deg, #82b00a 50%, transparent 50%, transparent), linear-gradient(270deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="45"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(252deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="40"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(234deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="35"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(216deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="30"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(198deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="25"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(180deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="20"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(162deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="15"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(144deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="10"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(126deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="5"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(108deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle--validation[data-progress="0"] {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(90deg, #82b00a 50%, #ebebeb 50%, #ebebeb);
}
/*

Tab
____________________________________________________________________________________________________________

avp-tab
____________________________________________________________________________________________________________
*/
.avp-tab {
  color: #2778c7;
  border-left: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  background-color: #fff;
}
.avp-tab:hover {
  background-color: rgba(74, 144, 226, 0.033);
}
/*

is-[qualifier] 
____________________________________________________________________________________________________________
*/
.avp-tab.is-selected {
  -webkit-box-shadow: 0 3px 0 -1px #ffffff;
  box-shadow: 0 3px 0 -1px #ffffff;
  color: #585858;
  background-color: #fff;
}
/*

table--[variation] 
____________________________________________________________________________________________________________
*/
.table--simple > thead > tr > th {
  border-bottom: 1px solid #e2e2e2;
}
.table--simple > tbody > tr > td,
.table--simple > tbody > tr > th {
  border-bottom: 1px solid #e2e2e2;
}
/*

table--[variation] 
____________________________________________________________________________________________________________
*/
.table--striped {
  border: 1px solid #e2e2e2;
  background-color: #fff;
}
.table--striped > thead > tr > th {
  border-left: 1px solid #e2e2e2;
}
.table--striped > tbody > tr:nth-of-type(odd) {
  background-color: #effaff;
}
.table--striped > tbody > tr > td,
.table--striped > tbody > tr > th {
  border-left: 1px solid #e2e2e2;
}
.table--striped > tbody > tr > td:first-child,
.table--striped > tbody > tr > th:first-child {
  border-left: 0;
}
/*

Vertex
____________________________________________________________________________________________________________

avp-vertex
____________________________________________________________________________________________________________
*/
.vertex-title {
  color: #585858;
}
.vertex-action {
  color: #585858;
}
.vertex--information .vertex-title, .vertex--information .vertex-action {
    color: white;
}
.vertex--attention {
  background: white;
}
.vertex--attention .vertex-action {
  color: #d0534e;
}
.vertex--attention .vertex-striped {
  background: #d0534e;
}
.vertex--availpro {
  background: white;
}
.vertex--availpro .vertex-action {
  color: #392e5f;
}
.vertex--availpro .vertex-striped {
  background: #392e5f;
}
.vertex--edition {
  background: white;
}
.vertex--edition .vertex-action {
  color: #00a78d;
}
.vertex--edition .vertex-striped {
  background: #00a78d;
}
.vertex--error {
  background: white;
}
.vertex--error .vertex-action {
  color: #f4cd35;
}
.vertex--error .vertex-striped {
  background: #f4cd35;
}
.vertex--siriona-mode {
  background: white;
}
.vertex--siriona-mode .vertex-action {
  color: #35c1fd;
}
.vertex--siriona-mode .vertex-striped {
  background: #35c1fd;
}
.vertex--validation {
  background: white;
}
.vertex--validation .vertex-action {
  color: #82b00a;
}
.vertex--validation .vertex-striped {
  background: #82b00a;
}
/*

Button
____________________________________________________________________________________________________________

avp-widget
____________________________________________________________________________________________________________
*/
.avp-widget {
  background-color: #fff;
}
.widget-header-default,
.widget-header-active {
  border-bottom: 1px solid #e2e2e2;
}
.widget-header-active {
  background: #fff;
}
.widget-header-active .widget-header-title {
  color: #585858;
}
.widget-header-active .widget-header-action {
  color: #00a78d;
}
.widget-header-striped {
  background-color: #00a78d;
  background-image: none;
}
.widget-header-action {
  border-left: 1px solid #e2e2e2;
  color: #00a78d;
}
/*

is-[qualifier]
____________________________________________________________________________________________________________
*/
.avp-widget .widget-header.is-siriona .widget-header-default {
  background-color: #35c1fd;
}
.avp-widget .widget-header.is-siriona .widget-header-title {
  color: #fff;
}
.avp-widget .widget-header.is-siriona .widget-header-action {
  color: #fff;
}
.avp-widget .widget-header.is-siriona.is-edition .widget-header-title {
  color: #585858;
}
.avp-widget .widget-header.is-siriona.is-edition .widget-header-action {
  color: #00a78d;
}
.avp-widget .widget-content.is-separator {
  border-top: 1px solid #e2e2e2;
}
.avp-widget .widget-content.is-siriona {
  background-color: #fff;
  border: 1px solid #35c1fd;
  border-top: none;
  color: #585858;
}
.widget--emphasis {
  border: 1px solid #e2e2e2;
  background-color: #46518b;
  color: #fff;
}
.widget--emphasis h1,
.widget--emphasis h2,
.widget--emphasis h3,
.widget--emphasis h4,
.widget--emphasis h5,
.widget--emphasis h6 {
  color: #fff;
}
.widget--information {
  border: 1px solid #e2e2e2;
  background-color: #028eca;
  color: #fff;
}
.widget--information h1,
.widget--information h2,
.widget--information h3,
.widget--information h4,
.widget--information h5,
.widget--information h6 {
  color: #fff;
}
.widget--primary {
  border: 1px solid #e2e2e2;
}
.widget--secondary {
  border: 1px solid #e2e2e2;
  background-color: #ebebeb;
}
.widget--subscription {
  background-color: #392e5f;
  color: #fff;
}
.widget--subscription h1,
.widget--subscription h2,
.widget--subscription h3,
.widget--subscription h4,
.widget--subscription h5,
.widget--subscription h6 {
  color: #fff;
}
.widget--subscription .widget-header {
  height: 68px;
}
.widget--subscription .widget-header-default {
  background-color: #595079;
}
.widget--subscription .widget-content {
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
.widget--validation {
  border: 1px solid #e2e2e2;
  background-color: #82b00a;
  color: #fff;
}
.widget--validation h1,
.widget--validation h2,
.widget--validation h3,
.widget--validation h4,
.widget--validation h5,
.widget--validation h6 {
  color: #fff;
}
.widget--blue {
  border: 1px solid #e2e2e2;
  background-color: #407790;
  color: #fff;
}
.widget--blue h1,
.widget--blue h2,
.widget--blue h3,
.widget--blue h4,
.widget--blue h5,
.widget--blue h6 {
  color: #fff;
}
/*

Wizard Breadcrumb
____________________________________________________________________________________________________________

avp-wizard-breadcrumb
____________________________________________________________________________________________________________
*/
.wizard-breadcrumb-item {
  color: #939393;
}
.wizard-breadcrumb-border {
  border-right: 1px dotted #939393;
}
.wizard-breadcrumb-index {
  border: 1px solid #939393;
  background: transparent;
}
.wizard-breadcrumb-index-done {
  color: #82b00a;
}
.wizard-breadcrumb-index-loader {
  color: #939393;
}
.wizard-breadcrumb-name {
  font-size: 14px;
}
.wizard-breadcrumb-done {
  color: #82b00a;
}
.wizard-breadcrumb-value {
  color: #939393;
}
/*

is-[qualifier]
____________________________________________________________________________________________________________
*/
.wizard-breadcrumb-item.is-done .wizard-breadcrumb-border {
  border-right: 1px solid #82b00a;
}
.wizard-breadcrumb-item.is-done .wizard-breadcrumb-index {
  background: #82b00a;
  border-color: #82b00a;
}
.wizard-breadcrumb-item.is-done .wizard-breadcrumb-index-done {
  color: #fff;
}
.wizard-breadcrumb-item.is-active {
  color: #392e5f;
}
.wizard-breadcrumb-item.is-active .wizard-breadcrumb-index {
  border-color: #392e5f;
}
/*

Wizard Title
____________________________________________________________________________________________________________

Dependencies
    - Availpro mixins

Compatibility
    - Internet Explorer 7+

Variations
    - None
    
Qualifiers
    - None

avp-wizard-title
____________________________________________________________________________________________________________
*/
.wizard-title-index {
  border: 1px solid #392e5f;
  background: transparent;
}
/*

Addon
____________________________________________________________________________________________________________

avp-textinput
____________________________________________________________________________________________________________
*/
.avp-addon {
  border: 1px solid #e2e2e2;
  background: #ebebeb;
}
/*

Button Switch
____________________________________________________________________________________________________________

avp-button-switch
____________________________________________________________________________________________________________
*/
.button-switch-icon {
  background-color: #fff;
  top: 2px;
  width: 24px;
  height: 24px;
}
/* 

is-[qualifier] 
____________________________________________________________________________________________________________
*/
.avp-button-switch.is-on {
  background: #00a78d;
}
.avp-button-switch.is-on .button-switch-icon {
  left: 29px;
}
.avp-button-switch.is-off {
  text-align: left;
  background: #e2e2e2;
}
.avp-button-switch.is-off .button-switch-icon {
  left: 2px;
}
/*

Custom checkbox
____________________________________________________________________________________________________________

avp-custom-checkbox
____________________________________________________________________________________________________________
*/
.avp-custom-checkbox label:before {
  -webkit-box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  color: #585858;
  font-size: 16px;
}
/* 

is-[qualifier] 
____________________________________________________________________________________________________________
*/
.avp-custom-checkbox.is-error label:before {
  -webkit-box-shadow: inset 0px 0px 3px 0px #d0534e;
  box-shadow: inset 0px 0px 3px 0px #d0534e;
  border-color: #d56762;
}
.avp-custom-checkbox.is-disabled input:checked + label:before {
  color: #b3b3b3;
}
.avp-custom-checkbox.is-disabled label:before {
  background: #ebebeb;
}
/*

Custom radio
____________________________________________________________________________________________________________

avp-custom-radio
____________________________________________________________________________________________________________
*/
.avp-custom-radio label {
  border: 1px solid #939393;
}
.avp-custom-radio label:after {
  border: 4px solid #fff;
  background-color: #fff;
}
.avp-custom-radio input:checked + label:after {
  background-color: #585858;
}
/* 

is-[qualifier] 
____________________________________________________________________________________________________________
*/
.avp-custom-radio.is-error label {
  border-color: #d0534e;
}
.avp-custom-radio.is-disabled label:after {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.avp-custom-radio.is-disabled input:checked + label:after {
  background-color: #b3b3b3;
}
/*

Custom Select
____________________________________________________________________________________________________________

avp-custom-select
____________________________________________________________________________________________________________
*/
.avp-custom-select {
  -webkit-box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  background-color: #eeeeee;
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
  border: 1px solid #cecece;
  font-size: 14px;
  color: #585858;
}
.avp-custom-select:focus {
  border-color: #67dbca;
}
/* 

is-[qualifier] 
____________________________________________________________________________________________________________
*/
.avp-custom-select.is-error {
  border-color: #d0534e;
}
.avp-custom-textinput input:focus {
  border-color: #67dbca;
}
/*

Datepicker
____________________________________________________________________________________________________________

avp-slider
____________________________________________________________________________________________________________
*/
#ui-datepicker-div {
  border: 1px solid #e2e2e2;
  background: #fff;
}
.avp-datepicker select.ui-datepicker-month,
#ui-datepicker-div select.ui-datepicker-month,
.avp-datepicker select.ui-datepicker-year,
#ui-datepicker-div select.ui-datepicker-year {
  -webkit-box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  background-color: #eeeeee;
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
  border: 1px solid ;
}
.avp-datepicker select.ui-datepicker-month:focus,
#ui-datepicker-div select.ui-datepicker-month:focus,
.avp-datepicker select.ui-datepicker-year:focus,
#ui-datepicker-div select.ui-datepicker-year:focus {
  border-color: #67dbca;
}
/*

datepicker--[variation] 
____________________________________________________________________________________________________________
*/
.datepicker--dark .ui-datepicker-header {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.datepicker--dark .ui-datepicker th {
  color: #fff;
}
.datepicker--dark .ui-datepicker-prev {
  color: #fff;
}
.datepicker--dark .ui-datepicker-next {
  color: #fff;
}
.datepicker--dark .ui-state-default {
  background: #fff;
  color: #2778c7;
}
.datepicker--dark .ui-state-default:hover {
  background: #e2e2e2;
  color: #2778c7;
}
.datepicker--dark .ui-state-disabled .ui-state-default {
  color: #939393;
}
.datepicker--dark .ui-state-highlight,
.datepicker--dark .ui-state-highlight:hover {
  background: #d2f7f2;
  color: #00a78d;
}
.datepicker--dark .ui-state-active,
.datepicker--dark .ui-state-active:hover {
  background: #00a78d;
  color: #fff;
}
/*

datepicker--[variation] 
____________________________________________________________________________________________________________
*/
.datepicker--light .ui-datepicker-header,
#ui-datepicker-div .ui-datepicker-header {
  color: #585858;
  border-bottom: 1px solid #e2e2e2;
}
.datepicker--light .ui-datepicker th,
#ui-datepicker-div .ui-datepicker th {
  color: #939393;
}
.datepicker--light .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-prev {
  color: #939393;
}
.datepicker--light .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-next {
  color: #939393;
}
.datepicker--light .ui-state-default,
#ui-datepicker-div .ui-state-default {
  background: #ebebeb;
  color: #585858;
}
.datepicker--light .ui-state-default:hover,
#ui-datepicker-div .ui-state-default:hover {
  background: #c7c7c7;
}
.datepicker--light .ui-state-disabled .ui-state-default,
#ui-datepicker-div .ui-state-disabled .ui-state-default {
  color: #939393;
}
.datepicker--light .ui-state-disabled .ui-state-default:hover,
#ui-datepicker-div .ui-state-disabled .ui-state-default:hover {
  background: #ebebeb;
  color: #939393;
}
.datepicker--light .ui-state-highlight,
#ui-datepicker-div .ui-state-highlight,
.datepicker--light .ui-state-highlight:hover,
#ui-datepicker-div .ui-state-highlight:hover {
  background: #d2f7f2;
  color: #00a78d;
}
.datepicker--light .ui-state-active,
#ui-datepicker-div .ui-state-active,
.datepicker--light .ui-state-active:hover,
#ui-datepicker-div .ui-state-active:hover {
  background: #00a78d;
  color: #fff;
}
/*

Label
____________________________________________________________________________________________________________

avp-label
____________________________________________________________________________________________________________
*/
.avp-label {
  font-size: 14px;
}
/* 

is-[qualifier] 
____________________________________________________________________________________________________________
*/
.avp-label.is-error {
  color: #d0534e;
}
/*

Radio button
____________________________________________________________________________________________________________

avp-radio-button
____________________________________________________________________________________________________________
*/
.avp-radio-button input:checked + label,
.avp-radio-button input:checked + label:hover {
  background-color: #00a78d;
  color: #fff;
}
.avp-radio-button label {
  color: #00a78d;
  border: 1px solid #00a78d;
}
.avp-radio-button label:hover {
  background-color: #fff;
}
/*

Select
____________________________________________________________________________________________________________

avp-select
____________________________________________________________________________________________________________
*/
.avp-select + .select2 .select2-selection {
  border-color: #e2e2e2;
}
.select2-dropdown {
  border-color: #e2e2e2;
}
.select2-results__option--highlighted[aria-selected] {
  background-color: #028eca;
}
/* 

is-[qualifier]
____________________________________________________________________________________________________________
*/
.avp-select.is-error + .select2 .select2-selection {
  border-color: #d0534e;
}
/*

Slider
____________________________________________________________________________________________________________

avp-slider
____________________________________________________________________________________________________________
*/
.avp-slider.ui-slider-horizontal {
  background: #ebebeb;
}
.avp-slider.ui-slider-horizontal .ui-slider-handle {
  background-color: #c7c7c7;
}
.avp-slider.ui-slider-vertical {
  background: #ebebeb;
}
.avp-slider.ui-slider-vertical .ui-slider-handle {
  background-color: #c7c7c7;
}
.avp-slider .ui-slider-handle:focus {
  outline: none;
}
/*

slider--[variation] 
____________________________________________________________________________________________________________
*/
.slider--blue.ui-slider-horizontal .ui-slider-range {
  background: #407790;
}
.slider--blue.ui-slider-vertical .ui-slider-range {
  background: #407790;
}
/* 

is-[qualifier]
____________________________________________________________________________________________________________
*/
.slider--blue.is-full-range.ui-slider-horizontal,
.slider--blue.is-full-range.ui-slider-vertical {
  background: #407790;
}
/*

slider--[variation] 
____________________________________________________________________________________________________________
*/
.slider--green.ui-slider-horizontal .ui-slider-range {
  background: #2a8f81;
}
.slider--green.ui-slider-vertical .ui-slider-range {
  background: #2a8f81;
}
/* 

is-[qualifier]
____________________________________________________________________________________________________________
*/
.slider--green.is-full-range.ui-slider-horizontal,
.slider--green.is-full-range.ui-slider-vertical {
  background: #2a8f81;
}
/*

slider--[variation] 
____________________________________________________________________________________________________________
*/
.slider--purple.ui-slider-horizontal .ui-slider-range {
  background: #7c6c94;
}
.slider--purple.ui-slider-vertical .ui-slider-range {
  background: #7c6c94;
}
/* 

is-[qualifier]
____________________________________________________________________________________________________________
*/
.slider--purple.is-full-range.ui-slider-horizontal,
.slider--purple.is-full-range.ui-slider-vertical {
  background: #7c6c94;
}
/*

slider--[variation] 
____________________________________________________________________________________________________________
*/
.slider--red.ui-slider-horizontal .ui-slider-range {
  background: #d0534e;
}
.slider--red.ui-slider-vertical .ui-slider-range {
  background: #d0534e;
}
/* 

is-[qualifier]
____________________________________________________________________________________________________________
*/
.slider--red.is-full-range.ui-slider-horizontal,
.slider--red.is-full-range.ui-slider-vertical {
  background: #d0534e;
}
/*

Textarea
____________________________________________________________________________________________________________

avp-button
____________________________________________________________________________________________________________
*/
.avp-textarea {
  -webkit-box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  border: 1px solid #e2e2e2;
  color: #585858;
}
.avp-textarea:focus {
  outline: none;
  border-color: #67dbca;
}
/*

is-[qualifier]
____________________________________________________________________________________________________________
*/
.avp-textarea.is-error {
  border-color: #d0534e;
}
/*

Textinput
____________________________________________________________________________________________________________

avp-textinput
____________________________________________________________________________________________________________
*/
.avp-textinput {
  -webkit-box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  border: 1px solid #e2e2e2;
  color: #585858;
}
.avp-textinput:focus {
  border-color: #67dbca;
}
.avp-textinput.is-error {
  border-color: #d0534e;
}
/*

Timepicker
____________________________________________________________________________________________________________

avp-label
____________________________________________________________________________________________________________
*/
.avp-timepicker {
  -webkit-box-shadow: 0px 0px 4px 0px #d2d2d2;
  box-shadow: 0px 0px 4px 0px #d2d2d2;
  background: #fff;
  border: 1px solid #e2e2e2;
}
.timepicker-arrow {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: solid 7px #e2e2e2;
}
.timepicker-hour,
.timepicker-minute {
  -webkit-box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  box-shadow: inset 0px 0px 3px 0px #d2d2d2;
  border: 1px solid #e2e2e2;
}
.timepicker-hour:focus,
.timepicker-minute:focus {
  outline: none;
  border-color: #67dbca;
}
.timepicker-increase-hour,
.timepicker-decrease-hour,
.timepicker-increase-minute,
.timepicker-decrease-minute {
  color: #392e5f;
}
body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #585858;
}
h1,
.u-h1-like {
  color: #222222;
}
h2,
.u-h2-like {
  color: #222222;
}
h3,
.u-h3-like {
  color: #222222;
}
h4,
.u-h4-like {
  color: #939393;
}
h5,
.u-h5-like {
  color: #939393;
}
h6,
.u-h6-like {
  color: #939393;
}