html, body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Arial;
    background: #EDF0F4;
    height: 100%;
    min-height: 100%;
    position: relative;
}
/*Telerik controls*/
.RadForm_Silk {
    background: transparent !important;
}
.rcbTemplate ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 500px;
}

    .rcbTemplate ul .col1 {
        width: 250px;
        display: inline-block;
    }

    .rcbTemplate ul .col2 {
        color: #66AED2 !important;
        width: 50px;
        display: inline-block;
    }
/*Make RadSwitch elastic*/
.RadButton.RadSwitch.elasticSwitch .k-switch-handle {
    width: 2em;
    height: 2em;
}

.RadButton.RadSwitch.k-switch-on.elasticSwitch .k-switch-handle {
    left: calc( 100% - 2em);
}

.RadButton.RadSwitch.elasticSwitch,
.RadButton.RadSwitch.elasticSwitch .k-switch-container {
    width: 4em;
}
/*********************/
.RadMenu .rmRootGroup .rmRootLink {
    padding: 4px 15px !important;
    line-height: 30px !important;
    border-width: 0 !important;
}
.RadMenu .rmRootGroup.rmHorizontal > .rmItem {
    border: none !important;
    border-width: 0 !important;
}
.RadMenu .rmRootGroup {
    border-bottom: solid 1px #fff !important;
}
.rgFilterRow td input, .rgFilterRow td > button {
    display: none;
}
.RadGrid .rgFilterRow > td {
    height: 13px;
}

.rgFilterRow td:hover input, .rgFilterRow td.show input, .rgFilterRow td:hover > button, .rgFilterRow td.show > button {
    display: inline-block;
}
/*Telerik controls*/
.generalContainer {
    clear: both;
}

.main-heading {
    height: 100px;
    background: #fff;
}
#login-container {
    top: 50%;
    transform: translateY(-60%);
    width: 400px;
    left: 50%;
    margin-left: -200px;
    position: absolute;
}
#login-bg {
    background: rgba(237, 240, 244,0.95);
    padding: 30px 50px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: rgba(0,0,0,0.8) 5px 5px 20px;
}
#hostIp {
    background: rgba(0,0,0,0.7);
    padding: 5px 50px;
    color: #fff;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
    font-size:14px;
}
#cookieNotify {
    font-size: 9pt;
    color: #fff;
    text-align: center;
    text-shadow: 0px 0px 4px #000;
}
    #login-container #logo {
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }

#fh {
    position: relative;
    min-height: calc(100% - 60px);
    padding-bottom: 60px !important;
}

/*footer, #footer {
    text-align: center;
    background: #fff;
    padding: 10px 0px;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;*/ /* Height of the footer */
    /*overflow: hidden;
}*/

    /*footer, #footer:hover {
        height: 60px;*/ /* Height of the footer */
    /*}*/
#mainContent {
    padding: 10px 30px;
    clear: both;

}
h1 {
    font-size: 20px;
    color: #fff;
    background: #66AED2;
    line-height: 45px;
    padding-left: 15px;
    margin: 10px 0px 10px 0px;
    border-left: solid 20px #000;
    
}

h2, .generalHeading {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

a:hover {
    color: #000;
}

a {
    color: #3489B1;
}

#footer{
    text-align:center;
    background:#fff;
    padding:10px 0px;
    font-size:12px;
    position:absolute;
    bottom:0;
    width:100%;
    
   
    
}
    #footer > img {
        display: inline-block;
        position: absolute;
        float:right;
        margin-top:-40px;
        z-index: 10000;
        height:60px;
        
    }
#footer div {
    width: 100%;
    height: 20px; /* Height of the footer */
    overflow:hidden;
}
@media (max-width: 1024px) {
    #footer > div {
        padding-top: 30px !important;
    }
}
#footer:hover div{
    overflow:visible;
    height:60px;   /* Height of the footer */
}
.bubble {
    position: absolute;
    top: 0px;
    right: 350px;
    z-index: 20000;
}
.r-tooltip {
    background: #66AED2;
    color: #fff;
    border-radius: 15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
}
#DateCountdown {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 100;
    top: 0px;
    margin-left: -50px;
    left: 50%;
    cursor: pointer;
}
#logindiv {
    position: absolute !important;
    top: 0;
    right: 10px;
    text-align: right !important;
    font-size: 12px;
    padding-top: 5px;
    z-index: 2;
}
    #logindiv a {
        text-decoration: none;
    }

.bubble a {
    display: block;
    color: #000;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-weight: bold;
    float: right;
    margin-left: 10px;
    font-size: 20px;
    width: 53px;
    /* padding-top: 29px;*/

}
    .bubble a span {
        background-color: #000;
        border-radius: 0 0 100% 100%;
        margin-top: -23px;
        height: 46px;
        width: 50px;
        font-size: 20px;
    }
    .bubble a span::before {
        margin-top: 22px;
        color: #fff;
    }

