/************ Overwriting existing CSS ************/
@media all and (max-width: 767px){
    .container{
        width:inherit;
    }
    .align-center{
        text-align: center;
    }
    .margin-top-10{
        margin-top: 10px;
    }
    .no-padding-left-right {
        padding-left: 0;
        padding-right: 0;
    }
}



body{
    font-family: "Verdana","helvetica",serif;
    padding-right: unset !important;
}
.conditionsUpload{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
p{
    margin:0;
}
#extLayoutTd{
    padding:0;
}
#extLayoutBody table{
    width:100%;
}
legend{
    width:auto;
    margin:initial;
    font-size:initial;
    border:0;
}
fieldset{
    padding:5px;
}
.no-padding{
    padding-left:0;
    padding-right:0;
}
.inlineblock{
    display:inline-block;
    float:none;
}
.valign{
    float:none;
    display:inline-block;
    vertical-align:middle;
}
.bottomCenterParent{
    position:relative;
}
.bottomCenterChild{
    position:absolute;
    bottom:25%;
    margin: 0 auto;
    width:100%;
}
.underline{
    text-decoration:underline;
}
.disabledLink{
  cursor: not-allowed;
  pointer-events: none;      
  opacity: 0.5;
  text-decoration: none;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}

/************ Header CSS ************/
.headerBG{
    background-color:#fff;
    height:70px;
    width:80%;
    left:10%;
    position:absolute;
    border-bottom: 1px solid #05579C;
}
.headerBG:before{
    content: "";
    position:absolute;
    left:-35px;
    width:40px;
    height:102%;
    border-bottom: 1px solid #05579C;
    border-left: 1px solid #05579C;
    -webkit-transform: skew(35deg);
    -moz-transform: skew(35deg);
    -ms-transform: skew(35deg);
    -o-transform: skew(35deg);
    transform: skew(35deg);
    border-bottom-left-radius: 10px;
}
.headerBG:after{
    content: "";
    position:absolute;
    right:-35px;
    width:40px;
    height:102%;
    border-bottom: 1px solid #05579C;
    border-right: 1px solid #05579C;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    transform: skew(-35deg);
    border-bottom-right-radius: 10px;
}
.headerRow{
    height:70px;
    margin-bottom:50px;
}
.headerRow .logoDiv{
    position:relative;
    height:100%;
}
.logoImage{
    width:80%;
    position:absolute;
    margin:auto;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.logoImage.SWMCLogo{
    max-width:280px;
}
.logoImage.SMLSLogo{
    max-width:350px;
}
.headerLogImgLink{
    height: 40px;
}

/*** Login Page CSS ***/
.hotline-text{
    font-size:20px;
    font-weight:bold;
}
.hotline-picture{
    border:1px solid #000000;
    width:100%;
    padding:5px;
    max-width:300px;
}
.login-text{
    font-size:14px;
    font-weight:bold;
    margin-bottom:0;
}

.loginBtnsDiv{
    margin-top:10px;
}

.loginBtnDiv{
    padding-right:2px;
    padding-left:2px;
}

.loginBtnsDiv .btn{
    background-color: #0258a3;
    color:#FFFFFF;
    width:100%;
    border-radius:0;
    margin-bottom:8px;
    font-weight:bold;
}
.loginBtnsDiv .btn:hover, .loginBtnsDiv .btn:focus{
    background-color: #0f70c8;
    color:#FFFFFF;
}

.loginWindowDiv .loginWindowHeader{
    background-color:#0258a3;
}
.loginWindowDiv input[type=text].form-control,
.loginWindowDiv input[type=password].form-control,
.loginWindowDiv select[size].form-control{
    height:55px;
    color:#0F70C8;
}
.loginWindowDiv a, .loginWindowDiv a:hover{
    color:#000000;
    text-decoration:underline;
    font-weight:bold;
}
.loginWindowDiv label{
    line-height:20px;
    font-weight:normal;
    display:inline;
}
.loginWindowDiv .btn-primary {
    background-color:#0258a3;
    color:#FFFFFF;
}
.loginWindowDiv .btn-primary:hover{
    background-color:#0f70c8;
    border-color:#0f70c8;
    color:#FFFFFF;
}
.loginWindowDiv .captchaSpaceDiv{
    height: 110px;
}
.loginWindowDiv .reCaptcha{
    display:inline-block;
}
.loginPDFLinksDiv{
    margin-top:20px;
}
.loginPDFLinksDiv .loginPDFLinks{
    margin-top:10px;
    border:1px solid #000000;
    border-radius:0;
    font-weight:bold;
    color:#0258a3;
    font-size:22px;
    height:auto;
}
.loginPDFLinksDiv {
    text-decoration:none;
    color:#0258a3;
}
.loginPDFLinks:hover {
    text-decoration:none;
    color:#0f70c8;
}
.loginToolsDiv{
    margin-top:30px;
    padding-top:30px;
    padding-bottom:30px;
}
.loginToolsDiv .loginToolsImg{
    width:100%;
    max-width:250px;
    margin-top:20px;
}
.footer_div{
    padding-top:25px;
    margin-top:30px;
}
.footer_div .disclaimer_footer{
    text-align:justify;
    text-align-last:center;
    color:#FFF;
    width:100%;
    table-layout:fixed;
}
.footer_div .disclaimer_footer a, .footer_div .disclaimer_footer a:hover{
    color:#f99e1e !important;
    word-wrap:break-word;
}
.footer_bg{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color:#B41E39;
    z-index:-1;
    height:440px;
}
.footer_div .disclaimer_footer_table{
    color:#FFF;
}
.loginSuccessModal modal-header{
    font-weight:bold;
    color:#0258a3;
    font-size:20px;
}

.creatingLoanModal modal-header{
    font-weight:bold;
    color:#0258a3;
    font-size:20px;
}

.staffHeader{
    background-color: #0258a3;
    color: #FFFFFF;
    line-height: 20px;
    font-size: 14px;
    padding: 5px;
    text-align: center;
}
.staffContent{
    padding-top: 5px;
    font-size: 12px
}
/************ SMLS Mobile CSS *************/
#chevronGraphRow{
    min-height:175px;
}
.smlsChevronGraphImgWrap{
    overflow-x:auto;
    overflow-y:hidden;
}
#smlsChevronGraphWrap{
    margin-left:10px;
    margin-right:10px;
    overflow-x:auto;
    overflow-y:hidden;
}
#smlsChevronGraphContent{
    height:170px;
}
#smlsChevronGraphContent .loanStatusGraphCss{
    -ms-transform: scale(0.22); /* IE 9 */
    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform: scale(0.22); /* Chrome, Safari, Opera */
    -webkit-transform-origin:0 0; /* Chrome, Safari, Opera */
    transform: scale(0.22);
    transform-origin:0 0;
    height:151px;
}
#smlsChevronGraphContent .loanStatusGraphCss1, #smlsChevronGraphContent .loanStatusGraphCss6{
    -ms-transform: scale(0.26); /* IE 9 */
    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform: scale(0.26); /* Chrome, Safari, Opera */
    -webkit-transform-origin:0 0; /* Chrome, Safari, Opera */
    transform: scale(0.26);
    transform-origin:0 0;
    height:151px;
    top:20px;
    left:25px;
}
#smlsChevronGraphContent .loanStatusGraphCss4{
    -ms-transform: scale(0.26); /* IE 9 */
    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform: scale(0.26); /* Chrome, Safari, Opera */
    -webkit-transform-origin:0 0; /* Chrome, Safari, Opera */
    transform: scale(0.26);
    transform-origin:0 0;
    height:120px;
    top:20px;
    left:25px;
}
#smlsChevronGraphContent .loanStatusGraphCss5{
    -ms-transform: scale(0.3); /* IE 9 */
    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform: scale(0.3); /* Chrome, Safari, Opera */
    -webkit-transform-origin:0 0; /* Chrome, Safari, Opera */
    transform: scale(0.3);
    transform-origin:0 0;
    height:151px;
    top:20px;
    left:25px;
}
#smlsChevronGraphContent .loanStatusGraphIntCss{
    position: relative;
    -ms-transform: scale(0.22); /* IE 9 */
    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform: scale(0.22); /* Chrome, Safari, Opera */
    -webkit-transform-origin:0 0; /* Chrome, Safari, Opera */
    transform: scale(0.22);
    transform-origin:0 0;
    height:151px;
}
#smlsChevronGraphContent .loanStatusGraphIntCss1, #smlsChevronGraphContent .loanStatusGraphIntCss6{
    position: relative;
    -ms-transform: scale(0.26); /* IE 9 */
    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform: scale(0.26); /* Chrome, Safari, Opera */
    -webkit-transform-origin:0 0; /* Chrome, Safari, Opera */
    transform: scale(0.26);
    transform-origin:0 0;
    height:151px;
    top:20px;
    left:25px;
}
#smlsChevronGraphContent .loanStatusGraphIntCss4{
    position: relative;
    -ms-transform: scale(0.26); /* IE 9 */
    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform: scale(0.26); /* Chrome, Safari, Opera */
    -webkit-transform-origin:0 0; /* Chrome, Safari, Opera */
    transform: scale(0.26);
    transform-origin:0 0;
    height:120px;
    top:20px;
    left:25px;
}
#smlsChevronGraphContent .loanStatusGraphIntCss5{
    position: relative;
    -ms-transform: scale(0.3); /* IE 9 */
    -ms-transform-origin:0 0; /* IE 9 */
    -webkit-transform: scale(0.3); /* Chrome, Safari, Opera */
    -webkit-transform-origin:0 0; /* Chrome, Safari, Opera */
    transform: scale(0.3);
    transform-origin:0 0;
    height:151px;
    top:20px;
    left:25px;
}
.headerBox{
    margin-top:10px;
    min-height:80px;
}
.headerBox .emailButton{
    margin-right:5px;
    background-color:#0258a3;
    background-image:url(../../img/ARCLEN/cell-bg3.jpg);
}
.pipelineButtons{
    margin-right:5px;
    margin-bottom:5px;
}
.SMLSTableHeader{
    padding:10px;
    background-color:#0258a3;
    background-image:url(../../img/ARCLEN/cell-bg3.jpg);
    color:#FFFFFF;
    font-family: "Verdana","Arial",serif;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #939597;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
}

