﻿.radio > label{
    font-size: 16px;
}

.debug-popup, .debug-toggle {
    padding: 2px;
    background-color: black;
    color: white;
    position: absolute;
    z-index: 99;
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .lowlight-long {
        min-height: 720px;
        height: auto;
    }

    #faqAndAppTitle {
        margin-bottom: 0px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .lowlight-long {
        min-height: 680px;
        height: auto;
    }
}


/* To improve readability and clarity on mobile, change the background color to white on mobile phones and tablets
   so the user scrolling experience is consistent */
/* Also decrease a lot of padding. */
@media only screen and (max-width : 767px) {
    body {
        background-color: white;
    }
    
    #general {
        margin-top: 35px;
    }

    .main-panel {
        margin: 0px;
        margin-bottom: 32px;
    }

    .wizard > .steps {
        height: 46px;
    }

    .wizard > .content > .body {
        padding: 2px;
    }

    #maincontent, .row, .steps {
        background-color: white;
    }
}

    .watermark {
        display: block;
        position: absolute;
        z-index: 15;
        margin-left: 25%;
        margin-top: 15%;
    }

    .watermark p {
        color: red;
        text-align: center;
        line-height: 1em;
        font-size: 80px;
        text-shadow: 2px 2px black;
        opacity: 0.5;
        transform: rotate(340deg);
        -webkit-transform: rotate(340deg);
    }

/* * * * * OVERRIDES AND HACKS * * * * */
/* P0792256 - Provides padding to the bottom of the screen where a button is present */
.bottom-button {
    padding-bottom: 36px;
}
/* P0792256 - Change text-highlight color */
::selection {
    background: rgb(209, 234, 199); /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: rgb(209, 234, 199); /* Gecko Browsers */
}

/* P0792256 - Change information alerts to be less blue. */
.alert-info {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    border-color: #b2dba1;
    color: #3F8F24;
}
/* P0792256 - Give the buttons on the help sidebar padding so they're not scrunched together */
#view-help a {
    padding-left: 15px;
}
/* P0792256 - Form Groups should have inputs span 100% width to size to their col-md */
.form-group .k-widget, .form-group input {
    width: 100%;
}
/* P0792256 - steps-label-description is not supposed to be bold */
.steps-label-description {
    font-weight: normal;
}

/* P0792256 - Textarea proper width / height for longer descriptions. */
.textarea-describe {
    width: 100%;
    height: 128px;
    resize: none;
}
.spanText {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
/* P0792256 - Overrides RARE style of having a border on each section. Disables it.*/
section fieldset {
    border-bottom: none;
}

/* P0792256 - Overrides RARE style making btn-primary have green text, without this it's white on white. */
a.btn-primary {
/*    color: #2f880f;*/
}
a.btn-wotc {
    white-space: pre-wrap;
}
/* P0792256 - Override jQuerySteps css */
.k-input {
    border: none !important;
}

/* P0792256 - Adds some padding around instruction headers. */
.instructions {
    padding-bottom: 24px;
}

/* P0792256 - Overriding RARE style to fix Kendo DatePicker. */
.k-datepicker {
    background-color: white;
}
/* * * * * END OVERRIDES AND HACKS * * * * */

.no-margin-top {
    margin-top: 0px !important;
}

.no-margin-sides {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
}

@font-face {
    font-family: mrGeorge;
    src: url(../fonts/mrGeorge.ttf);
}
.mrGeorgeFont {
    font-family: mrGeorge, arial, helvetica, sans-serif;
}

/*h1.mrGeorgeFont {
    color: #004a2e;
    font-weight: 900;
    font-size: 36px !important;
}
h2.mrGeorgeFont {
    color: #004a2e;
    font-weight: 900;
    font-size: 24px !important;
}*/

h1, h2, h3 {
    /*font-family: sans-serif;*/
    /*color: black;*/
    font-weight: 900;
    text-transform: none;
}

h2 {
    font-size: 16pt;
    margin: 18px 0px 14px 0px;
}

h2#moreHelp {
    margin: 50px 0px 12px 0px;
}

