body {
    font-family: 'segoe UI', Arial, sans-serif !important;
    width: 100%;
    color: #000000;
}

.connect-nav a:hover, .connect-nav a:focus {
    text-decoration: none;
    cursor: pointer;
    /* background-color: #4283a8; */
    /* padding: 7px; */
    /* border-radius: 6px; */
    /*padding:0;*/
}

.navbar-nav > li > a:hover {
    background-color: #4283a8;
    /*padding: 7px;*/
    border-radius: 6px;
}

.navbar-nav > li {
    margin-right: 5px;
    text-align: center;
    
}

    .navbar-nav > li > a {
        padding-bottom: 6px;
        padding-top: 6px;
        padding-left: 13px;
        padding-right: 13px;
    }


/*#region Override Global Kendo*/

/*Overriding Kendo*/
.k-widget.k-multiselect {
    display: inline-block;
    vertical-align: middle;
}

.k-multiselect .k-button {
    background-color: #f3f3f3;
    border-color: #ccc;
    color: #676767;
}

.k-state-focused {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.k-animation-container li.k-state-selected {
    background-color: #9dc8da;
    border-color: #9dc8da;
}

.k-textbox:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-multiselect .k-button.k-state-hover {
    background-color: #f3f3f3;
    border-color: #ccc;
}

.k-list-container {
    min-width: 180px !important; /*kendo dropdown list width*/
}

.k-autocomplete.k-state-default .k-input, .k-combobox .k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-numeric-wrap.k-state-default .k-input, .k-multiselect-wrap, .k-slider-track, .k-slider-selection, .k-progress-status-wrap {
    box-shadow: none !important;
}


/*#LoanList table.k-selectable tr:hover {
    background-color: #dee2e3;
    color: #51a8c9;
}*/

/*#endregion*/

/*#Hud {
	width:17px;
	display:inline-block;
	position:fixed;
	top:151px;
	right:0;

	background-color: #f7f7f7;
	border:solid 1px #ebebeb;
	
	z-index:200;
}*/

#Hud {
    width: 250px;
    display: inline-block;
    position: fixed;
    top: 151px;
    right: 0;
    background-color: #f7f7f7;
    border: solid 1px #ebebeb;
    z-index: 200;
}

    #Hud i.expand {
        font-size: 24px;
        font-weight: normal;
        color: #666666;
        vertical-align: middle;
        margin-left: 3px;
    }

header.navbar {
    background-color: #ffffff;
    z-index: 10001;
}

.layout-fixed-header .main-panel > .header {
    height: 55px;
    margin-left: -223px;
    padding-left: 214px;
}

#SideNav {
    width: 47px;
    display: inline-block;
    position: fixed;
    top: 60px;
    left: 0;
    background-color: #62a8d1;
    z-index: 10000;
}

.connect-sidenav-placeholder {
    width: 47px;
    display: inline-block;
    position: relative;
    top: -50px;
    left: 0;
    height: 1400px;
    z-index: 0;
    float: left;
}


#SideNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #SideNav ul li {
        margin: 0;
        width: 100%;
        /*height:50px;*/
        text-align: center;
        margin-top: 17px;
    }

    #SideNav ul.expander li {
        height: 50px;
        background-color: #a6cee5;
        width: 100%;
        cursor: pointer;
        margin-top: 0;
        height: 50px;
    }

        #SideNav ul.expander li i {
            margin-top: 14px;
        }

    #SideNav ul li i {
        font-size: 24px;
        font-weight: normal;
        color: #ffffff;
        vertical-align: middle;
    }

    #SideNav ul.connect-nav {
        margin-top: 20px;
    }

/*#TitleBar {
	background-color:#4c8cb1;
	float:right;	
	width:100%;
	height: 35px;
	padding: 3px 0 0 15px;	
}

#TitleBar span.viewtitle {
	font-size:20px;
	color:#ffffff;
}*/

#TitleBar {
    background-color: #4c8cb1;
    /*padding-left:50px;*/
    float: right;
    width: 100%;
    height: 33px;
    padding: 3px 0px 0 26px;
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #f7f7f7 0%, #ebebeb 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#ebebeb 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%,#ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 );
    border: #cccccc;
    color: #808080;
}

    #TitleBar span.viewtitle {
        font-size: 18px;
        /*color:#ffffff;*/
    }


/*.connect-container-viewtitle {
	width:100%;	
	position: fixed;
	top: 115px;

        margin: -2px 0;
    padding-left:50px;
    z-index: 9999;
}*/

.connect-container-viewtitle {
    width: 96%;
    position: fixed;
    top: 55px;
    left: 71px;
    padding-left: 0;
    /* margin: 0px -67px; */
    z-index: 9999;
}


#main {
    width: 100%;
    padding-left: 53px;
    float: right;
}

    #main.innerviews {
        /*padding-right:26px;	*/
        padding-right: 258px;
    }



.connect-container-mainnav {
    width: 100%;
    height: 46px;
    background-color: #62a8d1;
    position: fixed;
    top: 64px;
    /* left: 47px; */
    padding-left: 50px;
    z-index: 9999;
}

#MainNav {
    /* width: 97.4%;*/
    /*width:100%;*/
    /* padding-left:50px;*/
    height: 46px;
    /*float: right;*/
}

    #MainNav li span {
        font-family: 'segoe UI', Arial, sans-serif;
        font-size: 15px;
        font-weight: normal;
        color: #ffffff;
    }

    #MainNav li i {
        font-size: 20px;
        font-weight: normal;
        color: #ffffff;
        margin-right: 8px;
        vertical-align: top;
    }

.connect-header-buttons {
    padding: 15px 15px 5px 0;
}

    .connect-header-buttons .k-dropdown {
        margin-left: 5px;
    }

#RecentsMenu {
    margin-left: 10px;
}

/*.connect-display-block {
    display: block;
}*/

#UserMenu {
    display: inline-block;
    margin: 0 10px 0 30px;
}

.connect-user-name {
    margin-left: 10px;
}

.connect-clear {
    clear: both;
}

#content {
    /*height:1200px;*/
    /*padding-top:54px*/;
}

.connect-hide {
    display: none !important;
}

.connect-nav-label {
    color: #ffffff;
    vertical-align: middle;
    margin-left: 10px;
}

#pnlPipelineBody {
    background-color: #f7f7f7;
    border: solid 1px #ebebeb;
    border-radius: 6px;
}

#widgetPipeline {
    padding-left: 2px;
}

.tooltip {
    width: auto;
    max-width: 150px;
}

.connect-tooltip-white .tooltip-inner {
    color: #333;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 3px 4px 7px 0px rgba(0,0,0,0.5);
    text-align: left;
}

.darkmode .connect-tooltip-white .tooltip-inner {
    color: #ffffff;
    background-color: #555;
    border-radius: 6px;
    box-shadow: 3px 4px 7px 0px rgba(0,0,0,0.5);
    text-align: left;
}

.custom-tooltip + .tooltip > .tooltip-inner {
    background-color: bisque;
    color: black;
    border: 1px solid green;
    border-radius: 5px;
    padding: 15px;
    font-size: 15px;
}

.validation .tooltip-inner {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.5);
    color: red;
}
.connect-filterbar {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
    border: solid 1px #e1e1e1;
    border-radius: 6px;
    padding: 5px 24px 5px 24px;
    width: 100%;
    margin-bottom: 5px;
}

.connect-text-label {
    display: inline-block;
    margin-right: 7px;
}


.connect-button-primary, button.connect-button-primary {
    padding: 3px 10px !important;
    background-color: #58c927;
    background: #58c927;
    color: #ffffff !important;
    font-size: 14px;
    margin-left: 15px;
    margin-right: 15px;
    border: none;
    border-radius: 4px;
    margin-top: 13px;
}

.connect-right-button-primary {
    padding: 3px 10px !important;
    background: #5371a1;
    /* background: #58c927; */
    color: #ffffff !important;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 10px;
    border: solid 1px #345a8c;
    border-radius: 4px;
    /* margin-top: 13px; */
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none;
}


.connect-button-primary, button.connect-button-primary:hover {
    background-color: #58c927 !important;
}


[disabled="disabled"] {
    opacity: 0.30 !important;
}

input:disabled, textarea:disabled, select:disabled, option:disabled {
    /*opacity: 0.70 !important;*/
    opacity: 1.0 !important;
    background-color: #e0e8f3 !important;
    color: #666 !important;
}

fieldset:disabled {
    opacity: 1.0 !important;
}



.disabled-text {
    opacity: 0.5;
}

button:disabled {
    opacity: 0.30 !important;
}

.connect-button-secondary {
    padding: 3px 10px;
    background-color: #cccccc;
    color: #ffffff;
    font-size: 14px;
    margin-left: 15px;
    margin-right: 15px;
    border: none;
    border-radius: 4px;
}

.connect-active {
    background-color: #4283a8;
}

#MainNav .connect-active {
    border-radius: 6px;
}

.connect-nav .connect-active {
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    padding-top: 7px;
    border-radius: 6px;
    display: inline-block;
}

.connect .connect-nav .connect-active-wide {
    width: 100%;
}

.connect-nav li a {
    text-align: center;
}


.connect-pipeline-loanview {
    margin-bottom: 5px;
}

    .connect-pipeline-loanview .connect-button-primary {
        margin-left: 3px;
        margin-right: 3px;
    }

.connect-container-borrowernav {
    width: 100%;
    border-radius: 4px;
    padding: 10px;
    background-color: #ffffff;
    margin-top: 7px;
    /*overflow-y: scroll;*/
    /*	-webkit-box-shadow: inset 3px 5px 9px -1px rgba(27,84,117,1);
-moz-box-shadow: inset 3px 5px 9px -1px rgba(27,84,117,1);
box-shadow: inset 3px 5px 9px -1px rgba(27,84,117,1);*/
}

    .connect-container-borrowernav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        /*width:95%;*/
        width: 98%;
    }

#SideNav .connect-container-borrowernav ul li {
    /*padding-left:0 !important;*/
    list-style: none;
    font-size: 12px;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
}

    #SideNav .connect-container-borrowernav ul li a {
        padding-top: 4px;
        padding-bottom: 4px;
        display: inline-block;
    }

.connect-container-borrowernav ul li a:hover {
    /* width: 100%; */
    display: inline-block;
    color: #515151;
    /* background-color: #fffd73; */
    border-bottom: dashed 1px #a6d3ee;
    padding-left: 0;
    margin-bottom: -1px;
}

.connect-container-borrowernav ul li a.connect-active {
    width: auto;
    display: inline-block;
    color: #515151;
    border-bottom: dashed 1px #a6d3ee;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -1px;
    background-color: transparent;
    border-radius: 0;
    height: auto;
}

#SideNav .connect-active .connect-nav-label {
    color: #ffffff;
    vertical-align: middle;
    margin-left: 0px;
    position: absolute;
    left: 47px;
    /* top: 6px; */
}


.bbs-panel-dataentry p.connect-borrowerportal-contact-firstname {
    width: 97%;
}

    .bbs-panel-dataentry p.connect-borrowerportal-contact-firstname input {
        /* width: 56%; */
        /*width: 20%;*/
        width: 26%;
        margin-right: 1%;
    }

.bbs-panel-dataentry .bbs-borrower-personalinfo p.dateofbirth {
    width: 35%;
}

    .bbs-panel-dataentry .bbs-borrower-personalinfo p.dateofbirth label {
        width: auto;
    }

.bbs-panel-dataentry .bbs-borrower-personalinfo p.bbs-dateofbirth .k-datepicker {
    width: 70%;
}

.bbs-panel-dataentry .bbs-borrower-personalinfo p.bbs-ssn {
    width: 35%;
}

    .bbs-panel-dataentry .bbs-borrower-personalinfo p.bbs-ssn input {
        /*width: 54%;*/
        width: 80%;
    }

.bbs-panel-dataentry {
    font-size: 12px;
}

.connect-col-half {
    display: inline-block;
    width: 49.79%;
    vertical-align: top;
}

.connect-col-quarter {
    display: inline-block;
    width: 24.6%;
    vertical-align: top;
}

.connect-col-third {
    display: inline-block;
    width: 31%;
    vertical-align: top;
}

.connect-col-2-third {
    display: inline-block;
    width: 32.8%;
    vertical-align: top;
}

.connect-col-3-third {
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
}

.connect-col-threefourth {
    display: inline-block;
    width: 74.8%;
    vertical-align: top;
}

.connect-col-onefourth {
    display: inline-block;
    width: 24.8%;
    vertical-align: top;
}

