body{
    background-color: #f4f3ef;
}

.login-container {
    color: #531717;
    width: 100%;
}

.login-header{
    margin-top: 20%;
    padding: 0px;
}
.login-header h1 { 
    display: inline-block;
    margin-bottom: 0px;
    color: #363636;
    font-size: 67px;
    height: 67px;
 }

 .login-header span { 
    font-size: 18px;
    text-align: right;
    float: right;
    margin-top: 41px;
 }

 .login-container .card-header {
     font-size: 30px;
     color: #531717;
     text-align: center;
     padding: 30px 0px;
 }

 .customer-login .login-container .card-header {
    font-size: 30px;
    color: #004496;
}


 .login-container .card-body{
    padding: 0px 60px;
 }


.login-container input,.login-container input:focus {
    background-color: #f4f3ef;
    border-radius: 0px;
    border: 1px solid #9F9F9D !important;
    font-size: 16px;
}

.login-container .input-group-text{
    border: 0px;
    width: 45px;
}

.login-container .form-check-label {
    color: #531717;
    font-size: 14px;
}

.login-container .form-check {
    padding-left: 65px;
}

.login-container .form-check input[type="checkbox"], .login-container .form-check-radio input[type="radio"] {
    opacity: 1;
    position: relative;
    visibility: visible;
    vertical-align: top;
}

.login-container .form-check-label {
    padding-left: 10px;
}

.login-container button {
    margin-bottom: 25px;
}

.login-container #error-container {
    display: block;
    
    padding-left: 46px;
}

.login-container #error-container .text-danger {
    color: red !important;
}

.btn-brown {
    background-color: #531717;
    color: #fff;
    border-radius: 0px;
    width: 170px;
    height: 49px;
}

.btn-brown:hover, .btn-brown:focus{
    background-color: #782121 !important;
}

.btn-blue {
    background-color: #014397;
    color: #fff;
    border-radius: 0px;
    width: 170px;
    height: 49px;
    font-size: 16px;
    font-weight: normal;
}

.btn-blue:hover, .btn-blue:focus{
    background-color: #0159cb !important;
}

.login-footer {
    text-align: center;
    font-size: 16px;
}


/* For the admin dashboard */
.sidebar .logo {
    color: #363636;
    text-align: center;
    padding-top: 18px;
}
.sidebar .logo div {
    font-size: 40px;
    margin-bottom: 0px;
    color: #404040;
}

.sidebar .logo span{
    font-size: 12px;
    text-transform: none;
}

.sidebar .sidebar-wrapper .nav li a img {
    display: inline-block;
    vertical-align: bottom;
}

.sidebar .sidebar-wrapper .nav li a p {
    display: inline-block;
    font-size: 18px;
    color: #868686;
    font-weight: 600;
}

.sidebar .sidebar-wrapper .nav li.active a p {
    color: #531717;
}

.main-panel .navbar .who-is-active {
    background-color: #501916;
    color: #fff;
    width: 139px;
    height: 45px;
    font-size: 24px;
    text-align: center;
    padding-top: 5px;
}

.main-panel .navbar  {
    padding-top: 20px;
}

.main-panel .navbar .active-page {
    font-size: 24px;
    padding-left: 15px;
}

.content .credits .copyright {
    font-size: 16px;
}

#main-content-display .row.with-padding {
    padding: 20px 15px;
}


.dashboard-4-content {
    padding: 10px 20px;
}

.dashboard-4-content a {
    text-decoration: none;
}

.dashboard-4-content a .card {
    height: 310px;
}

.dashboard-4-content a .card:hover {
    background: #f2f2f2;
}

.dashboard-4-content a .card .card-body {
    text-align: center;
    color: #531717;
    padding-top: 75px;
}

.dashboard-4-content a .card .card-body .card-title {
    font-size: 46px;
}

.dashboard-4-content a .card .card-body .card-text {
    font-size: 22px;
}

#main-content-display  .display_content .card .card-body {
    padding: 35px 40px;
}

#main-content-display  .display_content .card .card-body .card-title {
    font-size: 30px;
    color: #531717;
    border-bottom: 1px solid #531717;
}