.SMLSTableHeaderNoBorder{
    padding:10px;
    background-image:url(../../img/ARCLEN/cell-bg3.jpg);
    color:#FFFFFF;
    font-family: "Verdana","Arial",serif;
    font-size: 11px;
    font-weight: bold;
}

.SMLSTableHeaderHorizontal{
    padding:10px;
    background-image:url(../../img/ARCLEN/cell-bg3.jpg);
    color:#FFFFFF;
    font-family: "Verdana","Arial",serif;
    font-size: 11px;
    font-weight: bold;
    border-radius: 5px 0px 0px 5px;
}

.SMLSTableBody{
    border: 1px solid #939597;
    border-radius: 0px 0px 5px 5px;
    border-top: none;
    padding-top:10px;
    padding-bottom:10px;
}
.SMLSTableBodyHorizontal{
    border: 1px solid #939597;
    border-radius: 0px 5px 5px 0px;
    padding-top:10px;
    padding-bottom:10px;
}
.SMLSTable{
    border: 1px solid #939597;
    border-radius: 5px;
    border-collapse: separate;
}
.loanInfoTableRow .loanInfoBoxes{
    border-bottom:1px solid #939597;
    border-right:1px solid #939597;
    border-left:1px solid #939597;
    padding-top:5px;
    padding-bottom:5px;
}

