/* Minification failed. Returning unminified contents.
(1328,1): run-time error CSS1019: Unexpected token, found '}'
 */
/** HEADER **/
header {
    background-color: #ffffff;
    display: block;
    height: 80px;
}

@media (min-width: 768px) {
    header {
        height: 100px;
    }
}

header .navbar-nav a {
    margin-top: 20px;
    color: #000000;
}

@media (max-width: 767px) {
    header .navbar-nav a {
    margin-top: 10px;
}

}


body {
    background-repeat: repeat-x;
    font-size: 16px;
    background-color: #ECEFF1;
}


@media (max-width: 479px) {
   body {
       font-size: 14px;
   }
}

.front-end .body-content a, 
.front-end .body-content a:hover, 
.front-end .body-content a:focus {
    color: #607D8B;
}

.navbar-brand {
    width: 150px;
    display: block;
    background: url('/api/SystemSettings/GetTile/1') no-repeat center center; 
    background-size: contain;
    padding: 0;
    font-size: 18px;
    text-indent: -30000px;
    overflow: hidden;
    height: 55px;
    margin: 10px;
}

@media (min-width: 360px){
    .navbar-brand {
        margin: 10px 15px;
        width: 200px;
    }
}


@media (min-width: 768px){
    .navbar-brand {
        margin: 20px 15px;
        width: 305px;
    }
}


body.front-end {
    background-color: #ECEFF1;
    padding-top: 100px;
    min-width: 300px;
}


@media (max-width: 479px) {
    body.front-end {
        background-color: #ffffff;
    }
}


@media (max-width: 767px) {
    body.front-end {
        padding-top: 80px;
    }
}

.front-end header {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.38);
    box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.38);
}

.front-end header .pull-right {
    margin-right: 30px;
}

@media (max-width: 767px) {
    .front-end header ul.nav > li {
        float: left;
    }
    .front-end header .pull-right {
        margin-right: 10px;
    }
}


.front-end .body-content {
    margin-top: 0;
}

.container {
    max-width: 1600px;
    width: 100%;
}


#toggle-menu {
    display: none;
    float: left;
    padding: 3px 3px 0;
    color: #333;
    background-color: #ECEFF1;
    cursor: pointer;
    border-radius: 25px;
}

#close-menu {
    display: none;
    float: right;
    margin: 0 0 15px;
    padding: 3px 3px 0;
    color: #333;
    cursor: pointer;
    border-radius: 25px;
}

@media (max-width: 480px) {
    #close-menu {
        display: inline-block;
    }
}

@media (max-width: 1200px) {
    #toggle-menu {
        display: inline-block;
    }
}


/** Body Content **/

.user-card {
    clear: both;
     margin: 0;
     padding: 12px 5px 7px;
     color: #ffffff;    
}

.user-card img {
    width: 100%;
    opacity: 0.5;
    float: left;
}


.user-card .fa-4x {
    opacity: 0.5;
    display: none;
}

.user-card .fa-4x {
   font-size: 3.5em;
}

.user-card .material-icons.user-icon {
    font-size: 4em;
    opacity: 0.5;
}

.user-card:hover .material-icons.user-icon {
        opacity: 1;
}

.user-card  a.more .material-icons {
    margin-top: 3px;
    float: right;
    color: #fff;
}


.front-end .body-content h1 {
        text-align: center;
}

.body-content .panel {
    -webkit-box-shadow: none;
    box-shadow: none;

}


ng-form[name="termEditor"] .form-group,
ng-form[name="currencyEditor"] .form-group {
    /*max-width: 200px;*/
}


/** Create Account **/
.create-account .panel {
    padding: 10px 25px 15px;
}

.create-account .panel-contents-background {
    background-color: #f5f5f5;
}

.create-account .control-label {
    text-align: left;
}

/** Tabs **/

.nav-pills.nav-stacked 
{
    background-color: #fff;
    float: right;
    position: absolute;
    right: 20px;
    z-index: 2000;
}
.body-content .container-fluid,
.body-content .container-fluid .tab-content {
    padding: 0;
    
}
.tab-content .tab-pane:first-child {
    margin-top: 50px;
}

.tab-content
{
    border: 0 /*#cccccc 1px solid*/;
    border-top: none;
    padding:15px;
    min-height: 70vh;
}
.tab-content h4 {
    margin-top: 15px;
}

.nav-tabs > li:hover
{
    cursor: pointer;
}


 popup-editor {
    padding-left: 3px;
    /*padding-top: 5px;*/
    margin-left: 10px;
    border-left: 1px solid #ddd;
    overflow: hidden;
    float: left;

     /*
    position: absolute;
    right: 30px;
    top: 10px;
         */
}
popup-editor .material-icons {
    font-size: 18px;
}

 popup-editor[btn-title="Documents"] {
         position: relative;
         right: inherit;
     margin-left: 20px;
 }

 .input-group.date ul.dropdown-menu table tr td {
    padding-right: 1px;
} 
ul[datepicker-popup-wrap] button.btn {
    margin: 2px 2px 0;
    padding: 10px;
}

