/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
/*
    This css is not part of MyCustomCodes.Less file

    input.input-validation-error,
    textarea.input-validation-error,
    select.input-validation-error {
        border-bottom: 2px solid red !important;
        border-right: 2px solid red !important;
        border-radius: 70px 1px !important;
        padding-left: 10px !important;
    }

.input-validation-error ~ .select2 .select2-selection {
    border: 1px solid red;
    padding-left: 10px !important;
}
*/
/*1vw = 1% of viewport width

1vh = 1% of viewport height

1vmin = 1vw or 1vh, whichever is smaller

1vmax = 1vw or 1vh, whichever is larger*/
@font-face {
    font-family: 'BodyFont';
    src: url('../fonts/Lato/Lato-Italic.ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'BodyFont2';
    src: url('../fonts/Cavolini/CavoliniCondensed.ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Light.ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans/OpenSans-Italic.ttf');
    font-weight: normal;
}

@font-face {
    font-family: TangerineBold;
    src: url('../fonts/Tangerine/Tangerine-Bold.ttf');
    font-weight: normal;
}

@font-face {
    font-family: Raleway;
    src: url('../fonts/Raleway/Raleway-Regular.ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'Raleway-SBI';
    src: url('../fonts/Raleway/Raleway-SemiBoldItalic.ttf');
    font-weight: normal;
}

@font-face {
    font-family: ControlFont;
    src: url(../fonts/Raleway/Raleway-Italic.ttf);
}

@font-face {
    font-family: GreatVibes;
    src: url(../fonts/GreatVibes/GreatVibes-Regular.ttf);
}

@font-face {
    font-family: CutTheButton;
    src: url(../fonts/CutTheButtons/CutTheButtons.ttf);
}

@font-face {
    font-family: ControlFont;
    src: url(../fonts/Raleway/Raleway-Italic.ttf);
}

@font-face {
    font-family: SegoePrint;
    src: url(../fonts/SegoePrint.ttf);
}

body {
    padding-top: 0px;
    padding-bottom: 20px;
    font-family: BodyFont !important;
    /*font-size: 1.2em !important;*/
}

.MyHeadingFont {
    font-family: SegoePrint, Kalam, cursive, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-align: center;
    font-size: 4vmin;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

/*https://stackoverflow.com/questions/21706505/bootstrap-responsive-table-not-scrolling-vertically-on-ios-devices/26885539#26885539*/
.table-responsive {
    -webkit-overflow-scrolling: touch !important;
}

/*This CSS is specific to this project*/

input {
    background-color: transparent !important;
}

.white-skin .md-bg input[type="text"], .white-skin .md-bg input[type="password"], .white-skin .md-bg input[type="email"], .white-skin .md-bg input[type="url"], .white-skin .md-bg input[type="time"], .white-skin .md-bg input[type="date"], .white-skin .md-bg input[type="datetime-local"], .white-skin .md-bg input[type="tel"], .white-skin .md-bg input[type="number"], .white-skin .md-bg input[type="search-md"], .white-skin .md-bg input[type="search"], .white-skin .md-bg textarea.md-textarea {
    background-image: linear-gradient(to bottom, gray, black), linear-gradient(to bottom, #ced4da, #ced4da) !important;
}

.md-form input:not([type]):focus:not([readonly]) + label,
.md-form input[type="text"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="password"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="email"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="url"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="time"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="date"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="tel"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="number"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="search"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="phone"]:not(.browser-default):focus:not([readonly]) + label,
.md-form input[type="search-md"]:focus:not([readonly]) + label,
.md-form textarea.md-textarea:focus:not([readonly]) + label {
    color: black
}

table.grid-table tr.grid-row-selected td {
    background: #D3D3D3 !important;
    color: black;
}

.input-validation-error, .input-validation-error + div.chosen-container a {
    border-left: 5px solid red !important;
    border-radius: 5px !important;
    padding-left: 8px !important;
}

.delete-section {
    display: inline;
}

button[disabled=disabled], button:disabled {
    border: 1px solid #999999 !important;
    background-color: #cccccc !important;
    color: #666666 !important;
}