/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

#header {
    z-index: 1050;
}

#extr-page {
    background: none !important;
}

    #extr-page #main {
        background: none !important;
    }

.fuelux .wizard {
    border: none !important;
    box-shadow: none !important;
}


.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}
.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-inherit {
    padding-top: inherit !important;
}

.margin-right-10 {
    margin-right: 10px;
}
.margin-right-5 {
    margin-right: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.fuelux .wizard ul li {
    cursor: pointer !important;
}

.image-thumbnail {
    display: block;
    outline: 1px solid #ddd;
    padding: 4px;
    margin-bottom: 18px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.image-thumbnail-selected {
    /*outline: 1px solid #ddd;*/
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.39);
}

@media (min-width: 500px) {
    .structure-row {
        float: left;
        margin-right: 20px;
    }
}


.jarviswidget > div {
    /*border-top-style: solid;
    border-top-color: #CCC !important;
    border-top-width:1px;*/
    border: none;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.39);
}

.jumbotron {
    background: none;
}

.smart-form .checkbox, .smart-form .radio {
    color: rgba(0, 0, 0, 0.62) !important;
    font-size: 14px;
}


.required-question {
    color: #c26565;
    font-size: 19px;
    position: absolute;
    left: -17px;
    top: 0px;
}



.survey-header-background {
    background-color: rgba(86, 138, 137, 0.27);
    height: 278px;
    display: block;
    height: 300px;
    width: 100%;
    position: absolute;
}

input[type="text"].material,
textarea.material,
div.material,
.select .material,
input[type="number"].material {
    border-width: 0px 0px 0px 0px !important;
}

    input[type="text"].material:hover, input[type="text"].material:focus,
    div.material:hover, div.material:focus,
    textarea.material:hover, textarea.material:focus,
    input[type="number"].material:hover, input[type="number"].material:focus,
    .select .material:hover, .select .material:focus {
        border-width: 0px 0px 2px 0px !important;
    }

.material-textarea {
    width: 100%;
    /*resize: none;*/
    border-color: #5d98cc;
}

.material-section-title {
    background-color: #568a89;
    font-size: 15px;
    width:100%;
}

.material-div {
    font-size: 30px;
    border-width: 0px 0px 2px 0px !important;
    border-color: #5d98cc;
}



.select .material {
    border-width: 0px 0px 1px 0px !important;
}



/*rating fixes*/
.smart-form .rating {
    float: left;
}



    .smart-form .rating label {
        font-size: 30px;
    }



/*datepicker styles*/
.datepicker-calendar * {
    box-sizing: border-box;
}





.ng-invalid.ng-dirty {
    border-color: #953b39 !important;
}


.element-center {
    float: none;
    margin: 0 auto;
}

.text-center {
    text-align: center;
}


.smart-form-forms fieldset + fieldset {
    border-top: 2px solid rgba(3, 128, 77, 0.3);
}



.smart-form input.input-lg-c2 {
    height: 44px;
    padding: 10px 0px;
    font-size: 23px;
    line-height: 1.33;
    font-weight: bold;
}

.smart-form textarea.input-lg-c2 {
    /*height: 44px;*/
    padding: 10px 0px;
    font-size: 18px;
    line-height: 1.33;
    font-weight: bold;
}

.smart-form input.input-lg-c1 {
    height: 60px;
    padding: 10px 0px;
    font-size: 40px;
    line-height: 1.33;
    font-style: italic;
}

.smart-form input.input-sm-c1 {
    padding: 10px 0px;
    font-size: 16px;
    line-height: 1.33;
}




.answer-icon-container {
    width: 2%;
    float: left;
    top: 10px;
}



.section-header-label {
    position: absolute;
    z-index: 100;
    padding: 5px 15px;
    font-weight: bold;
    font-style: italic;
    background: #568a89;
    color: white;
    width:50%;
}


a {
    cursor: pointer;
}

.question-answer-dropdown {
    height: 44px !important;
}


.table-hover-pointer {
    cursor: pointer;
}


.text-color-blue, .text-color-blue h2 {
    color: #3276b1 !important;
}

.text-color-green, .text-color-green h2 {
    color: #739e73 !important;
}

.text-color-red, .text-color-red h2 {
    color: #c26565;
}