a.notes {
    color: #ff3c41;
}
a.notes span {
    background-color: #ff3c41;
}
.generalSeparator {
    clear: both;
    height: 10px;
}

.padd10 {
    padding: 10px
}

.top10 {
    margin-top: 10px;
}
.section {
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 0px;
    box-shadow: 2px 2px 2px 2px #ebebeb;
    background: #F7F8FB;
    border: solid 1px #ccc;
}

    .section.dark {
        padding: 10px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        box-shadow: 2px 2px 2px 2px #ebebeb;
        background: #e2e2e2;
        color: #333;
        font-size: 14px !important;
    }

.darkbg {
    background: #48505b !important;
    color: #fff !important;
}

.bluebg {
    background: #66AED2 !important;
    color: #fff !important;
}

.section.dark label {
    color: #333;
    margin-right: 15px;
    font-size: 14px !important;
}

.section.dark .RadComboBox {
    margin-bottom: 0px;
    float: none;
}

.info {
    font-size: 11px !important;
    color: #999 !important;
    font-weight: normal !important;
}

.generalSection .full textarea {
    width: 50%;
    min-height: 150px !important;
}
.hd-dd {
    display: block;
    text-align: left;
    border-bottom: solid 1px #3489B1;
    color: #66AED2;
    padding: 5px 0px;
    padding-left: 35px;
}
.quote-title{
    margin-top:5px;
}
.quote-no {
    color: #ffa915;
}
.generalTextFull, .fullWidth {
    width: 100% !important;
    width: calc(100% - 6px) !important;
}

.generalSection label, .generalSection span.generalLabelFixedSize {
    width: 180px;
    display: block;
    float: left;
    margin-bottom: 10px;
}

.generalSection label.rfdCheckboxUnchecked, .generalSection label.rfdCheckboxChecked {
    float: none;
    width: 15px;
}

.generalSection > input, .generalSection textarea, .generalSection select, .generalSection .RadPicker, .generalSection .RadDropDownList, .generalSection .rfdSkinnedButton, .generalSection .RadUpload, .generalSection .rfdSelect, .float-left {
    float: left;
    /*margin-bottom: 10px;*/
    display: block;
}

.float-left {
    float: left !important;
}

.generalSection .RadPicker {
    height: 27px !important;
}

.generalSection .RadUpload input, .generalSection .RadUpload label {
    float: none;
    margin-bottom: auto;
    display: inherit;
}

.generalSection ul {
    line-height: 150%;
}

.clear-float {
    clear: both;
    height: 10px;
}

.clear-float1 {
    clear: both;
    height: 1px;
}

.clear-float10 {
    clear: both;
    margin-bottom: 10px!important;
    
}

.clear-floatmin {
    clear: both;
}

.gridTable {
    padding: 0px;
    margin: 0px;
    width: 100%
}

.gridTable th {
    height: 30px;
    padding: 0px 10px;
    margin: 0px;
    line-height: 30px;
    color: #fff !important;
    background-color: #66AED2;
    background-image: -webkit-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: -moz-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: -ms-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: -o-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
}

.gridTable td {
    padding: 5px;
    margin: 0px;
    background: #efefef;
}

.gridTable .pinned td {
    padding: 5px;
    margin: 0px;
    background: #e4e3e3
}
.rgRow.disabled, .rgAltRow.disabled {
    background: #efefef !important;
    color: #666 !important;
}
.clearTable td {
    padding: 0px !important;
}

.k-picker-wrap {
    height: 28px;
}

.listClean label {
    width: auto !important;
    margin: 0px !important;
}

.box-links {
    display: block;
    float: left;
    margin: 0px 5px 5px 0px;
    width: 85px;
    height: 90px;
    font-size: 13px;
    color: #fff;
    background: #66AED2;
    text-align: center;
    padding: 15px 10px 0px 10px;
    text-decoration: none;
}

    .box-links div {
        padding: 15px 10px 0px 10px;
        margin-right: 10px;
    }

    .box-links.active {
        background: #ff9900;
    }

        .box-links.active:hover {
            color: #fff;
        }

    .box-links span {
        font-size: 30px;
    }

a.rtu {
    display: inline-block;
    padding-left: 20px;
    margin-left: 10px;
    text-decoration: none;
    color: #999 !important;
}

    a.rtu.yes {
        /*background: url(../images/yes.png) no-repeat left center;*/
        background: url(../../../images/icons-png/check-black.png) no-repeat left center;
    }

    a.rtu.no {
        /*background: url(../images/no.png) no-repeat left center;*/
        background: url(../../../images/icons-png/delete-black.png) no-repeat left center;
    }