@media (max-width: 480px) {
    div[uib-daypicker] {
        padding: 0 5px;
    }
    ul.uib-datepicker-popup .btn.btn-sm {
        padding: 3px 7px;
    }
}

ul[datepicker-popup-wrap] table tr th button.btn-default {
    background-color: #ffffff;
    font-size: 16px;
}

ul[datepicker-popup-wrap] table tr th button.btn-default .text-info {
    color: #607D8B;
    font-weight: 600;
}


ul[datepicker-popup-wrap] button.btn-default {
    background-color: #ECEFF1;
}
ul[datepicker-popup-wrap] .btn:not(.btn-raised).btn-default:hover, 
ul[datepicker-popup-wrap] .btn:not(.btn-raised).btn-default:focus {
    background-color: #CFD8DC;
}

ul[datepicker-popup-wrap] .btn-default.active {
    background-color: #78909C;    
}
ul[datepicker-popup-wrap] .btn-default.active .text-info {
    color: #ffffff;
    font-weight: bold;
}

/* hide annoying spin buttons in webkit browsers */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type="number"] {
    -moz-appearance: textfield;
}

#sidenav-overlay {
    display: none;
}

#navbar-toggle-cbox {
    display: none;
}

.navbar-collapse {
    padding: 0;
}


@media (min-width: 1200px) and (max-width: 1439px) {
    .navbar-collapse.col-lg-4 {
    width: 33.33333333%;
    }
}

@media (max-width: 1200px) {
    .front-end .navbar-collapse {
           /*-webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);*/
           -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    }

    .left-side {
        position: fixed!important;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: +1002;
        background-color: #ECEFF1;
        padding-top: 15px;
        height: 100%;
        width: 400px;
        overflow-y: scroll;
    }
    #sidenav-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 120vh;
        background-color: rgba(0,0,0,0.5);
        z-index: +1001;
        will-change: opacity;
        transition: opacity 0.3s;
    }
    .navbar-collapse.in {
        overflow-y: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        /* 
       -webkit-transform: translate3d(0,0,0);
       transform: translate3d(0,0,0);
            */
    }
    .navbar-collapse.in + #sidenav-overlay {
            display: block;
}
    /*ul.table-loan-list li {
            display: none;
    }
    ul.table-loan-list li.selected-loan {
            display: block;
            padding-right: 15px;
    }
    ul.table-loan-list li.selected-loan .material-icons {
        display: block;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }*/

}

@media (max-width: 480px) {
    .left-side {
        width: 100%;
    }
}


@media (max-width: 1023px) {
   .modal-dialog {
        max-width: 95%;
    }
}

legend
{
    border-bottom: 1px solid #537EA5;
}

legend.icon::before {
    font-size: 1em!important;
}


body.front-end .user-hello,
body.landing .user-hello {
    display: none;
}


.validation-summary-errors {
    margin-bottom: 20px;
}

.validation-summary-errors ul {
    padding: 0;
}

body.front-end  .field-validation-error, body.front-end  .validation-error {    
    color: #f44336;
    background-color: transparent;
    border: 0;
    padding: 0;
    font-size: 14px;
}


.validation-summary-errors ul li {
    list-style: none;
    background-color: #bd1e1e;
    color: #fff;
    padding: 10px;

}

.captcha-image {
    text-align: center;
    padding: 30px 5px;
    background: rgba(213, 220, 229, 0.2);
}



.front-end .form-control,
.front-end .form-control:focus {
    box-shadow: none!important;
    outline: transparent!important;
    outline-style: none!important;
}