.connect-col-2-threefourth {
    display: inline-block;
    width: 75%;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-onefourth {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-onesixth {
    display: inline-block;
    width: 16.66%;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-twothirds {
    display: inline-block;
    width: 66.4%;
    vertical-align: top;
}

.connect-col-onefifths {
    display: inline-block;
    width: 19.9%;
    vertical-align: top;
}

.connect-col-twofifths {
    display: inline-block;
    width: 39.8%;
    vertical-align: top;
}

.connect-col-threefifths {
    display: inline-block;
    width: 59.55%;
    vertical-align: top;
}

.connect-col-2-twothirds {
    display: inline-block;
    width: 66.6666% !important;
    /*width:66%;*/
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-fivesixths {
    display: inline-block;
    width: 83.7% !important;
    /*width:66%;*/
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-sixsevenths {
    display: inline-block;
    width: 87% !important;
    /*width:66%;*/
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-oneninths {
    display: inline-block;
    width: 11% !important;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-fourninths {
    display: inline-block;
    width: 44.7% !important;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-fiveninths {
    display: inline-block;
    width: 55.3% !important;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-eightninths {
    display: inline-block;
    width: 88.3% !important;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-onefifth {
    display: inline-block;
    width: 20% !important;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-twofifth {
    display: inline-block;
    width: 40% !important;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-threefifth {
    display: inline-block;
    width: 60% !important;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2-fourfifths {
    display: inline-block;
    width: 80% !important;
    /*width:66%;*/
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-2 {
    display: inline-block;
    /*width: 49.79%;*/
    width: 50%;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-3 {
    display: inline-block;
    /*width: 32.8%;*/
    width: 33.333%;
    vertical-align: top;
    margin-left: -4px;
}

    .connect-col-3:first-of-type {
        margin-left: 0;
    }

.connect-ng-repeat:last-of-type > div {
    padding-right: 0 !important;
}


.connect-col-4 {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-5 {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    margin-left: -4px;
}


/*.connect-col-5 {
    display: inline-block;
    width: 19.6%;
    vertical-align: top;
    margin-left: -4px;
}*/

.connect-col-6 {
    display: inline-block;
    width: 16.6666%;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-7 {
    display: inline-block;
    width: 13%;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-8 {
    display: inline-block;
    width: 12.5%;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-9 {
    display: inline-block;
    width: 11.111%;
    vertical-align: top;
    margin-left: -4px;
}

.connect-col-large {
    display: inline-block;
    width: 75%;
    vertical-align: top;
}

.connect-col-xlarge {
    display: inline-block;
    width: 90%;
    vertical-align: top;
}

.connect-col-full {
    width: 100% !important;
}

.connect-col-panel-gradient {
    background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%);
    border: 1px solid #e3e3e3;
    width: 100%;
    /*margin: 5px;*/
    border-radius: 6px;
    /* padding: 20px; */
    /*padding: 20px 10px;*/
    position: relative;
    display: inline-block;
}

.connect-height-minheight-5px {
    min-height: 5px;
}

.connect-height-minheight-10px {
    min-height: 10px;
}

.connect-height-minheight-23px {
    min-height: 23px;
}

.connect-height-minheight-30px {
    min-height: 30px;
}

.connect-height-minheight-33px {
    min-height: 33px;
}

.connect-height-minheight-58px {
    min-height: 58px;
}

.connect-height-minheight-50px {
    min-height: 50px;
}

.connect-height-minheight-70px {
    min-height: 70px;
}

.connect-height-minheight-100px {
    min-height: 100px;
}

.connect-height-minheight-102px {
    min-height: 102px;
}

.connect-height-minheight-109px {
    min-height: 109px;
}

.connect-height-minheight-126px {
    min-height: 126px;
}

.connect-height-minheight-150px {
    min-height: 150px;
}

.connect-height-minheight-170px {
    min-height: 170px;
}

.connect-height-minheight-200px {
    min-height: 200px;
}

.connect-height-minheight-210px {
    min-height: 210px;
}

.connect-height-minheight-220px {
    min-height: 220px;
}

.connect-height-minheight-225px {
    min-height: 225px;
}

.connect-height-minheight-240px {
    min-height: 240px;
}

.connect-height-minheight-250px {
    min-height: 250px;
}

.connect-height-minheight-275px {
    min-height: 275px;
}

.connect-height-minheight-300px {
    min-height: 300px;
}

.connect-height-minheight-325px {
    min-height: 325px;
}

.connect-height-minheight-350px {
    min-height: 350px;
}

.connect-height-minheight-360px {
    min-height: 360px;
}

.connect-height-minheight-400px {
    min-height: 400px;
}

.connect-height-minheight-475px {
    min-height: 475px;
}

.connect-height-minheight-425px {
    min-height: 400px;
}

.connect-height-minheight-450px {
    min-height: 450px;
}

.connect-height-minheight-460px {
    min-height: 460px;
}

.connect-height-minheight-491px {
    min-height: 491px;
}

.connect-height-minheight-500px {
    min-height: 500px;
}

.connect-height-minheight-533px {
    min-height: 533px;
}

.connect-height-minheight-550px {
    min-height: 550px;
}

.connect-height-minheight-559px {
    min-height: 559px;
}

.connect-height-minheight-600px {
    min-height: 600px;
}

.connect-height-minheight-650px {
    min-height: 650px;
}

.connect-height-maxheight-600px {
    max-height: 600px !important;
}

.connect-height-maxheight-225px {
    max-height: 225px;
}

.connect-height-maxheight-350px {
    max-height: 350px;
}

.connect-height-maxheight-400px {
    max-height: 400px;
}

.connect-height-maxheight-475px {
    max-height: 475px;
}

.connect-height-maxheight-500px {
    max-height: 500px !important;
}

.connect-height-5px {
    height: 5px;
}

.connect-height-8px {
    height: 8px;
}

.connect-height-10px {
    height: 10px;
}

.connect-height-13px {
    height: 13px;
}

.connect-height-20px {
    height: 20px;
}

.connect-height-22px {
    height: 22px;
}

.connect-height-30px {
    height: 30px !important;
}

.connect-height-33px {
    height: 33px !important;
}

.connect-height-40px {
    height: 40px;
}

.connect-height-50px {
    height: 50px;
}

.connect-height-55px {
    height: 55px;
}

.connect-height-58px {
    height: 58px;
}

.connect-height-60px {
    height: 60px;
}

.connect-height-65px {
    height: 65px;
}

.connect-height-80px {
    height: 80px;
}

.connect-height-70px {
    height: 70px;
}

.connect-height-85px {
    height: 85px !important;
}

.connect-height-95px {
    height: 95px !important;
}

.connect-height-105px {
    height: 105px !important;
}

.connect-height-120px {
    height: 120px !important;
}

.connect-height-130px {
    height: 130px !important;
}

.connect-height-137px {
    height: 137px;
}

.connect-height-138px {
    height: 138px;
}

.connect-height-162px {
    height: 162px;
}

.connect-height-169px {
    height: 169px;
}

.connect-height-176px {
    height: 176px;
}

.connect-height-177px {
    height: 177px;
}

.connect-height-178px {
    height: 178px;
}

.connect-height-180px {
    height: 180px;
}

.connect-height-187px {
    height: 187px;
}

.connect-height-212px {
    height: 212px;
}

.connect-height-221px {
    height: 221px;
}

.connect-height-226px {
    height: 226px;
}

.connect-height-230px {
    height: 230px;
}

.connect-height-253px {
    height: 253px;
}

.connect-height-260px {
    height: 260px;
}

.connect-height-277px {
    height: 277px;
}

.connect-height-273px {
    height: 273px;
}

.connect-height-300px {
    height: 300px;
}

.connect-height-318px {
    height: 318px;
}

.connect-height-330px {
    height: 330px;
}

.connect-height-350px {
    height: 350px;
}

.connect-height-450px {
    height: 450px;
}

.connect-height-498px {
    height: 498px;
}

.connect-height-515px {
    height: 515px;
}

.connect-height-545px {
    height: 545px;
}

.connect-height-550px {
    height: 550px;
}

.connect-height-570px {
    height: 570px;
}

.connect-height-585px{
    height: 585px;
}

.connect-height-600px {
    height: 600px;
}

.connect-height-611px {
    height: 611px;
}

.connect-height-650px {
    height: 650px;
}

.connect-height-700px {
    height: 700px;
}

.connect-height-100 {
    height: 100%;
}

.connect-overflow-y-scroll {
    overflow-y: scroll !important;
}

.connect-overflow-y-auto {
    overflow-y: auto !important;
}

.connect-overflow-breakword {
    overflow-wrap: break-word;
}

.connect-division-section-dashed p {
    border-bottom: dashed 1px #dbdada;
    padding: 6px 0 6px 0;
}

.bbs-button-secondaryaction {
    margin: -2px 0 0px 10px;
    text-align: center;
    padding: 2px 19px;
    /* display: inline-block; */
}


.bbs-panel-dataentry p.bbs-propertytitletype {
    width: 62%;
    margin-left: -4%;
}

    .bbs-panel-dataentry p.bbs-propertytitletype .k-dropdown {
        width: 66%;
    }

/*.bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.connect-coborrower-creditscores {
    width: 35%;
} 

.bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.connect-coborrower-creditscores input {
    width: 100%;
} */

.bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p {
    width: 40%;
}

    .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p input {
        /*width: 34%;*/
        width: 100%;
    }

        .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p input.k-textbox {
            /*width: 34%;*/
            width: 12.4em;
        }

    .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p label {
        width: 120px;
    }

    .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.connect-coborrower-income {
        width: 22%;
    }

        .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.connect-coborrower-income input {
            width: 95%;
        }

    .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.bbs-borrowercurrentexpense {
        width: 38%;
    }

        .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.bbs-borrowercurrentexpense input {
            width: 95%;
        }

    .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.bbs-coborrowercurrentexpense {
        width: 21%;
    }

        .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.bbs-coborrowercurrentexpense input {
            width: 95%;
        }

    .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.bbs-proposedexpense {
        width: 20%;
    }

        .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.bbs-proposedexpense input {
            width: 95%;
        }

    .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.bbs-expensecolfour {
        width: 17%;
    }

        .bbs-panel-dataentry .bbs-borrower-personalinfo.connect-creditscores p.bbs-expensecolfour input {
            width: 95%;
        }

.connect-col-panel-medium {
    vertical-align: top;
    background-color: #fefefe;
    border: solid 1px #ebebeb;
    width: 48.85%;
    margin: 0 .5% 0 .5%;
    display: inline-block;
    border-radius: 4px;
    padding: 15px;
}

.connect-col-panel-sm {
    vertical-align: top;
    background-color: #fefefe;
    border: solid 1px #ebebeb;
    width: 30%;
    margin: 0 1% 0 1%;
    display: inline-block;
    border-radius: 4px;
    padding: 15px;
}

.connect-col-panel-xsm {
    vertical-align: top;
    background-color: #fefefe;
    border: solid 1px #ebebeb;
    width: 24%;
    margin: 0 .4% 0 .4%;
    display: inline-block;
    border-radius: 4px;
    padding: 15px;
}

.connect-col-panel-xxsm {
    vertical-align: top;
    background-color: #fefefe;
    border: solid 1px #ebebeb;
    width: 20%;
    margin: 0 .4% 0 .4%;
    display: inline-block;
    border-radius: 4px;
    padding: 15px;
}

.connect-col-panel-large {
    vertical-align: top;
    background-color: #fefefe;
    border: solid 1px #ebebeb;
    width: 75%;
    margin: 0 .4% 0 .4%;
    display: inline-block;
    border-radius: 4px;
    padding: 15px;
}

.connect-col-panel-xlarge {
    vertical-align: top;
    background-color: #fefefe;
    border: solid 1px #ebebeb;
    width: 97%;
    margin: 0 .4% 0 .4%;
    display: inline-block;
    border-radius: 4px;
    padding: 15px;
}

.connect-col-panel-full {
    vertical-align: top;
    background-color: #fefefe;
    border: solid 1px #ebebeb;
    width: 100%;
    margin: 0 .4% 0 .4%;
    display: inline-block;
    border-radius: 4px;
    padding: 15px;
}

.connect-panel-bg {
    background-color: #E1EBF7;
}

.bbs-panel-dataentry {
    background-color: #fbfbfb;
    /*background-color: #ffffff;*/
    border: solid 1px #e1e1e1;
    border-radius: 0 6px 6px 6px;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 18px;
    text-align: left;
    vertical-align: top;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.07);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.07);
}

#MainNav ul.nav.navbar-nav li, #MainNav ul.nav.navbar-nav li a {
    height: auto;
}

.bbs-panel-dataentry .connect-container-loanprogram {
    height: 168px;
}

    .bbs-panel-dataentry .connect-container-loanprogram p {
        width: 96%;
    }

        .bbs-panel-dataentry .connect-container-loanprogram p input {
            width: 50%;
        }

        .bbs-panel-dataentry .connect-container-loanprogram p .k-dropdown {
            width: 49%;
        }

        .bbs-panel-dataentry .connect-container-loanprogram p.connect-loanprogram-originator {
            width: 97%;
        }

.bbs-panel-dataentry p.bbs-checkbox {
    height: 25px;
    margin-right: 10px;
    padding-left: 15px;
    display: block;
    text-align: left;
}

.bbs-panel-dataentry p.bbs-radio-normal {
    text-align: left;
}

.bbs-panel-dataentry .connect-col-panel-xxsm p.bbs-checkbox {
    text-align: left;
}

.bbs-panel-dataentry .connect-container-loansummary {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}


    .bbs-panel-dataentry .connect-container-loansummary .connect-col-panel-xsm {
        width: 60%;
    }

    .bbs-panel-dataentry .connect-container-loansummary .connect-col-panel-xxsm {
        width: 35%;
    }

    .bbs-panel-dataentry .connect-container-loansummary .connect-col-panel-xlarge {
        width: 96%;
        vertical-align: top;
        /*background-color: #fefefe;*/
        background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%);
        border: solid 1px #ebebeb;
        margin: 0 .4% 0 .4%;
        display: inline-block;
        border-radius: 4px;
        padding: 15px;
    }

.bbs-panel-dataentry .connect-col-panel-xlarge {
    width: 99%;
    vertical-align: top;
    /*background-color: #fefefe;*/
    background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%);
    border: solid 1px #ebebeb;
    margin: 0 .5% 0 .5%;
    display: inline-block;
    border-radius: 4px;
    padding: 15px;
}

.bbs-panel-dataentry .connect-container-loansummary p.connect-loansummary-grossrent {
}

    .bbs-panel-dataentry .connect-container-loansummary p.connect-loansummary-grossrent input {
        width: 43%;
    }

.bbs-panel-dataentry .connect-container-loansummary .connect-container-noterate p {
    width: 45%;
}

    .bbs-panel-dataentry .connect-container-loansummary .connect-container-noterate p input {
        width: 65%;
    }

    .bbs-panel-dataentry .connect-container-loansummary .connect-container-noterate p.connect-loansummary-termdue {
        width: 20.5%;
    }

        .bbs-panel-dataentry .connect-container-loansummary .connect-container-noterate p.connect-loansummary-termdue input {
            width: 30%;
        }

    .bbs-panel-dataentry .connect-container-loansummary .connect-container-noterate p.connect-loansummary-termdue-nolabel {
        width: 15%;
    }

        .bbs-panel-dataentry .connect-container-loansummary .connect-container-noterate p.connect-loansummary-termdue-nolabel input {
            width: 100%;
        }

    .bbs-panel-dataentry .connect-container-loansummary .connect-container-noterate p.connect-loansummary-QM {
        width: 100%;
    }

        .bbs-panel-dataentry .connect-container-loansummary .connect-container-noterate p.connect-loansummary-QM input {
            width: 65%;
        }

        .bbs-panel-dataentry .connect-container-loansummary .connect-container-noterate p.connect-loansummary-QM .k-datepicker {
            width: 16%;
        }

.bbs-panel-dataentry.connect-expenses p input {
    width: 40%;
}

.bbs-panel-dataentry.connect-expenses p label {
    width: 130px;
}

.bbs-panel-dataentry.connect-expenses p .connect-button-label button {
    width: 130px;
}

.bbs-panel-dataentry.connect-otherobligations p input {
    width: 35%;
}

.bbs-panel-dataentry.connect-otherobligations p label {
    width: 130px;
}

.bbs-panel-dataentry.connect-otherobligations p input.connect-label {
    width: 130px;
}

.bbs-panel-dataentry.connect-otherobligations p.bbs-checkbox {
    display: inline-block;
}



.bbs-panel-dataentry .connect-loandetails p {
    width: 18.5%;
}

    .bbs-panel-dataentry .connect-loandetails p label {
        width: 120px;
    }

    .bbs-panel-dataentry .connect-loandetails p input {
        /*width:45%;*/
        width: 50%;
    }

.sidebar-skin-dark .bbs-panel-dataentry .connect-loandetails p .bbs-button-secondaryaction.bbs-button-light {
    margin-left: 0;
}

/*.bbs-panel-dataentry p.connect-section-title {
    width: auto;
    padding: 4px 15px;
    background-color: #fffd73;
    border-radius: 5px;
    margin-left: 0;
    margin-top: -7px;
    margin-bottom: 0px;   
    display: inline-block;
    text-align: center;
}*/

.bbs-panel-dataentry p.connect-section-title {
    width: auto;
    padding: 7px 4px;
    /*padding: 4px 15px;*/
    background-color: transparent;
    border-radius: 5px;
    margin-left: 0;
    margin-top: -7px;
    margin-bottom: 0px;
    display: inline-block;
    text-align: center;
}

.bbs-panel-dataentry p.connect-title-income {
    width: auto;
    background-color: transparent;
    border-radius: 5px;
    margin-bottom: 8px;
    margin-top: 24px;
    display: inline-block;
    text-align: center;
}

    .bbs-panel-dataentry p.connect-title-income label {
        font-weight: bold;
        font-size: 15px;
    }

.bbs-panel-dataentry p.connect-section-title label {
    width: auto;
    font-weight: bold;
    font-size: 17px;
}

.bbs-panel-dataentry .connect-construction p.connect-period {
    width: 19%;
    /*margin-left:-5px;*/
}

    .bbs-panel-dataentry .connect-construction p.connect-period label {
        width: 65px;
    }

    .bbs-panel-dataentry .connect-construction p.connect-period input {
        /*width:45%;*/
    }

    .bbs-panel-dataentry .connect-construction p.connect-period button {
        padding-left: 7px;
        padding-right: 7px;
    }


.bbs-panel-dataentry .connect-refi p.bbs-checkbox {
    display: inline-block;
}

.bbs-panel-dataentry .connect-section-titleanddownpayment p.connect-titleholders label {
    display: block;
    width: auto;
    text-align: left;
}

.bbs-panel-dataentry p.bbs-propertytitletype {
    width: 30%;
    margin-left: 1%;
}

    .bbs-panel-dataentry p.bbs-propertytitletype .k-dropdown {
        width: 90%;
    }

.bbs-panel-dataentry .connect-sourcesoffunds p {
    width: 100%;
}

    .bbs-panel-dataentry .connect-sourcesoffunds p label {
        width: auto;
        display: block;
    }

    .bbs-panel-dataentry .connect-sourcesoffunds p input {
        /*width:45%;*/
    }

    .bbs-panel-dataentry .connect-sourcesoffunds p .k-dropdown {
        width: 45%;
    }

.bbs-panel-dataentry .bbs-borrower-personalinfo p.connect-smallnumeric label {
    width: 80px;
}

.bbs-panel-dataentry .bbs-borrower-personalinfo p.connect-smallnumeric {
    width: 24%;
}

    .bbs-panel-dataentry .bbs-borrower-personalinfo p.connect-smallnumeric input {
        width: 35%;
    }

/*.connect-label-large {
	width:100px !important;
}*/

.connect-label-xlarge {
    width: 160px !important;
}

.connect-label-xxlarge {
    width: 250px !important;
}

.bbs-panel-dataentry p.connect-mailingaddress {
    margin-left: 16%;
}

.bbs-panel-dataentry p.bbs-borrower-occupancystatus {
    width: 45%;
    margin-left: 1%;
}

.bbs-panel-dataentry p.bbs-propertytitletype {
    width: 27.85%;
    margin-left: 6%;
}

    .bbs-panel-dataentry p.bbs-propertytitletype label {
        width: 120px;
    }

    .bbs-panel-dataentry p.bbs-propertytitletype .k-dropdown {
        width: 60%;
    }

.bbs-panel-dataentry p.bbs-lppropertydetails {
    width: 20.85%;
    margin-left: 6%;
    margin-right: 1%;
}

    .bbs-panel-dataentry p.bbs-lppropertydetails label {
        width: 151px;
    }

    .bbs-panel-dataentry p.bbs-lppropertydetails .k-dropdown {
        width: 95%;
    }


.trid .k-dropdown {
    width: 100%;
}

.bbs-panel-dataentry p.bbs-yearsin {
    width: 31%;
}

    .bbs-panel-dataentry p.bbs-yearsin .k-numerictextbox {
        width: 39%;
    }

.bbs-panel-dataentry p.bbs-positiontitle {
    width: 57.2%;
}

    .bbs-panel-dataentry p.bbs-positiontitle .k-textbox {
        width: 71.9%;
    }

.bbs-title-medium {
    font-family: 'segoe UI', Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #6f787d;
}

.bbs-panel-dataentry .connect-monthlyhousingexpenses .bbs-button-secondaryaction {
    width: 95%;
}

.bbs-margintop-none {
    margin-top: 0 !important;
}

.bbs-margintop-small {
    margin-top: 20px !important;
}

.bbs-panel-dataentry p.connect-bc {
    width: 12%;
}

    .bbs-panel-dataentry p.connect-bc input {
        width: 35%;
    }

.bbs-panel-dataentry p.connect-monthlyincome {
    width: 17%;
}

    .bbs-panel-dataentry p.connect-monthlyincome input {
        width: 60%;
    }

.bbs-panel-dataentry p.connect-incomedescription {
    width: 30%;
}

    .bbs-panel-dataentry p.connect-incomedescription .k-dropdown {
        width: 70%;
    }

.connect-width-auto {
    width: auto !important;
}

.connect-width-0px {
    width: 0px !important;
}


.bbs-panel-dataentry p.connect-cashdeposit {
    width: 40%;
}

    .bbs-panel-dataentry p.connect-cashdeposit label {
        width: 100px;
    }

    .bbs-panel-dataentry p.connect-cashdeposit input {
        width: 35%;
    }

    .bbs-panel-dataentry p.connect-cashdeposit span {
        display: inline-block;
        width: auto;
        margin-left: 10px;
    }

.bbs-panel-dataentry .connect-assets-reo p {
    width: 83%;
}

    .bbs-panel-dataentry .connect-assets-reo p label {
        width: 200px;
    }

    .bbs-panel-dataentry .connect-assets-reo p input {
        width: 20%;
    }

.bbs-panel-dataentry .connect-assets-list p.connect-stocksandbonds {
    width: 57%;
}

    .bbs-panel-dataentry .connect-assets-list p.connect-stocksandbonds input {
        width: 62%;
    }

.bbs-panel-dataentry .connect-assets-list p label {
    width: 150px;
}

.bbs-panel-dataentry .connect-assets-list p.connect-shares {
    width: 8%;
}

.bbs-panel-dataentry .connect-assets-list p.connect-amount {
    width: 15.6%;
}

.bbs-panel-dataentry .connect-assets-list p input {
    width: 100%;
}

.bbs-panel-dataentry .connect-assets-list p.connect-stocksandbonds label {
    text-align: left;
    width: 62%;
}

.bbs-panel-dataentry .connect-assets-list p.connect-shares label {
    text-align: left;
}

.bbs-textalign-right {
    text-align: right !important;
}

    .bbs-textalign-right label {
        text-align: right !important;
    }

#LiabilitiesGrid {
    margin-top: 5px;
}

.bbs-panel-dataentry .connect-liabilities-alimony p {
    width: 30%;
}

    .bbs-panel-dataentry .connect-liabilities-alimony p label {
        width: 130px;
    }

    .bbs-panel-dataentry .connect-liabilities-alimony p input {
        width: 49%;
    }

    .bbs-panel-dataentry .connect-liabilities-alimony p.connect-monthlypayment {
        width: 6%;
    }

        .bbs-panel-dataentry .connect-liabilities-alimony p.connect-monthlypayment input {
            width: 100%;
        }

    .bbs-panel-dataentry .connect-liabilities-alimony p.connect-monthsleft {
        width: 4%;
    }

        .bbs-panel-dataentry .connect-liabilities-alimony p.connect-monthsleft input {
            width: 100%;
        }

    .bbs-panel-dataentry .connect-liabilities-alimony p.connect-networth {
        width: 21%;
    }

        .bbs-panel-dataentry .connect-liabilities-alimony p.connect-networth input {
            width: 28%;
        }

    .bbs-panel-dataentry .connect-liabilities-alimony p.connect-totalliabilities {
        width: 15%;
    }

        .bbs-panel-dataentry .connect-liabilities-alimony p.connect-totalliabilities label {
            width: auto;
        }

        .bbs-panel-dataentry .connect-liabilities-alimony p.connect-totalliabilities input {
            width: 39%;
        }

.bbs-panel-dataentry .connect-totals p {
    width: 13%;
}

    .bbs-panel-dataentry .connect-totals p label {
        width: 130px;
    }

    .bbs-panel-dataentry .connect-totals p input {
        width: 100%;
    }

.bbs-panel-dataentry p.bbs-racelabel {
    width: 90%;
    text-align: left;
    margin-left: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
}

    .bbs-panel-dataentry p.bbs-racelabel label {
        text-align: left;
        font-weight: bold;
        width: auto;
    }

.bbs-panel-dataentry .connect-monitoringinfo .connect-originator p {
    width: 45%;
}

    .bbs-panel-dataentry .connect-monitoringinfo .connect-originator p label {
        width: 130px;
    }

    .bbs-panel-dataentry .connect-monitoringinfo .connect-originator p input {
        width: 54%;
    }

    .bbs-panel-dataentry .connect-monitoringinfo .connect-originator p .k-dropdown {
        width: 54%;
    }

.bbs-panel-dataentry .connect-section-company p.connect-company {
    width: 40%;
}

    .bbs-panel-dataentry .connect-section-company p.connect-company input {
        width: 64%;
    }

/*.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content {
     max-height: 600px; 
    overflow-y: auto;
    overflow-x:hidden;
}*/

.bbs-panel-dataentry .connect-monitoringinfo .connect-originator p.connect-applicationsigndate {
    width: 100%;
    text-align: left;
}

    .bbs-panel-dataentry .connect-monitoringinfo .connect-originator p.connect-applicationsigndate label {
        text-align: left;
        width: auto;
    }

.bbs-panel-dataentry .connect-notes textarea {
    text-align: left;
    width: 100%;
    padding: 10px;
    height: 300px;
}

.bbs-container-panelbar li.k-item {
    background-color: #f9f9f9;
}

.k-panel > li.k-item, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item {
    background-color: transparent;
}

.bbs-container-panelbar .k-content {
    border: none;
}

.bbs-container-feeworksheet .bbs-grid .k-grid.k-widget {
    border-top: none;
    border-color: #dedede;
}

.bbs-grid .k-grid .k-grid-header {
    padding-right: 0 !important;
    /*padding-right:17px !important;*/
}

.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table tr {
    height: auto;
}

#FeeWorksheetPanelBar {
    border: none;
}

.bbs-container-panelbar li.k-item {
    background-color: #f9f9f9 !important;
}

th.fees-description, td.fees-description {
    width: 20%;
    /*width: 12%;*/
    text-align: right;
}

.connect-cashflowanalysis th.fees-description, .connect-cashflowanalysis td.fees-description {
    width: 68%;
}

    .connect-cashflowanalysis td.fees-description div {
        width: 36%;
        display: inline-block;
        float: right;
    }

        .connect-cashflowanalysis td.fees-description div span {
            margin-left: 10px;
        }


.connect-cashflowanalysis .bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table td.fees-amount, .connect-cashflowanalysis .bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-header table th.fees-amount {
    width: 12%;
}

td.fees-description input {
    width: 88%;
}

    td.fees-description input[type=checkbox] {
        width: 30px;
    }

td.fees-description #discountFeeCompany {
    width: 80%;
}

th.fees-to, td.fees-to {
    /*width: 9%;*/
    /*width:4%;*/
    width: 8%;
}

#FeeWorksheetPanelBar .bbs-grid .k-grid th.k-header.fees-company, #FeeWorksheetPanelBar.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table td.fees-company {
    width: 10%;
    /*width: 6%;*/
}

    #FeeWorksheetPanelBar.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table td.fees-company input {
        width: 93%;
    }

#FeeWorksheetPanelBar.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table td.fees-amount, #FeeWorksheetPanelBar.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-header table th.fees-amount, #FeeWorksheetPanelBar.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table td.fees-amount .k-numerictextbox, #FeeWorksheetPanelBar.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-header table th.fees-amount .k-numerictextbox {
    /*width: 6%;*/
    /*width: 4%;*/
    width: 8%;
}

    #FeeWorksheetPanelBar.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table td.fees-amount .k-numerictextbox, #FeeWorksheetPanelBar.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-header table th.fees-amount .k-numerictextbox {
        width: 98%;
        padding: 0;
    }

th.fees-sellercredit, td.fees-sellercredit, th.fees-sellerdebit, td.fees-sellerdebit {
    width: 8%;
}

    td.fees-sellercredit .k-dropdown {
        width: 95%;
    }

th.fees-net, td.fees-net {
    width: 3%;
    /*width: 2%;*/
    text-align: center;
}

td.fees-to .k-dropdown {
    width: 93%;
}

.bbs-grid .k-grid tr td {
    /*border: none;*/
    border: solid 1px #f7f7f7;
    border-bottom: solid 1px #dedede;
    vertical-align: top;
    color: #666666;
    padding: 7px;
    padding-bottom: 5px;
}

.bbs-panel-dataentry td.fees-net p.bbs-checkbox {
    height: 25px;
    margin-right: 10px;
    padding-left: 13px;
    display: block;
    text-align: left;
}

td.fees-description .fees-totalsinfo {
    width: 100%;
    text-align: left;
}

    td.fees-description .fees-totalsinfo p {
        width: 34%;
        display: inline-block;
    }

        td.fees-description .fees-totalsinfo p label {
            width: 40px;
        }

        td.fees-description .fees-totalsinfo p input {
            width: 53%;
        }

.fees-poc p {
    width: 100%;
    text-align: left;
}

.fees-pox p input {
    width: 100%;
}

#FeeWorksheetPanelBar.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table .alt {
    background-color: #fdfdfd;
}

.bbs-panel-dataentry #FeeWorksheetPanelBar p .k-numerictextbox .k-numeric-wrap, .bbs-panel-dataentry .k-grid-content .k-numerictextbox .k-numeric-wrap {
    padding-right: 0 !important;
}

td.fees-description .fees-totalsinfo p.fees-percentage {
    width: 20%;
    vertical-align: top;
}

.connect-button-fees {
    margin: 15px;
    padding: 7px;
}


td.fees-description .fees-totalsinfobulkcredit {
    width: 100%;
    margin-top: 20px;
}



    td.fees-description .fees-totalsinfobulkcredit p {
        width: 11%;
        display: inline-block;
    }

        td.fees-description .fees-totalsinfobulkcredit p.fees-percentagedollar {
            margin-left: 0;
            width: 8%;
        }

        td.fees-description .fees-totalsinfobulkcredit p.percentagedollar input {
            width: 74%;
        }

        td.fees-description .fees-totalsinfobulkcredit p label {
            width: 40px;
        }

        td.fees-description .fees-totalsinfobulkcredit p input {
            width: 53%;
        }

            td.fees-description .fees-totalsinfobulkcredit p input[type=checkbox] + label {
                width: 100px;
            }

            td.fees-description .fees-totalsinfobulkcredit p input[type=checkbox] {
                width: 30px;
            }

        td.fees-description .fees-totalsinfobulkcredit p.fees-percentage {
            width: 16%;
        }

            td.fees-description .fees-totalsinfobulkcredit p.fees-percentage label {
                width: 110px;
            }

            td.fees-description .fees-totalsinfobulkcredit p.fees-percentage input {
                width: 20%;
            }

        td.fees-description .fees-totalsinfobulkcredit p.fees-buyprice label {
            width: auto;
        }

        td.fees-description .fees-totalsinfobulkcredit p.fees-buyprice input {
            width: 36%;
        }

        td.fees-description .fees-totalsinfobulkcredit p.bbs-checkbox label {
            width: auto;
            margin-top: 3px;
        }

td.fees-description .fees-monthstotal p {
    width: 46%;
    display: inline-block;
}

    td.fees-description .fees-monthstotal p.fees-percentagedollar {
        margin-left: 0;
        width: 37%;
    }

    td.fees-description .fees-monthstotal p.percentagedollar input {
        width: 74%;
    }

    td.fees-description .fees-monthstotal p label {
        width: 40px;
    }

    td.fees-description .fees-monthstotal p input {
        width: 51%;
    }

    td.fees-description .fees-monthstotal p.fees-percentage {
        width: 11%;
    }

        td.fees-description .fees-monthstotal p.fees-percentage input {
            width: 100%;
        }



td.fees-description .fees-providerinfo p {
    width: 50%;
    display: inline-block;
}

td.fees-description .fees-providerinfo label {
    width: 50px;
}

td.fees-description .fees-providerinfo p.bbs-checkbox {
    width: 6%;
    display: inline-block;
    margin-left: 18px;
    margin-right: 0;
}

td.fees-description .fees-providerinfo p .k-dropdown {
    width: 60%;
}

td.fees-amount .k-numerictextbox input {
    text-align: left !important;
}

.bbs-panel-dataentry p .k-numerictextbox .k-input {
    text-align: left !important;
    height: 21px !important;
}

tr.fees-tablerow-placeholder td {
    height: 0 !important;
    padding: 0 !important;
}




/*New menu styles*/
.connect-nav .connect-active {
    text-decoration: none;
    cursor: pointer;
    background-color: #4283a8;
    /* padding: 7px; */
    border-radius: 50%;
    display: inline-block;
    width: 37px;
    height: 36px;
    padding-top: 5px;
    /* padding-bottom: 10px; */
}

#SideNav ul li {
    margin: 0;
    width: 100%;
    /* height: 50px; */
    text-align: center;
    margin-top: 17px;
}

    /*#SideNav ul li.expander {
	padding-left:0 !important;
    padding-right:0 !important;   
}
*/

    #SideNav ul li.connect-borrower-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.connect-container-borrowernav {
    width: 100%;
    border-radius: 0;
    padding: 10px 0 10px 10px;
    /*background-color: #a6cee5;*/
    margin-top: 0;
    /* overflow-y: scroll; */
    background: #4d9ccd;
    background: -moz-linear-gradient(top, #4d9ccd 0%, #4282ad 100%);
    background: -webkit-linear-gradient(top, #4d9ccd 0%,#4282ad 100%);
    background: linear-gradient(to bottom, #4d9ccd 0%,#4282ad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d9ccd', endColorstr='#4282ad',GradientType=0 );
    -webkit-box-shadow: inset 0px 2px 7px 0px rgba(35,94,128,1);
    -moz-box-shadow: inset 0px 2px 7px 0px rgba(35,94,128,1);
    box-shadow: inset 0px 2px 7px 0px rgba(35,94,128,1);
}

    .connect-container-borrowernav ul {
        max-height: 200px;
        overflow-y: scroll;
    }

#SideNav .connect-container-borrowernav ul li a {
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-block;
    margin-left: 6px;
    color: #ffffff;
}

#FeeWorksheetPanelBar .k-grid-content .bbs-division-dashed {
    margin-top: 4px;
    margin-bottom: 4px;
}

.bbs-panel-dataentry .connect-gfedisclosures p {
}

    .bbs-panel-dataentry .connect-gfedisclosures p label {
        width: 120px;
    }

.bbs-panel-dataentry .connect-gfeimportantdates p label {
    width: auto;
}

.bbs-panel-dataentry p.connect-input-small input {
    width: 16%;
}


.bbs-panel-dataentry p.connect-gfeinterestratedate {
    width: 32%;
}

    .bbs-panel-dataentry p.connect-gfeinterestratedate label {
        width: 200px;
    }

.bbs-panel-dataentry p.connect-gfedaysbeforelock {
    width: 32%;
}

    .bbs-panel-dataentry p.connect-gfedaysbeforelock .k-textbox {
        width: 50px;
    }

/*.bbs-panel-dataentry p.connect-gfedaysbeforelock label{
	width:200px;
}*/

.bbs-panel-dataentry .connect-gfesummaryofloan p {
    width: 24%;
}

    .bbs-panel-dataentry .connect-gfesummaryofloan p label {
        width: 140px;
    }

    .bbs-panel-dataentry .connect-gfesummaryofloan p.connect-termduein {
        width: 23%;
    }

.bbs-panel-dataentry .connect-gfesummaryofloan .connect-summarycheckboxes {
    /*width: 90%;*/
    text-align: left;
    /*display: block;*/
    position: relative;
    padding-left: 2%;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .bbs-panel-dataentry .connect-gfesummaryofloan .connect-summarycheckboxes p {
        display: inline-block;
        width: 74%;
    }

        .bbs-panel-dataentry .connect-gfesummaryofloan .connect-summarycheckboxes p.connect-addon {
            display: inline-block;
            width: 5%;
            text-align: left;
        }

        .bbs-panel-dataentry .connect-gfesummaryofloan .connect-summarycheckboxes p label {
            width: 260px;
        }

        .bbs-panel-dataentry .connect-gfesummaryofloan .connect-summarycheckboxes p.connect-checkboxquestion {
            width: 100%;
            text-align: left;
            display: block;
            position: relative;
        }

            .bbs-panel-dataentry .connect-gfesummaryofloan .connect-summarycheckboxes p.connect-checkboxquestion label {
                width: auto;
            }

.bbs-panel-dataentry .connect-gfesettlementcharges p {
    width: 38%;
}

    .bbs-panel-dataentry .connect-gfesettlementcharges p label {
        width: 240px;
    }

.bbs-panel-dataentry .connect-gfeadjustedoriginationcharges p {
    width: 25%;
}

    .bbs-panel-dataentry .connect-gfeadjustedoriginationcharges p label {
        width: 120px;
    }

    .bbs-panel-dataentry .connect-gfeadjustedoriginationcharges p.connect-checkboxquestion {
        width: 100%;
        text-align: left;
        display: block;
        position: relative;
    }

.bbs-panel-dataentry .connect-container-gfecharges {
    width: 100%;
    border-bottom: dashed 1px #ebebeb;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .bbs-panel-dataentry .connect-container-gfecharges p {
        width: 10%;
    }

        .bbs-panel-dataentry .connect-container-gfecharges p input {
            width: 60%;
        }

        .bbs-panel-dataentry .connect-container-gfecharges p .k-numerictextbox {
            text-align: left;
        }

        .bbs-panel-dataentry .connect-container-gfecharges p.connect-label {
            width: 27%;
            text-align: left;
        }

            .bbs-panel-dataentry .connect-container-gfecharges p.connect-label label {
                width: auto;
                text-align: left;
            }

.connect-subcontainer {
    padding-left: 30px;
}

.bbs-panel-dataentry .connect-container-gfecharges p.connect-creditorcharge {
    width: 53%;
    text-align: left;
}

    .bbs-panel-dataentry .connect-container-gfecharges p.connect-creditorcharge .k-numerictextbox {
        width: 20%;
    }

.bbs-marginleft-sm {
    margin-left: .1% !important;
}

.connect-width-sm {
    width: 10% !important;
}

.connect-margin-0 {
    margin: 0 !important;
}

.connect-margin-5 {
    margin: 5px !important;
}

.connect-margin-marginleft--1 {
    margin-left: -1% !important;
}

.connect-margin-marginleft--10px {
    margin-left: -10px !important;
}

.connect-margin-marginleft--20px {
    margin-left: -20px !important;
}


.connect-margin-marginleft-0 {
    margin-left: 0 !important;
}

.connect-margin-marginleft-1 {
    margin-left: 1% !important;
}

.connect-margin-marginleft-5 {
    margin-left: 5% !important;
}

.connect-margin-marginleft-6 {
    margin-left: 6% !important;
}

.connect-margin-marginleft-9 {
    margin-left: 9% !important;
}

.connect-margin-marginleft-16 {
    margin-left: 16% !important;
}

.connect-margin-marginleft-18 {
    margin-left: 18% !important;
}

.connect-margin-marginleft-4px {
    margin-left: 4px !important;
}

.connect-margin-marginleft-5px {
    margin-left: 5px !important;
}

.connect-margin-marginleft-8px {
    margin-left: 8px !important;
}

.connect-margin-marginleft-10px {
    margin-left: 10px !important;
}

.connect-margin-marginleft-15px {
    margin-left: 15px !important;
}

.connect-margin-marginleft-16px {
    margin-left: 16px !important;
}

.connect-margin-marginleft-20px {
    margin-left: 20px !important;
}

.connect-margin-marginleft-24px {
    margin-left: 24px !important;
}

.connect-margin-marginleft-30px {
    margin-left: 30px !important;
}

.connect-margin-marginleft-120px {
    margin-left: 120px !important;
}

.connect-margin-marginright-0px {
    margin-right: 0 !important;
}

.connect-margin-marginright-5px {
    margin-right: 5px !important;
}

.connect-margin-marginright-8px {
    margin-right: 8px !important;
}

.connect-margin-marginright-10px {
    margin-right: 10px !important;
}

.connect-margin-marginright-15px {
    margin-right: 15px !important;
}

.connect-margin-marginright-20px {
    margin-right: 20px !important;
}

.connect-margin-marginright-25px {
    margin-right: 25px !important;
}

.connect-margin-marginright-30px {
    margin-right: 30px !important;
}

.connect-margin-marginright-35px {
    margin-right: 35px !important;
}

.connect-margin-marginright-40px {
    margin-right: 40px !important;
}

.connect-margin-marginright-49px {
    margin-right: 49px !important;
}

.connect-margin-margintop-0 {
    margin-top: 0px !important;
}

.connect-margin-margintop-163px {
    margin-top: 163px !important;
}

.connect-margin-marginbottom-0 {
    margin-bottom: 0px !important;
}

.connect-margin-marginbottom--30 {
    margin-bottom: -30px !important;
}

.connect-margin-2px {
    margin: 2px !important;
}

.connect-margin-margintop-1px {
    margin-top: 1px !important;
}

.connect-margin-margintop-2px {
    margin-top: 2px !important;
}

.connect-margin-margintop-3px {
    margin-top: 3px !important;
}

.connect-margin-margintop-4px {
    margin-top: 4px !important;
}

.connect-margin-margintop-5px {
    margin-top: 5px !important;
}

.connect-margin-margintop-7px {
    margin-top: 7px !important;
}

.connect-margin-margintop-8px {
    margin-top: 8px !important;
}

.connect-margin-margintop-9px {
    margin-top: 9px !important;
}

.connect-margin-margintop-10px {
    margin-top: 10px !important;
}

.connect-margin-margintop-15px {
    margin-top: 15px !important;
}

.connect-margin-margintop-14px {
    margin-top: 14px !important;
}

.connect-margin-margintop-17px {
    margin-top: 17px !important;
}

.connect-margin-margintop-20px {
    margin-top: 20px !important;
}

.connect-margin-margintop-25px {
    margin-top: 25px !important;
}

.connect-margin-margintop-30px {
    margin-top: 30px !important;
}

.connect-margin-margintop-40px {
    margin-top: 40px !important;
}

.connect-margin-margintop-41px {
    margin-top: 41px !important;
}

.connect-margin-margintop-44px {
    margin-top: 44px !important;
}

.connect-margin-margintop-59px {
    margin-top: 59px !important;
}

.connect-margin-margintop-80px {
    margin-top: 80px !important;
}

.connect-margin-margintop--2px {
    margin-top: -2px !important;
}

.connect-margin-margintop--4px {
    margin-top: -4px !important;
}

.connect-margin-margintop--5px {
    margin-top: -5px !important;
}

.connect-margin-margintop--10px {
    margin-top: -10px !important;
}

.connect-margin-margintop--15px {
    margin-top: -15px !important;
}

.connect-padding-0px {
    padding: 0px !important;
}

.connect-padding-8px {
    padding: 8px !important;
}

.bbs-border-dashed {
    border-top: dashed 1px #ebebeb !important;
}


.bbs-borderbottom-dashed {
    border-bottom: dashed 1px #ebebeb !important;
}

.connect-display-block {
    display: block !important;
}

.connect-display-inlineblock {
    display: inline-block !important;
}

.connect-margin-marginleft--4px {
    margin-left: -4px !important;
}

.connect-margin-marginleft--5px {
    margin-left: -5px !important;
}

.connect-display-block-section p {
    display: block;
}

.bbs-panel-dataentry .connect-container-gfecharges p.connect-amountcolumn {
    width: 57%;
    text-align: left;
    display: block;
}

    .bbs-panel-dataentry .connect-container-gfecharges p.connect-amountcolumn label {
        width: 46%;
        text-align: left;
    }

    .bbs-panel-dataentry .connect-container-gfecharges p.connect-amountcolumn .k-dropdown {
        width: 46%;
    }

.bbs-panel-dataentry .connect-container-gfecharges p .connect-input-other {
    width: 14%;
}

.connect-tradeofftable {
    width: 70%;
}

    .connect-tradeofftable .alt {
        background-color: #ebebeb;
    }

    .connect-tradeofftable td {
        padding: 6px;
    }

.connect-table-amortizationpaymentschdule td {
    padding: 6px;
}

    .connect-table-amortizationpaymentschdule td input {
        width: 85%;
    }

.connect-table-label {
    width: 40%;
}

.connect-table-column {
    width: 20%;
    padding: 6px;
}

.connect-table-column-sm {
    width: 10%;
    padding: 6px;
}

.connect-table-column-xsm {
    width: 5%;
    padding: 6px;
}

.bbs-panel-dataentry .connect-amortizationloaninfo p {
    width: 80%;
}

    .bbs-panel-dataentry .connect-amortizationloaninfo p input {
        width: 50%;
    }

.bbs-panel-dataentry p.connect-checkboxitem {
    width: 95%;
    text-align: left;
    margin-left: 20px;
}

    .bbs-panel-dataentry p.connect-checkboxitem label {
        width: auto;
        text-align: left;
    }

.bbs-panel-dataentry p.connect-addon {
    display: inline-block;
    width: 5%;
    text-align: left;
}

.bbs-panel-dataentry .connect-col-sm {
    width: 22%;
}

.bbs-panel-dataentry p.connect-checkboxitem-sm {
    width: 15%;
    text-align: left;
    margin-left: 20px;
}

    .bbs-panel-dataentry p.connect-checkboxitem-sm label {
        width: auto;
        text-align: left;
    }

/*.bbs-panel-dataentry p.connect-label-medium {
	width:40%;
}*/

.bbs-panel-dataentry .connect-amortizationloaninfo p .k-dropdown {
    width: 50%;
}

.bbs-panel-dataentry .connect-paymentadjustments p label {
    width: 100px;
}

.bbs-panel-dataentry .connect-paymentadjustments p.connect-checkboxitem {
    margin-left: 112px;
}

.connect-grid-checkboxes {
    width: 3%;
}

.connect-grid-type {
    width: 28%;
}

    .connect-grid-type .k-dropdown {
        width: 96%;
    }

.connect-grid-documentsrequired {
    width: 69%;
}

    .connect-grid-documentsrequired input {
        width: 96%;
    }

.connect-grid-circumstancechanged {
    width: 69%;
}

    .connect-grid-circumstancechanged .k-dropdown {
        width: 98%;
    }

.connect-grid-status {
    width: 25%;
}

.connect-grid-actions {
    width: 22%;
}

.connect-grid-checkboxes input.bbs-checkbox-normal[type="checkbox"] + input + label {
    position: relative;
    left: 10px;
    top: -1px;
}

.connect-grid-borrowerhomework tr td {
    padding: 9px;
}

.connect-nav-origination, .connect-nav-processing {
    background-color: #a6cee5;
    height: 30px;
    width: 100%;
    padding: 5px 0 5px 29px;
    margin-top: 17px;
}

    .connect-nav-origination span, .connect-nav-processing span {
        color: #ffffff;
        text-transform: uppercase;
    }

.connect-container-navsections {
    display: none;
}

.k-pager-wrap .k-pager-nav.k-pager-last {
    border-radius: 1.0833em !important;
}

.bbs-panel-dataentry .connect-credit p.bbs-checkbox {
    display: inline-block;
    margin-right: 0;
    padding-left: 0;
}

.bbs-panel-dataentry .connect-credit p.bbs-checkbox {
    /*margin-right:0;*/
    /*width: 0px;*/
}

.bbs-panel-dataentry .connect-credit p.connect-creditnames {
    margin-left: 0;
}

.bbs-panel-dataentry .connect-credit p.names {
    margin-left: -20px;
}

.connect-disabled {
    opacity: .30;
}

#ViewDocumentWindow object {
    width: 100%;
    height: 700px;
}

#SideNav ::-webkit-scrollbar {
    width: 12px;
}

#SideNav ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.3);
    /*  background-color:#62a8d1;*/
    border-radius: 6px;
}

#SideNav ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.8);
    background-color: #62a8d1;
}