.no-padding {
    padding: 0px !important;
}
.no-padding-vert {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.no-padding-sides {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.field {
    position: relative;
}

.val-error {
    color: #f00 !important;
    position: absolute !important;
    top: 10px !important;
    left: 5px !important;
    font-size: 16px;
}
/************************OLD***************************/
.generalLabelFixedSize2Col1, .generalLabelFixedSize2Col2 {
    width: 180px;
    display: block;
    float: left;
}

.generalTextFixedSize2Col {
    width: 600x;
    display: block;
    float: left;
}

.kkcountdown-box {
    font-size: 20px;
}

.kkcTime {
    font-weight: bold;
    font-size: 30px;
}

.red-text {
    color: #f00 !important;
}

.orange-text {
    color: #ff9900 !important;
}

.green-text {
    color: #47db14 !important;
}

.splitLeft {
    width: 45%;
    float: left;
    margin-right: 5%;
}

.splitRight {
    width: 45%;
    float: right;
    margin-left: 5%;
}

.input-form {
    width: 100%;
}

    .input-form .field {
        margin: 0px;
        padding: 5px 0px 10px 0px;
        position: relative;
        display: block;
        margin-bottom: 10px;
    }

    .input-form h2 {
        margin-top: 30px;
    }

    .input-form .field > label {
        font-weight: normal;
        display: block;
        margin: 5px 0 3px 0;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 14px;
    }

    .input-form a, .signup-callout a, .register-wrap a {
        color: #4ac0d5;
    }

    .input-form .input-error {
        color: #f00;
        position: absolute;
        top: 10px;
        left: -10px;
    }

    .input-form .field > input[type=text], .input-form .field > input[type=password], .input-form .field > textarea {
        width: 99% !important;
        height: 34px;
        border-width: 1px;
        border-style: solid;
        padding: 0px 0px 0px 5px;
        vertical-align: middle;
        color: #555;
        font: 14px/1.42857 "Helvetica Neue",Helvetica,Arial,sans-serif;
        border-radius: 4px;
    }

.clear {
    clear: both;
}

.pswd_info {
    position: absolute;
    display: none;
    top: 30px;
    width: auto;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    z-index: 999999;
}

    .pswd_info ul {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;
    }

    .pswd_info span {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
        color: #000;
        font-size: 14px;
        display: block;
    }

    .pswd_info::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 45%;
        font-size: 14px;
        line-height: 14px;
        color: #ddd;
        text-shadow: none;
        display: block;
    }

    .pswd_info .invalid {
        background: url(../../../images/cross.png) no-repeat 0 50%;
        padding-left: 22px;
        line-height: 24px;
        color: #ec3f41;
    }

    .pswd_info .valid {
        background: url(../../../images/tick.png) no-repeat 0 50%;
        padding-left: 22px;
        line-height: 24px;
        color: #3a7d34;
    }

/*.tick, .cross, .question {
    height: 16px;
    width: 16px;
    display: inline-block;
}

.tick {
    background: url(../../../images/tick.png) no-repeat 0 50%;
    color: #3a7d34;
}

.cross {
    background: url(../../../images/cross.png) no-repeat 0 50%;
    color: #ec3f41;
}*/
/*
.question {
    background: url(../../../images/question.png) no-repeat 0 50%;
}*/

.error-message {
    background: #ff3c41;
    color: #eee;
    padding: 5px 10px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.r-pending {
    background: #ecdfff !important
}

.r-approved {
    background: #dffce8 !important
}

.r-quoting {
    background: #ffefc2 !important
}

.r-workorder {
    background: #c5f4ff !important
}

.r-cancelled {
    background: #ffe4e4 !important
}

.r-completed {
    background: #ccc !important
}

.black-text {
    color: #000 !important
}

.strong {
    font-weight: bold
}

.bankname {
    float: right;
    background: #000;
    padding: 0px 10px;
    margin: 0px -10px 0px 10px;
    display: inline-block;
    font-weight: bold;
}

.float-right {
    float: right;
}

span.limit {
    color: #767676;
    font-weight: bold;
    
    position:absolute;
    right:20px;
    top:0px;
    float:right;
}

.field span.limit {
    position: absolute;
    top: 10px;
    right: 0px;
    padding-left: 0px;
}

span.limit span {
    color: #FF9900;
}

    span.limit span.red {
        color: #ff3c41;
    }

.annual-settlemnt {
    font-size: 14px;
    font-weight: bold
}

    .annual-settlemnt .totalHeading {
        background: #FF9900;
        color: #ffffff !important;
        line-height: 20px;
        text-align: center;
        padding: 5px 0px;
    }

span.total {
    font-size: 45px;
    font-weight: bold;
    padding: 20px 30px;
    background: #66AED2;
    color: #ffffff !important;
    display: inline-block;
    text-align: center;
    min-width: 100px;
}

.annual-settlemnt span.total {
    font-size: 20px;
    padding: 10px 20px;
    min-width: 120px;
}
.fileTypes, .maxfile {
    background: #999;
    color: #fff;
    padding: 3px 5px;
    border-radius: 15px;
    font-size: 11px;
}
.RadGrid_Silk td a {
    color: #30c0f6;
}
.hGrid .rgMasterTable tr {
    display: inline-block;
    width: 150px;
    height: auto !important;
    vertical-align: top;
    margin-right: 10px;
}

.hGrid .rgMasterTable tr td {
    display: flex;
    width: 150px;
    border: none !important;
    width: 62px;
}
.hdGrid .rgMasterTable .rgRow, .hdGrid .rgMasterTable .rgAltRow {
    background: #efefef;
}
.hdGrid .rgDetailTable .rgRow, .hdGrid .rgDetailTable .rgAltRow {
    background: #fff;
}
.hdGrid .rgDetailTable tr {
    display: inline-block;
    width: 150px;
    height: auto !important;
    vertical-align: top;
}

.hdGrid .rgDetailTable tr td {
    display: flex;
    width: 150px;
    border: none !important;
}

.hdGrid .rgDetailTable tr td.float-left {
    padding-right: 0px;
    width: 62px;
}

    .hdGrid .rgDetailTable tr td.float-right {
        padding-left: 10px;
        width: 62px;
        color: #bebaba;
        padding-right: 0px;
        text-transform: uppercase;
    }
.relative{
    position:relative;
}
.margin0 {
    margin: 0px;
}
.t-compare .sticky-col {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.t-compare .first-col {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    left: 0px;
    z-index: 3;
    border-right: 15px solid rgba(255,255,255,0.5);
}

.t-compare .header-col {
    top: 0px;
    z-index: 2;
}

.t-compare {
    border-spacing: 1px !important;
}

    .t-compare td {
        vertical-align: top !important;
    }

    .t-compare tr:hover td {
        background: #ffd800 !important;
        color: #000 !important;
    }

    .t-compare tr.no-hover:hover td {
        background: inherit !important;
    }

    .t-compare .selected {
        background: #dffce8 !important;
    }

    .t-compare .assigned {
        background: #66AED2 !important;
        color: #efefef !important;
        position: relative;
    }

    .t-compare .r-approved {
        position: relative;
    }

    .t-compare .b-remove {
        float: right
    }

    .t-compare .invoices {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .t-compare .options {
        background: #fff !important;
        color: #ccc !important;
    }

    .t-compare .options label {
        color: #ccc !important;
    }
    .t-compare .checkShow.selected, .t-compare .checkLock.selected {
        background: none !important;
    }

    .t-compare .remove.val {
        background: rgba(255,255,255,0.3) !important;
    }

    .t-compare .plus {
        color: rgba(0,0,0,0.1);
    }

    .t-compare .rfdCheckboxChecked::before, .rfdCheckboxUnchecked::before {
        display: none;
    }
    .t-compare th {
        background: #343434;
        background-image: none !important;
        min-width: 120px;
    }

    .t-compare .quote-title {
        font-size: 14px;
        line-height: 16px;
        font-weight: bold;
        display: block;
    }

    .t-compare .button.abs {
        display: block;
        padding: 0px !important;
        border-radius: 0px;
        position: absolute;
        width: 20px;
        right: 0;
        top: 0;
        margin-top: 2px;
        margin-right: 2px;
        background: rgb(227, 227, 227);
        background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(227, 227, 227, 0.5));
    }.t-compare .buttons td, .t-compare td.transparent {
    background: transparent !important;
    border-color: transparent !important;
}
.maxfile {
    background: #66aed2;
    color: #fff;
}
.button, .file-upload-button, .gsc-cursor-page, .RadGrid button.button {
    -webkit-appearance: none;
    text-shadow: none;
    line-height: 17px;
    display: inline-block;
    border: 0;
    outline: 0;
    padding: 5px 12px;
    margin: 0 10px 0 0;
    position: relative;
    border-radius: 3px;
    border: 3px solid transparent;
    color: #fff!important;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    font-weight: normal !important
}

.button {
    background: rgb(227, 227, 227);
    background: linear-gradient(white, rgb(227, 227, 227));
    color: #000;
}

    .button.small {
        padding: 3px 10px!important;
        border: none;
    }

    .button.green, .green.file-upload-button, .gsc-cursor-page.green {
        background: #47CF73;
        color: #fff !important;
    }

        .button.green:hover, .green.file-upload-button:hover, .button.green:focus, .green.file-upload-button:focus, .gsc-cursor-page.green:hover, .gsc-cursor-page.green:focus {
            background: #2fb45a;
        }

    .button.faded-green, .faded-green.file-upload-button, .gsc-cursor-page.faded-green {
        background: #78b078;
        color: #fff
    }

        .button.faded-green:hover, .faded-green.file-upload-button:hover, .button.faded-green:focus, .faded-green.file-upload-button:focus, .gsc-cursor-page.faded-green:hover, .gsc-cursor-page.faded-green:focus {
            background: #5a9b5a
        }

    .button.red, .red.file-upload-button, .gsc-cursor-page.red {
        background: #ff3c41;
        color: #fff !important
    }

        .button.red:hover, .red.file-upload-button:hover, .button.red:focus, .red.file-upload-button:focus, .gsc-cursor-page.red:hover, .gsc-cursor-page.red:focus {
            background: #ff090f
        }

    .button.yellow, .yellow.file-upload-button, .gsc-cursor-page.yellow {
        background: #fcd000 !important;
        color: #111 !important;
    }

.text-yellow {
    color: #fcd000;
}

.text-blue {
    color: #66AED2;
}

.button.yellow:hover, .yellow.file-upload-button:hover, .button.yellow:focus, .yellow.file-upload-button:focus, .gsc-cursor-page.yellow:hover, .gsc-cursor-page.yellow:focus {
    background: #c9a600
}

.button.blue, .blue.file-upload-button, .gsc-cursor-page.blue, .yellow-bg {
    background: #66AED2;
    color: #fff !important;
}

.button.darkblue, a.darkblue, .button.dark, a.dark {
    background: #1f2737;
    color: #fff !important;
}

    .button.darkblue:hover, a.darkblue:hover{
        color: rgb(252, 208, 0) !important;
    }
    .button.dark:hover, a.dark:hover {
        color: #66AED2 !important;
    }

.button.edit, a.edit {
    border-left: solid 5px #fcd000;
    box-shadow: rgba(0,0,0,0.2) 2px 2px 3px;
    color: #000 !important;
}

.button.delete, a.delete {
    border-left: solid 5px #ff3c41;
    background: rgb(227, 227, 227);
    background: linear-gradient(white, rgb(227, 227, 227));
    box-shadow: rgba(0,0,0,0.2) 2px 2px 3px;
    color: #000 !important;
}

.button.view, a.view {
    border-left: solid 5px #66AED2;
    background: rgb(227, 227, 227);
    background: linear-gradient(white, rgb(227, 227, 227));
    color: #000 !important;
    box-shadow: rgba(0,0,0,0.2) 2px 2px 3px;
}

.button.report, a.view {
    border-left: solid 5px #000;
    background: rgb(227, 227, 227);
    background: linear-gradient(white, rgb(227, 227, 227));
    color: #000 !important;
    box-shadow: rgba(0,0,0,0.2) 2px 2px 3px;
}

.button.grey {
    background: #999;
    color: #fff!important;
}
.button.lightgrey {
    background: #ccc;
    color: #fff !important;
}


.blue-text {
    color: #66AED2;
}

.btnHead {
    background: #66AED2;
    height: 35px;
    color: #fff;
    margin-bottom: 0px;
    padding: 5px;
}

.single-link {
    display: block;
    margin: 10px 0px;
}

    .single-link.rejected {
        color: #ff090f !important;
    }
.marketing-proposal {
    border: solid 1px #fff;
    background: rgba(0,0,0,0.05);
    padding: 5px;
    margin-top: 10px;
}

    .marketing-proposal h3 {
        margin: 0px 0px 10px 0px;
        font-size: 14px;
    }

.bold {
    font-weight: bold
}

.childNotesList {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .childNotesList li {
        margin: 5px 0px 5px 0px;
    }

.adverts ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    list-style: none;
}

.input-form {
    width: 100%;
}

    .input-form .field {
        margin: 0px;
        padding: 5px 0px 10px 0px;
        position: relative;
        display: block;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .input-form h2 {
        margin-top: 30px;
    }

    .input-form .field > label, .input-form .row div > label {
        font-weight: normal;
        display: block;
        margin: 5px 0 3px 0;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 14px;
    }

    .input-form a, .signup-callout a, .register-wrap a {
        color: #30c0f6;
        text-decoration: none;
    }

    .input-form .input-error {
        color: #f00;
        position: absolute;
        top: 5px;
        left: -10px;
        /*left:-10px;*/
    }

.red-text {
    color: #f00;
}

.input-form .field > input[type=text], .input-form .field > input[type=password] {
    width: calc(100% - 7px) !important;
    height: 34px;
    padding: 0px 0px 0px 5px;
    vertical-align: middle;
    color: #555;
    font: 14px/1.42857 "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 4px;
}

.input-form .field > .RadInput {
    width: 100% !important;
    height: 34px;
    vertical-align: middle;
    color: #555;
    font: 14px/1.42857 "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 4px;
}

.input-form .field > textarea, .input-form .row textarea {
    width: calc(100% - 5px) !important;
    height: 34px;
    padding: 0px 0px 0px 5px;
    vertical-align: middle;
    color: #555;
    font: 14px/1.42857 "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 4px;
}

.input-form .row div > input[type=text], .input-form .row div > input[type=password] {
    width: calc(100% - 7px) !important;
    height: 34px;
    padding: 0px 0px 0px 5px;
    vertical-align: middle;
    color: #555;
    font: 14px/1.42857 "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 4px;
}

.input-form .field > .RadInput {
    width: 100% !important;
    height: 34px;
    vertical-align: middle;
    color: #555;
    font: 14px/1.42857 "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 4px;
}

.input-form .row > .RadInput, .input-form .row div > .RadDropDownList {
    width: calc(100% - 2px) !important;
    height: 34px;
    vertical-align: middle;
    color: #555;
    font: 14px/1.42857 "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 4px;
}
/********Bootstrap*/
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.alert {
    padding: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
    margin-bottom: 18px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.input-form {
    width: 100%;
}

    .input-form .field {
        margin: 0px;
        padding: 5px 0px 0px 0px;
        position: relative;
        display: block;
        /*margin-bottom: 10px;*/
        font-weight: bold;
    }

    .input-form h2 {
        margin-top: 30px;
    }

    .input-form .field > label, .input-form .row div > label {
        font-weight: normal;
        display: block;
        margin: 5px 0 3px 0;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 14px;
    }

    .input-form a, .signup-callout a, .register-wrap a {
        color: #30c0f6;
        text-decoration: none;
    }

    .input-form .input-error {
        color: #f00;
        position: absolute;
        top: 5px;
        left: -10px;
        /*left:-10px;*/
    }

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (max-width: 1100px) {
    .splitLeft .splitLeft, .splitLeft .splitRight, .splitRight .splitLeft, .splitRight .splitRight {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 700px) {

    .RadGrid .rgHeader {
        font-size: 11px !important;
    }
}

@media (max-width: 550px) {
    .hide-m {
        display: none;
    }

    .splitLeft, .splitRight {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-left: 0;
    }

    .header {
        padding: 10px;
    }

    .input-form .field > label {
        font-size: 12px;
    }

    .RadGrid td {
        font-size: 12px !important;
    }
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}

.col-md-1 {
    width: 8.33333%;
}

.col-md-2 {
    width: 16.66667%;
}

.col-md-3 {
    width: 25%;
}

.col-md-4 {
    width: 33.33333%;
}

.col-md-5 {
    width: 41.66667%;
}

.col-md-6 {
    width: 50%;
}

.col-md-7 {
    width: 58.33333%;
}

.col-md-8 {
    width: 66.66667%;
}

.col-md-9 {
    width: 75%;
}

.col-md-10 {
    width: 83.33333%;
}

.col-md-11 {
    width: 91.66667%;
}

.col-md-12 {
    width: 100%;
}

.col-md-pull-0 {
    right: auto;
}

.col-md-pull-1 {
    right: 8.33333%;
}

.col-md-pull-2 {
    right: 16.66667%;
}

.col-md-pull-3 {
    right: 25%;
}

.col-md-pull-4 {
    right: 33.33333%;
}

.col-md-pull-5 {
    right: 41.66667%;
}

.col-md-pull-6 {
    right: 50%;
}

.col-md-pull-7 {
    right: 58.33333%;
}

.col-md-pull-8 {
    right: 66.66667%;
}

.col-md-pull-9 {
    right: 75%;
}

.col-md-pull-10 {
    right: 83.33333%;
}

.col-md-pull-11 {
    right: 91.66667%;
}

.col-md-pull-12 {
    right: 100%;
}

.col-md-push-0 {
    left: auto;
}

.col-md-push-1 {
    left: 8.33333%;
}

.col-md-push-2 {
    left: 16.66667%;
}

.col-md-push-3 {
    left: 25%;
}

.col-md-push-4 {
    left: 33.33333%;
}

.col-md-push-5 {
    left: 41.66667%;
}

.col-md-push-6 {
    left: 50%;
}

.col-md-push-7 {
    left: 58.33333%;
}

.col-md-push-8 {
    left: 66.66667%;
}

.col-md-push-9 {
    left: 75%;
}

.col-md-push-10 {
    left: 83.33333%;
}

.col-md-push-11 {
    left: 91.66667%;
}

.col-md-push-12 {
    left: 100%;
}

.col-md-offset-0 {
    margin-left: 0%;
}

.col-md-offset-1 {
    margin-left: 8.33333%;
}

.col-md-offset-2 {
    margin-left: 16.66667%;
}

.col-md-offset-3 {
    margin-left: 25%;
}

.col-md-offset-4 {
    margin-left: 33.33333%;
}

.col-md-offset-5 {
    margin-left: 41.66667%;
}

.col-md-offset-6 {
    margin-left: 50%;
}

.col-md-offset-7 {
    margin-left: 58.33333%;
}

.col-md-offset-8 {
    margin-left: 66.66667%;
}

.col-md-offset-9 {
    margin-left: 75%;
}

.col-md-offset-10 {
    margin-left: 83.33333%;
}

.col-md-offset-11 {
    margin-left: 91.66667%;
}

.col-md-offset-12 {
    margin-left: 100%;
}

#window-contents {
    padding: 20px;
}

    #window-contents ul {
        float: none;
    }

.file-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .file-list li {
        padding: 6px;
        float: left;
        background-color: #fff;
        margin: 0px 3px 3px 0px;
        box-shadow: rgba(0,0,0,0.3) 5px 5px 10px;
    }

        .file-list li a {
            line-height: 25px;
            vertical-align: middle;
            height: 25px;
        }

.file-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url(/images/file-icons.png);
    background-repeat: no-repeat;
    margin-right: 10px;
    float: left;
}

    .file-icon.excel {
        background-position-x: 0px;
    }

    .file-icon.word {
        background-position-x: -25px;
    }

    .file-icon.pdf {
        background-position-x: -50px;
    }

    .file-icon.image {
        background-position-x: -75px;
    }

    .file-icon.txt {
        background-position-x: -100px;
    }

    .file-icon.zip {
        background-position-x: -125px;
    }


@media (max-width: 800px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: none;
        width: 100%;
    }
}

.scroll-200 {
    overflow-y: scroll;
    height: 200px;
    display: block;
}

.scroll-300 {
    overflow-y: scroll;
    height: 300px;
    display: block;
}

.scroll-400 {
    overflow-y: scroll;
    height: 400px;
    display: block;
}

.scroll-500 {
    overflow-y: scroll;
    height: 500px;
    display: block;
}

.rateAvg {
    background: #66AED2;
    color: #fff;
    padding: 7px 10px;
    border-radius: 15px;
    display: inline-block;
}

.ratingPanel {
    background: #343434;
}

    .ratingPanel label {
        color: #ccc !important;
    }

.no-float input, .no-float .RadPicker {
    float: none !important;
}

.section.special {
    background-color: transparent !important;
    /*background-image: -webkit-linear-gradient(top, #66AED2 0%, #efefef 100%) !important;
    background-image: -moz-linear-gradient(top, #66AED2 0%, #efefef 100%) !important;
    background-image: -ms-linear-gradient(top, #66AED2 0%, #efefef 100%) !important;
    background-image: -o-linear-gradient(top, #66AED2 0%, #efefef 100%) !important;
    background-image: linear-gradient(top, #66AED2 0%, #efefef 100%) !important;*/
    padding: 0px;
    border: none;
}

.special h2 {
    /*color: #fff;
    background: #66AED2;*/
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background: #000;
    margin: 20px 0px 0px 0px;
    padding: 10px 10px 10px 20px;
    text-transform: uppercase;
    border-left: 20px solid #66AED2;
}

.special .row {
    box-shadow: rgba(0,0,0,0.3) 5px 5px 5px;
}

.white-bg {
    background: #fff;
}

.special .footer {
    /*color: #fff;
    background: #66AED2;*/
    background: #fff;
    margin: 0px;
    padding: 5px;
    font-weight: bold !important;
}

.color-legend {
    display: inline-block;
    width: 35px;
    height: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    float: right;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
    border-radius: 5px;
}

.marketingEdit {
    display: none;
}

    .marketingEdit.show {
        display: table-cell;
    }

.cleanGridTable {
    padding: 0px;
    margin: 0px;
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

    .cleanGridTable th {
        height: 30px;
        padding: 0px 10px;
        margin: 0px;
        line-height: 30px;
        color: #fff !important;
        background-color: #66AED2;
        background-image: -webkit-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
        background-image: -moz-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
        background-image: -ms-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
        background-image: -o-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
        background-image: linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    }

    .cleanGridTable tr {
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }

    .cleanGridTable td {
        padding: 5px 10px;
        margin: 0px;
        background: rgba(255,255,255,0.8);
        border: none;
    }

        .cleanGridTable td td {
            padding: inherit;
            margin: inherit;
            background: inherit;
            border: inherit;
        }

.daysLeft {
    padding: 0px 10px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

/*#propertyAddress {
    height: 30px;
    padding: 0px 10px;
    margin: 0px;
    line-height: 30px;
    color: #fff !important;
    background-color: #66AED2;
    background-image: -webkit-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: -moz-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: -ms-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: -o-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    right: 0;
    top: 70px;
    position: absolute;
    cursor:pointer;
}

#latestReminder {
    display: none;
    padding: 10px 10px;
    margin: 0px;
    line-height: 20px;
    color: #fff !important;
    background-color: rgba(102, 174, 210, 0.9);
    right: 0;
    top: 100px;
    position: absolute;
    cursor: pointer;
    width: auto;
    z-index: 20000000;
    font-size: 120%;
}

    #latestReminder.fixed {
        top: 30px;
        position: fixed;
        z-index: 100000;
        display: block;
    }


#propertyAddress.fixed {
    top: 0px;
    position: fixed;
    z-index: 100000;
}*/

#propertyHeader.fixed {
    right: 0;
    top: 0px;
    position: fixed;
    z-index: 20000000;
    display:flex;
}
#propertyAddress {
    height:30px;
    padding: 0px 10px;
    margin: 0px;
    line-height: 30px;
    color: #fff !important;
    background-color: #66AED2;
    background-image: -webkit-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: -moz-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: -ms-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: -o-linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    background-image: linear-gradient(top, #66AED2 0%, #3489B1 100%) !important;
    cursor: pointer;
    width: auto;
    float: right;
    right: 0;
    top: 70px;
    position: absolute;
}

#latestReminder {
    display: none;
    padding: 5px 10px;
    margin: 0px;
    line-height: 20px;
    /*color: #fff !important;
    background-color: rgba(102, 174, 210, 0.9);*/
    color: #66AED2;
    /*background: rgba(255, 255, 255, 0.9);*/
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.8) 100%) !important;
    cursor: pointer;
    width: auto;
    font-size: 14px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2)
}