.front-end .form-control,
.front-end .form-group .form-control {
           background-image: -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
           background-image: -webkit-linear-gradient(#D2D2D2, #D2D2D2), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
           background-image: -o-linear-gradient(#D2D2D2, #D2D2D2), -o-linear-gradient(#D2D2D2, #D2D2D2);
           background-image: linear-gradient(#D2D2D2, #D2D2D2), linear-gradient(#D2D2D2, #D2D2D2);
        /*  -webkit-background-size: 100% 2px, 100% 0.01em;
          background-size: 100% 0.05em, 100% 0.05rem;*/
}

@media (-webkit-max-device-pixel-ratio:0.99) {
    .front-end .form-control,
    .front-end .form-group .form-control {
          -webkit-background-size: 100% 2px, 100% 1px;
          background-size: 100% 2px, 100% 1px;        
    }
    front-end .form-group.is-focused .form-control,
    .body-content .form-group.is-focused .form-control,
    .customer-details .form-group.is-focused .form-control {
          -webkit-background-size: 100% 4px, 100% 2px;
          background-size: 100% 4px, 100% 2px;
    }
}


.front-end .form-group.is-focused .form-control,
.body-content .form-group.is-focused .form-control,
.customer-details .form-group.is-focused .form-control {
  outline: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#90A4AE), to(#90A4AE)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#90A4AE, #90A4AE), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#90A4AE, #607D8B), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#90A4AE, #90A4AE), linear-gradient(#D2D2D2, #D2D2D2);
  -webkit-background-size: 100% 2px, 100% 1px;
          background-size: 100% 2px, 100% 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.front-end .form-group.form-group-lg .checkbox label,
.customer-details .form-group.form-group-lg .checkbox label, 
.customer-details .form-group.form-group-lg .radio label, 
.customer-details .form-group.form-group-lg label {
    color: #bbb;
}

/** DARK CONTROLS **/

.front-end .form-group.dark .form-control,
.body-content .form-group.dark .form-control,
.customer-details .form-group.dark .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#607D8B), to(#607D8B)), -webkit-gradient(linear, left top, left bottom, from(#607D8B), to(#607D8B));
  background-image: -webkit-linear-gradient(#607D8B, #607D8B), -webkit-linear-gradient(#607D8B, #607D8B);
  background-image: -o-linear-gradient(#607D8B, #607D8B), -o-linear-gradient(#607D8B, #607D8B);
  background-image: linear-gradient(#607D8B, #607D8B), linear-gradient(#607D8B, #607D8B);
}

.customer-details .form-group.form-group-lg.label-floating.is-focused.is-empty label.control-label {
      top: -5px;
      left: 0;
      font-size: 18px;
      line-height: 1.3333333;

}

.front-end .btn,
.front-end .btn:focus,
.front-end .btn:active {
    box-shadow: none!important;
    outline: transparent!important;
    outline-style: none!important;
}

.front-end .btn:not(.btn-raised).btn-default:hover,
.front-end .btn:not(.btn-raised).btn-default:focus,
.front-end .btn:not(.btn-raised).btn-default:active,
.front-end .input-group-btn .btn:not(.btn-raised).btn-default:hover,
.front-end .input-group-btn .btn:not(.btn-raised).btn-default:focus,
.front-end .input-group-btn .btn:not(.btn-raised).btn-default:active {
    background-color: #ECEFF1;
    color: #000;
}



.front-end .btn.btn-raised:not(.btn-link).btn-primary {
  color: #ffffff;
 background-color: #607D8B;
}
.front-end .btn.btn-raised:not(.btn-link):hover.btn-primary,
.front-end .btn.btn-raised:not(.btn-link):active.btn-primary,
.front-end .btn.btn-raised:not(.btn-link):focus.btn-primary {
 background-color: #78909C;
}

phone div .phoneInput {
    /*height: 52px!important;*/
    overflow: hidden;
}

phone div .phoneInput input {
    background-color: transparent;
    padding: 2px 0;
    font-size: 18px;
    line-height: 1.3333333;
    box-shadow: none!important;
}
.is-empty phone div .phoneInput input {
    color: #bdbdbd;
}

.addressInput > .form-group.form-group-lg {
    margin-top: 0;
}

.addressInput .form-group.form-group-lg.label-floating.is-focused label.control-label {
      top: -5px;
      left: 0;
      /*right: 90px;*/
      font-size: 18px;
      line-height: 1.3333333;

}

.addressInput .form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
  top: -5px;
  right: 25px;
  text-align: right;
  font-size: 18px;
  line-height: 1.3333333;
}

.addressInput .form-group {
    float: left;
    margin: 0;
    margin-right: 20px!important;   
}

.addressInput .form-group select.form-control {
    width: 160px;
}

@media (max-width: 767px) {
    .addressInput .form-group:first-child {
        clear: left;
    }
}

 .addressInput div[aa-val-msg-for="addressInput.months"] {
     margin-top: 0; 
 }


.front-end .form-group.is-focused label,
.front-end .form-group.is-focused label.control-label {
  color: #90A4AE;
}
.front-end .form-group.is-focused.label-placeholder label,
.front-end .form-group.is-focused.label-placeholder label.control-label {
  color: #90A4AE;
}

.form-group.form-group-lg select.form-control {
    padding: 0;
}

.form-group select.form-control {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

.form-group.dark select.form-control,
.form-group.menulist select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 3px;
}


/* .form-group select.form-control:after */
.form-group.dark:after {
    content: "\f107";
    font-family: FontAwesome;
    color: #607D8B;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 18pt;
    pointer-events: none;
}

.form-group.dark select option {
  -webkit-appearance: menulist-text;
}

.form-group.menulist:after {
    content: "\f107";
    font-family: FontAwesome;
    color: #000000;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 15px;
    pointer-events: none;
}

.customer-details .field-validation-error, 
.customer-details .validation-error
{
    background-color: transparent;
    padding: 0;
    display: block;
    text-align: left;
    width: 100%;
    color: #f44336;
    font-size: 90%;
}

 .form-control.ng-invalid.aa-had-focus {
    color: #f44336!important;
  }

 .form-control.ng-invalid.aa-had-focus::-webkit-input-placeholder  {
    color: #f44336!important;
  }

 .has-error .input-group-addon {
   color: #f44336!important;
 }


.has-error select.form-control.ng-invalid.aa-had-focus option,
.form-group.is-focused select.form-control.ng-invalid.aa-had-focus option {
  color: #555;
}


ng-form[name="currencyEditor"] .validation-errors {
    width: 100%;
    float: none;
 }

.dashboard-details-pane .form-block {
    display: block;
    background: rgba(207, 216, 220, 0.2);
    padding: 15px 15px 25px;
    margin: 10px 0 25px;
    overflow: hidden;
}

.dashboard-details-pane doc-upload .form-block {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.front-end  .btn {
    border-radius: 0;
}

.dashboard-details-pane .btn {
    margin: 0;
}


.front-end .btn-success {
  color: #ffffff;
  background-color: #5cb85c;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #5cb85c, #469f46);
background-image: -ms-linear-gradient(top, #5cb85c, #469f46);
background-image: -webkit-linear-gradient(top, #5cb85c, #469f46);
background-image: -o-linear-gradient(top, #5cb85c, #469f46);
background-image: linear-gradient(to top, #5cb85c, #469f46);
  border-color: #4cae4c;
}


.btn.btn-edit:not(.btn-raised),
.btn.btn-edit:not(.btn-raised)::before {
     color: #4caf50;
}

.btn.btn-edit:hover, 
.btn.btn-edit:hover::before {
    background-color: #4caf50!important;
    color: #ffffff;
}

.btn.btn-remove:not(.btn-raised),
.btn.btn-remove:not(.btn-raised)::before {
     color: #D50000;
}

.btn.btn-remove:hover, 
.btn.btn-remove:hover::before {
    background-color: #D50000!important;
    color: #ffffff;
}


.front-end .btn:not(.btn-raised).btn-primary,
.front-end .input-group-btn .btn:not(.btn-raised).btn-primary {
    color: #607D8B;
}

.front-end .btn:not(.btn-raised).btn-primary:hover,
.front-end .btn:not(.btn-raised).btn-primary:focus,
.front-end .btn:not(.btn-raised).btn-primary:active,
.front-end .input-group-btn .btn:not(.btn-raised).btn-primary:hover,
.front-end .input-group-btn .btn:not(.btn-raised).btn-primary:focus,
.front-end .input-group-btn .btn:not(.btn-raised).btn-primary:active {
  background-color: #607D8B;
  color: #fff;
}

.front-end .btn-group.open > .dropdown-toggle.btn.btn-primary, 
.front-end .btn-group-vertical.open > .dropdown-toggle.btn.btn-primary

.front-end .btn-primary:hover, 
.front-end .btn-primary:focus, 
.front-end .btn-primary:active, 
.front-end .btn-primary.active, 
.front-end .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #607D8B;
    background-repeat: repeat-x;
}



hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.login-page,
.forgot-password {
    text-align: center;
}

@media (max-width: 640px) {
    
    .login-page,
    .forgot-password {
        padding-top: 10px;
    }
}

.login-page h2, 
.forgot-password h2,
#error h2,
#confirmation h1
 {
    margin-bottom: 15px;
    line-height: 40px;
    text-align: center;
    margin-top: 60px;
}

#loginForm,
#forgotPassForm,
#error,
#confirmation {
    background: transparent;
    /*border: 1px #eee solid;*/
    padding: 0 15px 15px;
    overflow: hidden;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}


#loginForm .message,
#forgotPassForm .message,
section p.message {
    /*background: #f5f5f5;*/
    font-size: 1.3em;
    text-align: center;
    margin: 1em;
}

  

#loginForm .form-group,
#forgotPassForm .form-group {
    margin-bottom: 15px;
}


#loginForm input,
#forgotPassForm input {
    border-radius: 0;
    font-size: 1.7rem;
    border: 0;
}


#loginForm .form-control,
#forgotPassForm .form-control {
    height: 40px;
    background: #fff;
    box-shadow: none;    
    padding: 10px;
    margin: 0;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease 0s;
}


::-moz-svg-foreign-content, :root #loginForm .form-control,
:root #forgotPassForm .form-control {
        text-align: left;
}


#loginForm .form-group label {
    display: none;
} 
.back-only { display: none; }


#loginForm .checkbox { 
    padding-top: 0;
    margin-bottom: 10px;
}

#loginForm .checkbox input[type="checkbox"] {
    float: none;
/*    width: 25px;
    height: 25px;
    background: #eee;
    border: 0;
    box-shadow: none;    
    padding: 10px;
    margin: 0;*/
}

#loginForm .form-group .checkbox label {
    display: inline;
    font-size: 1.1em;
    line-height: 25px;
    height: 25px;
}

