@import url("../HMS/Style.css");

/* #region Normalize
----------------------------------------------------------*/
body, .bodyText {
    color: #686659;
}
/* #endregion */

/* #region Common Element Styles
----------------------------------------------------------*/
a, a:visited {
    color: #426a9c;
}

    a:hover, a:focus {
        color: #878787;
    }

.button a {
    background: #426b9a; /* Old browsers */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNmI5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjZiOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 */
    background-image: -webkit-gradient(linear, left top, left bottom, from( #426b9a ), to( #426b9a )); /* Saf4 , Chrome */
    background-image: -webkit-linear-gradient( #426b9a, #426b9a ); /* Chrome 10 , Saf5.1  */
    background-image: -moz-linear-gradient( #426b9a, #426b9a ); /* FF3.6 */
    background-image: -ms-linear-gradient( #426b9a, #426b9a ); /* IE10 */
    background-image: -o-linear-gradient( #426b9a, #426b9a ); /* Opera 11.10  */
    background-image: linear-gradient( #426b9a, #426b9a );
    border: 1px solid #426b9a;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

    .button a:hover {
        color: #ffffff;
        border-color: #878787;
        background: #878787; /* Old browsers */
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ODc4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Nzg3ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 */
        background-image: -webkit-gradient(linear, left top, left bottom, fromfrom( #878787), to( #878787)); /* Saf4 , Chrome */
        background-image: -webkit-linear-gradient( #878787, #878787); /* Chrome 10 , Saf5.1  */
        background-image: -moz-linear-gradient( #878787, #878787); /* FF3.6 */
        background-image: -ms-linear-gradient( #878787, #878787); /* IE10 */
        background-image: -o-linear-gradient( #878787, #878787); /* Opera 11.10  */
        background-image: linear-gradient( #878787, #878787);
    }

/* #endregion */

/* #region Forms
================================================== */

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    color: #606060;
    background: #fff;
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus {
        border: 1px solid #cfbb13;
        color: #686659;
        -moz-box-shadow: inset 0 0 3px rgba(217,206,33,1);
        -webkit-box-shadow: inset 0 0 3px rgba(217,206,33,1);
        box-shadow: inset 0 0 3px rgba(217,206,33,1);
    }

/* #endregion */

/* #region Buttons
================================================== */
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background: #426b9a; /* Old browsers */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNmI5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjZiOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear, left top, left bottom, from( #426b9a ), to( #426b9a )); /* Saf4 , Chrome */
    background-image: -webkit-linear-gradient( #426b9a, #426b9a ); /* Chrome 10 , Saf5.1  */
    background-image: -moz-linear-gradient( #426b9a, #426b9a ); /* FF3.6 */
    background-image: -ms-linear-gradient( #426b9a, #426b9a ); /* IE10 */
    background-image: -o-linear-gradient( #426b9a, #426b9a ); /* Opera 11.10  */
    background-image: linear-gradient( #426b9a, #426b9a );
    border: 1px solid #426b9a;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-transform:uppercase;
}

    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover {
        color: #ffffff;
        border-color: #878787;
        background: #878787; /* Old browsers */
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ODc4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Nzg3ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background-image: -webkit-gradient(linear, left top, left bottom, fromfrom( #878787), to( #878787)); /* Saf4 , Chrome */
        background-image: -webkit-linear-gradient( #878787, #878787); /* Chrome 10 , Saf5.1  */
        background-image: -moz-linear-gradient( #878787, #878787); /* FF3.6 */
        background-image: -ms-linear-gradient( #878787, #878787); /* IE10 */
        background-image: -o-linear-gradient( #878787, #878787); /* Opera 11.10  */
        background-image: linear-gradient( #878787, #878787);
    }

    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {
        color: #FFF;
        border-color: #426b9a;
        background: #426b9a; /* Old browsers */
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5NjQ3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTdkOTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background-image: -webkit-gradient(linear, left top, left bottom, from( #426b9a ), to( #426b9a )); /* Saf4 , Chrome */
        background-image: -webkit-linear-gradient( #426b9a, #426b9a ); /* Chrome 10 , Saf5.1  */
        background-image: -moz-linear-gradient( #426b9a, #426b9a ); /* FF3.6 */
        background-image: -ms-linear-gradient( #426b9a, #426b9a ); /* IE10 */
        background-image: -o-linear-gradient( #426b9a, #426b9a ); /* Opera 11.10  */
        background-image: linear-gradient( #426b9a, #426b9a );
    }

/* #endregion */

/* #region Toolbar Styles
----------------------------------------------------------*/
.ToolBarItem {
    color: #7d7b6d;
}

.PopupToolbar span {
    color: #7d7b6d !important;
}

/* #endregion */

/* #region Login Page Styles
----------------------------------------------------------*/
#Logo {
    background-image: none;
    background-color: #ffffff;
}

#Logo img {
    margin:20px 0 0 23px;
}

.header_col, .warningTxt {
    color: #426b9a;
}

.LoginTextHeader {
    margin: 0 40px 20px 0 !important;
}

/* #endregion */

/* #region age/Section Header Styles
----------------------------------------------------------*/
#PageHeadContainer #PageHeader {
    color: #426a9a;
}

#PageBreadcrumb {
    color: #7d7b6d;
}

#PageInstructions {
    color: #7d7b6d;
}

.SectionHeader {
    color: #686659;
}

.SubSectionHeader {
    color: #686659;
}

.SubSectionHeaderNoBorder {
    color: #686659;
}

.SubSubSubSectionHeader {
    color: #426a9a;
}

.SubContentHeader {
    color: #426a9a;
}

.SectionInstructions {
    color: #7d7b6d;
}

.SubSectionInstructions {
    color: #7d7b6d;
}

.SubSubSectionInstructions {
    color: #7d7b6d;
}

.SubSubSubSectionInstructions {
    color: #7d7b6d;
}

/* #endregion */

/* #region Popup Container Styles
----------------------------------------------------------*/
.linkPopUp {
    color: #426a9c;
}
/* #endregion */

/* #region jQuery Message Styles
----------------------------------------------------------*/
.jquery-message {
    background: #7d7b6d;
}

    .jquery-message .round {
        border-left: 2px solid #FFF;
        border-right: 2px solid #FFF;
    }

    .jquery-message p {
        color: #FFF;
    }

/* #endregion */

/* #region body container elements
----------------------------------------------------------*/
.messageItem span {
    color: #686659;
}

/* #endregion */

/* #region general text styles
----------------------------------------------------------*/
.bodyText_darkGray {
    color: #7d7b6d;
}

/* #endregion */

/* #region Stay Restriction
----------------------------------------------------------*/
.header, .header_bold, .header_col {
    color: #426a9a;
}

/* #endregion */

/* #region html elements
----------------------------------------------------------*/
.ShoppingCartHeader {
    color: #686659;
}
/* #endregion */

/* #region controls
----------------------------------------------------------*/
.season_item {
    color: #686659;
}

.dataList_subTable th {
    color: #426a9a;
}

.BECalLegend {
    color: #686659;
}

div.pkgInvInd {
    border: 1px solid #7d7b6d;
}

/* #endregion */

/* #region Revenue Management
----------------------------------------------------------*/
.RevenueHeader {
    color: #7d7b6d;
}

.RevenueLabel {
    color: #686659;
}

.LegendLabel {
    color: #7d7b6d;
}

/* #endregion */

/* #region Hotel List
----------------------------------------------------------*/
.ChildItem {
    background: #FFF;
}

/* #endregion */

/* #region jquery.ui.ufd Styles
----------------------------------------------------------*/
.ufd.web20 input {
    color: #606060;
    background: #FFF;
}


    .ufd.web20 input.disabled {
        color: #606060;
    }

#ufd-container .web20 div.list-scroll {
    background: #FFF;
}

#ufd-container .web20 li {
    color: #606060;
    background: #FFF;
}

    #ufd-container .web20 li.active {
        color: #686659;
    }

/* #endregion */

/* #region Token Vars Mobile
----------------------------------------------------------*/

.TokenVars ul li a, .TokenVars ul li a:visited {
    color: #426a9c;
}

    .TokenVars ul li a:hover, .TokenVars ul li a:focus {
        color: #878787;
    }

/* #endregion */

/* #region Label Setup page
----------------------------------------------------------*/
.defaultTrans {
    color: #686659;
}

.FilterOn {
    color: #7d7b6d;
}

.emptyRow {
    background: #FFF;
}

.sub_grid_header td {
    color: #686659;
}

    .sub_grid_header td span {
        color: #686659;
    }

/* #endregion */

/* #region Interface Health Center
----------------------------------------------------------*/
.timeRangeControls {
    background: #FFF;
}
/* #endregion */


/* #region 2FA Spark 

# Reference 
#686659 body font  
#426a9a icon color
#426a9a main accent color (headers, main button loading accent, input focus label,  progress indicator)
#426b9a button color 1  + main progress circle bg
#0A7A93 button color 2 
#82a2c7 main progress circle
#fff    main progress accent
#426a9c link
#878787 link:hover

----------------------------------------------------------*/

/* Change Background color */

.login {
    background: #fff !important;
}

/* Change font family and color */

.spark-panel__content {
    font-family: Tahoma, Geneva, sans-serif !important;
    font-weight: normal !important;
    font-size: 13px !important;
    color: #686659 !important;
}

    .spark-panel__content h3, .spark-panel__content h4, .spark-panel__content p, .spark-panel__content input[type="text"], .spark-panel__content input[type="password"], .spark-panel__contentinput[type="email"], .spark-panel__content textarea, select, .spark-btn, .spark-btn.spark-btn--text, .spark-btn:disabled {
        font-family: Tahoma, Geneva, sans-serif !important;
        text-transform: none !important;
    }

    .spark-panel__content h3,
    .spark-input.focus .spark-input__fields ~ .spark-label,
    .spark-input__field:focus ~ .spark-label,
    .spark-select.active .spark-label {
        color: #426a9a !important;
    }

.col-xs-3 .spark-btn--secondary i {
    color: #426a9a !important;
}

/* Change main button style */

.spark-btn, .spark-progress.spark-btn, .spark-panel__content .spark-text-right .spark-progress.spark-btn, .spark-panel__content .spark-text-right .spark-progress.spark-btn:disabled {
    background: #426b9a !important; /* Old browsers */
    background-image: none !important;
    border: 1px solid #426b9a !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important;
    text-shadow: none !important;
    font-weight: normal !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

    .spark-btn:hover, .spark-progress.spark-btn:hover, .spark-panel__content .spark-text-right .spark-progress.spark-btn:hover, .spark-panel__content .spark-text-right .spark-progress.spark-btn:hover:disabled {
        color: #FFF !important;
        border-color: #878787 !important;
        background: #878787 !important; /* Old browsers */
        background-image: none !important;
    }

    .spark-progress.spark-btn .spark-progress__meter {
        background-color: #82a2c7 !important;
    }

        .spark-progress.spark-btn .spark-progress__meter::before {
            background-color: #426b9a !important;
        }

        .spark-progress.spark-btn .spark-progress__meter::after {
            background-color: #fff !important;
        }

    /* Change secondary button style */

    .spark-btn--secondary, .spark-btn--secondary.hover, .spark-btn--secondary:hover, .spark-panel__content .spark-text-right .spark-progress.spark-btn.spark-btn--secondary, .spark-panel__content .spark-text-right .spark-progress.spark-btn:disabled.spark-btn--secondary {
        color: #426b9a !important;
        text-shadow: none !important;
        background-color: #fff !important;
        background-image: none !important;
        border-color: #426b9a !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
    }

        .spark-btn--secondary.hover, .spark-btn--secondary:hover {
            color: #0A7A93 !important;
        }

    .spark-progress.spark-btn.spark-btn--secondary .spark-progress__meter {
        background-color: #EAEAEA !important;
    }

        .spark-progress.spark-btn.spark-btn--secondary .spark-progress__meter::before {
            background-color: #fff !important;
        }

        .spark-progress.spark-btn.spark-btn--secondary .spark-progress__meter::after {
            background-color: #0A7A93 !important;
        }

/* Add disable button style */

.spark-text-right .spark-btn:disabled, .spark-text-right .spark-btn:disabled:hover, .spark-text-right .spark-btn:disabled:hover:focus, .spark-text-right .spark-btn:disabled:hover:active, .spark-text-right .spark-btn:disabled:focus, .spark-text-right .spark-btn:disabled:active {
    background-color: #EAEAEA !important;
    background-image: none !important;
    border: 1px solid #EAEAEA !important;
    color: #B1B1B1 !important;
    text-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.spark-btn:not(.spark-btn--icon):not(.spark-btn--view-more):not(.spark-btn--text):not(.spark-btn--brand):not(.spark-btn--secondary):not(.spark-btn--negative):not(.spark-btn--sm):not(.spark-btn--xs)::before {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* Change link style */

.spark-btn.spark-btn--text {
    color: #426a9c !important;
    font-weight: normal !important;
    background: #fff !important;
    background-image: none !important;
    border: none !important;
    text-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.spark-btn--text.hover, .spark-btn--text:hover {
    color: #878787 !important;
}

/* Progress indicator color */
.spark-progress__meter::after {
    background-color: #878788 !important;
}

/* #endregion */

/* #region AJAX LOADING INDICATOR
----------------------------------------------------------*/
.ajax-loading-block-window .loading-image {
    background-image: url(../../Content/Themes/HMSQRHotels/images/ajax_loader_128x128.gif);
}
/* #endregion AJAX LOADING INDICATOR