.connect-nav-origination i, .connect-nav-processing i {
    float: right;
    margin-right: 18px;
    margin-top: -4px;
}

.connect-title-medium {
    font-family: 'segoe UI', Arial, sans-serif;
    font-size: 17px;
    font-weight: normal;
    /*color: #6d6d6d;*/
    color: #000000;
    margin-right: 10px;
    margin-left: 1%;
    margin-bottom: 10px;
}

    .connect-title-medium label {
        font-family: 'segoe UI', Arial, sans-serif;
        font-size: 17px !important;
        font-weight: normal;
    }

.connect-title-medium-cd {
    font-family: 'segoe UI', Arial, sans-serif;
    font-size: 17px;
    font-weight: normal;
    color: #6d6d6d;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 3px;
}

.k-button.k-grid-edit {
    font-size: 12px;
}

.bbs-grid.bbs-grid-loanconditions .k-grid td.status {
    width: 8%;
}

.bbs-grid.bbs-grid-loanconditions .k-grid td.type {
    width: 10%;
}

.bbs-condition-status {
    padding: 1px 1px;
    /* margin-right: 14px; */
    border-radius: 6px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    width: 100%;
}











.connect-touchtobrowse {
    display: none;
}

.bbs-grid.connect-grid-communicate .k-grid .k-grid-pager ul li span.k-state-selected {
    background-color: #9dc8da;
    /* color: #ffffff; */
    /* border: solid 1px #8dbfd4; */
    border-radius: 1.0833em;
}

.k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected, .k-pager-wrap .k-pager-nav.k-pager-last {
    border-radius: 1.0833em;
}

.connect-grid-communicate .k-grid-header th.k-header, .k-filter-row th {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 0px;
    padding: 10px 6px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    border-color: #f3f3f3;
}

.bbs-grid.bbs-grid-loanconditions.connect-grid-communicate .k-grid tr td table td {
    border-bottom: dashed 1px #eaeaea;
    padding: 8px;
    padding-bottom: 2px;
}

.connect-grid-communicate .k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -0.5em -0.6em -0.4em -0.6em;
    padding: .5em .6em .4em .6em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    /* border-style: dashed; */
}

.bbs-grid.connect-grid-communicate .k-pager-wrap {
    clear: both;
    overflow: hidden;
    /*border-style: dashed;
    border-width: 1px;*/
    border: none;
    line-height: 2.0em;
    padding: .333em 0 .333em .250em;
    background-color: #ffffff;
    color: #333;
}

.bbs-grid.connect-grid-communicate .k-widget, .k-button {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bbs-grid.connect-grid-communicate .k-header {
    background-color: #ffffff;
    /*border-color: #f7f7f7;*/
}

.bbs-grid.bbs-grid-loanconditions.connect-grid-communicate .k-grid {
    border: solid 1px #ebebeb;
}

.connect-grid-col-medium {
    width: 30%;
}

.bbs-grid.bbs-grid-loanconditions.connect-grid-communicate .k-grid tr td {
    border-bottom: none;
    padding: 6px;
    border-right: solid 1px #f3f3f3;
    border-bottom: solid 1px #f3f3f3;
}

.connect-communicate-sendmessage textarea.k-textbox {
    width: 100%;
    height: 200px;
}

.connect-communicate-sendmessage-cd {
    width: 100% !important;
    height: 200px !important;
}

.connect-communicate-otheractions ul {
    list-style: none;
    margin: 10px;
    width: 100%;
    padding: 0;
}

    .connect-communicate-otheractions ul li {
        padding: 10px;
        border-bottom: dashed 1px #ebebeb;
        /*width: 90%;*/
        width: 100%;
    }

.connect-communicate-otheractions a {
}

.connect-communicate-sendmessage .connect-label-inner {
    margin-left: 6px;
}

.bbs-panel-dataentry p.connect-communicatewith {
    width: 96%;
}

    .bbs-panel-dataentry p.connect-communicatewith label {
        width: 140px;
    }

    .bbs-panel-dataentry p.connect-communicatewith input {
        width: 70%;
    }

.bbs-panel-dataentry .connect-loanscenarios p.connect-loanscenarios-name {
    width: 47%;
}

    .bbs-panel-dataentry .connect-loanscenarios p.connect-loanscenarios-name label {
        width: 108px;
    }

    .bbs-panel-dataentry .connect-loanscenarios p.connect-loanscenarios-name input {
        width: 77%;
    }

.bbs-panel-dataentry .connect-loanscenarios p {
    width: 100%;
}

.bbs-panel-dataentry .connect-loanscenarios .connect-rentvsbuy {
    width: 70%;
}

    .bbs-panel-dataentry .connect-loanscenarios .connect-rentvsbuy p {
        width: auto;
    }

.bbs-panel-dataentry .connect-loanscenarios p.bbs-checkbox {
    width: auto;
}

.bbs-panel-dataentry .connect-loanscenarios p input {
    width: 60%;
}

.bbs-panel-dataentry .connect-loanscenarios p .k-numerictextbox input {
    width: 100%;
}

.bbs-panel-dataentry .connect-loanscenarios p .k-numerictextbox, .bbs-panel-dataentry .connect-loanscenarios p .k-dropdown {
    width: 60%;
}


.bbs-panel-dataentry .connect-loanscenarios p.bbs-checkbox input[type="checkbox"] {
    width: auto;
}

.bbs-panel-dataentry .connect-container-loanscenarioitems {
    background-color: #ffffff;
    width: 74%;
    display: inline-block;
}

.bbs-panel-dataentry .connect-loanscenarios p.connect-loanscenarios-downpayment .k-numerictextbox {
    width: 28%;
}

.bbs-panel-dataentry .connect-additem {
    background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%);
    border: 1px solid #e3e3e3;
    width: 31.4%;
    margin: 5px;
    border-radius: 6px;
    /*padding:20px;*/
    padding: 20px 5px;
    position: relative;
    display: inline-block;
}

.bbs-panel-dataentry .connect-loanscenarios .connect-rentvsbuy .k-numerictextbox {
    width: 50%;
}

/*.bbs-panel-dataentry .connect-loanscenarios .bbs-container-item {
    padding: 0 5px;
}*/

/*.bbs-panel-dataentry .connect-additem p .k-numerictextbox {
    width: 60%;
}*/

.bbs-panel-dataentry .connect-additem p {
    width: 95%;
}

.connect-deleteicon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.connect-decorate-underline {
    text-decoration: underline;
}

.bbs-panel-dataentry p.connect-agentlist-referralsource {
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 1%;
}

.bbs-panel-dataentry p.connect-agentlist-referralsource {
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 1%;
}

    .bbs-panel-dataentry p.connect-agentlist-referralsource label {
        width: 120px;
        margin-left: 100px;
    }

.bbs-panel-dataentry .connect-agentlist-referralname {
    display: inline-block;
    width: 80px;
    margin-left: 1%;
    margin-top: 20px;
    margin-right: 5px;
}

.bbs-panel-dataentry .connect-agentlist-referralsource {
    display: inline-block;
    width: 70%;
    margin-left: -4px;
}

    .bbs-panel-dataentry .connect-agentlist-referralsource p {
        margin-left: 0;
        width: 100%;
    }

        .bbs-panel-dataentry .connect-agentlist-referralsource p textarea {
            width: 100%;
        }

    .bbs-panel-dataentry .connect-agentlist-referralsource label {
        display: block;
        width: auto;
        text-align: left;
    }

/*
.bbs-panel-dataentry p.connect-agentlist-referralname label {
	vertical-align: top;
}

.bbs-panel-dataentry p.connect-agentlist-referralname textarea {
	width:88%;
}*/

.bbs-panel-dataentry .connect-agentlist-container p {
    /*width: 42%;*/
    width: 49%;
}

    .bbs-panel-dataentry .connect-agentlist-container p.bbs-checkbox {
        /* width: 42%; */
        width: 100%;
    }

        .bbs-panel-dataentry .connect-agentlist-container p.bbs-checkbox input[type="checkbox"] {
            position: absolute;
            top: 2px;
            left: inherit;
            width: auto;
        }



.bbs-panel-dataentry .connect-agentlist-container .connect-container-text p {
    width: 100%;
}

.bbs-panel-dataentry .connect-agentlist-container label {
    width: 100px;
}

.bbs-panel-dataentry .connect-agentlist-container p input, .bbs-panel-dataentry .connect-agentlist-container p textarea, .bbs-panel-dataentry .connect-agentlist-container .k-dropdown {
    width: 50%;
}

.bbs-panel-dataentry .connect-agentlist-container p.connect-agentlist-license {
    width: 72.6%;
}

    .bbs-panel-dataentry .connect-agentlist-container p.connect-agentlist-license input {
        width: 63%;
    }

.bbs-panel-dataentry .connect-agentlist-container p.bbs-state {
    width: 19%;
}

.bbs-panel-dataentry .connect-agentlist-container p.bbs-city {
    width: 52%;
}

    .bbs-panel-dataentry .connect-agentlist-container p.bbs-city input {
        width: 43%;
    }

.bbs-panel-dataentry .connect-agentlist-container p.bbs-zipcode {
    width: 20%;
}

    .bbs-panel-dataentry .connect-agentlist-container p.bbs-zipcode input {
        width: 53%;
    }

.bbs-panel-dataentry p.bbs-liabilitynote {
    width: 50%;
}

    .bbs-panel-dataentry p.bbs-liabilitynote input {
        width: 100%;
    }

.connect-cashflowanalysis th.fees-description, .connect-cashflowanalysis td.fees-description {
    text-align: left;
}