#loginForm .btn,
#forgotPassForm .btn {
    height: 40px;
    line-height: 20px;
/*    background: #bd1e1e;*/
    background: #666;
    color: #fff;
    border: 0;
    box-shadow: none;    
    padding: 10px;
    margin: 0;
    width: 100%;
    text-align: center;
}

#forgotPassForm .btn {
    margin-top: 15px;
}

#loginForm .btn:hover, #loginForm .btn:active,
#forgotPassForm .btn:hover, #forgotPassForm .btn:active {
        background: #bd1e1e;
        /*background: #de2424;*/
}




/** class icon setting **/

#loginForm .icon::before, 
#forgotPassForm .icon::before {
    font-size: 2rem!important;
    color:#bd1e1e;
    margin-right: 5px;
/*    background: #999;*/
}

.customer-details .icon::before {
    font-size: 1em!important;
        color: #455A64;
}


/** Bootstrap Material fix **/

.form-control:not(.empty) ~ .floating-label, 
.form-control:-webkit-autofill ~ .floating-label {
  top: -10px;
  font-size: 10px;
  opacity: 1;
}


.front-end .btn:not(.btn-raised):not(.btn-link):hover,
.front-end .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover,
.front-end .btn:not(.btn-raised):not(.btn-link):focus,
.front-end .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
    /*color: #fff;*/
}

