@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
    padding-top: 5px;
    padding-bottom: 20px;
    font-family: Open Sans;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Montserrat;
}

a {
    color: #9faaae;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
}

textarea {
    max-width: 99%;
}
/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.ajax-loader-container {
    background-color: rgb(255, 255, 255);
    -ms-opacity: 0.7;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.ajax-loader {
    width: 100%;
    height: 100%;
    display: block;
    background: url("./ajax-loader.gif") no-repeat center center transparent;
}
/*******************/
.hallheader {
    background-color: navy;
    color: white;
    padding: 8px;
    margin-bottom: 3px;
}


/*********bg BUTTON*/
.PriButton {
    border-top-color: #63A117;
    border-right-color: #63A117;
    border-bottom-color: #63A117;
    border-left-color: #63A117;
    border-width: 0px;
    border-style: solid;
    -webkit-box-shadow: #E2E2E2 0 -3px 5px;
    -moz-box-shadow: #E2E2E2 0 -3px 5px;
    box-shadow: #E2E2E2 0 -3px 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 16px 10px 16px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(66,128,1,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #5D9B00;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5D9B00), to(#A0CC3A));
    background-image: -webkit-linear-gradient(top, #5D9B00, #A0CC3A);
    background-image: -moz-linear-gradient(top, #5D9B00, #A0CC3A);
    background-image: -ms-linear-gradient(top, #5D9B00, #A0CC3A);
    background-image: -o-linear-gradient(top, #5D9B00, #A0CC3A);
    background-image: linear-gradient(to bottom, #5D9B00, #A0CC3A);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5D9B00, endColorstr=#A0CC3A);
}

    .PriButton:hover {
        border: 0px solid #203500;
        background-color: #7CB540;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#7CB540), to(#99CC00));
        background-image: -webkit-linear-gradient(top, #7CB540, #99CC00);
        background-image: -moz-linear-gradient(top, #7CB540, #99CC00);
        background-image: -ms-linear-gradient(top, #7CB540, #99CC00);
        background-image: -o-linear-gradient(top, #7CB540, #99CC00);
        background-image: linear-gradient(to bottom, #7CB540, #99CC00);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7CB540, endColorstr=#99CC00);
    }

.secButton {
    border: 1px solid #c6c6c6;
    -webkit-box-shadow: #b4b5b5 0 -3px 5px;
    -moz-box-shadow: #b4b5b5 0 -3px 5px;
    box-shadow: #b4b5b5 0 -3px 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 16px 10px 16px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(46,123,128,0.3);
    font-weight: bold;
    color: #0060AE;
    background-color: #E2E2E2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#FFFFFF));
    background-image: -webkit-linear-gradient(top, #E2E2E2, #FFFFFF);
    background-image: -moz-linear-gradient(top, #E2E2E2, #FFFFFF);
    background-image: -ms-linear-gradient(top, #E2E2E2, #FFFFFF);
    background-image: -o-linear-gradient(top, #E2E2E2, #FFFFFF);
    background-image: linear-gradient(to bottom, #E2E2E2, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E2E2E2, endColorstr=#FFFFFF);
}

    .secButton:hover {
        border: 1px solid #afafaf;
        background-color: #D7D7D7;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), to(#FBFBFB));
        background-image: -webkit-linear-gradient(top, #D7D7D7, #FBFBFB);
        background-image: -moz-linear-gradient(top, #D7D7D7, #FBFBFB);
        background-image: -ms-linear-gradient(top, #D7D7D7, #FBFBFB);
        background-image: -o-linear-gradient(top, #D7D7D7, #FBFBFB);
        background-image: linear-gradient(to bottom, #D7D7D7, #FBFBFB);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D7D7D7, endColorstr=#FBFBFB);
    }



h1 {
    color: #129ADB;
}

/******************  bg class*/

.button.btn-comp span span span {
    font-size: 1.19em;
    font-weight: bold;
    line-height: 40px;
    margin: 0 1.3em;
    min-width: 50px;
    font-family: arial;
    white-space: nowrap;
}

.button.btn-comp span span span, .genericNextButton button.btn-comp span span span {
    background-position: left -83px;
    background-repeat: repeat-x;
}

.button.btn-comp span span, .genericNextButton button.btn-comp span span {
    background-position: right -41px;
}

.button.btncomp-primary span, button.btncomp-secondary span, button.btncomp-inactive span {
    padding: 0;
}

.button.btn-comp span {
    display: block;
    height: 41px;
}

.button.btncomp-primary span {
    background: url(BSImages/btn-comp-primary.png) no-repeat left top;
    color: #fff;
}


.button.btncomp-primary span {
    color: #fff;
}


.button.btncomp-primary span {
    color: #fff;
}


.button.btn-comp.btncomp-primary button {
    cursor: pointer;
    white-space: nowrap;
}

.signup_li {
    list-style-type: none;
    list-style-position: outside;
    margin-left: 10px;
    list-style-image: url("/Content/Images/bullet.png");
}

/********************************* Buttons *************************************/















/*/********************************* HALLMARK BG */
/*
body { color: #646361;
background-color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.75em;
line-height: 1.2em;

text-align: left;}

a:link {color: #0270b9;
background-color: #ffffff;
text-decoration: none;}

a:hover {color: #0270b9;
background-color: #ffffff;
text-decoration: underline;}

h1 {font-size: 2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: left;
color: #646361;
background-color: #ffffff;}

h2 {font-size: 1.5em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: left;
color: #646361;
background-color: #ffffff;}

h3 {font-size: 1.4em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #646361;
background-color: #ffffff;}

h4 {font-size: 1.3em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #646361;
background-color: #ffffff;}

h5 {font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #646361;}*/

.background-color-light {
    background-color: #B0C4DD;
}

.background-color-dark {
    background-color: #502885;
}

.adminbar {
    height: 20px;
    color: white;
}

.admin_back_color {
    /*background-color: #003d78;*/
    /*background-color:#af9c62;*/
    background-color: #D90981;
    text-transform: uppercase;
}

.hallheader {
    /*background-color: #003d78;*/
    /*background-color: #b3292e;*/
    background-color: #502885;
    color: white;
    padding: 8px;
    text-transform: uppercase;
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #d2d2d2;
    opacity: 0.8;
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}

.admin-label {
    margin-left: 20px;
}

.admin-text-box {
    margin-bottom: 5px;
    float: left;
}

.divloading {
    /*height: 200px;*/
    left: 50%;
    margin: -35px 0 0 -250px !important;
    position: absolute;
    text-indent: 250px;
    top: 50%;
    white-space: nowrap;
    width: 200px !important;
}

.report_margin_date {
    margin-top: 20px;
}


.k-chart {
    height: 180px !important;
}

.navbar-collapse {
    max-height: 450px;
}

.mytable {
    font-size: 12px;
    color: #38363B;
}

    .mytable th {
        /*background-color: #003D78 !important;*/
        /*background-color:#b3292e;*/
        background-color: #B0C4DD;
        color: #FFFFFF;
        text-transform: uppercase;
    }

    .mytable > tbody > tr:nth-child(n+1) > td {
        background-color: white;
    }

    .mytable > tbody > tr:nth-child(2n+1) > td {
        /*background-color: #D7E3FA;*/
        /*background-color: #f7f5ef;*/
        background-color: #F7F7F7;
    }


.btn-default {
    /*background-color: #82bd4b;*/
    /*background-color: #b3292e;*/
    background-color: transparent;
    /*color: #fff;*/
    color: #38363B;
    font-weight: bold;
    border: solid 1px #9faaae;
    border-radius: 15px;
}

    .btn-default:hover {
        /*background-color: #9CCB72;*/
        /*background-color: #af9c62;*/
        background-color: #125393;
        color: #fff;
    }

    .btn-default.disabled, .btn-default[disabled] {
        background-color: #b3292e;
        color: #fff;
        font-weight: bold;
    }

.btn-primary {
    color: #38363B;
    background-color: transparent;
    border-color: #9faaae;
    border-radius: 15px;
}

    .btn-primary:hover {
        /*background-color: #9CCB72;*/
        /*background-color: #af9c62;*/
        background-color: #125393;
        color: #fff;
    }

/*.sidebar-nav {width:175px;}*/


.navbar-collapse {
    max-height: 450px;
}

.margin-right-5 {
    padding-right: 5px;
}

.navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}

.activeleft {
    background-image: url("Images/left-active.jpg");
    background-color: #f2f2f2 !important;
    background-position: left center;
    background-repeat: no-repeat;
}

.leftnav ul {
    /*background-color: #f9f9f9;*/
    /*background-color: #e4e4e4;*/
    background-color: #fff;
    color: #666;
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 100%;
    min-height: 344px;
}

    .leftnav ul li {
        /*background-color: #f9f9f9;*/
        /*background-color: #e4e4e4;*/
        background-color: #b4bcbe;
        font-size: 12px;
        list-style-type: none;
    }

    .leftnav ul .leftnavli {
        /*background-color: #f9f9f9;*/
        /*background-color: #e4e4e4;*/
        background-color: #b4bcbe;
        cursor: pointer;
        float: left;
        font-size: 12px;
        list-style-type: none;
        margin: 0;
        padding: 5px 5%;
        margin-top: 5px;
        width: 100%;
    }

.padding-left-30 {
    padding-left: 30px !important;
}

.leftnav ul .leftnavlisub {
    /*background-color: #f9f9f9;*/
    /*background-color: #e4e4e4;*/
    background-color: #b4bcbe;
    cursor: pointer;
    float: left;
    font-size: 12px;
    list-style-type: none;
    /*margin: 0;*/
    /*padding: 10px 5%;*/
    padding: 3px 5%;
    margin-top: 5px;
    width: 100%;
    left: 0;
    right:0;
}

    .leftnav ul .leftnavlisub .leftnavli {
        /*background-color: #f9f9f9;*/
        /*background-color: #e4e4e4;*/
        background-color: #eceeee;
        cursor: pointer;
        float: left;
        font-size: 12px;
        list-style-type: none;
        margin: 0;
        padding: 5px 5%;
        margin-top: 5px;
        width: 100%;
        left: 0;
        right: 0;
    }

.leftnav ul .leftnavli:hover {
    *background-color: #f2f2f2;
    /*background-color: #E1DAC9;*/
}

.leftnav ul .leftnavli a {
    color: #38363B !important;
    display: block;
}

    .leftnav ul .leftnavli a:hover {
        color: #666;
        /*text-decoration: underline;*/
    }

.charts_page {
    margin-bottom: 10px;
    height: 650px;
}

    .charts_page a {
        color: white;
    }

.ui-widget-header {
    color: black;
}

.charts_div a {
    text-decoration: none;
}

    .charts_div a:hover {
        text-decoration: none;
    }

.topbar {
    width: 100%;
}

.nomargin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.homemessagebox {
    /*background-color: #f9f9f9;*/
    /*background-color: #e4e4e4;*/
    background-color: #F7F7F7;
    margin-top: 20px;
}

.homemessagebox_topdiv {
    /*background-color: #b3292e;*/
    background-color: #125393;
    color: white;
    padding: 1px;
    text-transform: uppercase;
}

    .homemessagebox_topdiv p {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }

.homemessagebox_about {
    min-height: 60px;
}

    .homemessagebox_about p {
        margin-top: 10px;
        margin-left: 10px;
    }

.leftdiv {
    height: 100%;
}

.rightdiv {
    min-height: 340px;
}

    .rightdiv .innerdiv {
        min-height: 386px;
        /*background-color: #f8f8f8;*/
        /*background-color: #e4e4e4;*/
        background-color: #F7F7F7;
    }

.sub_ul {
    margin-left: -16px !important;
    min-height: 10px !important;
}

    .sub_ul li {
        padding-left: 20px !important;
    }

.workarea {
    margin: 10px;
    padding-bottom: 10px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.processmodal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../Content/Images/FhHRx.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .processmodal {
        display: block;
    }

input[type=text], select {
    margin-top: 0px !important;
    margin-bottom: 5px;
}

select {
    width: 100%;
    border: 1px solid #7f9db9 !important;
    padding: 2px 3px 3px !important;
    line-height: 1 !important;
    height: auto !important;
}

.ui-datepicker-trigger {
    float: left;
    margin-top: 0 !important;
}


.toLower {
    text-transform: lowercase;
}

.styled-button-5 {
    background-color: #ed8223;
    color: #fff;
    font-family: 'Helvetica Neue',sans-serif;
    font-size: 18px;
    line-height: 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 0;
    text-shadow: #C17C3A 0 -1px 0;
    width: 120px;
    height: 32px;
}

#addEditSecondaryTenant div .error {
    color: red;
}

fieldset {
    border: solid 1px #ccc;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

legend {
    width: auto;
}

.GapVerticalLine {
    height: 3px;
    display: block;
}


.required::after {
    font-weight: bold;
    color: #e32;
    content: ' *';
    display: inline;
    font-size: medium;
}

/*Virgin consent capture font resize */
.consent-font {
    font-size: 8pt;
    font-weight:700;
}

.mastercard-box {
    border: 1px solid grey;
    color: red;
    line-height: 200%;
}