.SMLSBoxSpacing{
    margin-top:10px;
}

.pricing-timer {
    padding:10px;
    background-color:#0258a3;
    background-image:url(../../img/ARCLEN/cell-bg3.jpg);
    color:#FFFFFF;
    font-family: "Verdana","Arial",serif;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #939597;
    border-bottom: none;
}

.radio-inline {
    margin-right:20px;
}

.radio-group {
    width: auto;
}

.radio-label {
    font-weight: 700;font-size: 70%;
}

.no-padding-top {
    padding-top: 0px !important;
}

.row-margin {
    margin-top:10px;
}

.add-margin{
    margin-left:10px;
    margin-right:10px;
}

.selectOneMenuNew, .selectOneMenu1{
    width: auto;
    background-position: 100%;
}
.conditionsUpload .btn-primary,
.viewUploads .btn-primary,
.brwrCertifyConfirmationModal .btn-primary,
.lenderAlertLinkConfirmationModal .btn-primary {
    background-color: #0258a3;
    background-image:url(../../img/ARCLEN/cell-bg3.jpg);
}
.conditionsUpload .btn-primary:hover,
.viewUploads .btn-primary:hover,
.brwrCertifyConfirmationModal .btn-primary:hover,
.lenderAlertLinkConfirmationModal .btn-primary:hover{
    background-color: #0f70c8;
    background-image:url(../../img/ARCLEN/cell-bg3-hover.jpg);
    color:#FFFFFF;
    border: 1px;
    border-style: solid;
    border-color: #0f70c8;
}
.lenderAlertGuideLink {
    animation: blinker 1s linear infinite;
}

.label-inline label {
    display: inline !important;
}

@keyframes blinker {  
  from { color: #0258a3; }
   to { color: red; }
}

.conditionsUpload .btn-grey, .conditionsUpload .btn-grey:hover{
    background-color: #b8bbbd; 
    color: #000000;
}
.col-sm-icon{
    width:40px;
}
#openLoanConditionTable .row, #openLoanPTDConditionTable .row,
#openLoanPTFConditionTable .row, #pendReviewConditionTable .row, 
#alertMemoConditionTable .row, #trailingDocsConditionTable .row,
#smlsDocsCheckListTable .row{
    padding:10px;
}
#openLoanConditionTable .feedBackCommentQueryCss1, #openLoanPTDConditionTable .feedBackCommentQueryCss1,
#openLoanPTFConditionTable .feedBackCommentQueryCss1, #pendReviewConditionTable .feedBackCommentQueryCss1, 
#alertMemoConditionTable .feedBackCommentQueryCss1, #trailingDocsConditionTable .feedBackCommentQueryCss1{
    font-size:9pt;
}
.navModal{
    width:315px;
}
.conditionIconsDiv img{
    margin-left:5px;
    margin-right:5px;
}

.input-xs {
  height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
  border-radius: 3px;
}

.no-left-padding{
    padding-left:0;
}

.no-right-padding{
    padding-right:0;
}

.group-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
}

.hrborder-xs {
  margin-bottom: 4px;
  margin-top: 4px;
}

.nav-primary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
}

.nav-primary>li.active>a,.nav-primary>li.active>a:focus {
    background-color:#0258a3;
    background-image:url(../../img/ARCLEN/cell-bg3.jpg);
    color:#FFFFFF;
    border: 1px;
    border-style: solid;
    border-color: #0258a3;
}

.nav-primary>li.active>a:hover {
    background-color: #0f70c8;
    background-image:url(../../img/ARCLEN/cell-bg3-hover.jpg);
    color:#FFFFFF;
    border: 1px;
    border-style: solid;
    border-color: #0f70c8;
}

.nav-primary>li>a {
    border: 1px;
    border-style: solid;
    border-color: #AAA;
    
}

.nav-primary>li {
    margin-top: 0px;
}
/* Fix for "Go To Loan" on internal pages that use mobile layout */
.nav-goto-loan {
    color: #0f70c8 !important;
    font-size: 12px !important;
}
.padding-left0-right6 {
    padding: 0px 6px;
}

.xs-input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.valign-center {
    display:flex;
    justify-content:center;
    align-items: center;
}

.appraisalStageCss {
    padding: 5px;
    border-radius: 10px;
    border-image: none;
    color: white;
    font-size: 14pt;
    background-color: #0258a3;
}
.requestAppraisalLink {
    color: #0258a3 !important;
}

div.tab {
    overflow: hidden;
    padding: 0px;
}
/* Style the buttons inside the tab */
div.tab button {
    background-color: #ddd;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    width: 50%;
}
/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}
/* Create an active/current tablink class */
div.tab button.active {
    background-color: #0258a3 !important;
    color: #ffffff !important;
}
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.tablinks {
    font-weight: bold; 
    font-size:11px; 
    background-color: #ccc; 
    color: #000000; 
    position: relative; 
    font-family: 'Verdana','Arial','serif';
    padding-top: 6px;
    border-radius: 7px 7px 0px 0px !important;
}

/* For Realtor Access */
div.realtorTab {
    overflow: hidden;
    padding: 0px;
}

/* Style the buttons inside the tab */
div.realtorTab button {
    background-color: #ddd;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    width: 50%;
}

/* Change background color of buttons on hover */
div.realtorTab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.realtorTab button.active {
    background-color: #0258a3 !important;
    color: #ffffff !important;
}

.updateContactInfoBGColor {
    background-color: #0258a3;
}

.updateContactInfoTextColor {
    color: #0258a3;
}