.front-end .alert.alert-info {
    background-color: #78909C;
    color: rgba(255,255,255, 0.84);
}


.front-end .checkbox input[type=checkbox]:checked + .checkbox-material .check:before, 
.front-end label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before{
     color: #78909C;
}


.front-end .checkbox input[type=checkbox]:checked + .checkbox-material .check,
.front-end label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
    border-color: #78909C;
    color: #78909C;
}

.checkbox-material span.check {
    margin-right: 3px;
}

/* Displays the '*' sign after the label of required controls in Material design */
.required label:after {
    content: " *";
    color: #f44336;
}

.modal-dialog .modal-body form[name="dlgForm"] {
     min-width: 400px;
}

.modal-dialog .modal-body form[name="rollover"] {
     max-width: 600px;
}


@media (max-width: 480px) {
.modal-dialog .modal-body form[name="dlgForm"]  {
    min-width: 95%;
}

}

.front-end .modal-content .modal-footer {
    padding: 20px;
}




/* CSS RULES FOR MOBILE DEVICES AND IPHONES */
@media only screen and (max-width: 500px) {
    .mobile .dropdown-menu {
        top: 0;
        left: -200px !important;
        }
}

/** Popovers **/
.popover {
    border-radius: 0;
}
.popover-title {
    color: #37474F;
    padding: 8px 14px;
    margin: 0;
    font-size: 12pt;
    font-weight: 500;
    background-color: #B0BEC5;
    border-bottom: 1px solid #B0BEC5;
    border-radius: 0;
}

.popover-content {
    color: #37474F;
}

.popover {
    color: #37474F;
    line-height: 1em;
    background: #eceff1!important;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.popover > .arrow {
    display: block!important;
}

.popover > .arrow:after {
    border-top-color: #eceff1!important;
}


body.front-end .input-group .input-group-addon {
    padding: 13px 5px 5px!important;
    vertical-align: top;
    font-size: 18px;
    color: #607D8B;
    font-weight: 400;
}
/**FRONT END**/

/**Font Settings **/

/** LAYOUT SETTINGS **/
/**header**/

header {
    height: 95px;
}

header .navbar-nav a {
    margin-top: 20px;
}

@media (max-width: 767px) {
    header .navbar-nav a {
    margin-top: 10px;
}

}


/** COLOR & BORDERS SETTINGS **/

header .navbar-nav a {
    color: #000000;
}


.newLoanCustomer .panel-contents-background {
    background-color: #f8f8f8;
}


.newLoanCustomer .panel
{
    border: 0;
    /*border:#999999 2px solid;*/
    border-radius: 0;
}

.newLoanCustomer .panel-header
{
    border-radius: 6px 6px 0 0;
    background-color: #EEF2F6; 
    padding: 10px;
    border-bottom: #999999 2px solid;
}


.newLoanCustomer .panel-header hr {
    border-top: 1px solid #999999;
}


.panel-default > .panel-heading {
    background-color: transparent;
    border: 0;
    /*color: #333333;
    background-color: #f5f5f5;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    border-color: #dddddd;*/
}



/** loan selector **/

.loan-selector div.loan-welcome {
    background: #CFD8DC;
    /*background: #bd1e1e;
    background: #999;*/
    vertical-align: middle;
    color: #333;
    display: none;
}

