/*
    font-family: 'Angkor', cursive;     //headlines
    font-family: 'Roboto', sans-serif;  //body

    font-family: 'Libre Baskerville', serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Work Sans', sans-serif;

    gray: color: #6a665a;
    background: #C92222;
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;600;700&family=Roboto&display=swap');

/*#region custom per client to match front end*/
.wysiwyg-title, .headingRed {
    color: #EF3E39 !important;
    font-family: proxima-nova-condensed, sans-serif !important;
    font-weight: normal !important;
    font-size: 1.5rem !important;
    padding-bottom: 1rem !important;
    white-space: normal !important;
}
.wysiwyg {
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    font-size: 1rem !important;
    color: #454249 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
    .wysiwyg .button, .bodyCKEDITOR .button {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 1rem 0;
        padding: 0.85em 1em;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
        transition: background-color 0.25s ease-out, color 0.25s ease-out;
        font-family: inherit;
        font-size: 1rem;
        -webkit-appearance: none;
        line-height: 1;
        text-align: center;
        cursor: pointer;
        background-color: #FFAB00;
        color: #fefefe;
    }
    .wysiwyg .button:hover, .wysiwyg .button:focus, .bodyCKEDITOR .button:hover, .bodyCKEDITOR .button:focus {
        background-color: #FF0012;
        color: #fefefe;
    }
    .wysiwyg .button a, .bodyCKEDITOR .button a {
        color: #fefefe;
        text-decoration: none;
    }

    .wysiwyg .button:hover a, .bodyCKEDITOR .button:hover a {
        color: #fefefe;
    }

    .wysiwyg .blueText {
        color: #C5E7E7;
    }

    .wysiwyg .tealText {
        color: #8ED1C0;
    }

    .wysiwyg .redText {
        color: #EF3E39;
    }

    .wysiwyg .yellowText {
        color: #FFD65C;
    }

    .wysiwyg .grayText {
        color: #3C3C3D;
    }
    /*constants make sure the ck editor file points to this file*/
    .bodyCKEDITOR, .cke_editable {
        font-family: 'Roboto', sans-serif !important;
        font-weight: normal !important;
        line-height: 1.5 !important;
        font-size: 1rem !important;
        color: #454249 !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
    }
    .bodyCKEDITOR {
        padding:1rem;
    }
    .bodyCKEDITOR .blueText {
        color: #C5E7E7;
    }

    .bodyCKEDITOR .tealText {
        color: #8ED1C0;
    }

    .bodyCKEDITOR .redText {
        color: #EF3E39;
    }

    .bodyCKEDITOR .yellowText {
        color: #FFD65C;
    }

    .bodyCKEDITOR .grayText {
        color: #3C3C3D;
    }
/*#endregion*/

body {
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
    cursor: grab;
}


/*#region fonts and buttons*/
a {color: #555; text-decoration:none}

a:hover, a:focus, a:active {
    color: #C92222;
}
.loginCopy {
    font-size: 1rem;
}

.linkReverse {
    color: #FFF;
}

.linkReverse:hover {
    color: #C92222;
}

.text-center {
    text-align: center;
}
.text-right {
    text-align:right;
}
.blackWhiteBar {
    background-color: #999 !important;
    color: #fff !important;
    padding: 1rem;
}
.copy {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: #555;
}

.copybold {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: bold;
    color: #555;
}

.copyerror {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: bold;
    color: #C92222 !important;
}

    .copyitalic {
        font-style:italic;
    }

    .layoutTable {
        background-color: #cccccc;
        border-radius: .5rem;
    }
.noRadius {
    border-radius:0 !important;
}

    .layoutTable .toprow {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
    }
    .layoutTable .topleft {
        border-top-left-radius: .5rem;
    }
    .layoutTable .topright {
        border-top-right-radius: .5rem;
    }

    .layoutTable .bottomrow {
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
    }
    .layoutTable .bottomBlankRow {
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        height:.1rem;
    }

    .layoutTable .bottomright {
        border-bottom-right-radius: .5rem;
    }

    .layoutTable .bottomleft {
        border-bottom-left-radius: .5rem;
    }

    .layoutTable .copyTLbold {
        padding: .5rem;
        background-color: #999 !important;
        color: #fff !important;
    }

    .layoutTable td {
        padding: .5rem;
    }

        .layoutTable .multiLineTop {
            vertical-align: top;
            padding-top: 1rem;
        }

    .listOptions .button {
        padding: .25rem .5rem;
    }

    .layoutTable [type="text"] {
        margin: 0 !important;
    }
    .copyT {
        background-color: #ffffff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #000000;
    }
.copyTL {
    background-color: #e7e7e7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #666666;
}
.copyTLbold {
    background-color: #e7e7e7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
}
.copyTAl {
    background-color: #f3f3f3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
}

.grid-x {
    display: table;
    width: 100%;
}

    .grid-x > .row {
        display: flex;
    }

    .grid-x > .row > .cell {
        display: inline-block;
    }
    .grid-x > .row > .small-12 {
        width: 100%;
        padding: 1rem;
    }

    .grid-x > .row > .small-8 {
        width: 66%;
        padding: 1rem;
    }

    .grid-x > .row > .small-6 {
        width: 50%;
        padding: 1rem;
    }

    .grid-x > .row > .small-4 {
        width: 33.33333%;
        padding: 1rem;
    }

    .grid-x > .row > .small-3 {
        width: 25%;
        padding: 1rem;
    }

    .grid-x label {
        color: #72A0C1;
        font-size: .95rem;
        display: block;
        padding-bottom: .15rem;
    }
.button, a.button {
    background-color: #FFF;
    padding: .5rem;
    border-style: solid;
    color: #ac0202;
    font-size: 1rem;
    letter-spacing: 0px;
    font-family: 'Roboto', sans-serif;
    border-color: #999999;
    cursor: pointer;
    border-width: 1px;
    width: auto;
    font-weight: normal;
    text-decoration: none;
    transition:.25s ease-in-out;
}
.buttonRed {
    background-color: #C92222 !important;
    color: #FFF !important;
}

.buttonRed:hover, buttonRed:focus, buttonRed:active {
    background-color: #454249 !important;
}

    .button:hover, .button:active, .button:focus, a.button:hover, a.button:active, a.button:focus {
        background-color: #cacaca;
        color: #FFF;
    }
.multiUpload {
    height:5rem;
}
.title2 {
    font-size: 1.15rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: bold;
    color: #6a665a;
    padding: 10px 0px 10px 0px;
}
.titleSub {    
    font-size: 1rem;
    color: #6a665a;
    padding: 10px 0px 10px 0px;
}
.titleSubActive {   
    font-size: 1rem;
    font-weight: normal;
    color: Green;
    padding: 10px 0px 10px 0px;
}
.titleSubInActive {
    font-size: 1rem;
    font-weight: normal;
    color: #C92222;
    padding: 10px 0px 10px 0px;
}
.pageNotes {
    color: #6a665a;
    font-size: .85rem;
    font-weight: bold;
    font-family: 'Work Sans', sans-serif;
}
.pageNotes a {
    color:#C92222;
    text-decoration:underline;
}
.pageNotes a:hover {
    color: #454249;
}

    .pageNotes .button {
        text-decoration:none !important;
    }

    .pageNotes ul {
        font-weight: normal;
    }
.instructional {
    color: #6a665a;
    font-size: .85rem;
    font-weight: normal;
    font-family: 'Work Sans', sans-serif;
}

.panelDashed {
    border: 1px dashed #ccc;
    padding: 1rem;
    background: #f3f3f3;
}

/*#endregion*/
/*#region page layout*/
#body-container {
    height: 100%
}
.pageSpacer {
    height:2rem;
}
#header-container {
    background: #0a0a0a;
    width: 100%;
    border-bottom: .5rem solid #CCC;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align:center;
}
#header-inner {
    width: 1600px;
    max-width: 100%;
    display: flex;    
    vertical-align: top;
    height:100%;
    margin:0 auto;
}