.updateContactInfoTextBorderColor {
    border-color: #0258a3;
}

.updateContactInfoTextBorder {
    border: 3px solid #0258a3;
}

.confirmationDivCss {
    text-align: center;
    padding: 24px;
    font-weight: bold !important;
    font-family: "Verdana","helvetica",serif;
    font-size: 10pt;
    color: #0258a3 !important;
}

.safeBoxIQUploadModalHeader{
    background-color: #0258a3;
}

.requestClosingDocsHeader{
    background-color: #0258a3;
}

/*
 * 05/27/2022 - Natasha Fritz - Task RS-2711
 * SMLS ribbon Look in the sub-themes
 *
 * Added new styles to the theme to conform
 * to the design proposed in RS-2670.
 */
.ribbon-btn-main {
    color:#fff;
    background-color:var(--main-ribbon-btn-color) !important;
    border-color:var(--main-ribbon-btn-color) !important;
}

.ribbon-btn-main:hover {
    color:#fff;
    background-color:var(--secondary-ribbon-btn-color) !important;
    border-color:var(--secondary-ribbon-btn-color) !important;
}

.ribbon-btn-dropdown {
    color:#fff;
    background-image:linear-gradient(to top, var(--main-ribbon-btn-color), var(--secondary-ribbon-btn-color));
}

.ribbon-btn-dropdown:hover {
    color:#fff;
    background-image:linear-gradient(to bottom, var(--main-ribbon-btn-color), var(--secondary-ribbon-btn-color));
}

.ribbon-detail {
    border-radius:10px;
    box-shadow:0px 0px 5px 3px #bbbbbb;
    padding: 10px 25px 10px 25px;
    box-sizing: content-box;
}

.ribbon-padding {
    padding: 5px 0px 5px 0px;
}

.ribbon-mobile-hide {
    visibility:visible;
    max-height: 100%;
}

.ribbon-desktop-hide {
    visibility:hidden;
    max-height:0;
}

@media only screen and (max-width: 768px) {
    .ribbon-mobile-hide {
        visibility:hidden;
        max-height:0;
    }
    
    .ribbon-desktop-hide {
        visibility:visible;
        max-height: 100%;
    }
}

.btn-primary {
    color: #fff;
    background-color: #0258a3 !important;
    border-color: #0258a3 !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0f70c8 !important;
    border-color: #0f70c8 !important;
}

.btn-header:hover {
    color: #222;
    background-color: #ccebff !important;
    border-color: #ccebff !important;
}

.btn-header {
    background-color: #2775b9 !important;
    border-color: #2775b9 !important;
}


.labelFieldName, td.labelFieldName{
    background-color: #0258a3 !important;
    color: #fff !important;
    padding: 10px !important;        
}

.bgColor {
    background-color: #0258a3;
}

.textColor {
    color: #0258a3;
}

.border1pxColor{
    border: 1px solid #0258a3;
}

.border2pxColor{
    border: 2px solid #0258a3;
}

.tableHeader3 {	
    background-image: url(../../img/ARCLEN/cell-bg3.jpg) !important;
    color: #ffffff !important;
}

.orColor {
    color: #0258a3;
}

.hrborder-color{
    border-color: #0258a3 !important;
}

/************ Broker Workqueue CSS ************/
.workqueue-table thead th,
.workqueue-table-header {
    background-color: #B41E39 !important;
}
.workqueue-table thead a:link{
    color: #fff !important;
}
.workqueue-table tbody tr:nth-child(odd) {
    background-color: #ffffff !important;
}
.workqueue-table tbody tr:nth-child(even) {
    background-color: #e6f5ff !important;
}

.workqueue-table thead a:link,
.workqueue-table thead a:visited,
.workqueue-table thead a:active {
    color: #fff !important;
}

.workqueue-table thead a:hover {
    color: #0258a3 !important;
}

.workqueue-table tbody td a:link,
.workqueue-table tbody td a:visited,
.workqueue-table tbody td a:active {
    color: #000000 !important;
}

.workqueue-table tbody td a:hover {
    color: #0258a3 !important;
}

.workqueue-summary-row a:link,
.workqueue-summary-row a:visited,
.workqueue-summary-row a:active {
    color: #000000 !important;
}

.workqueue-summary-row a:hover {
    color: #0258a3 !important;
}

.workqueue-summary-row-active {
    background-color: #e6f5ff !important;
}

.workqueue-comment-header {
    background-color: #749cbe !important;
}

.workqueue-modal-column:hover {
    background-color: #eaf1fa !important;
}

/************ Responsive CSS ************/
@media all and (max-width:320px){
    .loginWindowDiv .reCaptcha{
        overflow:hidden;
        width:230px;
    }
    .dropDownWidth{
        width:82%;
    }    
    .fontSize10 {
        font-size: 10px;
    }
    .padding-right-rc-date-label{
        padding-right: 28px !important;
    }
}

@media all and (max-width: 425px) {
    .dropDownWidth{
        width:77%;
    }
    .padding-right-rc-date-label{
        padding-right: 34px;
    }
}

@media all and (max-width: 375px) {
    .dropDownWidth{
        width:89%;
    }
}