/*#CashFlowPanelBar .bbs-grid .k-grid .k-grid-content table td.fees-amount .k-numerictextbox, #CashFlowPanelBar .bbs-grid .k-grid .k-grid-header table th.fees-amount .k-numerictextbox {
    width: 85%;
    padding: 0;
}*/

#CashFlowPanelBar {
    border: none;
}

.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table td.fees-amount, .bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-header table th.fees-amount, .bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table td.fees-amount .k-numerictextbox, .bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-header table th.fees-amount .k-numerictextbox {
    width: 6%;
}

    .bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table td.fees-amount .k-numerictextbox, .bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-header table th.fees-amount .k-numerictextbox, .bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-header table th.fees-amount input {
        width: 65%;
        padding: 0;
    }

.bbs-container-feeworksheet .bbs-grid .k-grid .k-grid-content table .alt {
    background-color: #fdfdfd;
}

.k-grid-content .bbs-division-dashed {
    margin-top: 4px;
    margin-bottom: 4px;
}

.fees-amount label {
    width: 40px;
    text-align: right;
}

.connect-width-medium {
    width: 40% !important;
}

.bbs-panel-dataentry .connect-loanscenarios p.connect-loanscenarios-downpayment span {
    width: auto;
    margin-right: 5px;
}

.bbs-panel-dataentry .connect-loanscenarios p label {
    width: 90px;
}

.connect-additem a {
    width: 60%;
    text-align: left;
    display: inline-block;
    margin: 0;
    text-align: center;
}

.connect-additem .connect-text-field {
    display: inline-block;
    width: 60%;
    text-align: left;
    font-weight: bold;
}

.k-button.k-grid-edit {
    font-size: 12px;
}

.bbs-grid.bbs-grid-loanconditions .k-grid td.status {
    width: 8%;
    position: relative;
}

.bbs-grid.bbs-grid-loanconditions .k-grid td.type {
    width: 10%;
}

.bbs-condition-status {
    padding: 1px 1px;
    /* margin-right: 14px; */
    border-radius: 6px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    width: 100%;
}

.navbar-nav .fa-chevron-right {
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: 4px;
    left: 11px;
    color: #4d9ccd;
}

/*.navbar-nav .ccmc-view-title {
    font-size: 14px;
    color: #4d9ccd;
    position: relative;
    vertical-align: middle;
    top: 3px;
    margin-left: 20px;
}*/

/*.navbar-nav .ccmc-view-title:first-of-type {
    font-weight: bold;
}*/

.navbar-nav .ccmc-view-title {
    font-size: 15px;
    color: #4d9ccd;
    position: relative;
    vertical-align: middle;
    /*top: -6px;*/
    margin-left: 28px;
}


.connect-additem a {
    width: 60%;
    text-align: left;
    display: inline-block;
    margin: 0;
    text-align: center;
}

.connect-additem .connect-text-field {
    display: inline-block;
    width: 60%;
    text-align: left;
    font-weight: bold;
}

.ccmc-header-logo {
    padding: 6px 0 0 20px;
}

.bbs-panel-dataentry .connect-labels-120 p label {
    width: 120px;
}

.bbs-panel-dataentry p.connect-textarea-xlarge label {
    display: block;
    width: auto;
    text-align: left;
}

.bbs-panel-dataentry p.connect-textarea-xlarge {
    width: 98%;
}

    .bbs-panel-dataentry p.connect-textarea-xlarge textarea {
        text-align: left;
        width: 100%;
        padding: 10px;
        height: 100px;
    }

.connect-hud {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
}

    .connect-hud li {
        margin: 8px auto 8px auto;
        border-bottom: dashed 1px #dbdada;
        width: 90%;
    }

.connect-button-login {
    background-color: #62a8d1;
    border-color: #62a8d1;
}

    .connect-button-login::before {
        background-color: #4d9ccd;
        border-color: #4d9ccd;
    }

#BorrowerSelectionControl {
    display: inline-block;
    /*width: 250px;*/
    margin-top: 12px;
}

    #BorrowerSelectionControl .k-dropdown {
        width: 250px;
        text-align: left;
        height: 28px;
        border-radius: 0 4px 4px 0;
        vertical-align: middle;
    }

    #BorrowerSelectionControl .k-dropdown-wrap {
        height: 28px !important;
        border-radius: 0 4px 4px 0;
        vertical-align: middle;
    }

    #BorrowerSelectionControl .k-input, #BorrowerSelectionControl .k-select {
        margin-top: 3px;
    }

    #BorrowerSelectionControl .borrowerCountContainer {
        width: 60px;
        height: 33px;
        border: solid #b5bfcc 1px;
        background-color: #f7f7f7;
        /*text-align: center;*/
        position: relative;
        display: inline-block;
        z-index: -10;
        border-radius: 4px;
        vertical-align: top;
        margin-right: -15px;
    }

        #BorrowerSelectionControl .borrowerCountContainer i {
            position: absolute;
            left: 11px;
            bottom: 2px;
        }

        #BorrowerSelectionControl .borrowerCountContainer .connect-circle-bubble {
            position: absolute;
            left: 28px;
            top: 2px;
            height: 16px;
            width: 16px;
        }

            #BorrowerSelectionControl .borrowerCountContainer .connect-circle-bubble span {
                vertical-align: middle;
                margin-top: -7px;
            }



#document-filterbar .k-dropdown {
    width: 250px;
    text-align: left;
}

#document-filterbar .k-textbox {
    width: 250px;
    text-align: left;
}

.bbs-select-borrowercontainer {
    width: auto;
}

.bbs-panel-dataentry.connect-container-text p {
    text-align: left;
    display: block;
}

.bbs-panel-dataentry .connect-container-text p {
    text-align: left;
    display: block;
}

input[type="checkbox"] {
    position: relative;
    top: 2px;
    left: -1px;
}

    input[type="checkbox"] + label span {
        background-repeat: no-repeat;
        font-weight: normal;
        cursor: pointer;
        display: inline-block;
        height: 18px;
        width: 18px;
        border-radius: 3px;
        line-height: 16px;
        /*margin: 6px 0;*/
        /*padding-left: 28px;*/
        vertical-align: middle;
        background-image: url(/images/bbs-checkboxes.png);
        background-position: 0 0;
        z-index: 200;
        position: relative;
        left: -20px;
        top: -1px;
    }

    input[type="checkbox"]:checked + label span {
        background-position: 0 -20px;
    }

    input[type="checkbox"]:focus + label span {
        background-position: 0 -60px;
        -webkit-box-shadow: 0 0 7px 0 #67afe9;
        box-shadow: 0 0 7px 0 #67afe9;
    }

    input[type="checkbox"]:checked:focus + label span {
        background-position: 0 -80px;
        -webkit-box-shadow: 0 0 7px 0 #67afe9;
        box-shadow: 0 0 7px 0 #67afe9;
    }

.bbs-container-feeworksheet.bbs-container-DOT {
    width: 49%;
    display: inline-block;
}

    .bbs-container-feeworksheet.bbs-container-DOT .connect-indicator-field {
        top: 3px;
    }

#entitySearchModal {
    overflow: scroll;
    max-height: 70vh;
}

.bbs-panel-dataentry .connect-mortgageinsurance p {
    text-align: left;
}

    .bbs-panel-dataentry .connect-mortgageinsurance p label {
        width: 160px;
    }

.bbs-panel-dataentry .connect-label-md p label {
    width: 115px;
}

.bbs-panel-dataentry .connect-label-large p label {
    width: 140px;
}

.bbs-panel-dataentry .connect-label-section-xlarge p label {
    width: 160px;
}

.bbs-panel-dataentry .connect-label-section-xxlarge p label {
    width: 200px;
}

.bbs-panel-dataentry p label.connect-label-large {
    width: 140px;
}

.bbs-grid.connect-grid-wlosp span.k-i-arrow-60-down {
    bottom: 0em;
}

.bbs-grid.connect-grid-wlosp .k-textbox,
.bbs-grid.connect-grid-wlosp .k-dropdown {
    width: 100%;
    height: 29px;
}

.bbs-grid.connect-grid-wlosp .k-combobox {
    height: 29px;
}

    .bbs-grid.connect-grid-wlosp .k-combobox .k-dropdown-wrap,
    .bbs-grid.connect-grid-wlosp .k-combobox .k-dropdown-wrap input.k-input {
        height: 27px !important;
    }

.bbs-grid.connect-grid-wlosp span.k-textbox input.k-textbox {
    width: 100%;
    height: 27px !important;
}

.bbs-grid.connect-grid-wlosp .k-dropdown .k-dropdown-wrap {
    height: 23px !important;
}

.bbs-grid.connect-grid-wlosp .bbs-position-deleteicon, .bbs-grid.connect-grid-coc .bbs-position-deleteicon {
    font-size: 18px;
    vertical-align: middle;
    cursor: pointer;
}

.connect-label-bluebubble {
    color: #ffffff;
    font-size: 9px !important;
    padding: 5px;
    display: inline-block;
    left: 2px;
    top: 0px;
    position: relative;
    border-radius: 9px;
    background-color: #469dd3;
}

.connect-link {
    color: #62a8d1 !important;
    text-decoration: underline;
}

a.connect-link-disabled {
    color: #86bee1 !important;
    opacity: 0.8 !important;
    cursor: default;
    pointer-events: none;
}

.connect-link-no-decoration {
    text-decoration: none;
}

.connect-link-right-middle {
    position: absolute;
    top: 62px;
    right: 25px;
}

.connect-link-right-middle-white {
    position: absolute;
    top: 7px !important;
    right: 45px;
    color: #fff !important;
    text-decoration: underline;
    font-size: 12px;
}

.connect-link-right-middle-white-15 {
    position: absolute;
    top: 7px !important;
    right: 15px;
    color: #fff !important;
    text-decoration: underline;
    font-size: 12px;
}

.sidebar-panel > nav a.connect-link-disabled {
    color: #86bee1;
    opacity: 0.8;
}

.ccmc-ng-messages {
    color: red;
}

.bbs-panel-dataentry p.ccmc-input-sm .k-numerictextbox {
    width: 40%;
}

.bbs-panel-dataentry p.ccmc-input-medium .k-numerictextbox {
    width: 50%;
}

.ccmc-input-sm-25 {
    width: 25%;
}

.box-tab .tab-content {
    overflow: hidden;
    padding: 0;
    background-color: transparent;
}

.ccmc-tabs-datapanels .nav-tabs > li > a {
    margin: 0;
    border: 0;
    padding: 0;
}

.box-tab .nav-tabs li:not(.active) {
    top: -3px;
}

    .box-tab .nav-tabs li:not(.active) .bbs-title-panel {
        background-color: #fafafa;
    }

.ccmc-input-full {
    width: 100%;
}

.connect-width-full {
    width: 100% !important;
}

.ccmc-input-8 .k-textbox, .ccmc-input-8 .k-dropdown, .ccmc-input-8 .k-numerictextbox {
    width: 60%;
}

.ccmc-input-9 .k-textbox, .ccmc-input-9 .k-dropdown, .ccmc-input-9 .k-numerictextbox {
    width: 70%;
}

.ccmc-input-10 .k-textbox, .ccmc-input-10 .k-dropdown, .ccmc-input-10 .k-numerictextbox {
    width: 75%;
}

.my-drop-zone {
    border: dashed 2px #0675b9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 15px;
    background-color: #ffffff;
}

.nv-file-over {
    border: dotted 3px red;
}

#BorrowerPortalInfo .bbs-title-panel {
    top: 4px;
}

.bbs-panel-dataentry p.connect-input-large {
    width: 65%;
}

    .bbs-panel-dataentry p.connect-input-large .k-dropdown, .bbs-panel-dataentry p.connect-input-large .k-textbox, .bbs-panel-dataentry p.connect-input-large .k-numerictextbox {
        width: 65%;
    }

/*.bbs-panel-dataentry p.connect-input-100 {
    width: 100%;
}*/

.bbs-panel-dataentry p.connect-input-100 .k-dropdown, .bbs-panel-dataentry p.connect-input-100 .k-textbox, .bbs-panel-dataentry p.connect-input-100 .k-numerictextbox {
    width: 100%;
}

.bbs-panel-dataentry p.connect-input-xlarge {
    width: 75%;
}

    .bbs-panel-dataentry p.connect-input-xlarge .k-textbox {
        width: 75%;
    }

.bbs-panel-dataentry .connect-input-verticalstack p {
    text-align: left;
    display: block;
}

    .bbs-panel-dataentry .connect-input-verticalstack p label {
        width: 100%;
        text-align: left;
        display: block;
    }

    .bbs-panel-dataentry .connect-input-verticalstack p .k-textbox, .bbs-panel-dataentry .connect-input-verticalstack p .k-numerictextbox, .bbs-panel-dataentry .connect-input-verticalstack p .k-dropdown {
        width: 100%;
    }

.bbs-alignment-verticaltop {
    vertical-align: top !important;
}

.bbs-alignment-verticalmiddle {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bbs-panel-dataentry .connect-label-full p label {
    width: auto;
    /*display:block;*/
}



/*#BorrowerPortalInfo .form-control {
    border-color: #e4e4e4;
    font-weight: 400;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: border 300ms linear;
    -moz-transition: border 300ms linear;
    -o-transition: border 300ms linear;
    transition: border 300ms linear;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 90%;
    border-radius: 4px;
}*/

#BorrowerPortalInfo .form-group {
    margin-bottom: 5px;
}

    #BorrowerPortalInfo .form-group label.form-control, #BorrowerPortalInfo .form-inline label.form-control, #BorrowerPortalInfo .form-group select.form-control {
        border: 1px solid #ebebeb;
        font-weight: normal;
        font-size: 13px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 90%;
        background-color: #fafafa !important;
        display: block;
        margin: 0;
        padding: 2px 0 0 6px;
        height: 24px;
        border-radius: 3px;
    }

    #BorrowerPortalInfo .form-group label {
        font-weight: bold;
        padding: 0;
        margin-bottom: 5px;
    }

#BorrowerPortalInfo .row {
    margin-left: inherit;
    margin-right: inherit;
}

#BorrowerPortalInfo .bbs-container-item {
    position: relative;
    margin: 0;
    padding: 0;
}

#BorrowerPortalInfo .bbs-panel-dataentry p.bbs-declarationschecklist label {
    margin-left: 20px;
}

#BorrowerPortalInfo .connect-borrower-employmenttitle {
    margin-left: 10px;
}

.connect-modal-xsm .modal-dialog {
    width: 300px !important;
}

/*This class overrides Bootstrap's default 'modal-sm' when you set size property on the modal: size: 'sm'. Please use 'windowClass' parameter on uibModal.open() */
.modal-xsm {
    width: 300px;
    position: fixed;
    left: 50%;
    top: 33%;
}

/*This class overrides Bootstrap's default 'modal-sm' when you set size property on the modal: size: 'sm'. Please use 'windowClass' parameter on uibModal.open() */
.modal-sm {
    width: 600px;
}

/*This class overrides Bootstrap's default 'modal-md' when you set size property on the modal: size: 'md'. Please use 'windowClass' parameter on uibModal.open() */
.modal-md {
    width: 750px;
}

.modal-lg {
    width: 980px;
}

/* When we open multiple modals on top of one another, blur the first one to focus the user on the second.*/
div.modal + div.modal {
    filter: blur(3px)
}

.connect-borrower-login-modal > .modal-body {
    text-align: left;
}

.connect-success {
    color: #9dd82a !important;
}

.connect-error {
    color: red !important;
}

.connect-borrower-login-modal a.dialog-x {
    margin-top: -40px;
}

.connect-width-1 {
    width: 1% !important;
}

.connect-width-2 {
    width: 2% !important;
}

.connect-width-3 {
    width: 3% !important;
}

.connect-width-3quarter {
    width: 3.25% !important;
}

.connect-width-4 {
    width: 4% !important;
}

.connect-width-5 {
    width: 5% !important;
}

.connect-width-6 {
    width: 6% !important;
}

.connect-width-7 {
    width: 7% !important;
}

.connect-width-8 {
    width: 8% !important;
}

.connect-width-9 {
    width: 9% !important;
}

.connect-width-9quarter {
    width: 9.25% !important;
}

.connect-width-10 {
    width: 10% !important;
}

.connect-width-10half {
    width: 10.5% !important;
}

.connect-width-11 {
    width: 11% !important;
}

.connect-width-12 {
    width: 12% !important;
}

.connect-width-13 {
    width: 13% !important;
}

.connect-width-14 {
    width: 14% !important;
}

.connect-width-15 {
    width: 15% !important;
}

.connect-width-16 {
    width: 16% !important;
}

.connect-width-16-ninenine {
    width: 16.99% !important;
}

.connect-width-17 {
    width: 17% !important;
}

.connect-width-18 {
    width: 18% !important;
}

.connect-width-18half {
    width: 18.5% !important;
}

.connect-width-18threefourth {
    width: 18.75% !important;
}

.connect-width-19 {
    width: 19% !important;
}

.connect-width-20 {
    width: 20% !important;
}

.connect-width-20half {
    width: 20.5% !important;
}

.connect-width-21 {
    width: 21% !important;
}

.connect-width-22 {
    width: 22% !important;
}

.connect-width-23 {
    width: 23% !important;
}

.connect-width-23half {
    width: 23.5% !important;
}

.connect-width-24 {
    width: 24% !important;
}

.connect-width-25 {
    width: 25% !important;
}

.connect-width-27px {
    width: 27px !important;
}

.connect-width-28 {
    width: 28% !important;
}

.connect-width-29 {
    width: 29% !important;
}

.connect-width-30 {
    width: 30% !important;
}

.connect-width-31 {
    width: 31% !important;
}

.connect-width-33px {
    width: 33px !important;
}

.connect-width-32 {
    width: 32% !important;
}

.connect-width-34 {
    width: 34% !important;
}

.connect-width-35 {
    width: 35% !important;
}

.connect-width-36 {
    width: 36% !important;
}

.connect-width-38 {
    width: 38% !important;
}

.connect-width-40 {
    width: 40% !important;
}

.connect-width-41 {
    width: 41% !important;
}

.connect-width-42 {
    width: 42% !important;
}

.connect-width-42px {
    width: 42px !important;
}

.connect-width-43 {
    width: 43% !important;
}

.connect-width-45 {
    width: 45% !important;
}

.connect-width-46 {
    width: 46% !important;
}

.connect-width-47 {
    width: 47% !important;
}

.connect-width-49 {
    width: 49% !important;
}

.connect-width-50 {
    width: 50% !important;
}

.connect-width-52 {
    width: 52% !important;
}

.connect-width-55 {
    width: 55% !important;
}

.connect-width-56 {
    width: 56% !important;
}

.connect-width-57 {
    width: 57% !important;
}

.connect-width-60 {
    width: 60% !important;
}

.connect-width-63 {
    width: 63% !important;
}

.connect-width-64 {
    width: 64% !important;
}

.connect-width-65 {
    width: 65% !important;
}

.connect-width-66 {
    width: 66% !important;
}

.connect-width-67 {
    width: 67% !important;
}

.connect-width-70 {
    width: 70% !important;
}

.connect-width-75 {
    width: 75% !important;
}

.connect-width-77 {
    width: 77% !important;
}

.connect-width-78 {
    width: 78% !important;
}

.connect-width-80 {
    width: 80% !important;
}

.connect-width-81 {
    width: 81% !important;
}

.connect-width-83 {
    width: 83% !important;
}

.connect-width-84 {
    width: 84% !important;
}

.connect-width-85 {
    width: 85% !important;
}

.connect-width-85half {
    width: 85.5% !important;
}

.connect-width-86 {
    width: 86% !important;
}

.connect-width-88 {
    width: 88% !important;
}

.connect-width-90 {
    width: 90% !important;
}

.connect-width-95 {
    width: 95% !important;
}

.connect-width-96 {
    width: 96% !important;
}

.connect-width-96-ninetenths {
    width: 96.9% !important;
}

.connect-width-97 {
    width: 97.4% !important;
}

.connect-width-98 {
    width: 98% !important;
}

.connect-width-99 {
    width: 99% !important;
}

.connect-width-1px {
    width: 1px;
}

.connect-width-4px {
    width: 4px;
}

.connect-width-7px {
    width: 7px;
}

.connect-width-10px {
    width: 10px;
}

.connect-width-11px {
    width: 11px;
}

.connect-width-12px {
    width: 12px;
}

.connect-width-13px {
    width: 13px;
}

.connect-width-14px {
    width: 14px;
}

.connect-width-15px {
    width: 15px !important;
}

.connect-width-18px {
    width: 18px;
}

.connect-width-20px {
    width: 20px;
}

.connect-width-24px {
    width: 24px !important;
}

.connect-width-25px {
    width: 25px !important;
}

.connect-width-30px {
    width: 30px !important;
}

.connect-width-35px {
    width: 35px !important;
}

.connect-width-36px {
    width: 36px !important;
}

.connect-width-37px {
    width: 37px !important;
}

.connect-width-38px {
    width: 38px !important;
}

.connect-width-39px {
    width: 38px !important;
}

.connect-width-40px {
    width: 40px !important;
}

.connect-width-45px {
    width: 45px !important;
}

.connect-width-46px {
    width: 46px !important;
}

.connect-width-55px {
    width: 55px !important;
}

.connect-width-60px {
    width: 60px !important;
}

.connect-width-70px {
    width: 70px !important;
}

.connect-width-73px {
    width: 73px !important;
}

.connect-width-75px {
    width: 75px !important;
}

.connect-width-80px {
    width: 80px !important;
}

.connect-width-90px {
    width: 90px !important;
}

.connect-width-100px {
    width: 100px !important;
}

.connect-width-110px {
    width: 110px;
}

.connect-width-120px {
    width: 120px !important;
}

.connect-width-125px {
    width: 125px !important;
}

.connect-width-130px {
    width: 130px !important;
}

.connect-width-150px {
    width: 150px !important;
}

.connect-width-160px {
    width: 160px !important;
}

.connect-width-163px {
    width: 163px !important;
}

.connect-width-170px {
    width: 170px !important;
}

.connect-width-173px {
    width: 173px !important;
}

.connect-width-200px {
    width: 200px !important;
}

.connect-width-220px {
    width: 220px !important;
}

.connect-width-220px-i {
    width: 220px !important;
}

.connect-width-250px {
    width: 250px !important
}

.connect-width-300px {
    width: 400px !important;
}

.connect-width-327px{
    width: 327px !important;
}

.connect-width-400px {
    width: 400px !important;
}

.connect-width-maxwidth-730px {
    width: 730px;
}

.connect-width-maxwidth-75px {
    max-width: 75px;
}

.connect-width-maxwidth-100px {
    max-width: 100px;
}

.connect-width-maxwidth-120px {
    max-width: 120px;
}

.connect-width-maxwidth-150px {
    max-width: 150px;
}

.connect-width-maxwidth-160px {
    max-width: 160px;
}

.connect-width-maxwidth-175px {
    max-width: 175px;
}

.connect-width-440px {
    width: 440px;
}

.connect-width-14em {
    width: 14em;
}

.connect-width-12em {
    width: 12em;
}

.connect-width-18em {
    width: 18em;
}

.connect-width-25em {
    width: 25em;
}

.connect-width-26em {
    width: 26em !important;
}

.connect-width-maxwidth-200px {
    max-width: 200px;
}
.connect-width-maxwidth-250px {
    max-width: 250px;
}
.connect-width-maxwidth-280px {
    max-width: 280px;
}

.connect-width-inherit {
    width: inherit !important;
}

.bbs-panel-dataentry .connect-label-font-bold p label {
    font-weight: bold;
}

.connect-border-radius-6 {
    border-radius: 6px;
}

.connect-border-container {
    border: solid 1px #e3e3e3;
}

.connect-border-bordertop-none {
    border-top: none !important;
}

.connect-border-borderbottom-none {
    border-bottom: none !important;
}

.connect-border-none {
    border: none !important;
}