.col-md-9 h3 {
    font-size: 12pt;
    margin: 10px 0px 5px 0px;
}

h6 {
    color: black;
    margin: 45px 0px 0px 0px;
}

#smallPrint {
    font-size: 9pt;
    line-height: 14px;
    margin-bottom: 20px;
}

#smallPrint p {
    margin: 0px 0px 18px 0px;
}

i {
    
}

#HelpAccordian .collapsed {
    color: #565656 !important;
    text-decoration: none;
}

#HelpAccordian div.panel-heading {
    padding: 0px 0px 22px 0px;
}

#HelpAccordian div.panel-default {
    padding: 0px 0px 32px 0px;
}

    #HelpAccordian div.panel-default p {
        padding: 0 0px 20px 0px;
        margin: 0px;
    }

#HelpAccordian .collapseTitle {
    color: #565656 !important;
    outline: none !important;
    text-decoration: none;
}

    #HelpAccordian .collapseTitle:focus {
        color: #565656 !important;
        outline: none !important;
        text-decoration: none;
    }

    #HelpAccordian .collapseTitle:hover {
        text-decoration: none;
    }

#HelpAccordian .caret-up {
    border: solid #565656;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    /*arrow rotation is not 180deg because it is easier to create at 45deg*/
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    float: right;
}

#HelpAccordian .caret-down {
    border: solid #565656;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    float: right;
}

#HelpAccordian div.col-md-3 a:hover {
    cursor: pointer;
    text-decoration: none;
}

#HelpAccordian div.col-md-3 h2:hover {
    color: green;
}

#HelpAccordian p {
    padding: 0px 0px;
}

#HelpAccordian h6 {
    font-weight: bold;
}

#HelpAccordian .main-panel {
    margin: 0px;
}

.btn-modern-primary {
    background: #2d810e;
    border-radius: 10px;
    border: none;
    padding: 12px;
    text-transform: none;
    height: revert;
    font-weight: 600;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    color: white;
}

.btn-modern-secondary {
    background: #D5E6CF;
    color: #1B4D08 !important;
    border-radius: 10px;
    border: none;
    padding: 12px;
    text-transform: none;
    height: revert;
    font-weight: 600;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.returning-applicant {
    padding-right: 10px;
    padding-top: 15px;
}

/*div.main-panel hr {
    width: 938px;
}*/

#cancelText {
    color: white;
    margin-left: 5px;
}

#saveBtn #cancelBtn {
    padding: 0px;
}

#updateBtn {
    margin-top: 13px;
}

#cancelResultsBtn {
    /*hard coded to vertically align button, could be improved later*/
    margin-top: 15.5px;    
    padding: 0px 15px;
    display: inline-block;
}

#searchDiv {
    padding-right: 0px;
}

#btnPrev, #btnNext, #btnAll {
    /* prevent navigation buttons from touching footer */
    margin-bottom: 40px;
}

#btnValidate0 {
    /* prevent next button from touching footer, especially spanish version */
    margin-bottom: 40px;
}

#faqSubtitle {
    font-size: 24px;
}
.helpLinks{
    text-decoration: underline;
    font-weight: normal;
}
/* Customize the cross (remove) icon for each selected option in Chosen */
.chosen-choices .search-choice .search-choice-close {
    background: url('data:image/svg+xml;utf8,<svg fill="red" height="12" viewBox="0 0 20 20" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M14.348 5.652a.875.875 0 0 0-1.237 0L10 8.763 6.889 5.652A.875.875 0 1 0 5.652 6.89L8.763 10l-3.111 3.111a.875.875 0 1 0 1.237 1.237L10 11.237l3.111 3.111a.875.875 0 1 0 1.237-1.237L11.237 10l3.111-3.111a.875.875 0 0 0 0-1.237z"/></svg>') no-repeat center center !important;
    opacity: 1 !important;
    width: 12px !important;
    height: 12px !important;
}