.loan-selector .loan-type {
    background: rgba(144, 164, 174, 0.5);
    /*background: #bd1e1e;
    background: #999;*/
    color: #333;
/*    border-bottom: 5px solid rgba(144, 164, 174, 0.25);*/
}



.InvestorDashboard .user-card {
    background-color: #bd1e1e;
}

.InvestorDashboard .user-card h2 {
    margin-top: 5px;
}

.InvestorDashboard .user-card:hover {
    background-color: #bd1e1e;
    cursor: default;
}

.InvestorDashboard .user-card:hover .material-icons.user-icon {
        opacity: 0.5;
}

div.nav {
    margin: 0 0 20px;
    padding: 0;
    background-color: #ffffff;
}

ul.nav-list {
    margin: 0;
    padding: 0;
}

ul.nav-list li {
    list-style: none;
    cursor: pointer;
    padding: 14px 15px 15px ;
    border-top: 1px solid #eee;
    font-size: 15pt;
}

.InvestorDashboard ul.nav-list li.active {
    background-color: rgba(207, 216, 220, 0.2);
    color: #263238;
    font-weight: 400;
}

ul.nav-list li .material-icons {
    float: left;
    display: block;
    font-size: 30px;
    line-height: 30px;
    color: rgba(207, 216, 220, 1);
    margin-right: 10px;
    margin-top: 0;
}

ul.nav-list li.active .material-icons {
    color: #263238;
}

.container.register-investor {
    margin-top: 40px;
    max-width: 1200px;
}

.register-investor .panel {
    padding: 10px 25px 15px;
}

.register-investor h1 {
    margin-bottom: 30px;
}

elmenu .row {
    /*margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;*/
}

.InvestorDashboard .navbar.navbar-inverse.navbar-fixed-top {
    position: inherit;
    background: transparent;
    color: #000000;
}

.InvestorDashboard .dashboard-details .dashboard-details-pane > .panel {
    min-height: 50vh;
}


.InvestorDashboard .dashboard-details  .panel h2 {
    margin-bottom: 30px;
}

@media (max-width: 1440px) {
    .InvestorDashboard .dashboard-details .panel h2 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {

    .InvestorDashboard .dashboard-details  .panel .opportunity-details h2
    {
        clear: both;
        margin-bottom: 0;
        padding-top: 10px;
    }

    .InvestorDashboard .dashboard-details  .panel .investment-details h2 {
        clear: both;
        margin-bottom: 20px;
        font-size: 28px;
        padding-top: 10px;
    }

    .investment-details .row > div,
    .opportunity-details .row > div {
        margin-bottom: 15px;
    }
    .nav-back > button {
        padding: 15px 3px;
    }
}

}

.InvestorDashboard .dashboard-details  .panel h3 {
    color: #666;
} 

.dashboard-details {
    /*background-color: #fff;*/
}

.dashboard-details .dashboard-details-pane .form-block {
        padding: 15px 20px;
        overflow: visible;
}

.personal-settings .form-block:first-child {
    padding-left: 7px!important;
}

.dashboard-details .panel {
    padding: 15px 0;
}

@media (min-width: 480px) {
    .dashboard-details .panel {
        padding: 15px 25px 35px;
    }
}
    
.dashboard-details .panel h2 {
    margin-top: 10px;
    margin-bottom: 20px;
}

.actions a {
    cursor: pointer;
}

.modal-dialog {
    max-width: 800px;
}

.opportunities .balance-info {
    background-color: rgba(207, 216, 220, 0.2);
    border-left: 5px solid #37474F;
    color: #37474F;
    padding: 10px;
}

.opportunities .balance-info b {
    color: green;
    font-weight: 500;
}

.opportunities .filters {
    margin-top: 10px;
}

.opportunities .filters:hover {
    background-color: #CFD8DC;
}

.opportunities .filters .btn:hover {
    background-color: transparent!important;
}

.opportunities .opportunities-table-cell{
    word-break: break-all;
    width: 120px;
}


@media (min-width: 768px) {
    .opportunities .filters {
            background-color: #EEEFF0;
            padding: 3px;
            margin-top: 0;
    }
}


.investment-details .value {
    font-weight: 300;
    font-size: 18px;
}

/*
.btn-back {
    float: left;
    padding: 3px 3px 0;
    color: #333;
    background-color: #ECEFF1;
    cursor: pointer;
    border-radius: 25px;
}
*/



/** TABLES **/
.table {
    margin: 15px 0 25px;
}

