body {
    font-size:16px !important;
    margin: 0px; 
    padding: 0px;  
    font-family: 'DM Sans', sans-serif !important; 
    color: #2d2d2d; 
    background-image: url(/siteAssets/imgs/FHbkgd.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
a:link, a:visited, a:hover, a:active {

    color:#25447e;
}
h1 {color:#263e63;}
h2 {  font-family: 'DM Sans', sans-serif; font-size: 22px; font-weight: 500; color: #1b365d; padding: 2px 0px 8px 0px; margin: 0px; }
h3 {  font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: bold; color: #1b365d; margin: 0px; }
h4 {  font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: bold; color: #2d2d2d; padding: 2px 0px 4px 0px; margin: 0px; }
img {
    border:0px;
}
h2 {
    /* text-transform:uppercase; */
}
.paddtop15 {
    padding-top:15px !important;
}
.sitnice{
    padding:20px 0px 5px 0px;
}
.sitnice20{
    padding:20px 0px;
}
.sitnice10{
    padding:10px 0px;
}
.sitnice10a{
    padding: 0px 10px;
}
.sitnice20b{
    padding: 0px 0px 20px 0px;
}
.sitnice2042{
    padding:20px 0px;
    min-height: 42px;
}
.sittop{
    margin-top: 0px !important;
}
.sittop10{
    margin-top: 10px !important;
}

.divborder {
    border:1px solid #1b365d;
    padding:5px 10px 5px 10px;
    min-width:300px;
    max-width:1024px;
    width:90%;
    text-align:center;
    margin:20px;

}
.thetable {
    border:0px;
    border-collapse: collapse;
    padding:0px;
    margin:10px;
    font-size:15px;
    min-width:300px;
    max-width:900px;
    width:95%;
    text-align:center;

}
.thetable td{
    text-align:left;
    font-size:16px !important;
    height:45px;
    vertical-align:middle;
    max-width:50%;
}
.tableHeaderRow {
    background-color:#1b365d;
    color:#FFF;
    font-weight:bold;
    padding:5px !important;
    text-transform:uppercase;
    font-size:15px;
}
select, .selectField, .selectFieldShort {
    font-size: 16px;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: 0em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
        linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

select::-ms-expand, .selectField::-ms-expand, .selectFieldShort::-ms-expand {
    display: none;
}
select:hover, .selectField:hover, .selectFieldShort:hover {
    border-color: #888;
}
select:focus, .selectField:focus, .selectFieldShort:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
select option, .selectField option, .selectFieldShort option {
    font-weight:normal;
}
.selectField, .selectFieldShort {
    width:100%;
    max-width: 350px;
}
.textField {
    margin:5px 0 10px 0;
    width:95%;
    font-size:16px;
    border-radius:3px;
    border:none;
    padding:5px;
}
.textAreaField {
    margin:5px 0 10px 0;
    width:98%;
    font-size:16px;
    border-radius:3px;
    border:none;
    padding:5px;
    height:50px;
}
.textareaTD {
    vertical-align: top !important;
    padding-top: 15px !important;

}
textarea{
    font-family: 'DM Sans', sans-serif !important; 
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
}

.newplusbutton {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 5px;
    font-family: 'DM Sans', sans-serif;
    color: #ffffff;
    font-size: 16px;
    background-color: #008000;
    border-color: #008000;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    text-transform:uppercase;
}
.newgreenbutton, a:link.newgreenbutton, a:active.newgreenbutton, a:visited.newgreenbutton {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 5px;
    font-family: 'DM Sans', sans-serif;
    color: #ffffff;
    font-size: 16px;
    background-color: #008000;
    border-color: #008000;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    text-transform:uppercase;
}
.newredbutton {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 5px;
    font-family: 'DM Sans', sans-serif;
    color: #ffffff;
    font-size: 16px;
    background-color: #902b2b;
    border-color: #902b2b;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    text-transform:uppercase;
}
.newbutton, a:link.newbutton, a:visited.newbutton {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    border-radius: 5px;
    font-family: 'DM Sans', sans-serif;
    color: #ffffff;
    font-size: 16px;
    background-color: #1b365d;
    border-color: #1b365d;
    padding: 5px 5px 4px 5px;
    text-decoration: none;
    text-transform:uppercase;

}



.newbutton:hover {
    background: #005ab3;
    text-decoration: none;
    text-transform:uppercase;
}
.bodyWrapper {
    margin-top:20px;
}
#formvalidationResults, .valresults{
    text-transform:uppercase;
    font-weight:bold;
    color:#b12929;
    text-align:left;
    min-width:300px;
    max-width:900px;
    margin:0px auto;
    line-height: 26px;
}
#justadiv{
    min-width:300px;
    max-width:900px;
    margin:0px auto;
}
#surveyBuildResults{
    min-width:300px;
    max-width:900px;
    margin:0px auto;
}


/*specialised radio buttons*/
.radioContainer ul{
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.radioContainer ul li{
    color: #AAAAAA;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #333;
}

.radioContainer ul li input[type=radio]{
    position: absolute;
    visibility: hidden;
}

.radioContainer ul li label{
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.35em;
    padding: 25px 25px 25px 80px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.radioContainer ul li:hover label{
    color: #FFFFFF;
}

.radioContainer ul li .check{
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 30px;
    left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.radioContainer ul li:hover .check {
    border: 5px solid #FFFFFF;
}

.radioContainer ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 5px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.radioContainer input[type=radio]:checked ~ .check {
    border: 5px solid #0DFF92;
}

.radioContainer input[type=radio]:checked ~ .check::before{
    background: #0DFF92;
}

.radioContainer input[type=radio]:checked ~ label{
    color: #0DFF92;
}


.radio-toolbar-onetofive input[type="radio"] {
    display: none;
}

.radio-toolbar-onetofive label {
    display: inline-block;
    background-color: #FFF;
    padding: 4px 11px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    cursor: pointer;
    border:1px solid black;
}

.radio-toolbar-onetofive input[type="radio"]:checked+label {
    background-color: #000;
    color:#FFF
}
.center {
    text-align:center;
}
.mycontainer {
    padding:20px;
    max-width:1200px;
    margin:0px auto;
}
.smallform {
    max-width:800px;
}



/* ----------------------------------------------------------------
        Forms
-----------------------------------------------------------------*/

.formcontrol {
    display: block;
    width: 100%;
    max-width: calc(100% - 22px);
    height: 38px;
    padding:8px 9px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #000;
    font-family: 'DM Sans', sans-serif !important;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #DDD;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}
.shortfield {
    max-width:150px !important;
}
.shorterfield{
    max-width:80px !important;

}
.shorterfield70{
    /* max-width:100% !important; */
    text-align:center;

}
.formcontrol:focus {
    border-color: #AAA;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.formcontrol::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.formcontrol:-ms-input-placeholder { color: #999; }
.formcontrol::-webkit-input-placeholder { color: #999; }

.formcontrol[disabled],
.formcontrol[readonly],
fieldset[disabled] .formcontrol {

    opacity: 1;
}

.formcontrol { height: auto; }

.form-control { border-radius: 3px; }

.form-control:active,
.form-control:focus {
    border-color: #999;
    box-shadow: none;
}

label {
    display: inline-block;
    /* font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555; */
    margin-top: 10px;
    /* cursor: pointer; */
}

label.label-muted {
    color: #999;
    font-weight: normal;
    margin-right: 5px;
}

.logoboxes {
    /* width:100%; */
    border:1px solid black;
    padding:20px 10px;
    border-radius:20px;
}
.greyhr {
    border:1px dashed #dad7d7;
}
.boldtext {
    font-weight:bolder;
}
.paddedtable tr td {
    padding:5px 0px;
}

.paddedtable2 tr td {
    padding:0px 5px;
}
.paddedtablelrg tr td {
    padding:15px 0px;
}
.nomargin {
    margin:0px !important;
}
.dolla {
    float: left;
    padding: 13px 11px 13px 0px;
}
.dolla1 {
    float: left;
    padding: 10px 11px 13px 0px;
}
.ds {
    float: left;
    padding: 13px 0px 13px 13px;
}
.promotd {
    vertical-align:middle;
}
.selectNumber {
    width:80px !important;
}

.nomarginaddpadding {
    margin-bottom:0px !important;
    padding:12px 0px 3px 0px;
}
.aandmheader {
    text-transform:uppercase;
    text-align:left;
}
.delbutaandm {
    width:50px;
    float:left
}
.showformobile {
    display:none !important;
}

.showformobileinline {
    display:none !important;
}
.dontshowformobile {
    display:block !important;
}
.dontshowformobileinline {
    display:inline-block !important;
}

.col_1 {
    width:50%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_1-50 {
    width:50%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_1-47 {
    width:47%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_2 {
    width:15%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_3 {
    width:15%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_4 {
    width:15%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_5 {
    clear:both;
    width:100%;
    padding:5px 0px 0px 0px;
}
.col_6{
    width:48%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_a1 {
    width:25%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_a1-50 {
    width:48%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_a2 {
    width:15%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_a3 {
    width:15%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_a4 {
    width:10%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_a5 {
    clear:both;
    width:100%;
    padding:5px 0px;
}
.col_a6{
    width:48%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_a54{
    width:54%;
    float:left;
    padding:5px 0px;

}
.col_a15{
    width:15%;
    float:left;
    padding:5px 0px;

}
.col_a54s{
    width:54%;
    float:left;
    padding:5px 0px;

}
.col_a15s{
    width:15%;
    float:left;
    padding:5px 0px;

}
.col_a7{
    width:30%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_a8{
    width:25%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_33{
    width:32%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_23{
    width:23%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_22{
    width:22%;
    float:left;

}
.borderbottom {
    /* display: inline-block; */
    /* padding-left: 7px; */
    border-bottom:1px dashed #dad7d7;

}
.borderbottomAM {
    display: inline-block;
    padding-bottom: 15px;
    border-bottom:1px dashed #dad7d7;

}
.borderbottomtop {
    display: inline-block;
    margin-top: 10px;
    padding-top: 6px;
    border-bottom:1px dashed #dad7d7;
    border-top:1px dashed #dad7d7;
}
.borderbottomAM5 {
    display: inline-block;
    padding-bottom: 15px;
    padding-top: 5px;
    border-bottom:1px dashed #dad7d7;
}
.col_25{
    width:25%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_13{
    width:13%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_58{
    width:58%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
    text-align:center

}
.col_36{
    width:36%;
    float:left;
    margin-right:1%;
    padding:5px 0px;

}
.col_1rip {
    width:19%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_2rip {
    width:19%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_3rip {
    width:19%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_4rip {
    width:19%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_5rip {
    width:19%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.sel {
    display:inline-block;
    padding:6px;
    margin:3px;
    font-weight: bolder;
    border:1px solid #1b365d;
    border-radius: 3px;
    background-color: #003963;
    font-size: 14px !important;
    color: #ffffff;
}
.unsel {
    display:inline-block;
    padding:6px;
    margin:3px;
    border:1px solid #1b365d;
    border-radius: 3px;
    background-color: white;
    font-size: 14px !important;
    color: #1B365D;
}
.unselgr {
    display:inline-block;
    padding:6px;
    margin:10px;
    border:1px dashed #dad7d7;
    border-radius: 3px;
    background-color: white;
    font-size: 16px !important;
    font-weight: 500;
}
.col_end {
    float:right;
    font-weight:normal;
}



.andmcol1 {
    width:12%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}

.andmcol2 {
    width:25px;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}

.andmcol3 {
    width:10%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}

.andmcol4 {
    width:12%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}

.andmcol5 {
    width:12%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}

.andmcol6 {
    width:10%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}

.andmcol7 {
    width:12%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}

.andmcol8 {
    width:12%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.go100 {
    width:auto;
}
.col_one_tenth {
    width: 13%;
    float:left;
    text-align:center;
    margin-right:5px;
    padding:5px 0px;
}
.col_one_twenty {
    width:17%;
    float:left;
    text-align:center;
    margin-right:5px;
    padding:5px 0px;
}
@media screen and (max-width: 850px) {
    .col_one_twenty {
        width:100%;
        float:left;
        text-align:center;
        padding:5px 0px;
    }
    .col_one_tenth {
        width: 45%;
        float:left;
        text-align:center;
        margin-right:4%;
        padding:5px 0px;
    }
}

@media screen and (min-width: 769px) {

    .goright{
        text-align: right;
    }
}
@media screen and (max-width: 768px) {
    .lgreybarWP {
        background-color: #F1F3F1 !important;
        padding: 5px !important;
        display: block !important;
    }
    .digitallogo {
        width:35% !important;
    }
    .nomarginaddpadding {
        margin-bottom:0px !important;
        padding:4px 0px 3px 0px;
    }
    .borderbottom {
        padding:5px 0px;

    }
    .inmiddlemob{
        text-align: center !important;
    }
    .margintop15 {
        margin-top:5px !important;

    }
    .go100 {
        width:100%;
    }
    .exmarg {
        margin-right: 10px;
    }
    .shadeboxtall{
        min-height: 80px !important;
    }
}

@media screen and (max-width: 919px) {
    .col_a54{
        width:100%;
        float:none;
        padding:5px 0px;

    }
    .col_a15{
        width:33%;
        float:left;
        padding:5px 0px;

    }
    .col_a54s{
        width:33%;
        float:left;
        padding:5px 0px;

    }
    .col_a15s{
        width:0%;
        float:left;
        padding:0px 0px;
        display:none;

    }
    .andmcol1 {
        width:75%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }

    .andmcol2 {
        width:22px;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }

    .andmcol3 {
        clear:both;
        width:20%;
        float:left;
        margin-right:1%;
        padding: 11px 0px;
        min-height: 30px;
    }

    .andmcol4 {
        width:37%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }

    .andmcol5 {
        width:37%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }

    .andmcol6 {
        clear:both;
        width:20%;
        float:left;
        margin-right:1%;
        padding: 11px 0px;
        min-height: 30px;
    }

    .andmcol7 {
        width:37%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }

    .andmcol8 {
        width:37%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }
    .file-box {
        display: block;
    }
}
.mobileonlyhr {
    display:none;
}
.add20px {
    margin-top: 20px;
}
.add20 {
    margin-top: 20px !important;
}
.addSomePad {
    padding-top:10px;
}
.addSomePad25 {
    padding-top:25px;
}

.col_a2same {
    width:23%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
    white-space: nowrap;
}
.col_a2same2 {
    width:23%;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.col_a3same {
    width:200px;
    float:left;
    margin-right:1%;
    padding:5px 0px;
}
.mobiletextrightinline {
    text-align:center;
}
@media screen and (max-width: 500px) {
    .selectfieldauto {
        width:auto;
    }
    .wrapbut{
        height: 55px;
    }
}
.mobilecenter {
    text-align:right;
}
.shaunspecial3fifth {
    margin-right:1%;width:61%
}
.lefttext {
    text-align:center;
}
.twoboxes{
    padding-top: 14px;
    padding-left:20%;
    padding-right:20%;
}
@media screen and (max-width: 767px) {
    .mobiletextrightinline {
        display: inline-block;
        text-align: right;
        right: 0px;
        position: absolute;
        right: 19px;
        margin-top: 15px;top: -15px;
    }
    .lefttext {
        text-align:left;
    }

    .twoboxes{
        padding: 14px 0px !important;
    }

    
    .sitnice{
        padding:20px 0px 15px 0px;
    }
    .high45 {
        margin-top: 10px !important;
    }
    .shaunspecial3fifth {
        width:99%
    }
    .mobilecenter {
        text-align:center;
    }
    .col_a2same {
        width:29%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
        white-space: nowrap;
    }
    .col_a2same2 {
        width:29%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }
    .col_a3same {
        width:32%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }
    .mobile33 {
        width:32%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }
    .mobileDropPad {
        padding-top: 11px !important;
    }
    .mobileshort {
        max-width:100px !important;
    }
    .add20px {
        margin-top: 0px;
    }
    .addSomePad {
        padding-top:0px;
    }
    .file-button {
        width: 100%;
        text-align: center;
        display: block;
        padding: 5px 0px !important;
    }
    .moblarge {
        width:65%;
        clear:both;
        text-align:center;
        margin:auto auto;
    }
    .showformobile {
        display:block !important;
    }
    .showformobileinline {
        display:inline-block !important;
        margin-top:15px;
    }
    .dontshowformobile {
        display:none !important;
    }
    .dontshowformobileinline {
        display:none !important;
    }
    .bodyContent {
        font-size:96%;
    }
    .daymobile {
        text-align: center;
    }
    .alltheway {
        padding:14px 0px 0px 0px !important;
    }
    .colhalfmob {
        width: auto !important;
        /* float:left;
        */
        display:inline-block;
        margin-top: 15px !important;
        /* max-width: 85%; */
        max-width: 69%;
    }
    .colhalfmobDelete {
        width: auto !important;
        /* float: left; */
        display: inline-block;
        margin-top: 5px !important;
        /* max-width: 85%; */
        max-width: calc(100% - 50px);
    }
    .headtext {
        margin-top: 15px !important;
    }
    .headtext0 {
        margin-top: 0px !important;
    }
    .headtext01 {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    .moveit {
        margin-top: 8px !important;
    }
    .moveit20 {
        margin-top: 20px !important;
    }
    .headtextareas {
        padding-bottom: 5px !important;
    }
    .needmore {
        padding-bottom:20px !important;
    }
    .headtextmob {
        margin-top: 3px !important;
    }
    .calendartopmargin {
        margin-top: 15px !important;
        margin-bottom:0px !important;
    }
    .colhalfmob85 {
        width: auto !important;
        float:left;

        max-width: 85%;
        /* max-width: 69%; */
    }
    .mobcl {
        float:right;
        padding-right:10px;
        margin-top:15px;
        margin-right:0px;
        margin-bottom:0px;
    }
    .mobclnotop {
        float:right;
        padding-right:10px;
        margin-top:0px !important;
    }
    .aandmheader {
        text-align:center;
    }
    .delbutaandm {
        position:absolute;
        bottom:-53px;
    }
    .postcontent, .postcontent.bothsidebar, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {
        margin-bottom: 5px !important;
    }
    .posTable {
        font-size:100%;
    }

    .col_1 {
        width:30%;
        float:left;
        margin-right:1%;
        padding:5px 0px;

    }
    .col_2 {
        width:22%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
        white-space: nowrap;
    }
    .col_3 {
        width:22%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }
    .col_4 {
        width:22%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }

    .col_a1 {
        width:35%;
        float:left;
        margin-right:1%;
        padding:5px 0px;

    }
    .col_a2 {
        width:29%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
        white-space: nowrap;
    }
    .col_a3 {
        width:32%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }

    .col_a4 {
        /* clear:both; */
        width:32%;
        float:left;
        margin-right:1%;
        padding:0px 0px;
        margin-bottom:20px;
    }

    .col_a7 {
        width:65%;
        float:left;
        margin-right:1%;
        padding:0px 0px;
        /* margin-bottom:20px; */
    }
    .mobileonlyhr {
        display:block;
        border:1px dashed #dad7d7;
        clear: both;
    }
    .col_a8 {
        width:100%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }
    .printDescription::before{
        content:"\A";
        white-space: pre-wrap;
      }
      .smallertd {
        width:135px;
      }
      #postableau {
        font-size:88%;
      }
    /* .col_1-47 {
      width:48%;
      float:left;
      margin-right:1%;
      padding:5px 0px;
      
    } */
    .justformob {
        margin-left: 67px;
    }
}



.descriptotextbold {
    font-style:italic;
    font-size:80%;
    font-weight:bold;
}

.mainHeadingRow {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    background-color: #003963;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0px;
    margin: -8px 0px 20px 0px;
    border-radius: 3px;
    letter-spacing: 1px;
}
.mainHeadingRowRiptide {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    background-color: #c4598b;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0px;
    margin: -8px 0px 20px 0px;
    border-radius: 3px;
    letter-spacing: 1px;
}

.subHeadingRow {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    background-color: #003963;
    text-transform: uppercase;
    text-align: center;
    padding: 4px 0px;
    margin: 10px 0px;
    border-radius: 3px;
    letter-spacing: 1px;

}

.subHeadingRowRiptide {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    background-color: #8c4385;
    text-transform: uppercase;
    text-align: center;
    padding: 4px 0px;
    margin: 10px 0px;
    border-radius: 3px;
    letter-spacing: 1px;

}



.downarrow {
    width:50px;
    float:right;
    margin-right:5px;
    padding: 16px 0px;
    color: #8d8d8d !important;
    font-size: 80%;
    cursor:pointer;
}

.hrstyle {
    border:1px dashed #a3bee4 !important;
    clear: both
}

.topvenueselect {
    background-color:#f0fafc;
    border: 1px solid #eeeeee;
}
.topnavAM {
    background-color:#f0fafc;
    border: 1px solid #eeeeee;
    margin-top: -10px !important;
    padding: 15px 0px;
    text-align: center;
}

.bottombutbar {
    margin-top: 20px;
    margin-bottom: -10px !important;
}
.bottombutbar10 {
    margin-top: 20px;
    margin-bottom: -10px !important;
}

.bottombutbar1 {
    margin-top: 20px;
    margin-bottom: -8px !important;
}

.lightbluebox {
    background-color:#f0fafc; 
    border: 1px solid #eeeeee; 
    padding:25px; 
    text-align: center;
    text-decoration: none;
}


a.lightbluebox1 {
    text-decoration: none;
    color: #2d2d2d;
}
a:hover.lightbluebox1 {
    text-decoration: none;
    color: #235cae;
}

.inputfile-box {
    position: relative;
}

.inputfile {
    display: none;
}

.container {
    display: inline-block;
    width: 100%;
}

.file-box {
    /* display: inline-block; */
    width: 100%;
    /* border: 1px solid #eeeeee; */
    padding: 4px 5px;
    box-sizing: border-box;
    height: calc(2rem - 2px);
}

.file-button {
    background: #235cae;
    color: #fff;
    padding: 5px;
    /* position: absolute; */
    border: 1px solid;
    top: 0px;
    right: 0px;
    border-radius: 3px;
    white-space: nowrap;
    /* float: left; */
}

.grey-box {
    /* display: inline-block; */
    margin-top: 8px;
    border: 2px solid #dddddd;
    padding: 4px 5px;
    box-sizing: border-box;
    height: calc(2rem - 2px);
}
.headtext {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #003963;
}
.headtextnoextra {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #003963;
}
.headtext0 {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #003963;
    padding-top: 15px;
}
.headtext01 {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #003963;
    padding-top: 10px;
}

.headtextareas {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #003963;
    padding-bottom:13px;
}

.headtextmob {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #003963;
}
@media screen and (min-width: 767px) {
    .answertext {
        font-style: normal;
        padding-top:10px;
    }

}
.shopdescriptionText {
    font-style:italic;
    font-size:100%;
    font-weight:bold;
    color:#003963;
    line-height: 18px !important;
}
.descriptionText {
    font-style:italic;
    font-size:80%;
    font-weight:normal;
    color:#003963;
    line-height: 18px !important;
}

.comment-text {
    background-color:#f7f7f7;
}

.hoursmove {
    line-height: 3.3;
}
@media screen and (min-width: 767px) {
    .hoursmove {
        line-height: 2.5;
    }
}

.lgreybar {
    background-color: #F1F3F1;
    margin: 0px 0px 10px 0px;
    padding: 15px 0px;
    display: block;
    min-height: 42px;
}
.lgreybarbase {
    background-color: #F1F3F1;
    padding: 15px 0px;
    display: block;
    min-height: 42px;
}
.lgreybarbase1 {
    background-color: #F1F3F1;
    padding: 15px 0px 20px 0px;
    display: block;
    min-height: 42px;
}
.lgreybarbase5 {
    background-color: #F1F3F1;
    padding: 5px 0px;
    display: block;
}
.lgreybarbase20 {
    background-color: #F1F3F1;
    padding: 15px 0px;
    display: block;
    min-height: 42px;
    margin-bottom: -20px;
    margin-top: 20px;
}
.lgreybarWP {
    background-color: #F1F3F1;
    padding: 18px 5px 0px 20px;
    display: flex;
}
.mediaLibraryClass {
    display: block !important;
    z-index: 200000;

    /* background-color: #fff; */
    /* opacity: 0.93; */
    border-radius: 5px;
    border: 1px solid #dddddd;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0px 6px 20px 6px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;

}

.myoverlay {
    position: fixed;
    /* display: block; */
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: black;
    z-index: 0;
    opacity: .7;
    overflow: auto;
}
#theMediaLibraryContent {
    max-width: 800px;
    width: 100%;
    margin: 0px auto;
    background-color: white;
    position: relative;
    padding: 10px;
    display:table;
}
#keyregContent {
    max-width: 500px;
    width: 100%;
    margin: 0px auto;
    background-color: white;
    position: relative;
    padding: 10px;
    display:table;
}
.closemebutton {
    position: fixed;
    /* margin-left: 888px; */
    top: 19px;
    right: 20px;
    padding-top: 10px;
    z-index: 2;
    line-height: 24px;
    font-size: 34px;
}

.theEventContent {
    max-width: 800px;
    width: 100%;
    margin: 0px auto;
    background-color: white;
    position: relative;
    padding: 10px;
    display:table;
    border-radius: 5px;
}

.evClass {
    display: block !important;
    z-index: 200000;

    /* background-color: #fff; */
    /* opacity: 0.93; */
    border-radius: 5px;
    border: 1px solid #dddddd;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0px 6px 20px 6px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
}


@media screen and (max-width: 878px) {
#theMediaLibraryContent {
    max-width: calc(100% - 20px);;
    width: 100%;
    margin: 0px auto;
    background-color: white;
    position: relative;
    padding: 10px;
    display:table;
}
}
@media screen and (min-width: 767px) {
    .theEventContent {
        width:100%;
    }

    #theMediaLibraryContent {
        width: 100%;

    }
    .nobottommargin {
        margin-bottom:0px;
    }
}

.emailHeadingRow {
    font-size: 24px;
    font-weight: 400;
    color: #235cae;
    background-color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0px;
    margin: 0px;
    letter-spacing: 1px;
}
.emailFLOWERHOTELSHeadingRow {
    font-size: 44px;
    font-weight: 600;
    color: #003963;
    background-color: #ffffff;
    text-align: center;
    margin: 0px;
    letter-spacing: 1px;
}

.specialheight {
    min-height:54px;
}

ul {
    list-style-type: square !important;
    /* line-height: 18px !important; */
}
.bumpup {
    margin-bottom: -20px;
}

.centerItAll {
    margin: 0px;
    width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    display:block !important;
    text-align:center;
}
.centerItAll img {
    width: 300px;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    position: fixed;
}

@media screen and (max-width: 500px) {

    .mobile33 {
        width:49%;
        float:left;
        margin-right:1%;
        padding:5px 0px;
    }
}

.mainHeadingRow a {
    color:white !important;
    text-decoration:none !important;
    font-size:18px !important;
}
.greyrow {
    background-color: #F1F3F1;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    display: block;
    min-height: 43px;
}
.sidesub{
    color: #003963 !important;
}
.sidesub1{
    color: #003963 !important;
}

.fourpercent {
    width:4%;
}

.inmiddle{
    text-align: center;
}

.lbluehdtxt{
    color: #003963;
    font-size: 120%;
    font-weight: 600;

}
.bluehdtxt{
    color: #25447e;
    font-size: 120%;
    font-weight: 600;

}

.redremovaltxt{
    color: #b12929;
    font-family: 'Frank Ruhl Libre', serif;
}

#posDivBarNavigation {
    max-width: 1250px;
    margin: 0px auto;
    width: 100%;
}
#whattodonext {
    position: fixed;
    bottom: 0px;
    text-align: center;
    /* width: 98%; */
    width:100%;
    z-index: 199;
    background-image: url(/siteAssets/imgs/bkgd/FHblue.jpg);
    border-top: 2px solid #ffffff;
    max-width: 1000px;
    /* padding: 2px 0px 2px 5px; */
}

#whattodonextRIPTiDE {
    position: fixed;
    bottom: 0px;
    text-align: center;
    /* width: 98%; */
    width:100%;
    z-index: 199;
    /* background-color: #8c4385; */
    background-image: url(/siteAssets/imgs/bkgd/FHblue.jpg);
    border-top: 2px solid #ffffff;
    max-width: 1000px;
    padding: 10px 0px;
}


.jobSelectOptions ul {
    list-style: none;
    display:inline-block;
    padding:0px;
    width:100%;
}



.jobSelectOptions ul li.joboption {
    background-color: #DEDEDE;
    box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
    -webkit-box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
    -moz-box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
}

.jobSelectOptions ul li.joboption:hover {
    background-color: #FFF !important;
    color:#000 !important;
    /* font-size:110% */
}

.jobSelectOptions ul li.joboption {
    z-index:1;
    padding:8px;
    display:none;
    font-weight:bold;
    border: 1px solid white;
    text-align: center;
    width:270px;

}

.jobSelectOptions ul li:first-child {
    display:block;
    width: 867px;
    margin: 4px auto;
}

.jobSelectOptions ul li {
    cursor:default;
    list-style: none;
    text-align:left;
    margin:10px 5px;
}

.rarr:after, .darr:after {
    content: ' ▼ ';
    float:left;
    padding:0 5px;
}

.myclosex {
    float: right;
    margin-left: 20px;
}

@media screen and (max-width: 500px) {
    .jobSelectOptions ul li.joboption {
        padding:15px;
    }
}



@media screen and (max-width: 908px) {
    .jobSelectOptions ul li:first-child {
        width: 567px;
    }
}

@media screen and (max-width: 610px) {
    .jobSelectOptions ul li:first-child {
        width: 267px;
    }
}

.greytextinbox{
    display: inherit;
    margin-top: 10px;
}

.plusminus {
    color: white;
    position: absolute;
    right: 7px;
    top: 0px;
    font-size: 43px;
    line-height: 28px;
    cursor: pointer;
}
.rowwithpad {
    padding: 3px 5px;
}

.stayput {
    position: fixed;
    z-index: 200;
    background-color: white;
    top: 5px;
    border: 2px solid #a3bee4;
    padding: 10px;
}

.noshopheader {
    display:none;
}

.hasshopheader {
    width: 100%;
    text-align: center;
    font-size: 120%;
    font-weight: bolder;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.halfbox {
    width:49%;
    margin-right:1%;
    display: inline-block;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.PHRhelptipbox {
    border: 1px solid;
    text-align: left;
    border-radius: 5px;
    border-color: #d4448c;
    padding: 10px;
    color: #A04c97;
    line-height: 26px;
    margin: 0px 0px 30px 0px;
    /* -webkit-box-shadow: 4px 4px 24px 0px rgba(166,166,166,1);
    -moz-box-shadow: 4px 4px 24px 0px rgba(166,166,166,1);
    box-shadow: 4px 4px 24px 0px rgba(166,166,166,1); */
}

.padleft {
    padding-left:10px;
}

#thebackbutton::after {
    content:"<<";
}
#thebackbutton {
    color: white;
    /* float: left; */
    left: 3%;
    position: absolute;
    font-size: 15px;
    /* top: 10px; */
    padding: 6px;
    border: 1px solid white;
    display: inline-block;
    cursor:pointer;
    border-radius:20px;
}







.detaildisplay {
    width: 100%;
    max-width: calc(25% - 12px);
    display: inline-block;
    position:relative;
    padding:4px;
}

@media screen and (max-width: 767px) {
    .detaildisplay {
        width: 100%;
        max-width: calc(33% - 12px);
        display: inline-block;
    }
}
@media screen and (max-width: 555px) {
    .detaildisplay {
        width: 100%;
        max-width: calc(50% - 12px);
        display: inline-block;
        font-size:85%;
    }
}
.detaildisplaytable {
    font-size:90%;
    width:100%;
}

.smallbut {
    width:35px !important;
    padding:0px;
}
.footertable {
    width: 100%;
    position:fixed;
    bottom:0px;
}

.butleft{
    text-align: left;
}
.butright{
    text-align: right;
}
.hrlilgrey{
    border: 1px dashed #dad7d7;
}
.mediaNavHeader {
    margin-top: 5px;
    color: white;
    font-size: 80%;
    text-align: left;
    padding: 10px;
    max-width: calc(100% - 20px);
}
.mediabutton {
    padding: 5px 0px;
    text-align: center;
    display: block;
    border-radius: 5px;
    border: 1px solid #004080;
    color: #004080 !important;
    width: 100px;
    margin: 0px auto;
    text-decoration: none !important;
    z-index:1;
}

.catboxsriptide {
    text-align: center;
    padding: 5px 0px;
    max-width: calc(100% - 2px);
    border: 1px solid #2d2d2d;
    bottom: 0px;
    background-color:white;
    position: absolute;
    width: 100%;
}
.selectedbackground {
    background-color: #e84470;
    color: white;
}

.selectedbackground .mediabutton {
    background-color: #fff;
    border:1px solid white;
}
.moveit40 {
    margin-top: 40px !important;
}
.lilsmaller{
    font-style:italic;
    font-size:80%;
    color: #2d2d2d;
    text-transform: initial;
    font-weight: 400;
}
.inmiddle{
    text-align: center !important;
}
.ynradio{
    margin-right: 25px;
}



.controlbox {
    display:none;
    position: relative;
    z-index: 1;
    top: 0;
    left: 7px;
    padding: 5px 5px 63px 5px;
    background-color: #ffffff;
    border: 2px dashed #a04c97;
    min-height: 709px;
    width: 96%;
}

.form-group {
    margin-bottom: 0px !important;
}
.venueBrandBox {
    width:30px;
    height:30px;
    border-radius: 4px;
    margin-right:10px;
    float:left;
}
.selectedPattern {
    padding:5px;
    border:2px solid red;
}
#sendToMediaLibrary {
    display:none;
}

.minicolors-input {
    max-width: calc(100% - 57px);
}

.closeControls {
    color: white;
    position: absolute;
    right: 13px;
    border: 1px dashed white;
    z-index: 5;
    top: 10px;
    padding: 2px 4px;
    font-weight: bold;
    line-height: 0.8;
    font-size: 23px;
    cursor:pointer;
}
.mobileFloaty {
    vertical-align: top;

}

.leftFloatyPadding {
    padding-left:15px
}
.mobileFloaty2 {
    position:relative;
    vertical-align: top;
}

.riptidePreviewItem {
    width:338px;
    vertical-align: top;
}
@media screen and (max-width: 970px) {
    .mobileFloaty {
        float:left;
        width:100%;
    }
}
@media screen and (max-width: 750px) {
    .mobileFloaty2 {
        float:left;
        width: 100%;
    }
    .leftFloatyPadding {
        padding-left:0px
    }
    .riptidePreviewItem {
        width:100%;
        padding-bottom: 60px;
    }
    .publishMyContentClass {
        left:0px !important;
        margin-top: -70px;
        margin-bottom: 40px;
    }
}


.publishMyContentClass {
    position: relative;
    z-index: 1;
    top: 0;
    left: 7px;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    border: 2px dashed #a04c97;
    min-height: 709px;
    width: 96%;
}


/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    width: 60px;
    height: 33px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #FFF;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #a04c97;
}

input:focus + .slider {
    box-shadow: 0 0 1px #a04c97;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.radclass {
    margin-top: 0px;
    text-align: center;
    margin: 0px 0px 18px 0px;
}

@media screen and (max-width: 767px) {
    .radclass {
        margin: 10px 0px 10px 0px;
    }

}

@media screen and (max-width: 749px) {

    .controlbox {
        display: none;
        position: absolute;
        z-index: 1;
        top: -50px;
        margin-bottom: 50px;
        left: 0px;
        padding: 5px 5px 63px 5px;
        background-color: #ffffff;
        border: 2px dashed #a04c97;
        min-height: 709px;
        width: 96%;
    }
}
#PortraitPreview {
    margin-bottom: 0px;
}

.paddthebasecopy {
    color: white;
    text-align: center;
    padding: 5px 0px 10px 0px;
    line-height: .8;
    font-size: 80%;
    letter-spacing: .5px;
}

.addbase15{
    padding-bottom: 15px;
}
.rangeslider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 10px; /* Specified height */
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
    border-radius: 15px;
    margin-top: 14px;
}

/* Mouse-over effects */
.rangeslider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}
.rangeslider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #e84470; /* Green background */
    cursor: pointer; /* Cursor on hover */
    border-radius:25px;
}

.rangeslider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #e84470; /* Green background */
    cursor: pointer; /* Cursor on hover */
    border-radius:25px;
}
.controlrange {
    margin: 15px 20px;
    max-width: calc(100% - 60px);
}
#whattodonextRIPTiDE #posDivBarNavigation .jobSelectOptions .col_half {
    margin-bottom:0px !important;
}

.medlibtop{
    font-family: 'Frank Ruhl Libre', serif;
    color: #008f86;
    font-size:16px;
}
.shadedbox{
    font-family: 'Frank Ruhl Libre', serif; 
    font-size:18px;
    font-weight: 500;
    background-color: #eff8f7;
    border: 1px solid #eeeeee;
    padding: 10px 25px 5px;
    text-align: center;
    text-decoration: none
}
.medlibfield{
    margin: 10px 0px;
    display: inline;
    width: 85% !important;
}
.medlibfield40{
    margin: 10px 0px;
    display: inline-block;
    width: 40% !important;
}
.medlibcol{
    background-color: #008f86 !important;
}
.medlibcolsub{
    background-color: #49afa9 !important;
}
.hrmedlib {
    border:1px dashed #93c6c3 !important;
    clear: both
}

.contentTable {
    border: 1px solid #8c4385;
    max-width: calc(100% - 10px);
    margin-left: 5px;
    padding-top: 0px;
    margin-top:10px;
}

.working {
        position:absolute;
        margin:0;
        left:0px;
        right:0px;
        top:0px;
        bottom:0px;
        background-color:rgba(0,0,0,.5);
        z-index:2000000;
    }





.fontSelectOptions ul {
    list-style: none;
    display:inline-block;
    padding:0px;
    width:100%;
}



.fontSelectOptions ul li.fontoption {
    background-color: #DEDEDE;
    box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
    -webkit-box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
    -moz-box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
}

.fontSelectOptions ul li.fontoption:hover {
    background-color: #FFF !important;
    color:#000 !important;
    /* font-size:110% */
}

.fontSelectOptions ul li.fontoption {
    z-index:1;
    padding:8px;
    display:none;
    font-weight:bold;
    border: 1px solid white;
    text-align: left;
    width: 100%;
    max-width: calc(100% - 33px);
    font-size: 119%;

}

.fontSelectOptions ul li:first-child {
    display:block;
    width: 100%;
    margin: 4px auto;
    max-width: calc(100% - 33px);
}

.fontSelectOptions ul li {
    cursor:default;
    list-style: none;
    text-align:left;
    margin:10px 5px;
}
.fontSelected {
    background-color: red !important;
    color:white
}

.imagebox {
    border: 5px solid  #eff8f7;
}

.riptidebaseimage {
    display: inline-block;
    vertical-align: top;
    width:20px;
}
.riptidebaseimage-dig {
    background-image:url('/siteAssets/icons/dig.svg');
    background-size: 23px,23px;
    background-position: center center;
    background-repeat: no-repeat;
}

.riptidebaseimage-design {
    background-image:url('/siteAssets/icons/design.svg');
    background-size: 23px,23px;
    background-position: center center;
    background-repeat: no-repeat;
}
.riptidebaseimage-dig:hover {
    background-image:url('/siteAssets/icons/dig1.svg');
    background-size: 23px,23px;
    background-position: center center;
    background-repeat: no-repeat;
}

.riptidebaseimage-design:hover {
    background-image:url('/siteAssets/icons/design1.svg');
    background-size: 23px,23px;
    background-position: center center;
    background-repeat: no-repeat;
}

.riptidebaseimagetext {
    display:inline-block;
}


@media screen and (max-width: 600px) {
.riptidebaseimagetext {
    display:none;
}
.riptidebaseimage {
    width:25px;
}
}

@media screen and (min-width: 601px) {
    .riptidebasebutton {
        display: inline-table;    
        padding: 3px 12px 3px 40px !important;
    }
    .riptidebaseimage-dig {
        background-position: 10px 8px;
    }
    .riptidebaseimage-design {
        background-position: 10px 8px;
    }
    .riptidebaseimage-dig:hover {
        background-position: 10px 8px;
    }
    
    .riptidebaseimage-design:hover {
        background-position: 10px 8px;
    }
    }



/* 
    #HelpContent {
        max-width: calc(100% - 20px);
        width: 100%;
        margin: 0px auto;
        background-color: white;
        position: relative;
        padding: 10px;
        display: table;
        margin-top: 70px;
    } */
.closebuttonholder {
    max-width: 970px;
    width: 100%;
    margin: 0px auto;
    position: relative;
    padding: 10px;
    display: table;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
}
.durationbox {
    width: 45px;
    padding: 8px 4px;
    text-align: center;
    margin-right: 1px;
}
@media screen and (max-width: 601px) {
#image_selection-button {
    max-width: calc(100% - 0px);
width: 100%;
}
#image_selection-menu {
    max-width: calc(100% - 14px);
width: 100%;
font-size:13px;
}
.durationbox {
    width: 40px;
    padding: 8px 4px;
    text-align: center;
    margin-right: 0px;
}
.smallertext {
    font-size:80%;
}
.theEventContent {
    max-width: calc(100% - 20px);
    width: 100%;
}
}

.digitallogo {
    width:70%;
}

.designtemplateheight {
    height:383px;
    overflow:hidden;
}

.shaunonly {
    display:table-row;
}
.shaunonly td.headtext {
color:#b12929 !important;
}

.calendar_shadedbox1 {
    background-color: #f8fcf2;
    padding: 10px 0px;
    min-height: 42px;
}

.staythere {
    z-index:999;
    padding-top: 10px;
    text-align: center;
    width:100%;
    top: 5px;
    overflow:none;
    display:block;
    font-style: bolder;
    margin-bottom:10px;
    text-align:left;
}

.shadeboxtall{
    min-height: 85px;
}

.high45{
    min-height: 45px;
    margin-top: 0px;
}

.bigbot{
    margin-bottom: 10px
}
.bigbottom{
    margin-bottom: 20px
}



table.blueTable {
    border: 1px solid #1C6EA4;
    background-color: #EEEEEE;
    width: 100%;
    max-width:calc(100% - 40px);
    text-align: left;
    border-collapse: collapse;
  }
  table.blueTable td, table.blueTable th {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
  }
  table.blueTable tbody td {
    /* font-size: 13px; */
  }
  table.blueTable tr:nth-child(even) {
    background: #D0E4F5;
  }
  table.blueTable thead {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
  }
  table.blueTable thead th {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 2px solid #D0E4F5;
  }
  table.blueTable thead th:first-child {
    border-left: none;
  }
  
  table.blueTable tfoot {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background: #D0E4F5;
    background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    border-top: 2px solid #444444;
  }
  table.blueTable tfoot td {
    font-size: 14px;
  }
  table.blueTable tfoot .links {
    text-align: right;
  }
  table.blueTable tfoot .links a{
    display: inline-block;
    background: #1C6EA4;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 5px;
  }


  .vtRadioContainerTop {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index:200;
    min-width:100px;
  }
  @media screen and (max-width: 500px) {
    .vtRadioContainerTop {
        min-width:75px;
    }
}
  .vtRadioContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index:200;
}

/* Hide the browser's default radio button */
.vtRadioContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 13px;
  height: 29px;
  width: 29px;
  background-color: #eee;
  border-radius: 50%;
}



/* On mouse-over, add a grey background color */
.vtRadioContainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.vtRadioContainer  input:checked ~ .green.checkmark {
  background-color: #50922c;
  color: #50922c;
}
.vtRadioContainer  input:checked ~ .amber.checkmark {
    background-color: #c07620;
    color: #c07620;
}
.vtRadioContainer  input:checked ~ .red.checkmark {
    background-color: #b12929;
    color: #b12929;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  /* content: "F"; */
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.vtRadioContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.vtRadioContainer .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.mechanicshomeimages {
    padding: 0px 5px 5px 0px;
    width: 100px;
    float: left;
}
  @media screen and (max-width: 767px) {
    .mechanicshomeimages {
        padding: 0px 5px 5px 0px;
        width: 50%;
        float: left;
    }
}

@media screen and (max-width: 500px) {
    .mechanicshomeimages {
        padding: 0px 5px 5px 0px;
        width: 100%;
        float: none;
    }
}

.displayTable tr td {
    padding: 5px;
    }
@media screen and (max-width: 800px){
    .leftcolumn {
  display: inline-block !important;
  width: 100% !important;
        }
.rightcolumn {
    display: inline-block !important;
    width: 100% !important;
            }

            .leftcolumn50 {
            display: inline-block !important;
            width: 46% !important;
                }
            .rightcolumn {
                display: inline-block !important;
                width: 100% !important;
                    }
        }
                .colno {
                    display:none;
                }