#main-content-display  .display_content .card .card-body .form-control {
    height: 59px;
    background-color: #F4F3EF;
    border: 1px solid #9D9D9B;
    border-radius: 0px;
    margin-bottom: 15px;
}


/* For the customer registration */
#main-content-display  .display_content.customer-registration .card .card-body {
    padding: 35px 30px;
}

#main-content-display  .display_content.customer-registration .card .card-body .card-title{
    margin: 0px 15px;
}

#main-content-display  .display_content.customer-registration .card .card-body .input-info{
    margin-top: -10px;
    color: #9B9B9B;
    font-size: 14px;
}

#main-content-display  .display_content.customer-registration .card .card-body .new-customer-reg-list {
    border: 1px solid #B7B7B7
}

#main-content-display  .display_content.customer-registration .card .card-body .new-customer-reg-list .row {
    padding: 10px 0px 0px 0px;
}

.new-customer-reg-list .password-container {
    padding-left: 0px;
}

.new-customer-reg-list .form-control {
    margin-bottom: 0px;
}

.new-customer-reg-list .password-container .form-control {
    border-right: 0px !important;
}

.new-customer-reg-list .password-container .form-group .input-group-text {
    border: 0px;
    background-color: #F4F3EF;
    height: 59px;
    border: 1px solid #9D9D9B;
    border-left: 0px;
    cursor: pointer;
    margin-left: -1px;
}

.eye-slash {
    width: 23px !important;
    color: #000;
}

.new-customer-reg-list .customer_type-container {
    padding-right: 28px;
    padding-left: 0px;
}
.new-customer-reg-list .add-new-user {
    background-color: #4E1615;
    color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 0px 4px;
    font-size: 17px;
    cursor: pointer;
}

.reg-system-to-use-container {
    margin-bottom: 50px;
}
.reg-system-to-use-container a.display-system-use-boxes {
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    display: block;
}


.reg-system-to-use-container .card {
    background-color: #CCCCCC;
    color: #363636;
    margin-bottom: 7px;
}


.reg-system-to-use-container a.display-system-use-boxes.active  .card{
    color: #fff;
    background-color: #531717;
}



.reg-system-to-use-container .card .card-body {
    height: 115px;
    padding-top: 45px !important;
}

.reg-system-to-use-container a.show-system-use-modal {
    background-color: #F1F1F1;
    color: #363636;
    display: block;
    padding: 6px;
    height: 31px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    pointer-events: none;
}

.reg-system-to-use-container a.show-system-use-modal.active {
    pointer-events: all;
    background-color: #e6e6e6;
}

#main-content-display  .display_content.customer-registration .cancel-button {
    background-color: #fff;
    border: 1px solid #C0C0C0;
    height: 75px;
    width: 167px;
    font-size: 16px;
    margin-right: 30px;
    color: #66615B;
    padding: 25px 0px;
}
#main-content-display  .display_content.customer-registration .cancel-button:hover {
    background-color: #F1F1F1;
}

#main-content-display  .display_content.customer-registration .save-button {
    background-color: #531717;
    /* border: 1px solid #C0C0C0; */
    height: 75px;
    width: 469px;
    color: #fff;
    font-size: 16px;
}

#main-content-display  .display_content.customer-registration .save-button:hover {
    background-color: #782121 !important;
}

.customer-reg-buttons-container {
    text-align: center;
    padding-top: 30px;
}




#showRegisterModal .modal-content {
    width: 1100px;
    border-radius: 0px;
}

#showRegisterModal .modal-content .modal-title {
    font-size: 30px;
    color: #531717;
}

#showRegisterModal .modal-content .card-header {
    background-color: #F2F2F2;
    border-radius: 0px;
    height: 51px;
    font-size: 18px;
    border-bottom: 1px solid #ABABAB;
}

#showRegisterModal .modal-content .card {
    border:1px solid #ABABAB;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 10px;
}

/* #showRegisterModal .modal-content .card-body .form-group label{
    font-size: 18px;
    color: #575757;

} */