@media all and (min-width: 321px) {
    .fontSize12 {
        font-size: 12px;
    }
    .padding-right-date-label{
        padding-right: 47px;
    }
}
@media all and (max-width: 575px) {

    .loanInfoBox{
        display:block;
        width:97%;
        border-left:0 !important;
        border-right:0 !important;
        border-bottom: 1px solid #939597;
    }
    .loanInfoBox:last-child{
        border-bottom:0;
    }
    .loanInfoGrid{
        width:100%;
    }
    .loanInfoGridNote{
        width:100%;
        text-align:center;
    }
    .loanInfoLabelColumn0, .loanInfoLabelColumn1, .loanInfoLabelColumn2{
        width:50%;
        text-align:left;
    }
    .textRightCss{
        text-align:inherit;
    }
    #smlsChevronGraphContent .loanStatusGraphCss, #smlsChevronGraphContent .loanStatusGraphCss1,
    #smlsChevronGraphContent .loanStatusGraphCss4, #smlsChevronGraphContent .loanStatusGraphCss5,
    #smlsChevronGraphContent .loanStatusGraphCss6{
        -ms-transform: scale(0.90); /* IE 9 */
        -webkit-transform: scale(0.90); /* Chrome, Safari, Opera */
        transform: scale(0.90);
        top:25px;
        left:50px;
    }
    #smlsChevronGraphContent .loanStatusGraphIntCss, #smlsChevronGraphContent .loanStatusGraphIntCss1,
    #smlsChevronGraphContent .loanStatusGraphIntCss4, #smlsChevronGraphContent .loanStatusGraphIntCss5,
    #smlsChevronGraphContent .loanStatusGraphIntCss6{
        -ms-transform: scale(0.85); /* IE 9 */
        -webkit-transform: scale(0.85); /* Chrome, Safari, Opera */
        transform: scale(0.85);
        top:25px;
        left:50px;
    }
}
@media all and (min-width: 576px) {
    #smlsChevronGraphContent{
        height:180px;
    }
    #smlsChevronGraphContent .loanStatusGraphCss, #smlsChevronGraphContent .loanStatusGraphCss1,
    #smlsChevronGraphContent .loanStatusGraphCss4, #smlsChevronGraphContent .loanStatusGraphCss5,
    #smlsChevronGraphContent .loanStatusGraphCss6{
        -ms-transform: scale(0.90); /* IE 9 */
        -webkit-transform: scale(0.90); /* Chrome, Safari, Opera */
        transform: scale(0.90);
        top:35px;
        left:53px;
    }
    #smlsChevronGraphContent .loanStatusGraphIntCss, #smlsChevronGraphContent .loanStatusGraphIntCss1,
    #smlsChevronGraphContent .loanStatusGraphIntCss4, #smlsChevronGraphContent .loanStatusGraphIntCss5,
    #smlsChevronGraphContent .loanStatusGraphIntCss6{
        -ms-transform: scale(0.90); /* IE 9 */
        -webkit-transform: scale(0.90); /* Chrome, Safari, Opera */
        transform: scale(0.90);
        top:35px;
        left:53px;
    }
}
@media all and (max-width:767px){
    .input-xs {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    
    .col-xs-0, 
    .col-sm-0 {
        position: relative;
        min-height: 1px;
        transform: scale(0,1);
    }

    .xs-text-left{
        text-align:left;
    }

    .xs-text-right{
        text-align:right;
    }

    .content .form .row{
        margin-bottom:10px;
    }
    
    .label-margin {
        margin-top:10px;
    }

    .loanInfoHeader{
        margin-left:15px;
        margin-right:15px;
    }
    .sm-max-padding-top{
        padding-top:10px;
    }
    .subscribeModal{
        left:5%;
        width:95%;
    }
    .unSubscribeModal{
        left:5%;
        width:95%;
    }
    .xs-text-center{
        text-align:center;
    }
    .SMLSTableSubsection {
        margin-top: 20px;
    }
    .xs-max-TableBodyPadding {
        padding: 10px 0px;
    }
    .xs-max-padding-top {
        padding-top: 10px;
    }
    .rowBkrHighlight{
        list-style: none;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .SMLSLogo{
        margin-top:5px;
    }
    .headerBG{
        width:70%;
        left:15%;
    }
}
@media all and (min-width:768px){
    
    .label-xs {
        transform: scale(0,1);
    }

    
    .label-margin {
        margin-top:auto;
        margin-bottom:auto;
        vertical-align: middle;
    }
   
    .sm-min-no-padding{
        padding-left:0;
        padding-right:0;
    }
    .sm-min-no-left-padding{
        padding-left:0;
    }
    .sm-min-no-right-padding{
        padding-right:0;
    }
    .sm-min-right-padding{
        padding-right:0.4%;
    }
    .sm-min-left-padding{
        padding-left:0.5%;
    }

    .sm-min-right-margin{
        margin-right:5px;
    }

    .sm-min-small {
        font-size: 85%;
    }

	.datepickerWidth{
        width:20%
    }
	
	.sm-no-padding{
        padding-left:0;
        padding-right:0;
    }
    .headerBG{
        width:90%;
        left:5%;
    }
    .headerRow{
        margin-bottom: 0px;
    }
    .loginToolsDiv{
        background-color:#e7e9ea;
    }
    .sameHeightRow{
        display:table;
    }
    .sameHeightRow .sameHeightCol{
        display:table-cell;
        float:none;
        vertical-align:top;
    }
    .loanInfoTableRow .loanInfoBoxes{
        border-left:0;
    }
    .loanInfoTableRow .loanInfoBoxes:first-child{
        border-left:1px solid #939597;
    }
    #smlsChevronGraphContent{
        height:180px;
    }
    #smlsChevronGraphContent .loanStatusGraphCss, #smlsChevronGraphContent .loanStatusGraphCss1,
    #smlsChevronGraphContent .loanStatusGraphCss4, #smlsChevronGraphContent .loanStatusGraphCss5,
    #smlsChevronGraphContent .loanStatusGraphCss6{
        -ms-transform: scale(0.90); /* IE 9 */
        -webkit-transform: scale(0.90); /* Chrome, Safari, Opera */
        transform: scale(0.90);
        left:60px;
    }
    #smlsChevronGraphContent .loanStatusGraphIntCss, #smlsChevronGraphContent .loanStatusGraphIntCss1,
    #smlsChevronGraphContent .loanStatusGraphIntCss4, #smlsChevronGraphContent .loanStatusGraphIntCss5,
    #smlsChevronGraphContent .loanStatusGraphIntCss6{
        -ms-transform: scale(0.90); /* IE 9 */
        -webkit-transform: scale(0.90); /* Chrome, Safari, Opera */
        transform: scale(0.90);
        left:60px;
    }
    .col-sm-icon-push{
        left:40px;
    }
    .sm-text-right{
        text-align:right;
    }
    .sm-text-left{
        text-align:left;
    }
    .sm-text-center{
        text-align:center;
    }
    .subscribeModal{
        left:10%;
    }
    .unSubscribeModal{
        left:16%;
    }
    .fontSize14 {
        font-size: 14px;
    }
    .fontSize16 {
        font-size: 16px;
    }
    .fontSize20 {
        font-size: 20px;
    }
    .margin-left-25 {
        margin-left: 25px;
    }

    .sm-min-radio-label-right td {
        text-align: right;
    }
    .sm-min-radio-label-right label {
        margin-right: 0px;
    }
    .sm-min-radio-label-right input {
        position: relative !important;
    }
 
    .workqueue-table thead th,
    .workqueue-table tbody td {
        border-left-color: #bed6f3;
    }

    .sm-min-left-line-division {
        border-left: lightgray 1px solid;
    }

    .sm-min-right-line-division {
        border-right: lightgray 1px solid;
    }

    .SMLSTableSubsection {
        margin-bottom: 10px;
        margin-top: 5px;
    }
    
    .SMLSOneApplicantPadding {
        padding-left: 26.5%;
        padding-right: 26.5%;
    }

    .sm-min-PIWPadding {
        padding-left: 25%;
    }

    .sm-min-DateField {
        width:100px;
    }

    .sm-min-PhoneField {
        width:115px;
    }

    .sm-min-SsnField {
        width:100px;
    }

    .sm-min-TwoDigitField {
        width:30px;
    }

    .sm-min-ThreeDigitField {
        width:38px;
    }

    .sm-min-RateField {
        width:66px;
    }

    .sm-min-PropertyValueField {
        width:102px;
    }

    .hidden-sm-up {
        display:none;
    }

    .SMLSTableHeaderNoLabel {
        padding:5px;
        background-color:#0258a3;
        background-image:url(../../img/ARCLEN/cell-bg3.jpg);
        border: 1px solid #939597;
        border-radius: 5px 5px 0px 0px;
        border-bottom: none;
    }
    
    .modal-sl {
        width:40%;
    }
}
@media all and (min-width:1200px){
    .full-panel {
        padding-left:20%;
        padding-right:23%;
        margin-top: 20px;
        margin-left:1.5%;
    }
}
@media all and (min-width:768px) and (max-width:1199px){
    .full-panel {
        padding-left:20%;
        padding-right:20%;
        margin-top: 20px;
        margin-left:auto;
        margin-right:auto;
    }
    .customPaddingScenarios{
        margin-left:17%;
    }
}