.connect-padding-0 {
    padding: 0 !important;
}

.connect-padding-5 {
    padding: 5px !important;
}

.connect-padding-10 {
    padding: 10px !important;
}

.connect-padding-15 {
    padding: 15px !important;
}

.connect-padding-20 {
    padding: 20px !important;
}

/*.connect-padding-paddingright-0 {
    padding-right: 0px !important;
}*/

.connect-padding-paddingright-4px {
    padding-right: 4px !important;
}

.connect-padding-paddingright-5 {
    padding-right: 5px !important;
}

.connect-padding-paddingright-8 {
    padding-right: 8px !important;
}

.connect-padding-paddingright-10 {
    padding-right: 10px !important;
}

.connect-padding-paddingright-15 {
    padding-right: 15px !important;
}

.connect-padding-paddingright-17px {
    padding-right: 17px !important;
}

.connect-padding-paddingright-20 {
    padding-right: 20px !important;
}

.connect-padding-paddingright-30 {
    padding-right: 30px !important;
}

.connect-padding-paddingright-40px {
    padding-right: 40px !important;
}

.connect-padding-paddingright-0 {
    padding-right: 0px !important;
}

.connect-padding-paddingleft-0 {
    padding-left: 0 !important;
}

.connect-padding-paddingleft-4px {
    padding-left: 4px !important;
}

.connect-padding-paddingleft-5px {
    padding-left: 5px !important;
}

.connect-padding-paddingleft-10px {
    padding-left: 10px !important;
}

.connect-padding-paddingleft-15px {
    padding-left: 15px !important;
}

.connect-padding-paddingleft-20px {
    padding-left: 20px !important;
}

.connect-padding-paddingleft-25px {
    padding-left: 25px !important;
}

.connect-padding-paddingleft-27px {
    padding-left: 27px !important;
}

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

.connect-padding-paddingtop-0 {
    padding-top: 0 !important;
}

.connect-padding-paddingtop-3px {
    padding-top: 3px !important;
}

.connect-padding-paddingtop-5px {
    padding-top: 5px !important;
}

.connect-padding-paddingtop-10px {
    padding-top: 10px !important;
}

.connect-padding-paddingtop-13px {
    padding-top: 13px !important;
}

.connect-padding-paddingtop-15px {
    padding-top: 15px !important;
}

.connect-padding-paddingtop-18px {
    padding-top: 17px !important;
}

.connect-padding-paddingtop-20px {
    padding-top: 20px !important;
}

.connect-padding-paddingtop-30px {
    padding-top: 30px !important;
}

.connect-padding-paddingbottom-0 {
    padding-bottom: 0 !important;
}

.connect-padding-paddingbottom-15px {
    padding-bottom: 15px !important;
}

.connect-padding-paddingbottom-10px {
    padding-bottom: 10px !important;
}

button.connect-padding-10 {
    padding: 10px !important;
}

.connect-color-connect-text-black {
    color: #000000;
}

.connect-color-white {
    color: #ffffff !important;
}

.connect-color-red {
    color: #ff1329 !important;
}

.connect-color-green {
    color: #99df02 !important;
}

.connect-color-darkergreen {
    color: #58C927 !important;
}

.connect-color-lighterblue {
    color: #48a8e3 !important;
}

.connect-color-lightblue {
    color: #2C8DC7 !important;
}

.connect-color-gray {
    color: #6b6b6b !important;
}

.connect-color-disabled {
    color: #666666 !important;
}

.connect-color-gold {
    color: #F2A618 !important;
}

.connect-color-blue {
    color: #0c3b89 !important;
}

.connect-color-warning {
    color: #F2A618 !important;
}

.connect-background-color-gold {
    background-color: #F2A618 !important;
}
.modalDialog1 {
    position: absolute;
    top: 380px;
    left: 800px;
    background: rgba(0, 0, 0, 0.1);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .modalDialog1:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modalDialog1 > div {
        position: absolute;
        min-width: 300px;
        margin: 10% auto;
        text-align: center;
        background-color: #ffffff;
        color: #ffffff;
        padding: 20px 20px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.28);
        -moz-box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.28);
        box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.28);
    }

    .modalDialog1 div p {
        font-size: 20px !important;
        font-weight: normal;
        font-family: 'segoe UI', Arial, sans-serif;
    }

.mclose {
    background: #FFFFFF;
    color: #FFFFFF;
    line-height: 28px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    /*-moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;*/
    /*box-shadow: 1px 1px 3px #000;*/
}

    .mclose:hover {
        background: #00d9ff;
    }

.bbs-panel-dataentry .connect-fontsize-16 {
    font-size: 16px;
}

.connect-font-fontsize-9 {
    font-size: 9px !important;
}

.connect-font-fontsize-10 {
    font-size: 10px !important;
}

.connect-font-fontsize-11 {
    font-size: 11px !important;
}

.connect-font-fontsize-12 {
    font-size: 12px !important;
}

.connect-font-fontsize-13 {
    font-size: 13px !important;
}

.connect-font-fontsize-14 {
    font-size: 14px !important;
}

.connect-font-fontsize-15 {
    font-size: 15px !important;
}

.connect-font-fontsize-16 {
    font-size: 16px !important;
}

.connect-font-fontsize-18 {
    font-size: 18px !important;
}

.connect-font-fontsize-20 {
    font-size: 20px !important;
}

.connect-font-fontsize-22 {
    font-size: 22px !important;
}

.connect-font-fontsize-25 {
    font-size: 25px !important;
}

.connect-font-fontsize-27 {
    font-size: 27px !important;
}

.connect-font-fontsize-40 {
    font-size: 40px !important;
}

.main-panel > .header .nav > li > a:hover, .main-panel > .header .nav > li > a:focus {
    background-color: #58c927;
    color: #ffffff;
    /*padding: 10px 15px;*/
}

.ccmc-tabs-datapanels .bbs-title-panel span {
    vertical-align: top;
    font-weight: bold;
    top: -4px;
    position: relative;
}

.connect-col-panel-gradient-full {
    background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%);
    border: 1px solid #e3e3e3;
    width: 100%;
    margin: 5px;
    border-radius: 6px;
    /* padding: 20px; */
    padding: 20px 10px;
    position: relative;
    display: inline-block;
}

.connect-borrower-item .k-textbox {
    width: 27%;
}

span.connect-title-circleborder {
    color: #ffffff;
    vertical-align: middle;
    margin-left: 0;
    border-radius: 100%;
    background-color: #78bce4;
    border: none;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    padding-right: 0;
    margin-right: 10px;
}

span.connect-title-circleborder {
    color: #ffffff;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #48a8e3;
    /*background-color: #fddc44;*/
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    padding-right: 0;
}

.connect-container-processing-dashboard span.connect-title-circleborder {
    color: #ffffff;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #959494;
    /*background-color: #fddc44;*/
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    padding-right: 0;
}

span.connect-title-innercircleborder {
    border-radius: 100%;
    background-color: transparent;
    /*border: 1px dashed #ffffff;*/
    width: 36px;
    height: 36px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 0;
}

span.connect-title-circlenumbers {
    font-size: 30px;
    /*font-family: CombiNumerals;*/
    color: #ffffff;
    font-weight: normal;
    vertical-align: top;
    margin-left: 0;
    line-height: 34px;
}

.connect-container-processing-dashboard span.connect-title-circlenumbers {
    font-size: 20px;
}

.connect-circle-container {
    color: #ffffff;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #78bce4;
    /*background-color: #fddc44;*/
    width: 13px;
    height: 13px;
    text-align: center;
    display: inline-block;
    padding-right: 0;
}

.connect-circle-bubble {
    color: #ffffff;
    vertical-align: top;
    border-radius: 100%;
    background-color: blue;
    width: 18px;
    height: 18px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.connect-error-bubble {
    color: #ffffff;
    vertical-align: top;
    border-radius: 100%;
    background-color: blue;
    width: 13px;
    height: 13px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 36%;
    top: 0px;
    z-index: 100;
    padding-top: 0px !important;
    line-height: 1;
    font-size: 10px;
}

    .connect-circle-bubble span {
        font-size: 11px;
        margin-top: -5px;
        display: inline-block;
        vertical-align: middle;
    }

.connect-indicator-field {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 10;
}

    .connect-indicator-field span {
        position: absolute;
        top: -5px;
        right: 4px;
        font-weight: bold;
    }

.connect-container-reports a {
    color: #62a8d1;
    font-size: 16px;
    margin-bottom: 20px;
    display: inline-block;
}

.CE_RptTitle {
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    border-bottom: dashed 1px #ebebeb;
    padding-bottom: 6px;
    margin-bottom: 15px;
}

td.CE_RptTableLblOdd, td.CE_RptTableLblEvn {
    border-bottom: dashed 1px #ebebeb;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    /*width: 100px !important;*/
    padding-right: 10px;
}

td.CE_RptTableValOdd, td.CE_RptTableValEvn {
    border-bottom: dashed 1px #ebebeb;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
}

table.CE_RptTable td.CE_RptTableLblOdd:first-of-type {
    width: 100px !important;
}

.CE_RptSectionTitleExc td, .CE_RptSectionTitle td, .CE_RptSectionTitleWrn td {
    font-weight: bold;
    font-size: 15px;
    padding-top: 15px;
}

table.CE_RptTable {
    display: inline-block;
    /*width:45% !important;*/
    width: 100% !important;
    padding: 20px;
    border: solid 1px #ebebeb;
    margin-top: 15px;
    border-radius: 6px;
    /*min-height:400px;*/
    vertical-align: top;
    background-color: #ffffff;
}

.CE_RptDefaults hr {
    display: none;
}

.connect-margin-marginbottom-24px {
    margin-bottom: 24px !important;
}

.connect-margin-marginbottom-10px {
    margin-bottom: 10px !important;
}

.connect-margin-marginbottom-5px {
    margin-bottom: 5px !important;
}

.connect-margin-marginbottom-14px {
    margin-bottom: 14px !important;
}

.connect-margin-marginbottom-15px {
    margin-bottom: 15px !important;
}

.connect-margin-marginbottom-20px {
    margin-bottom: 20px !important;
}

.connect-margin-marginbottom-3px {
    margin-bottom: 3px !important;
}

.connect-margin-marginbottom-2px {
    margin-bottom: 2px !important;
}

.connect-wordwrap-breakword {
    word-wrap: break-word;
}

.connect-whitespace-wrap {
    white-space: pre-wrap !important;
}

.connect-required {
    color: #ed354b;
}

#FeeWorksheetPanelBar p label {
    font-size: 12px;
    color: #666666;
}

.bbs-panel-dataentry .bbs-realestateowned p.bbs-propertytype button {
    margin-left: 29%;
}

/*#ConditionsHomeworkGrid .k-grid-content {
    max-height:200px;
}*/

.connect-container-bubble-small {
    width: 7px;
    height: 7px;
    padding: 3px;
    background-color: #62a8d1;
    border-radius: 100% 100%;
    font-size: 10px;
    color: #ffffff;
}

    .connect-container-bubble-small.connect-button-grid-small {
        z-index: 10;
        position: relative;
        top: -7px;
        left: -10px;
        line-height: 1;
        padding-bottom: 8px;
        padding: 2px 4px 6px;
    }

    .connect-container-bubble-small .k-grid-content .btn i {
        font-size: 17px;
        margin-top: 4px;
        z-index: -5;
    }

    .connect-container-bubble-small.connect-background-color-gold {
        background-color: #F2A618;
    }

.connect-container-bubble-wide {
    padding: 3px 5px;
    /*background-color:#9dd82a;*/
    border-radius: 6px;
    color: #ffffff;
}

#ConditionsHomeworkGrid .connect-actions .btn, #ConditionsGrid .connect-actions .btn {
    width: 25px;
}

.bbs-panel-dataentry input {
    font-family: 'segoe UI', Arial, sans-serif;
}

.connect-vertical-align-top {
    vertical-align: top !important;
}

.connect-vertical-align-middle {
    vertical-align: middle !important;
}

.connect-vertical-align-bottom {
    vertical-align: bottom !important;
}

.connect-vertical-align-textbottom {
    vertical-align: text-bottom !important;
}

.bbs-panel-dataentry .connect-input-verticalstack p.bbs-checkbox label {
    width: auto;
    display: inline-block;
    margin-top: 3px;
    text-align: left;
}

.bbs-panel-title-medium {
    font-family: 'segoe UI', Arial, sans-serif;
    font-size: 15px;
}

.bbs-panel-dataentry .k-grid-content input, .bbs-panel-dataentry .k-grid-content kbd.k-numerictextbox, .bbs-panel-dataentry .k-grid-content input, .bbs-panel-dataentry .k-grid-content kbd.k-textbox, .bbs-panel-dataentry .k-grid-content input, .bbs-panel-dataentry .k-grid-content kbd.k-dropdown {
    font-family: "segoe UI", Arial, sans-serif;
}

.ccmc-loan-navigation .connect-container-loanitems {
    padding: 0px 26px 15px 26px;
    margin: auto;
}

.bbs-panel-dataentry.connect-nostyle {
    background-color: transparent;
    border: none;
    border-radius: 0;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 18px;
    text-align: left;
    vertical-align: top;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.connect-nostyle {
    background: transparent;
    border: none;
    border-radius: 0;
}

.connect-mortgageterms .connect-grid-payment th {
    width: 20%;
}

.connect-mortgageterms .connect-grid-payment .k-numerictextbox {
    width: 100%;
}

.connect-mortgageterms .connect-grid-buydown th {
    width: 45%;
}

.connect-mortgageterms .connect-grid-buydown .k-numerictextbox {
    width: 100%;
}

.layout-static-sidebar .sidebar-panel, .layout-small-menu .sidebar-panel, .layout-boxed .sidebar-panel {
    position: fixed !important;
}

.connect-login .input-group span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.connect-login .input-group input {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.connect-login {
    background:url(/images/Sail-away-web.png) no-repeat center center fixed;
    background-size: cover;
    background-color: #4c98c9;
}

.connect-login .login-btn-wrapper {
    position: fixed;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.bbs-loginblock {
    width: 600px !important;
    height: 425px;
    padding: 60px 80px 70px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    border: #417fa9;
    border-radius: 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(12,72,112,0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(12,72,112,0.6);
    box-shadow: 0px 0px 5px 0px rgba(12,72,112,0.6);
}

.bbs-loginblock {
    width: 530px !important;
    height: 230px;
    padding: 29px 37px 30px;
    /* top: 50%; */
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    /* border: 1px solid #a8cbe2; */
    border: #417fa9;
    border-radius: 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(12,72,112,0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(12,72,112,0.6);
    box-shadow: 0px 0px 5px 0px rgba(12,72,112,0.6);
}

    .bbs-loginblock .logo {
        max-width: 54%;
    }

form[name="loanFee"] .bbs-panel-dataentry {
    /*min-width:1550px;*/
}

form[name="loanFee"] .bbs-grid .k-grid tr th {
    padding: 10px 0px;
}

/*.k-grid-header table, .k-grid-content table, .k-grid-footer table, .k-grid-content-locked>table {
    table-layout: inherit;
}*/

/*form[name="loanFee"] .k-grid-content table {
    table-layout: inherit !important;
}*/

.main-panel > .header .nav > li > a.ccmc-logo-wrapper {
    display: inline-block;
    padding: 0px;
    background: url(/images/logo-highres.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 320px;
    position: relative;
    top: 9px;
    margin-left: 20px;
    margin-right: 10px;
}

    .main-panel > .header .nav > li > a.ccmc-logo-wrapper img {
        display: none;
    }

.main-panel > .header .nav > li > a:hover, .main-panel > .header .nav > li > a:focus {
    background-color: transparent;
    color: #666;
    ;
    /*padding: 10px 15px;*/
}

.connect-header-loaninfo i.fa-chevron-right {
    display: none !important;
}

.connect-position-top--45px {
    top: -45px !important;
}

.connect-position-top-0 {
    top: 0 !important;
}

.connect-position-top-2 {
    top: 2px !important;
}

.connect-position-top-5 {
    top: 5px;
    position: relative;
}


.connect-position-top-15 {
    top: 15% !important;
}

.connect-position-top-30 {
    top: 30% !important;
}

.connect-position-relative {
    position: relative;
}

.connect-position-absolute {
    position: absolute;
}

.connect-position-bottom-0 {
    bottom: 0;
}

.connect-position-bottom-20px {
    bottom: 20px;
}

.connect-position-right-20px {
    right: 20px;
}


.bbs-container-feeworksheet #OriginationGridItem .bbs-grid .k-grid .k-grid-header, .bbs-container-feeworksheet #LenderRequiredServicesGridItem .bbs-grid .k-grid .k-grid-header, .bbs-container-feeworksheet .bbs-grid #TitleGrid.k-grid .k-grid-header, .bbs-container-feeworksheet #PrepaidsGridItem .bbs-grid .k-grid .k-grid-header, .bbs-container-feeworksheet #EscrowsGridItem .bbs-grid .k-grid .k-grid-header {
    /*padding-right: 17px !important;*/
    /*padding-right:17px !important;*/
}

.bbs-container-feeworksheet #OriginationGridItem .bbs-grid .k-grid .k-grid-content, .bbs-container-feeworksheet #LenderRequiredServicesGridItem .bbs-grid .k-grid .k-grid-content, .bbs-container-feeworksheet .bbs-grid #TitleGrid.k-grid .k-grid-content, .bbs-container-feeworksheet #PrepaidsGridItem .bbs-grid .k-grid .k-grid-content, .bbs-container-feeworksheet #EscrowsGridItem .bbs-grid .k-grid .k-grid-content {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-panel > nav li ul li a {
    padding: 7px 25px 7px 58px;
}

.connect-section-totalmonthlypayment .panel-heading {
    padding: 6px 15px 6px 15px;
    background: none !important;
    background-color: transparent !important;
    border: none;
}

    .connect-section-totalmonthlypayment .panel-heading label {
        margin-top: 5px;
    }

.panel-heading {
    /*background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%);
    border: 1px solid #e3e3e3;*/
}



.connect-section-totalmonthlypayment .panel {
    /*background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%);
    border: 1px solid #e3e3e3;*/
    /*background-color: #edf4fc;*/
    background-color: #ffffff;
    border: 1px solid #bfcbd9;
    margin-top: 6px;
}

.accordion.borrowerestimatedpayments .panel {
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.07);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.07);
}

.connect-totalmonthlypayment-container {
    max-height: 530px;
    overflow-y: auto;
}

.connect-totalmonthlypayment-container-others p {
    width: 17%;
}

.connect-totalmonthlypayment-container-others .k-numerictextbox {
    width: 100%;
}


.red {
    color: red;
}

.layout-small-menu .sidebar-panel > nav > ul > li ul#OriginationNavigation {
    overflow-y: auto;
    height: 325px;
}

.layout-small-menu .sidebar-panel > nav > ul > li ul#ProcessingNavigation {
    overflow-y: auto;
    height: 300px;
}

.layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu > li > a + .sub-menu > li > a {
    padding-left: 10px;
}

    .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu > li > a + .sub-menu > li > a div:last-of-type {
        width: 300px !important;
    }

.fee-worksheet input.ng-dirty {
    background-color: lightyellow;
}

.fee-worksheet span.ng-dirty {
    background-color: lightyellow;
}

.green {
    color: #58c927;
}

.connect-noanswer {
    margin-left: 40px;
}

.main-panel {
    background: #ffffff;
}

.app {
    background: #ffffff;
}

.bbs-panel-dataentry p label {
    display: block;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 4px;
    margin-right: 0;
    text-align: left;
    vertical-align: middle;
    /* width: 100%; */
    width: auto !important;
    margin-top: 7px;
    /*margin-top: 14px;*/
}

.k-textbox, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    border-color: #dedede !important;
}

.connect-cursor-pointer {
    cursor: pointer
}

.connect-cursor-default {
    cursor: default !important
}

/*.k-button.add {    
    margin: 15px 0 0 0;
    padding: 5px 14px 5px 14px;
    width: auto;
    position: relative;
    right: 0;
    text-align: center;
    font-weight: normal;
}*/

.connect-panel-specialinfo {
    border-radius: 10px;
    background-color: #ffdb57;
    padding: 10px;
    display: inline-block;
    /*border: solid 1px #d97b16;
    -webkit-box-shadow: inset 0px 0px 54px -4px rgba(254,148,9,1);
    -moz-box-shadow: inset 0px 0px 54px -4px rgba(254,148,9,1);
    box-shadow: inset 0px 0px 54px -4px rgba(254,148,9,1);*/
    vertical-align: top;
    width: 100%;
}

    .connect-panel-specialinfo p {
        color: #333;
        font-weight: bold;
    }

        .connect-panel-specialinfo p span {
            color: #333 !important;
            font-weight: normal;
        }

    .connect-panel-specialinfo .bbs-division-dashed-small {
        border-bottom: dashed 1px #333;
    }

.bbs-panel-dataentry.connect-container-text p label {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 3px;
}

    .bbs-panel-dataentry.connect-container-text p label + span {
        vertical-align: bottom;
    }

.connect-modal-close {
    position: absolute;
    top: 13px;
    right: 18px;
}

i.connect-lock-header {
    vertical-align: middle;
    margin-left: 20px;
    color: gold;
    font-size: 40px;
    cursor: pointer;
}

i.connect-scenario-header {
    vertical-align: middle;
    margin-left: 20px;
    color: gold;
    font-size: 20px;
    cursor: pointer;
}

i.connect-scenario-header-no-click {
    vertical-align: middle;
    margin-left: 20px;
    color: gold;
    font-size: 20px;
    cursor: default;
}

i.connect-lien-header {
    vertical-align: middle;
    margin-left: 20px;
    color: gold;
    font-size: 20px;
    cursor: pointer;
}

th.tid-number, td.tid-number {
    width: 8%;
}

th.tid-type, td.tid-type {
    width: 20%;
}

th.tid-type-other, td.tid-type-other {
    width: 20%;
}

th.tid-from, td.tid-from {
    width: 10%;
}

th.tid-to, td.tid-to {
    width: 10%;
}

th.tid-total, td.tid-total {
    width: 20%;
}

th.tid-Amount, td.tid-Amount {
    width: 12%;
}

th.tid-total-annual, td.tid-total-annual {
    width: 10%;
}

th.tid-total-daily, td.tid-total-daily {
    width: 10%;
}

}

i.connect-users-in-loan-warning {
    vertical-align: middle;
    margin-left: 20px;
    color: gold;
    font-size: 20px;
    cursor: pointer;
}

i.connect-users-in-loan-none {
    vertical-align: middle;
    margin-left: 20px;
    font-size: 20px;
    cursor: pointer;
}

.connect-shadow-inset {
    box-shadow: inset 0px 0px 5px 0px #333333;
    border: solid 1px #8a8a8a;
}

.modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 10px;
    height: auto;
    padding: 16px;
}

.bbs-panel-dataentry p .k-numerictextbox, .bbs-panel-dataentry p .k-textbox, .bbs-panel-dataentry p .k-datepicker {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
}

.bbs-panel-dataentry p .k-datepicker {
    height: 23px;
    padding-top: 0;
    padding-bottom: 0;
}

.k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    height: 21px;
    display: block;
}

    .k-picker-wrap .k-icon {
        cursor: pointer;
        position: relative;
        top: -4px;
    }

p {
    margin-top: -2px;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 16px !important;
    font-size: 12px;
}

.k-combobox .k-dropdown-wrap .k-input {
    width: 100% !important;
    height: 100% !important;
    padding: 0px !important;
}

.bbs-panel-dataentry p .k-numerictextbox .k-numeric-wrap, .bbs-panel-dataentry .k-grid-content .k-numerictextbox .k-numeric-wrap {
    height: 21px;
}

input.k-textbox {
    height: 22px !important;
    padding-top: 3px;
    padding-bottom: 3px;
}