.table thead tr th {
    border: 1px solid #78909C;
    background-color: #607D8B;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

.table thead tr {
    color: #333;
    font-weight: 500;
    border-bottom: 0;
}

.table > tbody > tr > td {
    vertical-align: middle;
    padding: 7px;
    border: 0;
    border-right: 1px dotted #ECEFF1;
    border-bottom: 1px dotted #CFD8DC;
    background-color: #fff;
    line-height: 1.47em;
}

.table > tbody > tr > td:first-child {
    border-left: 1px dotted #CFD8DC;
}

.opportunities .table > tbody > tr > td:last-child {
    border-right: 1px dotted #CFD8DC;
    border-bottom: 1px dotted #ffffff;
    background-color: #CFD8DC;
    font-weight: 400;
}


.table.table-hover > tbody > tr:hover {
    background-color: transparent!important;
}

.table.table-hover > tbody > tr:hover > td {
    background-color: #EEEFF0;
}

.table > tbody > tr > td.actions {
    text-align: center;
    font-weight: 400;
}


.table > tbody > tr > td.actions a {
    display: inline-block;
    margin: 3px 5px;
    text-align: center;
}

/*
.table > tbody > tr > td.actions a.btn-modify {
    width: 50%;
    float: left;
}

.table > tbody > tr > td.actions a.btn-modify ~ .btn-widthdraw {
    width: 50%;
}

    */
.table > tbody > tr:hover > td.actions.bid {
    background-color: #4CAF50;
}


tr:hover > .modifyBid,
tr:hover > td.actions.withdraw +tr:hover > .modifyBid {
    background-color: #78909C!important;
}

.table > tbody > tr:hover > td.actions.withdraw {
    background-color: #DD2C00;
}

.opportunities .table > tbody > tr:hover > td.actions a {
    color: #ffffff;
}

.opportunities .table > tbody > tr > td:last-child a:hover {
    color: #ffffff;
}
.opportunities .table > tbody > tr:hover > td:last-child {
/*    color: #ffffff;*/
    background-color: #B0BEC5;
}


.opportunities .table > tbody > tr > td:first-child,
.opportunities .table > tbody > tr > td:nth-child(7), 
.opportunities .table > tbody > tr > td:last-child {
    text-align: center;
}

.opportunities .table > tbody > tr > td:nth-child(4), 
.opportunities .table > tbody > tr > td:nth-child(5),
.opportunities .table > tbody > tr > td:nth-child(6),
.opportunities .table > tbody > tr > td:nth-child(8) {
    text-align: right;
}

.my-investments .table > tbody > tr > td:last-child {
    text-align: center;
    border-right: 1px dotted #CFD8DC;
    border-bottom: 1px dotted #ffffff;
    background-color: #CFD8DC;
    font-weight: 400;
    width: 40px;
}

.my-investments .table > tbody > tr:hover > td:last-child {
    background-color: #B0BEC5;
}

.my-investments .table > tbody > tr:hover > td:last-child a {
    cursor: pointer;
}

.my-investments .table > tbody > tr > td:last-child a:hover {
    color: #ffffff;
}


.my-investments .table > tbody > tr > td:first-child,
.my-investments .table > tbody > tr > td:nth-child(5) {
    text-align: center;
}

.my-investments .table > tbody > tr > td:nth-child(3), 
.my-investments .table > tbody > tr > td:nth-child(4) {
    text-align: right;
}


.investment-details table.view-payments > tbody > tr > td:first-child {
        text-align: left;
    
}

.investment-details table.view-payments > tbody > tr > td:not(:first-child) {
        text-align: right;
    
}


/** Personal settings **/
.front-end .personal-settings .btn:not(.btn-raised):not(.btn-link),
.front-end .personal-settings .input-group-btn .btn:not(.btn-raised):not(.btn-link)
 {
    background: #CFD8DC!important;
    color: #263238;
}

.front-end .personal-settings .multiSelect .btn {
    margin: 10px 0 0;    
}


/** MODALS **/

.modal-dialog .modal-body form[name="settings"] {
   max-width: 500px;
}

.modal-dialog .modal-body form[name="settings"] .form-group.form-group-lg {
        margin: 20px 0 0 0;
}    
.modal-dialog .modal-body form[name="settings"] .form-group.form-group-lg .readonly-value {
    font-size: 20px;
    line-height: 38px;
    font-weight: 400;
    background: transparent;
}


.modal-dialog .modal-body form[name="dlgForm"] {
   font-weight: 300;
   min-height: 50px;
}
.modal-dialog .modal-body form[name="dlgForm"] h4 {
   text-align: center;
}


@media (min-width: 1200px) and (max-width: 1439px) {
    .opportunities .checkboxLayer.show {
       /* margin-left: -30px;*/
    }
}

.multiSelect .checkboxLayer  .helperButton {
    border-radius: 0;
    border: 0;
    padding: 3px 10px;
    background-color: #EEEFF0;
}

.multiSelect .checkboxLayer  .helperButton:hover,
.multiSelect .checkboxLayer  .helperButton:active,
.multiSelect .checkboxLayer  .helperButton:focus {
    border: 0;
    color: #37474F;    
    background-color: #CFD8DC;  
}

.multiSelect .checkboxLayer .inputFilter {
    border-radius: 0;
}
.multiSelect .checkboxLayer .inputFilter:focus {
    border-color: #90A4AE!important;
    box-shadow: none!important;
}

.multiSelect .checkboxLayer .multiSelectItem {
    text-align: left;
}
.multiSelect .checkboxLayer .multiSelectItem label {
    color: #607D8B;
    margin: 3px 0;
}

.multiSelect .checkboxLayer .multiSelectItem:hover,
.multiSelect .checkboxLayer .multiSelectGroup:hover {
    background-image: none!important;
    background-color: #CFD8DC;
    border: 1px solid transparent!important;
    color: #ffffff;
}

.multiSelect .checkboxLayer .multiSelectItem:hover .tickMark {
    color: #37474F;
}

.multiSelect .checkboxLayer .clearButton {
    border: 0;
    background-color: #CFD8DC;
    font-size: 16px;
    font-weight: bold;
}
.multiSelect .checkboxLayer .clearButton:hover, 
.multiSelect .checkboxLayer .clearButton:focus, 
.multiSelect .checkboxLayer .clearButton:active {
    color: #fff;
    background-color: #78909C;
    box-shadow: none!important;
    border: 0!important;
}

.multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
    background-color: #EEEFF0;
    background-image: none;
    border: 1px solid #ffffff;
}