@media all and (min-width:769px){
    .padding-top-2 {
        padding-top: 2px;
    }
    .padding-top-6 {
        padding-top: 6px;
    }
}

@media all and (max-width:850px) {
    .hmenu-container .hmenu-content{
        height:auto !important;
    }
    .hmenu-container .hmenu-content ul.hmenu{
        position:static !important;
    }
    .hmenu-container .hmenu-content ul.hmenu li{ 
        display:list-item;
    }
    .hmenu-container .hmenu-content ul.hmenu li .subrMenu{
        position:static;
        min-width:104%;
        margin-left:-10px;
        padding-right:5px !important;
        padding:0;
        border:0;
        box-shadow: 0 0 0 rgba(0,0,0,.15);
        border:1px solid rgba(0,0,0,.15);
    }
    ul.dropdown-menu>li>a.dropdown-smls-top-submenu, ul.dropdown-menu>li>div.dropdown-smls-top-submenu{
        padding:0 20px;
    }
}

@media (min-width:851px) and (max-width:1210px) {
    .hmenu-container .hmenu-content ul.hmenu li .subrMenu{
        right: 104%;
        left: auto;
    }
}

@media all and (max-width: 991px) {
    .modal-xl {
        width: 90%;
    }

    .md-max-padding-top{
        padding-top:10px;
    }

    .md-max-no-padding{
        padding-left:0;
        padding-right:0;
    }
    .md-max-no-left-padding{
        padding-left:0;
    }
}