.k-dropdown .k-dropdown-wrap {
    /*height: auto !important;*/
    height: 18px !important;
}

.bbs-panel-dataentry p.connect-input-medium .k-numerictextbox {
    width: 100px;
}

.bbs-container-item {
    position: relative;
    margin: 0;
    padding: 0 20px 0 0;
}

.connect-borrower-container-declarations {
    border-bottom: dashed 1px #b4bfcc;
    margin: 5px 0 5px 0;
    /* padding: 2px; */
    padding: 5px 2px 5px 2px;
}

#PinHud {
    cursor: pointer;
}

.connect-content-paddingright {
    padding-right: 265px;
}

.chat-panel {
    width: 265px;
}

.connect-hud li span:nth-child(2) {
    width: 108px;
    font-size: 12px;
}

.connect-hud li span:nth-child(1) {
    font-weight: bold;
    font-size: 12px;
    vertical-align: top;
}

.connect-hud li span a.connect-link {
    vertical-align: top;
}

.main-panel > .header a > i.fa {
    font-size: 18px;
    margin-top: 20px;
    margin-right: 5px;
    color: #48a8e3;
}

    .main-panel > .header a > i.fa:hover {
        color: #33b4f0;
    }

.main-panel > .header .toggle-chat a > i.fa-thumb-tack {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 12px;
}

.sidebar-panel {
    width: 232px;
}

.main-panel {
    margin-left: 232px;
}

    .main-panel > .main-content {
        padding-left: 10px;
        padding-right: 10px;
    }

.connect-assets-liabilities .bbs-container-item span.bbs-position-deleteicon {
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 20px;
    /* color: #e87171; */
    cursor: pointer;
}

.connect-accordion-icon {
    position: absolute;
    right: 41px;
    font-size: 20px;
    cursor: pointer;
    top: 2px;
    padding-left: 50px;
}

.connect-accordion-icon-relative {
    right: 41px;
    font-size: 20px;
    cursor: pointer;
    top: 2px;
}

.bbs-employment.bbs-container-item .connect-accordion-icon {
    top: 12px;
}

.connect-reconcile-liabilities .connect-accordion-icon {
    position: relative;
    /*right: 10px;*/
    font-size: 20px;
    cursor: pointer;
    top: 0;
    /*padding-left: 10px;*/
}

.connect-reconcile-liabilities.bbs-container-item span.bbs-position-deleteicon {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 20px;
    /* color: #e87171; */
    cursor: pointer;
}

/*.connect-credit-liability {
    background: #def0fd;
    background: -moz-linear-gradient(top, #def0fd 0%, #cbe7fb 100%);
    background: -webkit-linear-gradient(top, #def0fd 0%,#cbe7fb 100%);
    background: linear-gradient(to bottom, #def0fd 0%,#cbe7fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def0fd', endColorstr='#cbe7fb',GradientType=0 );
    border-color: #afd1e9;
}*/

/*.connect-credit-liability {
    background: #48a8e3;
    border: none;
}

.connect-credit-liability .bbs-division-dotted {
    color: #ffffff;
}

.connect-credit-liability span, .sidebar-skin-dark .bbs-panel-dataentry .connect-credit-liability p label, .connect-credit-liability i {
    color: #ffffff;
}

.sidebar-skin-dark .bbs-panel-dataentry .connect-credit-liability .connect-expander p label, .sidebar-skin-dark .bbs-panel-dataentry .connect-credit-liability .connect-expander span {
    color: #333;
}*/

.connect-credit-liability {
    border: solid 3px #48a8e3 !important;
}

.connect-loan-liability {
    /*border: solid 3px #999999;*/
}

.connect-expander.connect-bg-white {
    background-color: #ffffff;
    box-shadow: none;
}

.connect-assets-liabilities .connect-title-medium {
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 20px;
    display: inline-block;
    font-weight: bold;
    color: #333;
}

.connect-grid-header {
    color: #ffffff;
    border-radius: 6px 6px 0 0;
    border: 1px solid #ebebeb;
    padding: 5px 0 0 0;
    /*padding: 4px 6px 4px 10px;*/
    background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%);
    /*background: #fafcfc;*/
    /*border: 1px solid #e3e3e3;*/
    margin-bottom: 4px;
    /* font-size: 20px; */

    vertical-align: middle;
    width: 100%;
    display: block;
    position: relative;
    /*min-height:41px;*/
}

    .connect-grid-header p {
        border-right: 1px solid #ebebeb;
        /*padding: 0 10px;*/
        min-height: 35px;
        width: 12%;
    }

        .connect-grid-header p label {
            /*color: #ffffff;*/
            font-size: 12px;
            font-family: 'Segoe WP SemiLight','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            /*font-weight: normal !important;*/
            margin-top: 16px !important;
        }

    .connect-grid-header .bbs-creditorname {
        margin-left: 1%;
    }

.connect-grid-content {
    /*max-height:500px;
    overflow-y:auto;*/
}

.connect-title-subsection {
    color: #ffffff;
    border-radius: 6px;
    border: none;
    padding: 4px 6px 4px 10px;
    background: #69adbc;
    /*border: 1px solid #e3e3e3;*/
    margin-bottom: 1px;
    /* font-size: 20px; */
    font-size: 17px;
    font-family: 'Segoe WP SemiLight','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: normal !important;
    vertical-align: middle;
    width: 100%;
    display: block;
    position: relative;
}


/*.connect-expander {
    width: 101%;
    margin-left: -0.5%;
    border: solid 1px #bfcbd9;
    border-radius: 4px;
    
    background-color: #faffea;
    box-shadow: inset 0px 2px 7px 0px rgba(163,184,44,0.6);
}*/

.connect-expander {
    width: 101%;
    margin-left: -0.5%;
    /* border: solid 1px #bfcbd9; */
    border-radius: 4px;
    /* padding: 13px 5px; */
    /*background-color: #d2e2f7;*/
    /*background-color: #d9e0ff;*/
    background-color: #e5eaff;
    box-shadow: inset 0px 2px 14px 0px rgba(0,0,0,0.6);
}

.k-textbox {
    outline: 0;
    padding: 0px;
    line-height: 1.6em;
}

input.k-textbox {
    text-indent: 0;
}

.k-dropdown {
    height: 23px;
}

.k-i-arrow-s {
    background-position: 1px -35px !important;
}

.connect-assets-liabilities .bbs-panel-dataentry p.connect-date .k-datepicker, .connect-assets-liabilities .bbs-panel-dataentry .bbs-nonliquidasset p.connect-date .k-datepicker, .connect-assets-liabilities .bbs-panel-dataentry .bbs-lifeinsurancesection p.connect-date .k-datepicker {
    width: 70%;
}

.connect-assets-liabilities .bbs-panel-dataentry .bbs-liquidasset p.connect-date .k-datepicker, .connect-assets-liabilities .bbs-panel-dataentry .bbs-lifeinsurancesection p.connect-date .k-datepicker, .connect-assets-liabilities .bbs-panel-dataentry .bbs-nonliquidasset p.connect-date .k-datepicker {
    width: 80%;
}

.accordion .panel-heading a {
    color: #000000;
    position: relative;
    display: block;
}

.bbs-panel-dataentry p.bbs-checkbox.connect-date {
    margin-top: 0px;
    margin-bottom: 3px;
}

.connect-ausreports .bbs-button-secondaryaction.bbs-button-light {
    width: 232px;
    height: 27px;
    text-align: left;
    margin-top: 13px !important;
}

.panel-group {
    margin-bottom: 5px;
    margin-top: 5px;
}


/*Borrower info page*/
.bbs-panel-dataentry .bbs-borrower-personalinfo p.bbs-maritalstatus {
    width: 30%;
    min-width: inherit;
}

/*Disclosure comparison*/

.connect-disclosurecomparison-feetitle {
    width: 280px;
}

.connect-disclosurecomparison-feevalue {
    width: 120px;
}

.connect-disclosurecomparison-dropdwon-col {
    width: 12.4em;
}

.connect-disclosurecomparison-value-col {
    width: 8em;
}

.connect-disclosurecomparison-lenderCredit {
    width: 53.9em;
}

.connect-disclosurecomparison-lenderCredit-short {
    width: 49.8em;
}

.connect-disclosurecomparison-lenderCredit-modal {
    width: 59em;
}

.connect-disclosurecomparison-dropdwon-col-modal {
    width: 16em;
}

.connect-disclosurecomparison-dropdwon-col .k-dropdown {
    position: relative;
    display: inline-block;
    width: 8em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle;
}

/*Tolerance Manager*/
.connect-tolerancemanager-feetitle {
    min-width: 280px;
}

.connect-tolerancemanager-value {
    min-width: 60px;
}

.connect-tolerancemanager-date {
    min-width: 120px;
}

.connect-tolerancemanager-category {
    min-width: 100px;
}

.connect-tolerancemanager-lenderCredit {
    min-width: 100px;
}

.connect-lockToLoan-feetitle {
    width: 280px;
}

.connect-lockToLoan-value-col {
    width: 15%;
}

.connect-tolerancemanager-section-title {
    width: auto;
    font-weight: bold;
    font-size: 17px;
}

/*HUD Adjustment*/
.connect-hudadjustments .k-datepicker {
    width: 94.2%;
}

.connect-hudadjustments table {
    width: 100%;
}

.trid .k-datepicker, .trid .k-numerictextbox {
    width: 100%;
}

.bbs-panel-dataentry .connect-container-reconciles .connect-reconcile-liabilities {
    min-height: 120px;
}

.bbs-panel-dataentry .connect-reconcile-liabilities p {
    width: 100%
}

    .bbs-panel-dataentry .connect-reconcile-liabilities p label {
        width: 80px !important;
        display: inline-block;
        text-align: right;
    }

    .bbs-panel-dataentry .connect-reconcile-liabilities p span {
        display: inline-block;
        vertical-align: middle;
        width: 75%;
        text-align: left;
        margin-left: 5px;
    }

.bbs-panel-dataentry .connect-reconcile-liabilities .connect-summaryrow p {
    width: 30%
}

    .bbs-panel-dataentry .connect-reconcile-liabilities .connect-summaryrow p.connect-reconcile-accountnumber {
        width: 37%
    }

.connect-position-fixed {
    position: fixed !important;
}


.bbs-panel-dataentry .connect-reconcile-liabilities .connect-summaryrow p label {
    display: inline-block;
    text-align: right;
    /*width: 69px !important;*/
    width: auto !important;
}

.bbs-panel-dataentry .connect-reconcile-liabilities .connect-summaryrow p span {
    display: inline-block;
    width: 44%;
}


.bbs-panel-dataentry .connect-reconcile-liabilities p.bbs-checkbox {
    display: inline-block;
    width: auto;
}

    .bbs-panel-dataentry .connect-reconcile-liabilities p.bbs-checkbox label {
        width: auto !important;
    }

    .bbs-panel-dataentry .connect-reconcile-liabilities p.bbs-checkbox span {
        width: 25px;
        margin-left: 0;
    }


.bbs-panel-dataentry .connect-container-inset {
    border: solid 1px #ebebeb;
    -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.3);
    padding: 15px;
    border-radius: 6px;
}





/* Darker skin - contrast */

.sidebar-skin-dark .bbs-panel-dataentry p {
    color: #000000;
}

.sidebar-skin-dark .bbs-panel-dataentry .connect-col-panel-xlarge, .bbs-panel-dataentry .connect-col-panel-full, .bbs-panel-dataentry .connect-col-panel-medium, .bbs-panel-dataentry .connect-col-panel-xxsm, .bbs-panel-dataentry .connect-col-panel-large,
.sidebar-skin-dark .bbs-panel-dataentry .connect-col-panel-gradient, .sidebar-skin-dark .bbs-panel-dataentry .connect-col-panel-gradient-full, .sidebar-skin-dark .bbs-panel-dataentry .connect-fee-panel, .sidebar-skin-dark .connect-col-panel-gradient-full,
.sidebar-skin-dark .bbs-panel-dataentry.connect-container-processing-dashboard .connect-col-panel-xlarge {
    /* background: #f6f6f6; */
    /*background: #d3dae3;*/
    /*background: #ccd9e9;*/
    background: #e1ebf7 !important;
    border-color: #bfcbd9 !important;
    border: none !important;
    /* background: linear-gradient(to bottom, #fcfcfc 0%,#ebebeb 100%); */
}

.sidebar-skin-dark .sidebar-panel {
    background-color: #4c98c9;
}

    .sidebar-skin-dark .sidebar-panel > .brand {
        background-color: #48a8e3;
    }

    .sidebar-skin-dark .sidebar-panel > nav > ul > li > a:hover, .sidebar-skin-dark .sidebar-panel > nav > ul > li.open > a, .sidebar-skin-dark .sidebar-panel > nav > ul > li.open > a:hover, .sidebar-skin-dark .sidebar-panel > nav > ul > li.open > a:focus {
        /* background-color: #4d9ccd; */
        background-color: #2d8cc7;
    }

.sidebar-skin-dark .quick-launch-panel {
    background: #2a2d2d;
}

.sidebar-skin-dark .sidebar-panel > nav a {
    color: #fafafa;
}

.sidebar-skin-dark .sidebar-panel > nav li.active > a {
    color: #666666;
}

.sidebar-skin-dark .sidebar-panel > .brand a {
    color: #fafafa;
}

.sidebar-skin-dark .quick-launch-panel a {
    color: #fafafa;
}

.sidebar-skin-dark .sidebar-panel > nav > ul > li > ul {
    background-color: #2d8cc7;
}

.sidebar-skin-dark .sidebar-panel > .brand a:active, .sidebar-skin-dark .sidebar-panel > .brand a:focus, .sidebar-skin-dark .sidebar-panel > .brand a:hover {
    color: #fafafa;
}

.sidebar-skin-dark .sidebar-panel > .brand .hamburger-icon span {
    background-color: #fafafa;
}

.sidebar-skin-dark .bbs-division-dashed {
    border-bottom: dashed 1px #9da7b3;
    width: 100%;
    margin: 10px auto 10px auto;
}

.sidebar-skin-dark .bbs-division-dashed-small {
    border-bottom: dashed 1px #b4bfcc;
}

/*.bbs-division-dashed-small-dark{
    border-bottom: dashed 1px #9da7b3;
    width: 100%;
    margin: 5px auto 5px auto;
}*/

.sidebar-skin-dark .bbs-title-panel {
    color: #ffffff;
    border-radius: 6px;
    border: none;
    padding: 4px 6px 4px 10px;
    background-color: #48a8e3 !important;
    margin-bottom: 4px;
    /* font-size: 20px; */
    font-size: 18px;
    font-family: 'Segoe WP SemiLight','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: normal !important;
    vertical-align: middle;
    min-width: inherit;
    width: 100%;
    /*height: inherit;*/
    height: auto;
    display: block;
    position: relative;
    top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.homeStyle-title-panel {
    color: #ffffff;
    border-radius: 6px;
    border: none;
    padding: 4px 6px 4px 10px;
    background-color: #48a8e3;
    margin-bottom: 4px;
    /* font-size: 20px; */
    font-size: 18px;
    font-family: 'Segoe WP SemiLight','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: normal !important;
    vertical-align: middle;
    min-width: inherit;
    width: 100%;
    height: inherit;
    position: relative;
    top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.textprotect {
    font-family: 'Segoe WP SemiLight','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.homestyle203kcontent input {
    padding-right: 3px !important;
}

.sidebar-skin-dark .bbs-button-secondaryaction.bbs-button-light {
    padding: 2px 10px !important;
    background: #5371a1;
    /* background: #58c927; */
    color: #ffffff !important;
    font-size: 12px;
    margin-left: 15px;
    margin-right: 15px;
    border: solid 1px #345a8c;
    border-radius: 4px;
    /* margin-top: 13px; */
    margin-top: 0;
    box-shadow: none;
}

    .sidebar-skin-dark .bbs-button-secondaryaction.bbs-button-light:hover {
        background: #5d7eb3 !important;
    }

.sidebar-skin-dark .k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    border-color: #b4bfcc !important;
}

    .sidebar-skin-dark .k-textbox, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
        border-color: #b4bfcc !important;
    }

.sidebar-skin-dark .connect-col-panel-gradient-full .k-textbox,
.connect-col-panel-gradient-full .k-autocomplete,
.connect-col-panel-gradient-full .k-dropdown-wrap,
.connect-col-panel-gradient-full .k-picker-wrap,
.connect-col-panel-gradient-full .k-numeric-wrap,
.sidebar-skin-dark .bbs-panel-dataentry.connect-panel-light .k-textbox,
.sidebar-skin-dark .bbs-panel-dataentry.connect-panel-light .k-autocomplete,
.sidebar-skin-dark .bbs-panel-dataentry.connect-panel-light .k-dropdown-wrap,
.sidebar-skin-dark .bbs-panel-dataentry.connect-panel-light .k-picker-wrap,
.sidebar-skin-dark .bbs-panel-dataentry.connect-panel-light .k-numeric-wrap,
.sidebar-skin-dark .bbs-panel-dataentry.connect-panel-light .k-dropdown-wrap.k-state-default,
.sidebar-skin-dark .bbs-panel-dataentry.connect-panel-light .k-numeric-wrap.k-state-default,
.sidebar-skin-dark .bbs-panel-dataentry.connect-panel-light .k-picker-wrap.k-state-default {
    /*border-color: #cccccc !important;*/
}

    .sidebar-skin-dark .connect-col-panel-gradient-full .k-textbox, .connect-col-panel-gradient-full .k-dropdown-wrap.k-state-default, .connect-col-panel-gradient-full .k-numeric-wrap.k-state-default, .connect-col-panel-gradient-full .k-picker-wrap.k-state-default {
        /*border-color: #e3e3e3 !important;*/
    }

.sidebar-skin-dark .connect-link.connect-question {
    color: #333 !important;
    text-decoration: none;
}

.sidebar-skin-dark .connect-link {
    /*color: #48a8e3 !important;*/
    color: #0675b9 !important;
}

.sidebar-skin-dark .connect-grid-header {
    color: #ffffff;
    border-radius: 6px 6px 0 0;
    border: 1px solid #bfcbd9;
    /*padding: 5px 0 0 0;*/
    padding: 0 15px;
    /* padding: 4px 6px 4px 10px; */
    background: #deebfc;
    background: -moz-linear-gradient(top, #d5e2f2 0%, #deebfc 100%);
    background: -webkit-linear-gradient(top, #d5e2f2 0%,#deebfc 100%);
    background: linear-gradient(to bottom, #d5e2f2 0%,#deebfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e2f2', endColorstr='#deebfc',GradientType=0 );
    /* background: #fafcfc; */
    /* border: 1px solid #e3e3e3; */
    margin-bottom: 4px;
    /* font-size: 20px; */
    vertical-align: middle;
    width: 100%;
    display: block;
    position: relative;
    /* min-height: 41px; */
}

    .sidebar-skin-dark .connect-grid-header p {
        border-right: 1px solid #ccd9e9;
        /* padding: 0 10px; */
        min-height: 35px;
        width: 12%;
    }












/*Closing portal*/
.bbs-panel-dataentry p.connect-date {
    width: 23%;
}

.sidebar-skin-dark .bbs-panel-dataentry p label, .sidebar-skin-dark p {
    color: #43474d;
}

/*.sidebar-skin-dark .connect-assets-liabilities .bbs-panel-dataentry .connect-col-panel-xlarge.listitem {
    padding: 4px 15px;
}*/
.bbs-panel-dataentry p.connect-date .k-datepicker {
    width: 100%;
}

/*Closing portal - seller info*/
.bbs-panel-dataentry p.connect-entityvesting {
    width: 20%;
}

    .bbs-panel-dataentry p.connect-entityvesting .k-dropdown {
        width: 100%;
    }

/*Closing portal - checklist*/
.bbs-panel-dataentry .connect-checklist-item {
    margin-left: 20px;
}

    .bbs-panel-dataentry .connect-checklist-item p {
        width: auto;
        margin-top: -6px;
    }

        .bbs-panel-dataentry .connect-checklist-item p span {
            display: inline-block;
            background-color: #edf4fc;
            padding: 3px 7px;
            border-radius: 4px;
        }

.bbs-panel-dataentry .connect-checklist-subs .connect-checklist-item {
    margin-left: 40px;
}

.bbs-panel-dataentry .connect-checklist-subs .bbs-checkbox {
    margin-left: 20px;
}

/*.connect-closing-status {
    background-color: #ffffff;
    border-radius: 30px;
    padding: 0px 5px;
    width: 120px;
    height: 29px;
    margin-left: 20px;

}

.connect-closing-status p {
    position: relative;
    top: -3px;
}*/

.connect-closing-status {
    background-color: #ffffff;
    border-radius: 100% 100%;
    padding: 0px 4px;
    width: 29px;
    height: 29px;
    margin-left: 10px;
}

    .connect-closing-status p {
        position: relative;
        top: -3px;
    }

.connect-closing-status-small {
    background-color: #ffffff;
    border-radius: 100% 100%;
    padding: 1px 2px;
    width: 19px;
    height: 18px;
    margin-left: 10px;
}

    .connect-closing-status-small i {
        position: relative;
        top: -4px;
    }



.box-tab .nav-tabs li:not(.active) .bbs-title-panel {
    background-color: #f0f6fc;
    border: solid 1px #385A8B !important;
    font-size: 13px;
    color: #000;
    padding: 6px 15px;
    margin-bottom: 5px;
    width: 97%;
    background-color: #385A8B !important;
}

    .box-tab .nav-tabs li:not(.active) .bbs-title-panel:hover {
        background-color: #dce7f5;
    }


.box-tab .nav-tabs li.active .bbs-title-panel {
    color: #ffffff;
    /* background-color: #5371a1; */
    border-radius: 7px;
    /* border: solid 1px #6384ad; */
    margin-bottom: 0px;
    /*box-shadow: inset 0px 3px 10px 3px #;*/
    font-size: 14px;
    padding: 6px 15px;
    /* background-color: #2b8bc6!important; */
}

.box-tab .nav-tabs li:not(.active) {
    top: 0px;
}

.box-tab .nav-tabs li {
    margin-left: 3px;
    margin-right: 3px;
}

.ccmc-tabs-datapanels .bbs-title-panel span {
    vertical-align: top;
    font-weight: bold;
    top: 0;
    position: relative;
}

.ccmc-tabs-datapanels .bbs-title-panel span {
    vertical-align: top;
    font-weight: normal;
    top: 0;
    position: relative;
    color: #ffffff;
}

.box-tab {
    position: relative;
    margin-bottom: 15px;
    margin-top: 10px;
}

    .box-tab .nav-tabs {
        position: relative;
        /* bottom: -1px; */
        margin: 2px auto;
        padding: 0;
    }

.connect-loantemplates {
    border: solid 1px #ebebeb;
    -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.3);
    padding: 15px;
    border-radius: 6px;
}

    .connect-loantemplates input {
        display: none;
    }

    .connect-loantemplates label {
        display: block;
    }

    .connect-loantemplates input + span {
        vertical-align: middle;
        width: 100%;
        padding: 3px 6px;
    }

    .connect-loantemplates input:checked + span {
        display: inline-block;
        background-color: #48a8e3;
        color: white;
        cursor: pointer;
    }

.bbs-panel-dataentry p.connect-program {
    width: 100%;
}

    .bbs-panel-dataentry p.connect-program label {
        width: 120px;
        display: inline-block;
    }

    .bbs-panel-dataentry p.connect-program .k-dropdown {
        width: 60%;
    }

.connect-visibility-hidden {
    visibility: hidden;
}

.bbs-panel-dataentry p.bbs-streetaddress.connect-borrowerinformation-streetaddress {
    width: 66.4%;
}

.connect-container-shadow {
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
    border-radius: 6px;
}

.connect-container-subpanel {
    background-color: #fcfeff;
    border: 1px solid #aec4cf;
    border-radius: 6px;
    padding: 10px;
}

.connect-loan-indicators {
    background: #fafafa;
    width: 100%;
    position: fixed;
    top: 135px;
    margin-left: -223px;
    padding-left: 214px;
    /*padding-top: 11px;*/
    height: 44px;
    -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.25);
    box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.25);
    z-index: 500;
}