.outerContain {
    width: 1600px;
    max-width: 100%;
    margin: 2rem auto;
}

#header-inner #upperlogo, #header-inner #upperNavigation {
    width: 50%;
    display: inline-block;           
    height: 100%;    
}

#header-inner #upperlogo {
    text-align: left;
}
#header-inner #upperlogo img {
    width:200px;
}

#header-inner #upperNavigation {
    text-align: right;
    color: #999999;
	padding: 2rem 1rem;
}

#content-container {
    padding-top: 5rem;
    background: #fff;
    height: 100%;       
    padding:1rem;
}
#page-container {
    display:flex;
}
#sideNavigation {
    width:20%;
    background:#F9F9F9;
}
#pageContent {
    width:80%;
    padding-left:4rem;
}
img {
    max-width: 100%;
}
/*#endregion*/

/*#region login container*/
#ContentPlaceHolder1_MasterLoginView_MasterLogin {
    margin: 1rem auto;
    width:350px;
}
    #ContentPlaceHolder1_MasterLoginView_MasterLogin table {
        width:100%;
    }

    #ContentPlaceHolder1_MasterLoginView_MasterLogin td .copybold {
        padding: .5rem;
    }

    #ContentPlaceHolder1_MasterLoginView_MasterLogin a {
        color: #C92222;
    }

    #ContentPlaceHolder1_MasterLoginView_MasterLogin a:hover {
        color: #555;
    }

/*#endregion*/