.fixed #propertyAddress {
    position: unset;
    flex-basis: initial;
    display: block;
    flex-shrink: 0;
}
.fixed #latestReminder {

    display: block;
}
#propertyDetails {

    display:none;
}





.RadWindow {
    z-index: 2000 !important;
}

.pending-link {
    background-image: linear-gradient(white,#fedcdc);
    color: #ff3c41 !important;
    /*height: 22px;
    padding:0px 5px;
    line-height: 22px;
    border-radius: 100%;*/
    text-align: center;
    display: inline-block;
    font-size: 14px;
}

    .pending-link .t-icon {
        color: #ff3c41 !important;
        font-size:18px;
    }
a.pending-link:hover {
    color: #ff3c41 !important;
    border-color: #ff3c41 !important;
    background-image: linear-gradient(white,#fedcdc) !important;
}
.reminder-link {
    background-image: linear-gradient(white,#dbf3ff);
    color: #66AED2 !important;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}
a.reminder-link:hover {
    color: #66AED2 !important;
    border-color: #66AED2 !important;
    background-image: linear-gradient(white,#dbf3ff) !important;
}
.reminder-link .t-icon {
    color: #66AED2 !important;
    font-size: 18px;
}
@media (max-width: 800px) {
    .reminder-link .t-icon, .pending-link .t-icon {
        position: unset;
        margin-top: unset;
    }
}
  .no-margin {
    margin: 0px !important;
}

.t-icon {
    padding: 2px;
    border: 1px solid transparent;
    border-radius: 2px;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    font: 1.5em/1 "WebComponentsIcons";
    /*color: #000;*/
}



.button .t-icon {
    padding: 0px !important;
    height: 16px;
}

/*.button.dark .t-icon, .button.red .t-icon {
    color: #fff;
}*/

.t-icon.unpin::before {
    content: "\e705";
}

.t-icon.pin::before {
    content: "\e704";
}

.t-icon.lock::before {
    content: "\e113";
}

.t-icon.attention::before {
    content: "\e801";
}

.t-icon.notification::before {
    content: "\e400";
}

.t-icon.attachment::before {
    content: "\e10e";
}

.t-icon.ping::before {
    content: "\e30a";
}

.t-icon.tick::before {
    content: "\e11a";
}

.t-icon.cross::before {
    content: "\e11d";
}

.t-icon.down::before {
    content: "\e015";
}

.t-icon.up::before {
    content: "\e013";
}

.t-icon.reply::before {
    content: "\e100";
}

.t-icon.cancel::before {
    content: "\e115";
}

.t-icon.send::before {
    content: "\e101";
}
.t-icon.refresh::before {
    content: "\e103";
}
.t-icon.eye::before {
    content: "\e13d";
}
.t-icon.message::before {
    content: "\e809";
}
.t-icon.upload::before {
    content: "\e133";
}
.t-icon.download::before {
    content: "\e132";
}
.t-icon.logout::before {
    content: "\e131";
}
.t-icon.clock::before {
    content: "\e107";
}
.t-icon.calendar::before {
    content: "\e108";
}
.t-icon.note::before {
    content: "\e655";
}
.t-icon.zip::before {
    content: "\e914";
}
.t-icon.question::before {
    content: "\e402";
}
.t-icon.trash::before {
    content: "\e10c";
}
.t-icon.sort-asc::before {
    content: "\e124";
}
.t-icon.sort-desc::before {
    content: "\e125";
}
.t-icon.more::before {
    content: "\e032";
}
.t-icon.filter::before {
    content: "\e512";
}



    /*
    .a-center{text-align:center;}


*/