.connect-loan-indicators-sub {
    padding-top: 11px;
    padding-bottom: 12px;
}

.layout-fixed-header .main-content.connect-padding-indicators {
    /*padding-top: 190px;*/
    padding-top: 179px;
}

.connect-background-white {
    background-color: #ffffff;
}

.bbs-panel-dataentry p.bbs-unpaidbalanceamount, .bbs-panel-dataentry p.bbs-monthlypaymentamount {
    position: relative;
}


.connect-appraisalshield-expander {
    font-size: 30px !important;
    position: relative;
    top: -42px;
}

.bbs-panel-small {
    background-color: #ffffff;
    border: solid 1px #e1e1e1;
    border-radius: 4px;
    height: auto;
    padding: 2px 4px 2px 4px;
    margin-left: 20px !important;
    overflow: scroll;
}

.bbs-panel-large {
    background-color: #ffffff;
    border: solid 1px #e1e1e1;
    border-radius: 4px;
    height: auto;
    padding: 2px 4px 2px 4px;
    margin-left: 100px !important;
}

.connect-pipeline-indicator {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
}

.connect-indicator-liens {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
}

.connect-indicator-heroes {
    background-image: url(/images/flag-usa.png);
    width: 16px;
    height: 16px;
}

.connect-indicator-union {
    background-image: url(/images/icon-union.png);
    width: 35px;
    height: 22px;
}

/*Needs to be deprecated*/
.connect-indicator-bluespot {
    background-image: url(/images/icon-bluespot.png);
    width: 18px;
    height: 21px;
}

.bbs-panel-pull-right {
    float: right;
}

.bbs-checkbox-push-down {
    margin-bottom: 5px !important;
}

.connect-header-borrowercontrols {
    position: absolute;
    right: 5px;
}

.connect-header-label-improvements {
    padding-bottom: 5px;
}

.bbs-panel-label-title {
    padding-top: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 5px;
}

/*.bbs-navbar-static {
    overflow: hidden;
    background-color: #333 !important;
    position: fixed !important; 
    top: 220px !important;
    width: 100%; 
}*/

.checklist .panel-heading {
    padding: 0px;
    background: none !important;
    background-color: transparent !important;
    border: none;
}

    .checklist .panel-heading label {
        margin-top: 3px;
        margin-bottom: 3px;
    }

.checklist .panel {
    /*background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%);
    border: 1px solid #e3e3e3;*/
    /*background-color: #edf4fc;*/
    background-color: #ffffff;
    /*border: 1px solid #bfcbd9;*/
    border: none;
    margin-top: 6px;
}

.checklistDetails .panel-heading {
    padding: 6px 15px 6px 15px;
    background-color: #edf4fc !important;
    border: none;
}

    .checklistDetails .panel-heading label {
        margin-top: 5px;
    }

.checklist .panel-body {
    /*padding: 0px 6px 6px 6px;*/
    padding: 0;
}

.checklistDetails .panel {
    /*background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%);
    border: 1px solid #e3e3e3;*/
    /*background-color: #edf4fc;*/
    background-color: #ffffff;
    border: 1px solid #bfcbd9;
    margin-top: 6px;
}

.sidebar-skin-dark .bbs-panel-dataentry.connect-container-processing-dashboard .connect-col-panel-xlarge {
    border: none;
    background-color: #f7f7f7;
}

.sidebar-skin-dark .bbs-panel-dataentry.connect-panel-light .connect-col-panel-xlarge {
    /*border: none;
    background-color: #f7f7f7;*/
}

.connect-background-color-red {
    background-color: #fe5a5a !important;
}

.connect-background-color-yellow {
    background-color: #fecc32 !important;
}

.connect-background-color-gray {
    background-color: #959494 !important;
}

.connect-background-color-lightgray {
    background-color: #f7f7f7 !important;
}

.connect-background-color-lightgray2 {
    background-color: #e5e5e5 !important;
}

.connect-background-color-green {
    background-color: #99df02 !important;
}

.connect-background-color-transparent {
    background-color: transparent !important;
}

.connect-background-gradient-gray {
    background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%) !important;
    border: 1px solid #e3e3e3 !important;
}

.bbs-panel-dataentry p.bbs-state .k-dropdown .k-input {
    text-overflow: clip;
    width: 29px;
}

.connect-background-color-gray {
    border: none !important;
    background-color: #f7f7f7 !important;
}

.connect-container-circle-validation {
    color: #ffffff;
    vertical-align: middle !important;
    border-radius: 100%;
    background-color: #99df02;
    /*background-color: #fddc44;*/
    width: 22px;
    height: 22px;
    text-align: center;
    display: inline-block;
    padding-right: 0;
    border: solid 3px #ffffff;
    font-size: 12px !important;
    font-weight: normal !important;
}

    .connect-container-circle-validation span {
        vertical-align: middle !important;
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 20px;
        margin-top: -5px;
    }

.connect-border-light-gray {
    border-color: #e6e6e6;
}

.connect-table {
    border: none;
    width: 100%;
}

    .connect-table tr {
        border-bottom: solid 1px #e6e6e6;
    }

    .connect-table td {
        border-right: solid 1px #e6e6e6;
        padding: 10px;
    }

    .connect-table.connect-table-blue {
        background-color: transparent;
    }

        .connect-table.connect-table-blue tr {
            border-bottom: solid 1px #cbdbee;
        }

        .connect-table.connect-table-blue td {
            border-right: solid 1px #cbdbee;
        }


        .connect-table.connect-table-blue thead tr {
            border-bottom: solid 1px #cbdbee;
        }

        .connect-table.connect-table-blue thead th {
            border-right: solid 1px #cbdbee;
            vertical-align: bottom;
            font-size: 14px;
            font-weight: bold;
        }


.connect-table-panel {
    border: none !important;
    width: 100%;
}

    .connect-table-panel tr {
        border-bottom: solid 1px #bfcad9;
    }

    .connect-table-panel td {
        border-right: solid 1px #bfcad9;
        padding: 5px;
    }

.connect-finlocker .connect-table td {
    border-right: solid 1px #e6e6e6;
    padding: 3px 10px;
}

.connect-finlocker .bbs-panel-dataentry p.bbs-checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.connect-203k tr {
    border-bottom: dashed 1px #b4bfcc;
}

    .connect-203k tr td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.connect-203k input {
    height: 22px !important;
}

.popover {
    max-width: inherit;
    -webkit-box-shadow: 1px 2px 25px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 2px 25px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 2px 25px 0px rgba(0,0,0,0.5);
    border-radius: 10px;
}

    .popover .popover-inner {
        color: #333;
    }

.connect-container-processing-dashboard .popover {
    /*height: 300px;*/
    width: 740px
}

/*.production-dashboard-popover-inner:first-of-type {
    max-height: 170px;
    overflow-y: auto;
}*/

.production-dashboard-popover-inner {
    max-height: 170px;
    overflow-y: auto;
    width: 650px;
    margin-left: 30px
}

.production-dashboard-popover-container {
    /*padding: 25px;*/
    /*height: 300px;*/
    width: 740px;
}


.popover-content {
    max-height: 200px;
}

    .popover-content div:first-of-type {
        /*max-height: 170px;
    overflow-y: auto;*/
    }

.popover .popover-title {
    border-radius: 6px;
    background-color: #48a8e3 !important;
    font-size: 18px;
    margin: 15px;
    margin-bottom: 0;
    color: #ffffff;
}

.popover .popover-content .connect-col-panel-gradient-full {
    background: #ffffff;
    border: 0;
    margin: 0;
}

.custom-multiselect-popup.k-popup .k-list .k-item {
    vertical-align: middle;
}

    .custom-multiselect-popup.k-popup .k-list .k-item input,
    .custom-multiselect-popup.k-popup .k-list .k-item span {
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

    .custom-multiselect-popup.k-popup .k-list .k-item input {
        margin: 3px;
        margin-left: 2px;
        margin-right: 6px;
    }

.custom-multiselect-check-item {
    position: relative !important;
    top: 2px;
    left: inherit;
}

.bbs-grid-documentrepository .k-filter {
    margin-bottom: 8px;
}

.k-columns-item .k-item input[type="checkbox"] {
    position: relative;
    margin-right: 5px;
}

.bbs-grid-auditLog .k-filter {
    margin-bottom: 8px;
}

.bbs-email-body-disabled {
    min-height: 200px;
    opacity: 0.70 !important;
    background-color: #f9f9f9 !important;
    color: #000000 !important;
}

.connect-pipeline-search {
    width: 43%;
}

    .connect-pipeline-search input {
        width: 61%;
        min-width: 318px;
    }

.ccmc-loan-navigation {
    position: relative;
    background-color: #ffffff;
    z-index: 300;
    padding-top: 12px;
    border-radius: 0 0 10px 10px;
    z-index: 400;
    margin-right: .5%;
}

.layout-fixed-header .main-content {
    padding-top: 135px;
}

#content {
    margin: 0;
    /*padding-top: 90px;*/
    max-width: 1640px;
    position: relative;
}

.connect-navbar-shadow {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.35);
}

.bbs-panel-dataentry .connect-panel-trust p {
    width: 95%;
}

    .bbs-panel-dataentry .connect-panel-trust p input, .bbs-panel-dataentry .connect-panel-trust p textarea {
        width: 75%;
    }

.bbs-panel-dataentry .bbs-state.connect-trust {
    margin-left: 18.3%;
}

i.connect-loading-mid {
    font-size: 21px;
    color: #4d9ccd;
}

.grid-popover-inner {
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    margin-left: 0;
}

.connect-popover-selected-item {
    background-color: #428bca !important;
    padding-top: 5px;
    color: #ffffff !important;
    border-radius: 4px;
}

    .connect-popover-selected-item .connect-link {
        color: #ffffff !important;
    }

.warning-header {
    background-color: lightyellow;
}

.warning-body {
    background-color: lightyellow;
}

.warning-footer {
    background-color: lightyellow;
}

.connect-opacity-70 {
    opacity: 0.7;
}

.connect-opacity-40 {
    opacity: 0.4;
}

#widgetPipeline .popover-content {
    max-height: 300px;
}

#widgetPipeline .grid-popover-inner {
    max-height: 280px;
    overflow-y: auto;
    width: 100%;
    margin-left: 0;
}

.k-numeric-wrap .k-i-warning {
    right: -0.2em !important;
}

.k-maskedtextbox .k-i-warning {
    right: -0.2em !important;
    top: 1.2em !important;
}

span.k-i-arrow-60-down {
    bottom: .2em;
    left: .2em;
}

span.k-maskedtextbox {
    height: 21px;
    border-color: #b4bfcc !important;
    border-style: solid;
}

    span.k-maskedtextbox.k-textbox {
        border-width: 1px;
    }

input[data-role="maskedtextbox"] {
    height: 21px !important;
}

span.k-picker-wrap input.k-input {
    height: 21px !important;
}

span.k-numeric-wrap input.k-input {
    height: 21px !important;
}

.closingFeeWorksheet input.k-textbox {
    height: 25px !important;
}

.closingFeeWorksheet tr td {
    margin: 2px;
    padding: 2px;
}

.closingFeeWorksheet .hdInput {
    width: 98% !important;
}

.closingFeeWorksheet p.bbs-checkbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.closingFeeWorksheet p.bbs-radio-normal {
    padding-bottom: 10px;
}

.closingFeeWorksheet p label input[type="radio"] {
    vertical-align: bottom;
}

table.subFinancing .k-textbox {
    width: 9.1em;
}

table.subFinancing .k-dropdown {
    width: 7.5em;
}

.subFinancing label.subFinancing-label {
    width: 78px !important;
}

.connect-user-photo-large {
    max-width: 125px;
}

.connect-user-photo-signature {
    max-width: 200px;
}



.modal-open {
    overflow: inherit;
}

.modal-content {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.8);
}

.modal-backdrop {
    background-color: transparent !important;
}

.modal {
    background-color: transparent;
}

/*
    Hide spinners on kendo numeric text boxes in kendo grid filters
*/
th span.k-numerictextbox span.k-numeric-wrap span.k-select {
    display: none;
}

.bbs-panel-dataentry .bbs-borrower-personalinfo .k-maskedtextbox {
    width: 69%;
}

.bbs-panel-dataentry .bbs-borrower-personalinfo input {
    width: 69%;
}

.connect-textalign-center {
    text-align: center;
}

.connect-loanToLoan-error {
    background-color: red;
}

.connect-loanToLoan-warning {
    background-color: yellow;
}

.connect-loanSummary-risk-title {
    min-width: 170px;
}

.connect-loanSummary-risk-du {
    min-width: 200px;
}

.connect-loanSummary-risk-lp {
    min-width: 200px;
}

.connect-loanSummary-risk-manaul {
    min-width: 200px;
}

table.connect-loanSummary-risk tr:not(:last-child) td {
    border-bottom: 1pt dashed #9da7b3;
    border-top: 0pt;
    border-left: 0pt;
    border-right: 0pt;
}

table.connect-loanSummary-risk td {
    /*padding: 7px;
    padding-bottom: 5px;*/
}

table.connect-loanSummary-risk tr td.connect-loanSummary-risk-selected {
    /*box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.1) inset;*/
    border-bottom: none;
}

    table.connect-loanSummary-risk tr td.connect-loanSummary-risk-selected div {
        background-color: #ffffff;
        border-left: solid 3px #4d9ccd;
        border-right: solid 3px #4d9ccd;
        border-bottom: dashed 1px #b0d5e9;
        height: 55px !important;
    }

table.connect-loanSummary-risk tr:first-of-type td.connect-loanSummary-risk-selected div {
    border-radius: 6px 6px 0 0;
    /*box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.1) inset;*/
    border-top: solid 3px #4d9ccd;
}

table.connect-loanSummary-risk tr:last-of-type td.connect-loanSummary-risk-selected div {
    border-radius: 0 0 6px 6px;
    /*box-shadow: 1px -2px 5px 0px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 1px -2px 5px 0px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 1px -2px 5px 0px rgba(0,0,0,0.1) inset;*/
    border-bottom: solid 3px #4d9ccd;
}

.connect-borrowerpaymentestimates .k-numerictextbox.connect-smallnumeric {
    width: 30%;
}

#borrowerPaymentEstimates {
    display: none;
    /*display:block;*/
}

.connect-bpe-disclaimer, .bbs-panel-dataentry p.connect-bpe-disclaimer, .connect-bpe-signature {
    display: none;
}

select.k-dropdown {
    border: 1px solid #b4bfcc;
    color: #333;
}

.conditions-grid.k-grid td[role="gridcell"] {
    padding-left: 25px;
}

div.k-grid div.k-grid-content tr.k-detail-row {
    height: inherit;
}

#ConditionsHomeworkGrid div.k-grid-content tr.k-detail-row td.k-detail-cell, #ConditionsHomeworkGrid div.k-grid-content tr.k-detail-row td.k-hierarchy-cell {
    padding: 0 0 !important;
}

.connect-pipeline-circleitem {
    padding: 1px 5px;
    background-color: #ebebeb;
    border-radius: 6px;
    font-size: 10px;
    color: #ffffff;
    display: inline-block;
}

.toast ul li {
    padding-top: 10px;
}

div.employment-notes p {
    width: 100%;
}

    div.employment-notes p textarea {
        width: 100%;
        min-height: 109px;
        padding: 5px;
    }

.bbs-panel-dataentry textarea.k-textbox {
    padding-left: 5px;
    padding-right: 5px;
}

span.validation-message {
    display: inline-block;
    margin-left: 5px;
    color: red;
}

    span.validation-message label {
        color: red !important;
    }

.field-validation-error {
    background: url(/images/bbs-field-validation-error.png);
    background-repeat: no-repeat;
    background-position: 0;
    height: 12px;
    width: 12px;
    color: #e87171;
    display: inline-block;
    vertical-align: middle;
}

.connect-validation {
    position: relative;
}

    .connect-validation input.k-textbox {
        padding-right: 20px;
    }

.connect-borrowerinformation .connect-validation-messaging {
    margin-left: -18px;
    z-index: 99999;
    position: absolute;
    right: inherit;
    top: inherit;
}



.connect-validation-messaging {
    margin-left: -18px;
    z-index: 99999;
    position: absolute;
    right: 5px;
    top: 19px;
}

.connect-validation input.ng-invalid {
    border-color: #E46F73 !important;
}

.connect-margin-left-10 {
    margin-left: 10px !important;
}

.connect-margin-left-20 {
    margin-left: 20px !important;
}

.connect-margin-left-50 {
    margin-left: 50px !important;
}

.connect-validation-container {
    position: absolute;
    top: 1px;
    right: 5px;
}

    .connect-validation-container.connect-info i {
        color: #48a8e3;
    }

    .connect-validation-container.cc-address {
        top: 47%;

    }
    .connect-validation-container.cc-address .popover {
        width: 400px;
        max-width: 400px;
    }

        .connect-validation-container.cc-address .popover .popover-inner .validation-popover-container {
            width: 380px;
            max-width: 380px;
        }

/*
    Remove excess space after sort arrows on grid
*/
.k-grid-header th.k-with-icon .k-link {
    margin-right: 5px !important;
}

/*
    Move the sort arrow closer to the text in kendo grids
*/
.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm {
    margin-left: 4px !important;
}

.textbox-span-text-align {
    padding-left: 10px !important;
    padding-top: 5px !important;
}

.flex-container {
    display: flex !important;
}

    .flex-container.align-items-center {
        align-items: center;
    }

    .flex-container.align-items-end {
        align-items: end;
    }

    .flex-container.wrap {
        flex-wrap: wrap;
    }

    .flex-container > p {
        flex: 1;
        padding-left: 4px;
        padding-right: 4px;
    }

        .flex-container > p:first-child {
            padding-left: 0px;
        }

        .flex-container > p:last-child {
            padding-right: 0px;
        }

    .flex-container > div {
        flex: 1;
        padding-left: 4px;
        padding-right: 4px;
    }

        .flex-container > div:first-child {
            padding-left: 0px;
        }

        .flex-container > div:last-child {
            padding-right: 0px;
        }

    .flex-container > .flex-quarter {
        flex-basis: 25%;
    }

    .flex-container > .flex-three-quarter {
        flex-basis: 75%;
    }

    .flex-container > .flex-3 {
        flex-basis: 3%;
    }

    .flex-container > .flex-5 {
        flex-basis: 5%;
    }

    .flex-container > .flex-10 {
        flex-basis: 10%;
    }

    .flex-container > .flex-15 {
        flex-basis: 15%;
    }

    .flex-container > .flex-17 {
        flex-basis: 17%;
    }

    .flex-container > .flex-20 {
        flex-basis: 20%;
    }

    .flex-container > .flex-25 {
        flex-basis: 25%;
    }

    .flex-container > .flex-28 {
        flex-basis: 28%;
    }

    .flex-container > .flex-30 {
        flex-basis: 30%;
    }

    .flex-container > .flex-33 {
        flex-basis: 33%;
    }

    .flex-container > .flex-35 {
        flex-basis: 35%;
    }

    .flex-container > .flex-38 {
        flex-basis: 38%;
    }

    .flex-container > .flex-40 {
        flex-basis: 40%;
    }

    .flex-container > .flex-45 {
        flex-basis: 45%;
    }

    .flex-container > .flex-50 {
        flex-basis: 50%;
    }

    .flex-container > .flex-55 {
        flex-basis: 55%;
    }

    .flex-container > .flex-60 {
        flex-basis: 60%
    }

    .flex-container > .flex-66 {
        flex-basis: 66%;
    }

    .flex-container > .flex-70 {
        flex-basis: 70%;
    }

    .flex-container > .flex-75 {
        flex-basis: 75%;
    }

    .flex-container > .flex-80 {
        flex-basis: 80%;
    }

    .flex-container > .flex-83 {
        flex-basis: 83%;
    }

    .flex-container > .flex-85 {
        flex-basis: 85%;
    }

    .flex-container > .flex-90 {
        flex-basis: 90%;
    }

    .flex-container > .flex-95 {
        flex-basis: 95%;
    }

.flex-1 {
    flex: 1 !important;
}

.flex-1-point-2 {
    flex: 1.2 !important;
}

.flex-2 {
    flex: 2 !important;
}

.flex-3 {
    flex: 3 !important;
}

.flex-4 {
    flex: 4 !important;
}

.flex-5 {
    flex: 5 !important;
}

.flex-6 {
    flex: 6 !important;
}

.flex-display {
    display: flex;
}

.flex-column {
    flex-direction: column;
}


.flex-container.allign-center {
    align-content: center;
}


.flex-item-stratch-y {
    height: 100%;
}

.connect-flex-align-stretch {
    align-items: stretch;
}

.ellipsis-button {
    margin-left: 3px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.connect-text-align-right {
    text-align: right !important;
}

..connect-text-align-left {
    text-align: left !important;
}

.connect-text-align-center {
    text-align: center !important;
}

#loanServiceProviders tr input:disabled {
    background-color: #f5f5f5 !important;
}

#loanServiceProviders button {
    border: solid 1px #dedede;
    border-radius: 4px;
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    padding: 5px 20px 5px 20px;
    color: #777;
    font-weight: bold;
}

.small-modal-1 {
    width: 250px !important;
}

.small-modal-2 {
    width: 400px !important;
}

.small-modal-3 {
    width: 600px !important;
}

.connect-height-auto {
    height: auto !important;
    padding-bottom: 0px !important;
}

.connect-height-82 {
    height: 82%;
}

.connect-height-70px {
    height: 70px !important;
}

.connect-container-locktoloan .connect-table td {
    padding: 6px;
}

.connect-panel-actions {
    border-radius: 6px;
    -webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.05);
    box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.05);
    width: 100%;
    padding: 5px;
}

.connect-container-smartGfe .connect-table td {
    padding: 4px;
}

.connect-container-smartGfe .bbs-panel-dataentry p.bbs-checkbox {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

#conditionsGridId .k-grid-content {
    max-height: 400px;
}

/*#conditionsGridId .k-alt {
    background-color: #fcfcfc !important;
}*/

#conditionsGridId .k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #000000 !important;
}

#conditionsGridId .k-edit-cell > .k-textbox {
    width: 463%;
    z-index: 900;
}

#conditionsGridId.k-grid .k-edit-cell {
    overflow: visible;
}

/*.connect-background-success {
    background-color: #9dd82a !important;
    color:#ffffff !important;
}

.connect-background-error {
    background-color:red;
    color: #ffffff !important;
}*/

.connect-conditions-status {
    display: inline-block;
    margin: 0px 7px 0px 0px;
    border-radius: 100% 100%;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

    .connect-conditions-status.connect-conditions-status-satisfied.connect-conditions-status-unsatisfied {
        background-color: #9dd82a !important;
    }

    .connect-conditions-status.connect-conditions-status-unsatisfied {
        background-color: red;
    }

    .connect-conditions-status.connect-conditions-status-waived {
        background-color: lightgray !important;
    }


/*#conditionsGridId .k-alt.k-state-selected, #conditionsGridId .k-alt.k-state-selected:link, #conditionsGridId .k-alt.k-state-selected:visited .k-alt.k-state-selected:hover {
    color: #000 !important;
    background-color: #ffffff !important;
    border-color: #428bca;
    border-top-color: rgb(66, 139, 202);
    border-right-color: rgb(66, 139, 202);
    border-bottom-color: rgb(66, 139, 202);
    border-left-color: rgb(66, 139, 202);
}*/

.sidebar-skin-dark .connect-grid-header p.connect-note-indicator, .connect-grid-content p.connect-note-indicator {
    width: 2%;
    margin-left: 0;
}

.connect-dragdroparea-eligible {
    border: dashed 3px #ebebeb;
    padding: 5px;
    border-radius: 6px;
    overflow-y: scroll;
    height: 198px;
}

.connect-dragdroparea-investors {
    border: dashed 3px #ebebeb;
    padding: 5px;
    border-radius: 6px;
    overflow-y: scroll;
    height: 444px;
}

    .connect-dragdroparea-eligible ul, .connect-dragdroparea-investors ul {
        padding-left: 0;
        width: 100%;
    }

.connect-dragdroparea-eligible ul {
    height: 170px;
}

.connect-dragdroparea-investors ul {
    height: 374px;
}

    .connect-dragdroparea-eligible ul li, .connect-dragdroparea-investors ul li {
        background-color: #f5f7f7;
        border: 1px solid #dddddd;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        width: 100%;
        cursor: grab;
        height: 37px;
    }

.connect-dragdroparea-selected {
    background-color: #666666 !important;
    color: #ffffff;
}

.connect-move-left-4 {
    margin-left: -4px !important;
}

#divPipelineGrid .k-grid-content {
    min-height: 340px;
}