.multiSelect .multiSelectItem:not(.multiSelectGroup).selected:hover {
    background-color: #CFD8DC;
}

.InvestorDashboard .container {
    padding-top: 10px;
}

.investor-details {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.5rem;
    background: none;
}

.investor-details legend {
    font-weight: 300;
    font-size: 2rem;
    text-align: left;
    border: 0;
    margin-bottom: 0;
    padding: 0 5px 5px;
    color: #263238;
    background: #CFD8DC;
    border-bottom: 2px solid #ECEFF1;
    border-top-left-radius: 0;
}

.investor-details .icon::before {
    font-size: 1em!important;
    color: #455A64;
}

@media (max-width: 767px) {
    .investor-details legend {
        font-size: 1.8rem;
    }
}

.investor-details  .form-group.is-focused .form-control .material-input:after {
  background-color: #90A4AE;
}

.investor-details .form-block {
    display: block;
    background: #ffffff /*#f8f8f8*/;
    padding: 15px 15px 0;
    margin-bottom: 35px;
}

.front-end .investor-details .form-block {
    padding-bottom: 15px ;
}

.investor-details .btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #5cb85c, #469f46);
    background-image: -ms-linear-gradient(top, #5cb85c, #469f46);
    background-image: -webkit-linear-gradient(top, #5cb85c, #469f46);
    background-image: -o-linear-gradient(top, #5cb85c, #469f46);
    background-image: linear-gradient(to top, #5cb85c, #469f46);
    border-color: #4cae4c;
}

.investor-details > .panel-footer > .btn.btn-primary[disabled][disabled],
.create-account .btn.btn-primary[disabled][disabled] {
    border: 1px solid #78909C;
    color: #78909C;
    background-color: #ECEFF1;
}

.create-account .btn.btn-primary[disabled][disabled]:hover,
.create-account .btn.btn-primary[disabled][disabled]:active,
.create-account .btn.btn-primary[disabled][disabled]:focus,
.investor-details > .panel-footer > .btn.btn-primary[disabled][disabled]:hover, 
.investor-details > .panel-footer > .btn.btn-primary[disabled][disabled]:focus,
.investor-details > .panel-footer > .btn.btn-primary[disabled][disabled]:active {
    background: #CFD8DC;
    color: #78909C;
}

.investor-details > .panel-footer > .btn:not(.btn-raised).btn-primary {
    background: #4CAF50;
    color: #fff;
}

.investor-details > .panel-footer > .btn:not(.btn-raised).btn-primary:hover,
.investor-details > .panel-footer > .btn:not(.btn-raised).btn-primary:focus {
  background-color: #388E3C;
}

.panel.investor-details  {
    margin-bottom: 10px;
}

.investor-details.panel > .panel-heading, .customer-details.panel.panel-default > .panel-heading {
    background: transparent;    
}

.investor-details .panel-footer {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
}

.investor-details {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

.documents-list .btn.btn-danger {
    color: #fff!important;
    height: 2em;
    font-size: 1.4rem;
    line-height: 1.3em;
    background-color: #f44336!important;
    font-family: 'Roboto Condensed',Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    padding: 5px 10px;
    margin: 0;
}


.documents-list .btn.btn-danger:hover,
.documents-list .btn.btn-danger:focus,
.documents-list .btn.btn-danger:active,
.documents-list .btn.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #D50000!important;
}