/*****************************************************************************************************************************************************
▄████  ██░ ██  ▒█████    ██████ ▄▄▄█████▓    ▄▄▄▄    █    ██ ▄▄▄█████▓▄▄▄█████▓ ▒█████   ███▄    █   ██████
██▒ ▀█▒▓██░ ██▒▒██▒  ██▒▒██    ▒ ▓  ██▒ ▓▒   ▓█████▄  ██  ▓██▒▓  ██▒ ▓▒▓  ██▒ ▓▒▒██▒  ██▒ ██ ▀█   █ ▒██    ▒
▒██░▄▄▄░▒██▀▀██░▒██░  ██▒░ ▓██▄   ▒ ▓██░ ▒░   ▒██▒ ▄██▓██  ▒██░▒ ▓██░ ▒░▒ ▓██░ ▒░▒██░  ██▒▓██  ▀█ ██▒░ ▓██▄
░▓█  ██▓░▓█ ░██ ▒██   ██░  ▒   ██▒░ ▓██▓ ░    ▒██░█▀  ▓▓█  ░██░░ ▓██▓ ░ ░ ▓██▓ ░ ▒██   ██░▓██▒  ▐▌██▒  ▒   ██▒
░▒▓███▀▒░▓█▒░██▓░ ████▓▒░▒██████▒▒  ▒██▒ ░    ░▓█  ▀█▓▒▒█████▓   ▒██▒ ░   ▒██▒ ░ ░ ████▓▒░▒██░   ▓██░▒██████▒▒
░▒   ▒  ▒ ░░▒░▒░ ▒░▒░▒░ ▒ ▒▓▒ ▒ ░  ▒ ░░      ░▒▓███▀▒░▒▓▒ ▒ ▒   ▒ ░░     ▒ ░░   ░ ▒░▒░▒░ ░ ▒░   ▒ ▒ ▒ ▒▓▒ ▒ ░
░   ░  ▒ ░▒░ ░  ░ ▒ ▒░ ░ ░▒  ░ ░    ░       ▒░▒   ░ ░░▒░ ░ ░     ░        ░      ░ ▒ ▒░ ░ ░░   ░ ▒░░ ░▒  ░ ░
░ ░   ░  ░  ░░ ░░ ░ ░ ▒  ░  ░  ░    ░          ░    ░  ░░░ ░ ░   ░        ░      ░ ░ ░ ▒     ░   ░ ░ ░  ░  ░
░  ░  ░  ░    ░ ░        ░               ░         ░                           ░ ░           ░       ░
░
* Luke Wilson/WebBoss Ltd (c) July 2016
******************************************************************************************************************************************************/

:root {
    --btnBorderRadius: 4px;
    --inputBorderRadius: 4px;
}

.input, select, textarea, input:not([type]):not([class*="mce-"]), input[type=""]:not([class*="mce-"]), input[type="text"], input[role="textbox"], input[type="password"], input[type="radio"], input[type="checkbox"], input[type="number"], input[type="tel"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="range"], input[type="search"], input[type="time"], input[type="url"], input[type="week"], input[type="file"], .select2-selection__rendered{
    border: solid 1px #C9D1DA;
    -moz-border-radius: var(--inputBorderRadius);
    -webkit-border-radius: var(--inputBorderRadius);
    border-radius: var(--inputBorderRadius);
    background-color: #ffffff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    margin-bottom: 1em;
    font-family: inherit;
    font-weight: 300;
    letter-spacing: 1px;
    vertical-align: middle;
    transition: all 0.2s ease;
    box-sizing: border-box !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.01);
    font-size: 0.9375em;
    }

input[type="checkbox"], input[type="radio"]{
    margin-bottom: 0;
}


.btn, a.btn, button, .padding4, .paddingIcon {
    margin-right: 0;
    margin-bottom: 1em;
    display: inline-block;
    outline: none;
    *zoom: 1;
    text-align: center;
    text-decoration: none !important;
    font-family: inherit;
    font-weight: 300;
    letter-spacing: 1px;
    vertical-align: middle;
    border: 1px solid;
    transition: all 0.2s ease;
    box-sizing: border-box;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.01);
    box-shadow: none !important;
    background: transparent;
    border-radius: var(--btnBorderRadius);
    font-size: 0.9375em;
    padding: 0.5375em 1.375em;
    }

/* Fixes for other things */

.blogSubInline input.grey_button.btn {
    padding: 0.756em 1.3em;
}