.connect-lenderloaninfo-qualifyingborrower p.description {
    width: 40%;
}

.connect-lenderloaninfo-qualifyingborrower p.value {
    width: 15%;
}

    .connect-lenderloaninfo-qualifyingborrower p.value input {
        width: 80%;
    }

.change-of-circumstance .change-date {
    width: 70px;
}

.change-of-circumstance .redisclosure-date {
    width: 70px;
}

.change-of-circumstance .redisclosure-reason {
    width: 440px;
}

.change-of-circumstance .coc-notes {
}

.change-of-circumstance .coc-for-cd {
    width: 130px;
}

    .change-of-circumstance .coc-for-cd p {
        font-size: 12px;
        font-style: italic;
    }

    .change-of-circumstance .coc-for-cd .bbs-checkbox {
        margin-top: 0px;
        text-align: center;
    }

        .change-of-circumstance .coc-for-cd .bbs-checkbox span {
            left: 60px;
        }

.change-of-circumstance .coc-sent-with-cd {
    width: 130px;
}

    .change-of-circumstance .coc-sent-with-cd p {
        font-size: 12px;
        font-style: italic;
    }

    .change-of-circumstance .coc-sent-with-cd .bbs-checkbox {
        margin-top: 0px;
        text-align: center;
    }

        .change-of-circumstance .coc-sent-with-cd .bbs-checkbox span {
            left: 60px;
        }

.change-of-circumstance .coc-action {
    width: 60px;
}

#selectDuFileInput {
    text-indent: -2px;
    line-height: 21px;
    padding-left: 6px;
}

.k-grid-toolbar .k-button.active {
    border: solid 1px #345a8c;
    background-color: #5371a1;
    color: #ffffff;
    font-weight: bold;
}

.bbs-incomemonthlyamount {
    position: relative;
}

    .bbs-incomemonthlyamount span {
        position: absolute;
        top: 22px;
        right: 5px;
    }


.connect-coborrower-income {
    position: relative;
}

    .connect-coborrower-income span {
        position: absolute;
        top: 1px;
        right: 5px;
    }

.connect-input-icon {
    position: relative;
}

    .connect-input-icon span {
        position: absolute;
        top: 1px;
        right: 8px;
    }

.connect-container-white {
    background: #ffffff;
    border-radius: 6px;
    padding: 10px;
}

#widgetPipeline .k-dropdown-wrap, #widgetPipeline .k-numeric-wrap, #widgetPipeline .k-picker-wrap {
    padding-right: 2px;
}

#widgetPipleine .k-filter-row .k-dropdown-operator, #widgetPipleine .k-filtercell > span > .k-button {
    position: absolute;
    top: 0;
    right: 6px;
}

#logGridId .k-grid-content {
    max-height: 500px;
}

.bbs-grid #logGridId.k-grid .k-grid-header {
    padding-right: 17px !important;
}

.connect-uploader-progress.progress {
    margin-bottom: 0;
    background-color: #d0dbec;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 85%;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 15px;
}

.connect-mortgageinsurance-results .connect-grid .header {
    border-bottom: solid 1px #cbdbee;
    min-height: 30px;
}

    .connect-mortgageinsurance-results .connect-grid .header div, .connect-mortgageinsurance-results .connect-grid .content .grid-row div {
        display: inline-block;
        margin-left: 0px;
    }



    .connect-mortgageinsurance-results .connect-grid .header .column {
        vertical-align: bottom;
        font-size: 14px;
        margin-left: -4px;
        font-weight: bold;
    }

.connect-mortgageinsurance-results .connect-grid .column {
    width: 70%;
    border-right: solid 1px #cbdbee;
    padding: 10px;
    align-items: stretch;
}

/*.connect-mortgageinsurance-results .connect-grid {
    width: 15%;
    border-right: solid 1px #cbdbee;
    padding: 10px;
    align-items: stretch;
}*/



.connect-grid.connect-grid-outstandingitems .grid-row {
    min-height: 23px;
    border-bottom: solid 1px #cbdbee;
    display: flex !important;
}


.connect-mi-companies {
    min-height: 50px;
    vertical-align: bottom;
}

.connect-col-panel-xlarge.connect-selected-item {
    /*background-color: #58c927 !important;
    color: #ffffff !important;*/
    border-radius: 15px !important;
    /*border: 3px solid #58c927 !important;*/
    box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.46);
}

/*.connect-col-panel-xlarge.connect-selected-item .bbs-division-dashed {
   
    border-color: #ffffff;
}*/

.connect-mi-logo {
    display: inline-block;
    margin-top: 10px;
}

.connect-logo-mgic {
    background-image: url(/images/mgic-logo.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 25px;
}

.connect-logo-arch {
    background-image: url(/images/arch-logo.png);
    background-repeat: no-repeat;
    width: 141px;
    height: 35px;
}

.connect-logo-national {
    background-image: url(/images/nationalmi-logo.png);
    background-repeat: no-repeat;
    width: 159px;
    height: 30px;
}

.connect-logo-radian {
    background-image: url(/images/radian-logo.png);
    background-repeat: no-repeat;
    width: 87px;
    height: 27px;
}

.connect-logo-essent {
    background-image: url(/images/essent-logo.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 29px;
}

.connect-logo-genworth {
    background-image: url(/images/genworth-logo.png); /*Enact*/
    background-repeat: no-repeat;
    /*width: 205px;*/
    width: 79px;
    height: 30px;
}

.connect-logo-optimalblue {
    position: relative;
    top: 43px;
    left: 340px;
}

.connect-logo-questsoft {
    background-image: url(/images/questsoft-logo.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 24px;
    margin: 10px 8px;
}

.connect-logo-appraisalshield {
    background-image: url(/images/appraisalshield-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    /*width: 207px;
    height: 64px;*/
    /*max-width: 170px;
    max-height: 53px;*/
    width: 146px;
    height: 45px;
    margin: 4px 30px 0px 10px;
}


.connect-logo-fanniemae {
    background-image: url(/images/fannie-mae-logo.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 29px;
    display: inline-block;
}

.connect-logo-mc {
    background-image: url(/images/mc-logo-small.png);
    background-repeat: no-repeat;
    width: 200px;
    height: 26px;
    display: inline-block;
}

.bbs-panel-dataentry p {
    position: relative;
}

.validation-popover-inner {
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    margin-left: 0;
}

    .validation-popover-inner span {
        vertical-align: top;
    }

.validation-popover-container {
    /*padding: 25px;*/
    /*height: 300px;*/
    width: 450px;
}

.impersonating-user {
    color: red;
    font-weight: bold;
}

.connect-modal {
}

    .connect-modal .connect-modal-title {
        margin-bottom: 8px;
    }

        .connect-modal .connect-modal-title h2 {
            font: normal 16px/12px Segoe UI;
            letter-spacing: -0.4px;
            margin: 0;
            display: inline-block;
        }

        .connect-modal .connect-modal-title h1 {
            font: normal 24px Segoe UI;
            /*color: #333333;*/
            letter-spacing: -.5px;
            margin: 0;
            display: inline-block;
        }

        .connect-modal .connect-modal-title a { /* Close Icons */
            font-size: 16px;
            color: #4E4E4E;
            position: absolute;
            right: 18px;
            top: 12px;
        }

            .connect-modal .connect-modal-title a:hover { /* Close Icons */
                color: #5371a1;
            }

    .connect-modal .connect-modal-actions {
        min-height: 25px;
    }

        .connect-modal .connect-modal-actions button {
            float: right;
        }

            .connect-modal .connect-modal-actions button:first-child {
                margin-right: 0px;
            }

.connect-modal-action-button {
    padding: 2px 10px !important;
    background: #5371a1;
    color: #ffffff !important;
    font-size: 12px;
    margin-left: 6px;
    border: solid 1px #345a8c;
    border-radius: 4px;
    margin-top: 0;
    box-shadow: none;
}

    .connect-modal-action-button:hover {
        background: #5d7eb3 !important;
    }

    .connect-modal-action-button.connect-modal-action-button-default {
        background: #5d7eb3 !important;
    }

.connect-modal-cancel-button {
    padding: 2px 10px !important;
    background: #5371a1;
    color: #ffffff !important;
    font-size: 12px;
    margin-left: 6px;
    border: solid 1px #345a8c;
    border-radius: 4px;
    margin-top: 0;
    box-shadow: none;
}

    .connect-modal-cancel-button:hover {
        background: #5d7eb3 !important;
    }

    .connect-modal-cancel-button.connect-modal-cancel-button-default {
        background: #5d7eb3 !important;
    }

.connect-redisclose {
    color: #ffffff;
    display: inline-block;
    position: absolute;
    font-weight: bold;
    font-size: 12px;
    z-index: 20;
    top: 6px;
    left: 2px;
}

.connect-rediscloseIcon {
    color: #ef5823;
    font-size: 24px;
}

.connect-declineRedisclose {
    position: absolute;
    font-size: 9px;
    left: 6px;
    top: 9px;
    z-index: 20;
}

    .connect-declineRedisclose i {
        color: #ffffff;
        font-size: 10px !important;
    }

.connect-eclosing {
    color: #ffffff;
    display: inline-block;
    position: absolute;
    font-weight: bold;
    font-size: 16px;
    z-index: 20;
    top: 3px;
    left: 3px;
}

.k-grid tr.k-state-selected:hover, .k-grid tr.k-state-selected, .k-grid tr.k-alt.k-state-selected:hover, .k-grid tr.k-alt.k-state-selected, .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    color: #000000;
    background-color: #d2e2f7 !important;
    border-color: transparent;
}

.connect-servicer-name {
    width: 98%;
    margin-left: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.connect-email.connect-validation-container {
    top: 6px;
    right: -15px;
}

#loanNavBar .fa-feather {
    top: -4px;
    left: 19px;
    position: relative;
    font-size: 17px;
}

#loanNavBar .fa-signature {
    top: 5px;
    left: -13px;
    position: relative;
    font-size: 12px;
}



/*Connect Grid - no kendo styling*/

.connect-grid .k-widget {
    border: none;
    background-color: transparent !important;
}


.connect-grid .k-grid-header {
    border-width: 0;
    border-style: none;
    border-bottom-style: none;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold !important;
}

.connect-grid .k-grid-footer-wrap, .connect-grid .k-grid-header-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: none;
    border-width: 0 1px 0 0;
    zoom: 1;
}

.connect-grid .k-filter-row th, .connect-grid .k-grid-header th.k-header {
    overflow: hidden;
    border-style: none;
    border-width: 0;
    padding: .5em .6em .4em .6em;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.connect-grid .k-header {
    background-color: transparent;
}

/*::selection {
    background-color: transparent !important;
    background:transparent !important;
    color: #000000 !important;
    text-shadow: none;
}*/

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    color: #000000;
    background-color: #d2e2f7;
    border-color: transparent;
}

.connect-grid table {
    border: none;
}

.connect-grid .k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: transparent;
}

.connect-grid.k-grid tr:hover {
    background-color: transparent;
}

.connect-grid.k-grid tr td {
    font-weight: normal;
    /*border: 0 1px 0 0;*/
    /*border-width: 0 1px 1px 0;*/
    /*border-right: solid 1px #cbdbee;*/
    /*border-right: none;*/
    /*border-color: #e8e8e8;*/
    border-bottom: dashed 1px #b4bfcc;
    border-color: #b4bfcc;
}

.connect-grid.k-grid tr {
    font-weight: normal;
    border-bottom: dashed 1px #b4bfcc;
    border-color: #b4bfcc;
}

    .connect-grid.k-grid tr.k-filter-row {
        /*background-color:#c3daf7;*/
        border-bottom: 5px solid #333333;
    }


        .connect-grid.k-grid tr.k-filter-row input.k-input {
            box-shadow: 0px 0px 20px 0px rgba(204,204,204,0.4) !important;
            /* border-color: #48a8e3 !important; */
            font-size: 12px;
            font-weight: normal;
            /*border: 1px solid #cccccc;*/
            border-radius: 12px;
            height: 20px !important;
        }



    .connect-grid.k-grid tr.k-state-selected:hover {
        background-color: transparent !important;
        /*border-color: #b4bfcc !important;*/
    }

        .connect-grid.k-grid td.k-state-selected:hover, .connect-grid .k-grid tr.k-state-selected:hover td {
            background-color: #d2e2f7;
        }

/*.connect-grid .k-pager-wrap {
    clear: both;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 1px;
    line-height: 2em;
    padding: .333em 0 .333em .25em;
    display: none;
}*/

.connect-grid .k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    zoom: 1;
    min-height: 0;
    min-height: 270px;
}

.connect-grid.k-content {
    background-color: transparent;
}

.connect-grid .k-grid-header {
    padding-right: 0 !important;
}

.connect-grid.k-grid tr td {
    border-width: 0 0 1px 0;
    border-style: dashed;
    font-weight: normal;
    /*border: 0 1px 0 0;*/
    /*border-width: 0 1px 1px 0;*/
    /*border-right: solid 1px #cbdbee;*/
    /*border-right: none;*/
    /*border-color: #e8e8e8;*/
    border-bottom: dashed 1px #b4bfcc;
    border-color: #b4bfcc;
}

.connect-grid.k-widget {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-width: 0;
    outline: inherit;
    -webkit-tap-highlight-color: #d2e2f7 !important;
}

.connect-grid .connect-header div, .connect-grid .connect-row div {
    display: inline-block;
    margin-left: -4px;
    padding: 7px;
    vertical-align: top;
}

.connect-grid .connect-row, .connect-grid .connect-header {
    border-bottom: dashed 1px #9da7b3;
    padding: 5px;
}

.connect-header.line {
    border-bottom: solid 1px #9da7b3;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 20px 0 20px;
}

.connect-row.panel-alternate-item {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 20px 0 20px;
}

.connect-row.panel-alternate-item:nth-child(odd) {
    background-color: #f3f7fc;
}

.connect-font-lineheight-5px {
    line-height: 5px;
}

.connect-font-lineheight-0 {
    line-height: 0;
}

.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.connect-textbox {
    background: #e0e8f3 !important;
    border: solid 1px #b4bfcc !important;
    border-radius: 4px;
    min-height: 22px;
    margin-top: 1px;
    margin-bottom: -5px;
    font-size: 13px;
    padding-left: 4px;
}

.connect-collapse-panel {
    color: #333333;
    border-radius: 6px;
    background: #E1EBF7 0% 0% no-repeat padding-box;
    font: normal normal bold 16px/21px Segoe UI !important;
    vertical-align: middle !important;
    min-width: inherit;
    width: 100%;
    cursor: pointer !important;
}

.connect-colapse-panel span i {
    font: normal normal normal 16px/16px "Font Awesome 5 Pro" !important;
    color: #666666 !important;
}

.connect-collapse-panel .expand-icon {
    text-align: left;
    font-size: 24px !important;
    letter-spacing: -0.6px;
    color: #2C8DC7 !important;
    opacity: 1;
    margin-left: 30px;
}

button.primary-alt {
    color: #204A0E;
    border: 1px solid #204A0E;
    background-color: #FFF;
    font-weight: 600;
}

button.primary-alt:hover {
    color: #FFF;
    background-color: #204A0E;
}

.configuration {
    width: 174px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    border-radius: 6px 0 0 6px;
}

.configuration .configuration-cog {
    border-radius: 6px 0 0 6px;
}

.configuration .title {
    text-transform:none;
}

.configuration .fa-cog {
    color: #0675b9;
}

.darkmode-toggle {    
    padding: 5px 15px 10px 15px;   
   
}

.darkmode-toggle .button-container {
    background-color: #999999;
    padding:4px 8px;
    
    border-radius: 6px;
    display:inline-block;
    width:100%;
    text-align:center;
}

.darkmode-toggle button {
    background-color: #999999;
    border: solid 2px #999999;
    border-radius: 6px;
    padding: 7px 20px 5px 20px;
    margin:0;
    width:48%;    
}

.darkmode-toggle button:hover {
    background-color: #666666;    
}

.darkmode-toggle button.selected {
    background-color: #ffffff;
    border: solid 2px #7ed359;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.45);
}

.darkmode-toggle button i {    
    font-size:18px;
    color: #e3e3e3;
}

.darkmode-toggle button.selected i {
    color: #333333;  
}

.quick-launch-panel .quick-launcher-inner {
    display: block;
    padding: 10px 0 17px 0;
    width: 70%;
    margin: auto;
}

.switch span {
    border: 1px solid #999999;
    background-color: #999999;
}

/*override css for radios and checkboxes to use native*/
.bbs-radio-normal label.bbs-container-radio input[type="radio"], p.bbs-radio-normal label.bbs-container-radio input[type="checkbox"] {
    visibility: visible;
    position: absolute;
     z-index: 0; 
     margin-top:2px !important;
}

.bbs-radio-normal label.bbs-container-radio input + span.replaceinput {
    cursor: pointer;
    background-image: url(/images/bbs-radiobuttons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    opacity: 0;
    -moz-user-select: none;
}

.connect-label-inner {
    margin-left: 0px !important;
    vertical-align: middle;
}

.bbs-radio-normal label.bbs-container-radio {
    width: auto;
    text-align: left;
    max-width: none;
    font-weight: normal;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.bbs-panel-dataentry p input[type="radio"] {
    width: auto !important;
}

.bbs-radio-normal label.bbs-container-radio input[disabled] + span.replaceinput {
    opacity: 0;
    cursor: default;
}

.connect-radio-inline .bbs-radio-normal label.bbs-container-radio, .connect-radio-inline .bbs-radio-normal label.bbs-container-radio input {
    /* margin-top: 7px; */
    margin-top: 4px;
    font-size: 15px;
}

/*checkboxes*/
input[type="checkbox"] + label span {
    background-repeat: no-repeat;
    font-weight: normal;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 18px;
    border-radius: 3px;
    line-height: 16px;
    /* margin: 6px 0; */
    /* padding-left: 28px; */
    vertical-align: middle;
    background-image: url(/images/bbs-checkboxes.png);
    background-position: 0 0;
    z-index: 200;
    position: relative;
    left: -20px;
    top: -1px;
    opacity: 0;
}

p.bbs-checkbox input:disabled + label span {
    opacity: 0 !important;
    cursor: default;
}

.bbs-panel-dataentry .checkbox-inline, .bbs-panel-dataentry p.bbs-checkbox label, .bbs-panel-dataentry .connect-loanscenarios p.bbs-checkbox label {
     padding-left: 0; 
    vertical-align: top;
}

p.bbs-checkbox input[type="checkbox"]:disabled {
    opacity: 1.0 !important;
}

input[type="checkbox"] {
    position: absolute;
    top: 1px !important;
    left: inherit;
}


/*pricing checkboxes*/
.connect-pricing .connect-pricing-search-options .connect-pricing-search-options-panel p input {
    width: auto !important;
}

.connect-pricing input[type=checkbox] {
    opacity: 1.0 !important;
}

pricing .connect-pricing-loan-info p input[type="checkbox"] {
    width: auto !important;
}

.connect-pricing .connect-pricing-search-options p.bbs-checkbox label {
     padding-left: 20px !important; 
    padding-top: 4px;
    margin-top: 0px;
}

/*urla checkboxes*/
.urla .bbs-panel-dataentry .bbs-checkbox input[type="checkbox"] {
    opacity: 1.0 !important;
}

.connect-recent-searches {
    min-height: 180px;
    position: absolute;
    top: 24px;
    left: 0;
    background-color: #ffffff;
    z-index: 100;
    border-radius: 10px;
    width: 61%;
    min-width: 318px;
    padding-top: 5px;    
    box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.25);
    margin-top: 5px;
}

.connect-recentsearch-item {
    padding:5px 15px 5px 15px;
    cursor:pointer;
}

.connect-recentsearch-item:hover {
    background-color:#f7f7f7;
}

.connect-header-label {
    font-size:12px;
    font-weight:bold;
    color:#666666;
    display:inline-block;
    padding: 0 0 10px 15px;
}

.connect-fee-description-alt.fee-description {
    width: 42% !important;
}

.connect-fee-paidto-alt.fee-paidto {
    width: 23% !important;
    min-width: inherit !important;
}

.connect-fee-company-alt.fee-company {
    min-width: inherit !important;
    width: 35% !important;
}

.tooltip.loan-submission-tooltip {
    z-index: 3000 !important;
    width: 350px !important;
    max-width: none !important;
    min-width: 350px !important;
    position:absolute;
}

.tooltip.loan-submission-tooltip .tooltip-inner {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.5);
    color: #333333;
    text-align: left;
    max-width:100% !important;
}

.lockValueDiffers {
    color: green;
}
.bbs-ssn .ssn {
    text-align: left;
}

.license-validation-error {
    text-align: center;
    width:auto;
}

.license-validation-error .fa-exclamation-triangle {
    font-size:40px;
    display: block;
    margin-top:30px;
}

.connect-modal-xsmall .modal-dialog {
    width: 300px;
}

.connect-enote {
    border-radius: 15px;
    padding: 3px 10px;
    background-color: #ffffff;
    font-size: 14px;

}

.switch :checked:disabled + span {
    border-color: #999999;
    -webkit-box-shadow: #999999 0px 0px 0px 21px inset;
    -moz-box-shadow: #999999 0px 0px 0px 21px inset;
    box-shadow: #999999 0px 0px 0px 21px inset;
    -webkit-transition: border 300ms, box-shadow 300ms, background-color 1.2s;
    -moz-transition: border 300ms, box-shadow 300ms, background-color 1.2s;
    -o-transition: border 300ms, box-shadow 300ms, background-color 1.2s;
    transition: border 300ms, box-shadow 300ms, background-color 1.2s;
    background-color: #999999;
}

.popover.save-tooltip {
    width: 120px;
    border-radius: 4px;
}

.popover.save-tooltip .popover-content {
    text-align: center;
    padding: 4px;
}

.connect-modal .connect-modal-description p {
    font-size:12px;
}

.connect-collapse {
    position: absolute !important;
    right: 10px;
    top:8px;
}

.connect-mailingaddress-borrower-information {
    width: 73%;
    padding-left: 4.6%;
}

.bbs-panel-dataentry .connect-mailingaddress-borrower-information p.bbs-checkbox {
    margin-bottom: 5px;
}

.connect-expresstrac {
    color: #48bfad;
}

.cc-flex-basis-5 {
    flex-basis: 5% !important;
}

.cc-flex-basis-11 {
    flex-basis: 11%;
}

.flex-grow-half {
    flex-grow: .5 !important;
}

.flex-grow-quarter {
    flex-grow: .25 !important;
}

.cc-flex-2 {
    flex: 2 !important;
}

/* 
    Ensure the scrollbar width is an event pixel amount
    so that TranslateX doesn't cause "blurry" visuals in
    our modals.
*/
::-webkit-scrollbar {
    width: 16px; 
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}