/*#region main navigation*/
#main-nav-container {
    background: #999999 url('/smartadmin/images/bkgGrayHatch.png');
    border-top: 1px solid #FFF;
    font-family: 'Work Sans', sans-serif;
}

    #main-nav-inner ul {
        list-style: none;
        margin-left: -1.5rem;
    }
        #main-nav-inner ul li {
            display: inline-block;
            margin-right: .5rem;
            border-top: 1px solid #000;
            border-left: 1px solid #000;
            border-right: 1px solid #000;
            border-top-left-radius: .5rem;
            border-top-right-radius: .5rem;
            background: #CCC;
            background: linear-gradient(180deg, rgba(127,125,121,0.8735078015581232) 35%, rgba(62,59,59,1) 100%);
            transition: .25s ease-in-out
        }

    #main-nav-inner ul li:hover {
        background: #FFF;
    }

    #main-nav-inner ul li > a {
        color: #FFF;
        display: block;
        padding: .65rem 1.25rem;
    }

    #main-nav-inner ul li > a:hover {
        color: #C92222;
        display: block;
    }
    .activeNav {
        background: #FFF;
        font-weight:bold;
        color: #C92222 !important;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
    }
/*#endregion*/

/*#region side bar nav*/
    #sideNavigation {
        border: 1px solid #999999;   
        border-radius:.5rem;
    }
.navSectionTitle {
    /*padding: 1rem;*/
    background: #F9F9F9;
    color: #FFF;
    text-align: left;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    font-family: 'Angkor', cursive;
}
    .navigationContainer {
        padding-right:.5rem;
    }
    .navigationContainer ul {
        list-style:none;
        margin-left:-2rem;
    }
    .navigationContainer ul li {
        padding-bottom:.5rem;
        padding-top:.5rem;
        border-bottom:1px solid #F0F0F0;
    }

    .linkNavURL {
        padding-left: 1rem;
    }
    .linkNavURLOne {
        padding-left: 2.5rem;
    }
    .linkNavURLTwo {
        padding-left: 4rem;
    }
    .linkNavURLThree {
        padding-left: 5.5rem;
    }
    .linkNavURLFour {
        padding-left: 7rem;
    }
    .linkNavURLFive {
        padding-left: 8.5rem;
    }

.subNavActive {
    color:#C92222 !important;
}
/*#endregion*/

/*#region cms menu*/
    .cmsMenuContainer {
        width:100%;
        padding-top:2rem;
        border-bottom:1px solid #555;
        margin-bottom:2rem;
    }
    .cmsMenuContainer ul{
        position: relative;
        bottom: -1px;
    }
    .cmsMenuContainer ul li {
        display: inline-block;
        margin-right: .25rem;
        border-top: 1px solid #999999;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
        background: #d0d0d0;
        transition: .25s ease-in-out
    }
    .cmsMenuContainer ul li > a {
        color: #6a665a;
        display: block;
        padding: .65rem 1rem .25rem 1rem;
    }
    .cmsMenuContainer ul li > a:hover {
        color: #C92222;
        display: block;
    }
    .cmsMenuContainer ul li:hover {
        background: #FFF;
    }

    .cmsMenuContainer .selected {
        background: #FFF;
        color: #C92222 !important;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
    }
/*#endregion*/

/*#region content control*/
    #addItemContainer {
        margin-top:2rem;
        padding:1rem;
        background:#f7f7f7;
        border:1px solid #C92222;
    }
    .menuContentItem {
        color:#C92222;
        font-weight:bold;
    }

    .menuContentItemSub {   
        border-bottom: 1px solid #999;
        display: flex;
        background: #FFF
    }
    .menuContentItemSub a {
        width:100%;
        padding:.75rem;        
        display:block;
        width:200px;
        background:#555;
        color:#FFF;

    }
    .menuContentItemSub a:hover {
        background:#F5F5F5;
        color:#C92222;
    }
    .muAddStart_0 {
        margin-top: .5rem;
        border: 1px solid #C92222;    
    }

   
/*#endregion*/

/*#region form items*/
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
    textarea:focus {
        outline: none;
        border: 1px solid #8a8a8a;
        background-color: #fefefe;
        -webkit-box-shadow: 0 0 5px #cacaca;
        box-shadow: 0 0 5px #cacaca;
        -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
        transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
        transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
        transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    }

textarea {
    max-width: 100%;
}

    textarea[rows] {
        height: auto;
    }

    input:disabled, input[readonly],
    textarea:disabled,
    textarea[readonly] {
        background-color: #e6e6e6;
        cursor: not-allowed;
    }

[type='submit'],
[type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

input[type='search'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*#endregion*/

/*#region form builder correction items*/
#formbuilder label {
    color:#454249
}

#formbuilder li {
}
#formbuilder [type="text"] {
    height:auto;
}
#formbuilder .form-field {
    border: none;
    box-shadow: none;
    height: auto;
}
#formbuilder .checkbox-group, #formbuilder .formbuilder-radio, #formbuilder .formbuilder-select {
    margin-bottom: .5rem;
}
    #formbuilder .formbuilder-checkbox label, #formbuilder .formbuilder-radio label, #formbuilder .formbuilder-select option{
        color: #999
    }
/*#endregion*/