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

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

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

    a:hover, a:focus {
        color: #00a390;
    }

.button a {
    background: #008575; 
    border: 1px solid #008575;
    color: #fff;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .button a:hover {
        color: #FFF;
        border-color: #0daa97;
        background: #0daa97; 
    }

/* #endregion */

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

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    color: #606060;
    background: #fff;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus {
        border: 1px solid #00a390;
        color: #292f33;
        -moz-box-shadow: inset 0 0 3px rgba(0,133,117,1);
        -webkit-box-shadow: inset 0 0 3px rgba(0,133,117,1);
        box-shadow: inset 0 0 3px rgba(0,133,117,1);
    }

/* #endregion */

/* #region Buttons
================================================== */
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background: #008575; 
    border: 1px solid #008575;
    color: #fff;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover {
        color: #FFF;
        border-color: #0daa97;
        background: #0daa97; 
    }

    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {
        color: #FFF;
        border-color: #0daa97;
        background: #0daa97; 
    }

/* #endregion */

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

.PopupToolbar span {
    color: #292f33 !important;
}

#MessagesTable, #LoginCntrl_TermsOfUse, #LoginCntrl_LoginTextHeader, #LoginCntrl_LoginHeader {
    display: none;
}

/* #endregion */

/* #region Login Page Styles
----------------------------------------------------------*/
#Logo {
    background: #191617; 
}

/* #endregion */

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

#PageBreadcrumb {
    color: #807872;
}

#PageInstructions {
    color: #807872;
}

.SectionHeader {
    color: #292f33;
}

.SubSectionHeader {
    color: #292f33;
}

.SubSectionHeaderNoBorder {
    color: #292f33;
}

.SubSubSubSectionHeader {
    color: #3f3731;
}

.SubContentHeader {
    color: #3f3731;
}

.SectionInstructions {
    color: #807872;
}

.SubSectionInstructions {
    color: #807872;
}

.SubSubSectionInstructions {
    color: #807872;
}

.SubSubSubSectionInstructions {
    color: #807872;
}

/* #endregion */

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

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

    .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: #292f33;
}

/* #endregion */

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

/* #endregion */

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

/* #endregion */

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

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

.dataList_subTable th {
    color: #3f3731;
}

.BECalLegend {
    color: #292f33;
}

div.pkgInvInd {
    border: 1px solid #292f33;
}

/* #endregion */

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

.RevenueLabel {
    color: #292f33;
}

.LegendLabel {
    color: #807872;
}

/* #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: #292f33;
    }

/* #endregion */

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

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

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

/* #endregion */

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

.FilterOn {
    color: #807872;
}

.emptyRow {
    background: #FFF;
}

.sub_grid_header td {
    color: #292f33;
}

    .sub_grid_header td span {
        color: #292f33;
    }

/* #endregion */

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



/* #region 2FA Spark 

# Reference 
#292f33 body font  
#222322 icon color
#3f3731 main accent color (headers, main button loading accent, input focus label,  progress indicator)
#008575 button color 1  + main progress circle bg
#0daa97 button color 2 
#26d4bf main progress circle
#fff    main progress accent
#008575 link
#00a390 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: #292f33 !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: #3f3731 !important;
    }

.col-xs-3 .spark-btn--secondary i {
    color: #222322 !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: #008575 !important; /* Old browsers */
    background-image: none  !important;
    border: 1px solid #008575 !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;
}

    .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: #0daa97 !important;
        background: #0daa97 !important; /* Old browsers */
        background-image: none !important;
    }

    .spark-progress.spark-btn .spark-progress__meter {
        background-color: #26d4bf !important;
    }

        .spark-progress.spark-btn .spark-progress__meter::before {
            background-color: #008575 !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: #008575 !important;
        text-shadow: none !important;
        background-color: #fff !important;
        background-image: none !important;
        border-color: #008575 !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

        .spark-btn--secondary.hover, .spark-btn--secondary:hover {
            color: #0daa97 !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: #0daa97 !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: #008575 !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: #00a390 !important;
}

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

/* #endregion */

/* #region AJAX LOADING INDICATOR
----------------------------------------------------------*/
.ajax-loading-block-window .loading-image {
    background-image: url(../../Content/Themes/HMSVizergy/images/ajax_loader_128x128.gif);
}
/* #endregion AJAX LOADING INDICATOR*/
.footer-1 {
    background-image: url(../../Content/Themes/HMSVizergy/images/logo.png);
}
.footer-parent {
    border-top: 1px solid #4a423b;
}

.footer-2 > a {
    color: #008575;
}