@media all and (min-width: 992px) {
    .modal-xl {
        width: 990px;
    }
    
    .md-min-no-padding{
        padding-left:0;
        padding-right:0;
    }
    .md-min-no-left-padding{
        padding-left:0;
    }
    .md-min-no-right-padding{
        padding-right:0;
    }
    .md-min-right-padding{
        padding-right:0.4%;
    }
    .md-min-left-padding{
        padding-left:0.5%;
    }

    .md-min-right-margin{
        margin-right:5px;
    }

    #smlsChevronGraphContent .loanStatusGraphCss, #smlsChevronGraphContent .loanStatusGraphCss1,
    #smlsChevronGraphContent .loanStatusGraphCss4, #smlsChevronGraphContent .loanStatusGraphCss5,
    #smlsChevronGraphContent .loanStatusGraphCss6{
        -ms-transform: scale(0.90); /* IE 9 */
        -webkit-transform: scale(0.90); /* Chrome, Safari, Opera */
        transform: scale(0.90);
    }
    #smlsChevronGraphContent .loanStatusGraphIntCss, #smlsChevronGraphContent .loanStatusGraphIntCss1,
    #smlsChevronGraphContent .loanStatusGraphIntCss4, #smlsChevronGraphContent .loanStatusGraphIntCss5,
    #smlsChevronGraphContent .loanStatusGraphIntCss6{
        -ms-transform: scale(0.90); /* IE 9 */
        -webkit-transform: scale(0.90); /* Chrome, Safari, Opera */
        transform: scale(0.90);
        left:47px;
    }
    .lg-text-right{
        text-align:right;
    }
    .lg-text-left{
        text-align:left;
    }
}
@media all and (min-width: 1200px) {
    .customPaddingScenarios{
        padding-left:32%;
    }
    #smlsChevronGraphContent{
        height:200px;
    }
    #smlsChevronGraphContent .loanStatusGraphCss, #smlsChevronGraphContent .loanStatusGraphCss1,
    #smlsChevronGraphContent .loanStatusGraphCss4, #smlsChevronGraphContent .loanStatusGraphCss5,
    #smlsChevronGraphContent .loanStatusGraphCss6{
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Chrome, Safari, Opera */
        transform: scale(1);
    }
    #smlsChevronGraphContent .loanStatusGraphIntCss, #smlsChevronGraphContent .loanStatusGraphIntCss1,
    #smlsChevronGraphContent .loanStatusGraphIntCss4, #smlsChevronGraphContent .loanStatusGraphIntCss5,
    #smlsChevronGraphContent .loanStatusGraphIntCss6{
        -ms-transform: scale(0.95); /* IE 9 */
        -webkit-transform: scale(0.95); /* Chrome, Safari, Opera */
        transform: scale(0.95);
        left: 90px;
    }
}

@media(max-width:991px){
    .customMsgCss{
        left: 10% !important;
        right: 10% !important;
        width: auto !important;  
    }
}
.customDisable{
        width: 100% !important; 
    }
 /* Task 6279705 SS - SMLS - Update pop up for Cash to close in SMLS to show loan amount calculation */   
    .loanAmountDivCss {                   
        font-family: "Verdana","helvetica",serif;
        font-size: 10pt;
        color: #0258a3 !important;
        border-color: #000000;
    }
    
    .textAlignLeft{
        text-align: left;
        padding-left: 5px;
    }
    
    .textAlignRight{
        text-align: right;
        padding-right: 5px;
    }
    
    .textAlignCenter{
        text-align: center;
    }
    
    .cashFromToBorrower{
        background-color: #D3D3D3;
    }
    
    .reserveRequired{
        background-color: #D3D3D3;
        font-weight: bold;
    }
    
    .loanAmountDivCss tr:last-child td:first-child{
         border-right: none;
    }
    
    .loanAmountDivCss tr:last-child td:nth-child(2){
        border-left: none;
    }
    
    .totalLoanAmt{
        background-color: #A9A9A9;
        font-weight: bold;
    }
    
    .loanAmountDivCss td{        
        padding: 0px 4px !important;
        line-height: unset !important;
    }
 
    .loanInfoGrid1 td{        
        /*padding: 0px 4px !important;*/
        line-height: unset !important;
        border-top:none !important;
    }
 
    .loanInfoGrid .table-responsive{
        border:none !important;
    }
    
    .loanInfoGrid tr td[class="text-left"]{
        width:60%;
    }
    
    .loanInfoGridIntrnl tr td[class="text-left"]{
        width:50%;
    }

.tab-pane {
    padding-top: 15px;
}

.paneTitle {
    text-align: center;
    font-weight: bold;
    padding-bottom: 15px;
}

.wrapper {
    position:relative;
    margin:0 auto;
    overflow:hidden;
    padding:5px;
    height:39px;
}

.list {
    position:absolute;
    left:0px;
    top:0px;
    min-width:3000px;
    margin-left:12px;
    margin-top:0px;
}

.list li{
    display:table-cell;
    position:relative;
    text-align:center;
    cursor:grab;
    cursor:-webkit-grab;
    color:#efefef;
    vertical-align:middle;
}

.scroller {
  text-align:center;
  cursor:pointer;
  display:none;
  padding:7px;
  padding-top:11px;
  white-space:no-wrap;
  vertical-align:middle;
  background-color:#fff;
}

.scroller-right{
  float:right;
}

.scroller-left {
  float:left;
}

.dropDownDiv{
        color: #262626;
        text-decoration: none;
        background-color: #fff;
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;       
    }
    
    @media all and (min-width: 768px) and (max-width: 1024px){
        .dropdown-menuTablet{
            left:-40px;
        
        }
    }
    
    .dropdown-submenu {
            color:black;            
    }
    
    .dropdown-submenu:hover{
        color:black;      
        
    }
    .hamburger{
      position: relative;
      padding-left: 1.25em;
    }
    
    .hamburger:before {             
        content: "";
        position: absolute;
        left: 0;
        top: 0.25em;
        width: 1.50em;
        height: 0.11em;
        background: white;
        box-shadow: 0 0.4em 0 0 white, 0 0.8em 0 0 white;
    }
    
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     
        .align-hamburger-ie{
            top:4px;
       }
       
       .align-bar-ie{
           margin-top:23px !important;           
       }
    }
    

.glyphiconShowHide {
    font-size:13px;
    cursor:pointer;
}

.SMLSTableSubsection {
    font-weight: bold;
}

.SMLSTableHr {
    margin-top: 20px;
    margin-bottom: 10px;
    border-top: lightgray 1px solid;
}

.left-line-division {
  border-left: lightgray 1px solid;
}

.right-line-division {
  border-right: lightgray 1px solid;
}

.dropdownHideFirst option:first-child{
    display: none;
}

.radio-label-weight > label {
    font-weight: 400;
}

.rateSheetFieldName {
        color: #000000;
	font-family: "Verdana","helvetica",serif;
	font-size: 8pt;
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
}