/*.smart-form .btn {
    padding: 6px 22px;
    cursor: pointer;
}*/

.custom-color-picker-container {
    display: block;
}

    .custom-color-picker-container ul {
        padding: 15px 14px 10px;
        list-style: none;
        margin: 0;
    }

        .custom-color-picker-container ul li {
            display: inline-block;
            width: auto;
        }

            .custom-color-picker-container .jarvismetro-tile {
                margin: 0 3px 3px;
                border: none;
                border-radius: 0;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
            }

    .custom-color-picker-container .selected {        
        position: relative;
    }

.jarvismetro-tile.big-cubes {
    width: 60px !important;
    height: 60px !important;
}

.custom-color-picker-container .selected:after {
    width: 0;
    height: 0;
    border-top: 35px solid #ffffff;
    border-left: 35px solid rgba(0,0,0,0);
    position: absolute;
    display: block;
    right: 0;
    content: "";
    top: 0;
    z-index: 1;
}

.custom-color-picker-container .selected:before {
    display: block;
    position: absolute;
    content: "\f00c";
    color: #000;
    right: 4px;
    top: 3px;
    font-family: FontAwesome;
    z-index: 2;
}


div[contenteditable] {
    max-height: 200px;
    overflow: auto;
}


.line-breaker {
    white-space: pre-line;
}

.no-boxshadaw {
    box-shadow:none;
}

.theme-title {
    text-align: left;
    margin-bottom: 12px;
    margin-left: 3px;
    margin-top: 0px;
}

.anonymous-survey-link {
    font-size: 14px;
    line-height: 25px;
}


.colorblind-friendly .jarviswidget:hover:before {
    border: inherit !important;
}

.smart-style-1 .practice-name {
    color: white;
}

.smart-style-1 #logo {
    color: white;
}

.smart-style-2 .practice-name {
    color: white;
}

.smart-style-2 #logo {
    color: white;
}

/* General  */
.smart-style-1 .header-style-fixed,
.smart-style-2 .header-style-fixed {
    color: #ffffff;
}

.smart-style-5 .dataTables_scrollHead,
.smart-style-5 .select2-selection {
    background: rgba(0,0,0,0);
}

.smart-style-5 .select2-results__option {
    background: rgba(0,0,0,1);
    color: #fff;
    border-color: transparent;
}

.smart-style-0 .dataTables_scrollBody .dataTable,
.smart-style-1 .dataTables_scrollBody .dataTable,
.smart-style-2 .dataTables_scrollBody .dataTable,
.smart-style-3 .dataTables_scrollBody .dataTable,
.smart-style-4 .dataTables_scrollBody .dataTable,
.smart-style-5 .dataTables_scrollBody .dataTable,
.smart-style-6 .dataTables_scrollBody .dataTable {
    margin-top: 0px !important;
}

.smart-style-0 .dataTables_scrollHeadInner .dataTable,
.smart-style-1 .dataTables_scrollHeadInner .dataTable,
.smart-style-2 .dataTables_scrollHeadInner .dataTable,
.smart-style-3 .dataTables_scrollHeadInner .dataTable,
.smart-style-4 .dataTables_scrollHeadInner .dataTable,
.smart-style-5 .dataTables_scrollHeadInner .dataTable,
.smart-style-6 .dataTables_scrollHeadInner .dataTable {
    margin-bottom: 0px !important;
}
/* General  end*/
.multi-select2 .select2-selection__choice {
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 28px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: 5px;
    margin-top: 4px;
    margin-bottom: 3px;
}

.multi-select2 .select2-selection__choice__remove {
    padding-top: 3px;
    padding-left: 6px;
}


.multiselect-dropdown .dropdown-btn {
    border-radius: 0px !important;
    height: 22px !important;
    padding: 1px 4px !important;
    border-color: rgb(118, 118, 118)!important;
}

.multiselect-item-checkbox input[type=checkbox]:checked + div:before {
    background: #000000 !important;
}

.multiselect-item-checkbox input[type=checkbox] + div:before {
    box-sizing: content-box;
    content: "";
    color: #000000 !important;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px !important;
    height: 16px !important;
    margin-top: -9px;
    border: 1px solid #000000 !important;
    text-align: center;
    transition: .4s;
}

.dropdown-list li {
    padding: 3px 10px !important;
}