﻿
.logo
{
    margin:10px 0px 0px 30px;
    height:80px;
}
/*#login-container {
    top: 50%;
    transform: translateY(-60%);
    width: 400px;
    left: 50%;
    margin-left: -250px;
    position: absolute;
    background: #EDF0F4;
    padding: 50px;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.8) 5px 5px 20px;
}
#login-container #logo {
    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 */
/*}*/
.header-back
{
    background:url('../../../images/logoMiddle.jpg') repeat-x;
    position:absolute;
    z-index:1;
    width:100%;
    height:150px;
}
.header-right
{
    background:url('../../../images/logoRight.jpg') no-repeat top right;
    height:150px;
    width:100%;
}
.header-logo
{
    background:url('../../../images/logoLeft.jpg') no-repeat top left;
    height:150px;
    width:100%;
}
/*#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;
}*/
/*h2, .generalHeading{font-size:16px;}
h3{font-size:14px;}
a:hover {color:#000;}
a {
    color: #3489B1;
}
.a-center{text-align:center;}*/

/*.bubble {
    position:absolute;
    top:0px;
    right:350px;
    
    z-index:20000;
}
.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;
}
a.notes {
    background:url('../../../images/bg-i-notes.png') no-repeat top left;
}
.reminder {
    background:url('../../../images/bg-i-reminder.png') no-repeat top left;
}
a.portalNotes {
    background: url('../../../images/bg-i-portalnotes.png') no-repeat top left;
    color: #66AED2;
}
.generalSeparator{clear:both;height:10px;}
.padd10{padding:10px}
.top10{margin-top:10px;}
.round{}
.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;
}
.marketing-proposal .images {
    max-width:400px;
    height:auto!important;
    overflow:hidden;
}
img.list-thm{

    max-width:40px;
}
.hd-dd {
    display: block;
    text-align: left;
    border-bottom: solid 1px #3489B1;
    color: #66AED2;
    padding: 5px 0px;
    padding-left: 35px;
}
.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;
    height:10px;
}
.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
    }

.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;
    }*/
/*********************Portal Notes*********************/
/*.note-details #note-frm {
    background: #E1E4E8 !important;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
}
    .note-details #note-frm h3 {
        margin-top: 0px;
        padding-top: 0px;
    }
div.b0, div.b1, div.b2, div.b3 {
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
}
.b0 .note-details, .note-details div.b0 {
    background: #E1E4E8 !important;
}

.b1 .note-details, .note-details div.b1 {
    background: #8fbcd3 !important;
}

.b2 .note-details, .note-details div.b2 {
    background: #91d0bd !important;
}

.b3 .note-details, .note-details div.b3 {
    background: #ddc6fa !important;
}

.b0 > span.nameP {
    color: #66aed2
}

.b1 > span.nameP, .b2 > span.nameP, .b3 > span.nameP {
    color: #fff
}

.gridMessages .rgRow, .gridMessages .rgAltRow, .gridMessages .rgRow td, .gridMessages .rgAltRow td {
    background: transparent !important;
    border: none !important;
}

.note-details .info {
    font-size: 12px !important;
    color: #333 !important;
}

.gridMessages .note-details {
    background: #66aed2;
    border-radius: 5px 5px 0px 5px;
    padding: 15px;
    width: auto;
    display: inline-block;
    margin-bottom: 5px;
    float: left;
}



.gridMessages .b0 .note-details {
    background: #E1E4E8;
    border-radius: 5px 5px 5px 0px;
    float: right;
}

.gridMessages .note-details > span > ul {
    list-style: none;
    margin: 0;
    padding: 0px 0px 0px 5px;
}

    .gridMessages .note-details > span > ul > li {
        background: url(/images/bg-msg-black.png) no-repeat top left;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 15px;
    }

        .gridMessages .note-details > span > ul > li:last-child {
            background: url(/images/bg-msg-last-black.png) no-repeat top left;
        }

.gridMessages .ack-tick {
    background: url(../../../images/icons-png/user-black.png) no-repeat right center;*/
    /*width: 20px;
    height: 20px;
    float: right;
    margin-right: 5px;
    margin-left: -25px;*/
    /*color: #fff;
    clear: both;
    text-align: right;
    padding-right: 25px;
    width: auto;
    color: #ccc;
}

.gridMessages .note-details .ack-tick {
    background: url(../../../images/icons-png/user-black.png) no-repeat right center;
    color: #000;
}

.new-message {
    float: left;
    background: #fcd000;
    color: #000000;
    width: auto;
    padding: 0px 15px;
    margin-top: -25px;
    margin-left: -15px;
    border-radius: 5px 0px 0px 0px;
}

.new-innermessage {
    background: #fcd000;
    color: #000000;
    width: auto;
    padding: 0px 15px;
    display: inline-block;
    margin: -25px 10px 0px -5px;
    border-radius: 5px;
}

.fileList a {*/
    /* These are technically the same, but use both */
    /*overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;*/
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /*word-break: break-all;*/
    /* Instead use this non-standard one: */
    /*word-break: break-word;*/
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    /*-ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.gridMessages .date-container {
    vertical-align: top;
    color: #999;

    font-size: 16px;
}

.gridMessages .time {
    font-size: 14px;
    color: #000;
}

.gridMessages .link {
    color: #ffff !important;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 120%;
}

.parentNote {
    font-style: italic;
    text-align: center;
    padding: 10px;
    color: #343434;
}

.gridMessages div.buttons {
    margin-top: 10px;
    border-radius: 0px;
}

.group-header {
    background: none !important;
    box-shadow: none !important;
    text-align: center !important;
    border-bottom: solid 1px #333;
    font-size: 14px!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;
    padding-left:10px;
}
.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;
}
.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: white;
    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;
    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.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;
}
.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;
}
.fileList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fileList li{
    display:inline-block;
    margin:0px 5px 5px 0px;
}
.fileList li a{
    border:solid #fff 8px;
    display:inline-block;
    background:#fff;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.30);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.30);
}
.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 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;*/
/*}
.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;
  }
.icon-private{
    width:16px;
    height:16px;
    display:inline-block;
    background:url(/images/star.png) no-repeat;
}
.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;

}
#propertyAddress.fixed {
    
    top: 0px;
    position: fixed;
z-index:100000;
}
.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;
}


.unpin::before {
    content: "\e705";
}
.pin::before {
    content: "\e704";
}
.lock::before {
    content: "\e113";
}*/