.notification div > span {
    background-color:#bed6f3;
}

.SMLSLeftMenu {
    padding:10px;
    background-color:#0258a3;
    background-image:url(../../img/ARCLEN/cell-bg3.jpg);
    font-family: "Verdana","Arial",serif;
    border: 1px solid #939597;
    border-radius: 5px 5px 5px 5px;
    position: fixed;
    z-index: 5;
    max-height:80%;
    overflow-y: auto;
    overflow-x: hidden;
}
.SMLSLeftMenu a {
    color:#FFFFFF;
    font-size: 13px;
    text-decoration:none;
}
.SMLSLeftMenu .rowHighlight:hover {
    background-color: #2bace2;
    -webkit-box-shadow: 0 0px 3px 0 rgba(43, 172, 226, 0.5), 0 0px 20px 0 rgba(43, 172, 226, 0.5);
    -moz-box-shadow: 0 0px 3px 0 rgba(43, 172, 226, 0.5), 0 0px 20px 0 rgba(43, 172, 226, 0.5);
    box-shadow: 0 0px 3px 0 rgba(43, 172, 226, 0.5), 0 0px 20px 0 rgba(43, 172, 226, 0.5);
    border-radius: 3px;
}
.rowBkrHighlight {
    border-radius: 3px;
    border: 2px solid #2bace2;
}
.rowBkrHighlight:hover {
    background-color: #2bace2;
    -webkit-box-shadow: 0 0px 3px 0 rgba(43, 172, 226, 0.5), 0 0px 20px 0 rgba(43, 172, 226, 0.5);
    -moz-box-shadow: 0 0px 3px 0 rgba(43, 172, 226, 0.5), 0 0px 20px 0 rgba(43, 172, 226, 0.5);
    box-shadow: 0 0px 3px 0 rgba(43, 172, 226, 0.5), 0 0px 20px 0 rgba(43, 172, 226, 0.5);
    border-radius: 3px;
}

.active-bkr-page.rowBkrHighlight,
.active-bkr-page .rowBkrHighlight {
    background-color: #2bace2;
}
.active-bkr-page a,
.rowBkrHighlight a:hover {
    color: #fff;
}

.SMLSLeftMenu .menuItemAdjust:hover {
    margin-left: -14px;
    margin-right: -30px;
    padding-left: 14px;
}

.workqueue-table-header a {
    color: #fff;
}

.subrMenu{
    left: 100%;
    right: auto;
    position: absolute;
    top: 0;
    min-width: 330px;
    background: #fff;
    display: none;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    padding: 5px 15px;
}

.hmenu-container .hmenu-content{
    height:100%;
}

.hmenu-container .hmenu-content ul.hmenu li .subrMenu .topSubMenu{
    display:flex;
}

.hmenu-container .hmenu-content ul.hmenu {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    /*overflow: hidden;*/ 
    will-change: transform;
    /*visibility: hidden;*/ 
    /*position: absolute;*/
    padding-left: 10px;
}

.welcome-head h3{
    color: #B41E39;
}

.dropdown-menu>li>a.dropdown-smls-top-submenu, .dropdown-menu>li>div.dropdown-smls-top-submenu{padding:0;}

.hmenu-container .hmenu-content .sprite{ background:url(../../img/SUNWST/smlsMenuIcons.png) left top no-repeat; width:18px; height:20px; display:inline-block; vertical-align:-4px; margin-right:7px;}

.hmenu-container .hmenu-content ul.hmenu li .subrMenu .sprite.sprite-newloan2{ background-position:-1px 0;}
.hmenu-container .hmenu-content ul.hmenu li .subrMenu .sprite.sprite-approval-request{ background-position:-1px -36px;}
.hmenu-container .hmenu-content ul.hmenu li .subrMenu .sprite.sprite-qualification-request{ background-position:0 -72px}

.hmenu-container .hmenu-content ul.hmenu li .subrMenu .sprite.sprite-currentTitle{ background-position:0 -109px}
.hmenu-container .hmenu-content ul.hmenu li .subrMenu .sprite.sprite-cutoffdate{ background-position:0 -147px}
.hmenu-container .hmenu-content ul.hmenu li .subrMenu .sprite.sprite-swmClause{ background-position:0 -183px}
.hmenu-container .hmenu-content ul.hmenu li .subrMenu .sprite.sprite-submichecklist{ background-position:0 -220px}
.hmenu-container .hmenu-content ul.hmenu li .subrMenu .sprite.sprite-programGuide{ background-position:0 -255px}
.hmenu-container .hmenu-content ul.hmenu li .subrMenu .sprite.sprite-callnum{ background-position:0 -290px;}

.hmenu-container .hmenu-content .sprite.sprite-home{ background-position:0 -183px}
.hmenu-container .hmenu-content .sprite.sprite-newloan{ background-position:0 -329px}
.hmenu-container .hmenu-content .sprite.sprite-mypipeline{ background-position:0 -363px}
.hmenu-container .hmenu-content .sprite.sprite-pricelock{ background-position:0 -401px;}
.hmenu-container .hmenu-content .sprite.sprite-resource{ background-position:0 -437px;}
.hmenu-container .hmenu-content .sprite.sprite-uwscenario{ background-position:0 -473px;}
.hmenu-container .hmenu-content .sprite.sprite-knowledge-base{ background-position:0 -580px;}
.hmenu-container .hmenu-content .sprite.sprite-virtual-assist{ background-position:0 -618px;}
.hmenu-container .hmenu-content .sprite.sprite-quick-reference-links{ background-position:0 -658px;}
.hmenu-container .hmenu-content .sprite.sprite-help{ background-position:0 -508px;}
.hmenu-container .hmenu-content .sprite.sprite.sprite-logout{ background-position:0 -544px;}