/*overrides for the rebrand*/
/*hopefully this is short term*/

:root {
    /************************/
    /*  Hypersign Branding  */
    /************************/
    --Peach: #FFA76C;
    --Electric: #FCE38A;
    --Rose: #F38181;
    --Slate: #333E48;
    --White: #FFFFFF;
    --MediumSlate: #5C656D;
    --LightSlate: #858B91;
    --PaleSlate: #ADB2B6;
    --TintSlate: #D6D8DA;

    /************************/
    /*  Extension Branding  */
    /************************/
    /*--Emerald: #7ED79E;   */
    /*--Lime: #BBFD7F;      */
    /*--Teal: #48B5BA;      */
    /*--Lavender: #9686BE;  */
    /*--Royal: #6078EA;     */
    /*--Cash: #BDED8A;      */
    /*--Cactus: #57CA85;    */
    /*--PaleRoyal: #6094EA; */
    /*--Gum: #F371D1;       */
    /************************/

    --Success: #57CA85; /* Emerald */
    --Failure: #F38181; /* Rose */
    --Failure-hover: #e33f3f; /* Rose */
    --Info:    #6094EA; /* Pale Royal*/
}


body {
    font-family: 'Montserrat', Helvetica, Arial, Sans-Serif;
    color: var(--Slate);
}
input {
    color: var(--Slate);
}

.btn-info {
    background-image: none!important;
    background: var(--Info)!important;
    border-color: var(--Info)!important;
    /*border: none!important;*/
}

.btn-success {
    background-image: none!important;
    background: var(--Peach)!important;
    border-color: var(--Peach)!important;
    /*border: none!important;*/
}

.btn-failure {
    color: var(--White)!important;
    background-image: none!important;
    background: var(--Failure)!important;
    border-color: var(--Failure)!important;
    /*border: none!important;*/
}

.btn-failure:hover {
    border-color: var(--Failure-hover)!important;
}

.btn-disabled {
    color: white;
    background-image: none!important;
    background: var(--Slate)!important;
    border-color: var(--Slate)!important;
    /*border: none!important;*/
}

.btn-warning {
    background-image: none;
    /*background: linear-gradient(120deg, var(--Rose), var(--Electric))*/
    background: var(--Peach)!important;;
    border-color: var(--Peach);
    /*border: none;*/
}


.btn-primary {
    background-image: none;
    background:  var(--Peach);
    border-color: var(--Peach);
    border: none;
}

.btn-primary:hover {
    background-color: var(--Peach);
    opacity: .9;
}

.login_container {
    background-color: var(--Slate);
}

.login-extras {
    margin-top: 2rem;
}

/*account Pages*/
.selectedAccountTab{
    color: var(--Peach);
}

.accountNameBig {
    color: var(--Peach);
}


/*scheduler*/
.k-event, .k-task-complete {
    border-color: #ffc09c;
    color: #2e2e2e;
}

button:active:hover {
    background-color: var(--Peach);
    border-color: var(--Peach);
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none;
}