.contextualMenu{
    color: #ffffff !important;
    }

input.blue_button.padding4{
    padding: 0.5375em 1.375em;
    }


    /* Radius */
.btn-radius {
    border-radius: 3px;
    }

/* Sizes */
.btn-small {
    font-size: 0.8125em;
    padding: 0.4125em 1.25em;
    }

.btn-medium {
    font-size: 0.9375em;
    padding: 0.5375em 1.375em;
    }

.btn-large {
    font-size: 1.0625em;
    padding: 0.5625em 1.5em;
    }

.btn:active, input[type='submit']:active, input[type='button']:active, button:active {
    }

:root {
    --grey_button: #84939D;
    --blue_button: #00B7F1;
    --green_button: #2ECC71;
    /*--green_button: #239a55;*/
    --red_button: #E74C3C;
    --purple_button: #9B59B6;
    --orange_button: #E67E22;
    --yellow_button: #F1C40F;
    /*--yellow_button: #d6ae0e;*/
}


.grey_button, a.grey_button:link, .button-link {
    color: #ffffff !important;
    background: var(--grey_button);
    }

.grey_button:hover, .grey_button:focus, a.grey_button:link:hover, a.grey_button:link:focus, .button-link:hover {
    color: var(--grey_button) !important;
    border-color: var(--grey_button);
    background: transparent;
    }

.public_tab, .staff_tab, .templ_tab { border: inherit; }

.blue_button, .public_tab, .staff_tab, .templ_tab {
    color: #ffffff !important;
    background: var(--blue_button) !important;
    }

.blue_button:hover, .blue_button:focus {
    color: var(--blue_button) !important;
    background: transparent !important;
    border-color: var(--blue_button) !important;
    }

.blue_button.hover {
    color: #ffffff !important;
    background: var(--blue_button) !important;
    border-color: #ffffff !important;
    }
.blue_button.inactive {
    color: var(--blue_button) !important;
    background: transparent !important;
    border-color: var(--blue_button) !important;
    }

.green_button, a.green_button:link {
    color: #ffffff !important;
    background: var(--green_button) !important;
    }

.green_button:hover, .green_button:focus, a.green_button:link:focus, a.green_button:link:hover {
    color: var(--green_button) !important;
    border-color: var(--green_button) !important;
    background: transparent !important;
    }

.red_button {
    color: #ffffff !important;
    background: var(--red_button) !important;
    }

.red_button:hover, .red_button:focus {
    color: var(--red_button) !important;
    background: transparent !important;
    border-color: var(--red_button) !important;
    }

.purple_button {
    color: #ffffff !important;
    background: var(--purple_button) !important;
    }

.purple_button:hover, .purple_button:focus {
    color: var(--purple_button) !important;
    background: transparent !important;
    border-color: var(--purple_button) !important;
    }

.orange_button, a.orange_button:link {
    color: #ffffff !important;
    background: var(--orange_button) !important;
    }

.orange_button:hover, .orange_button:focus, a.orange_button:link:focus, a.orange_button:link:hover {
    color: var(--orange_button) !important;
    background: transparent !important;
    border-color: var(--orange_button) !important;
    }

.yellow_button {
    color: #ffffff !important;
    background: var(--yellow_button) !important;
    }

.yellow_button:hover, .yellow_button:focus {
    color: var(--yellow_button) !important;
    background: transparent !important;
    border-color: var(--yellow_button) !important;
    }


/****************************/
/*** SYSTEM ONLY BUTTONS ***/
/***************************/

input#updOpen.grey_button{
    color: #949494 !important;
    border-color: #ffffff;
    background: #ffffff !important;
    }

input#updOpen.grey_button:hover{
    color: #ffffff;
    background: transparent !important;
    }

.blue_button#login-button{
    color: #FFFFFF;
    background: #00B7F1;
    }

.blue_button#login-button:hover, .blue_button#login-button:focus {
    color: #00B7F1;
    border-color: #00B7F1;
    background: transparent;
    }

html#webboss-system .red_button {
    color: #fff;
    background: #E74C3C;
    }

html#webboss-system .red_button:hover, html#webboss-system .red_button:focus {
    color: #E74C3C;
    border-color: #E74C3C;
    background: transparent;
    }

html#webboss-system .green_button {
    color: #fff;
    background: #2ECC71;
    }

html#webboss-system .green_button:hover, html#webboss-system .green_button:focus {
    color: #2ECC71;
    border-color: #2ECC71;
    background: transparent;
    }