#showRegisterModal .modal-content .card-body .form-group .form-control {
    height: 42px;
    border-radius: 0px;
}

.display-generation-label {
    margin-top: 30px;
    font-size: 14px;
    padding: 0px 15px;
}

.display-generation-label span {
    font-size: 18px;
    color: #545454;
}

.display-generation-label .sample-template-btn-container {
    background-color: #606060;
    color: #fff;
    text-align: right;
    height: 30px;
    padding-top: 4px;
    padding-right: 5px;
    width: 166px;
    font-size: 14px;
    float: right;
}

.display-generation-label .sample-template-btn-container button {
    font-size: 11px;
}

#showRegisterModal .display-generated-codes {
    border:1px solid #ABABAB;
    padding: 15px 15px;
}

#showRegisterModal .display-generated-codes .form-control {
    height: 35px !important;
    border-radius: 0px;
}

#showRegisterModal .display-generated-codes .form-control.code_iframe {
    font-size: 11px;
    background-color: #fff;
}

#showRegisterModal .display-generated-codes .input-group-prepend .input-group-text, #showRegisterModal .display-generated-codes .input-group-append .input-group-text {
    height: 35px !important;
}

#showRegisterModal .display-generated-codes .input-group-prepend .input-group-text {
    border-radius: 0px;
    padding-left: 7px;
}

#showRegisterModal .display-generated-codes .input-group-append .input-group-text {
    border: 0px;
}


#showRegisterModal .display-generated-codes button.generate-iframe-code {
    height: 25px;
    background-color: #782121;
    color: #fff;
    font-size: 12px;
}

#showRegisterModal .display-generated-codes button.copy-iframe {
    background-color: #782121;
    color: #fff;
    font-size: 14px;
    height: 35px;
}

#showRegisterModal .display-generated-codes .add-new-code {
    background-color: #531717;
    color: #fff;
    padding: 1px 4px;
    font-size: 14px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
}

#showRegisterModal .list_redirect_container {
    padding-top: 20px;
}

#showRegisterModal .logo-data-detail-container {
    padding-top: 20px;
}

#showRegisterModal .logo-data-detail-container .logo-file-container label {
    /* font-size: 18px; */
}

#showRegisterModal label.input-header {
    font-size: 18px;
    color: #464646;
    font-weight: 600;
}


#showRegisterModal .logo-data-detail-container .form-group .input-group-append .input-group-text  {
    margin-left: 10px;
    border: 0px;
    padding-top: 0px;
}
#showRegisterModal .logo-data-detail-container .form-group .input-group-append .input-group-text button {
    background-color: #531717;
    color: #fff;
    height: 42px;
    width: 137px;
    font-size: 12px;
}

.custom-border{
    border: 1px solid #9b9b9b !important;
}

#showRegisterModal .modal-footer {
    border-top: 0px;
    padding-top: 0px;
    margin: auto;
}



#showRegisterModal .system-addition-container button {
    font-size: 14px;
    height: 42px;
    width: 149px;
    background-color: #fff;
    border: 1px solid;
    color: #66615B;
    margin-top: 0px;
    border-radius: 0px;
}

.btn-default-custom {
    font-size: 14px;
    height: 42px;
    width: 149px;
    background-color: #fff;
    border: 1px solid;
    color: #66615B;
    margin-top: 0px;
    border-radius: 0px;
}

.btn-primary-custom {
    font-size: 14px;
    height: 42px;
    width: 234px;
    background-color: #531717;
    border: 1px solid;
    color: #fff;
    margin-top: 0px;
    border-radius: 0px;
}

#showRegisterModal .footer-close-link {
    position: absolute;
    left: 15px;
    color: #66615B;
    text-decoration: none;
}





/* Paddings */
.no-paddings {
    padding-left: 0px;
    padding-right: 0px;
}
.reg-paddings {
    padding-left: 15px;
    padding-right: 15px;
}
.big-paddings {
    padding-left: 30px;
    padding-right: 30px;
}



@media (min-width: 576px) {
    #showRegisterModal .modal-dialog {
        max-width: 1100px;
    }
}