/*--new css--*/
body {
font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
color: #858796!important;
}

.yesButton{
        background-color:#deb13b!important;
        border: 2px solid #deb13b!important;
    }

.device-lg .rvUploadDrop .uploadbox-content .color{
    color: #deb13b !important;
}

.device-lg .button.calibrationMethodObject {

    background-color: #DEB13C!important;
    border-color: #DEB13C!important;
    border-radius: .35rem!important;
}

.device-lg .uploadbox {
    border: 3px dashed #deb13c!important;
}

.device-lg .button.calibrationMethodObject:hover {
    
    background-color: #DEB13C!important;
    border-color: #DEB13C!important;
    border-radius: .35rem!important;
}

.device-lg footer.sticky-footer {
    padding: 3rem 0!important;
}

.device-lg .modal-header .close {
    margin: -1rem 1rem -1rem auto!important;
}

.device-lg .container-fluid {
    padding-left: 2.5rem!important;
    padding-right: 2.5rem!important;
}

.device-lg .calibrationMethods .button.button-border{
    border: 2px solid  #dd744d!important;
    background-color:  #dd744d!important;
    color: #ffff!important;
    border-radius: .35rem!important;
}

.device-lg .calibrationMethods .button.button-border:hover {
    opacity: 0.7;
    border: 2px solid #DEB13A;
    color: #ffff;
    background-color: #DEB13A;
}
 .device-lg .bs-modal-roomViewChange .button.button-border{
    border: 2px solid #858796!important;
    background-color: #858796!important;
    color: #fff!important;
 }

.device-lg .animated .previewOnWallButton .button.button-border {
    background-color:#deb13b!important;
    color: #fff!important;
    border: 2px solid #deb13b!important;
}

.device-lg .popover-navigation .button {
    color: #fff;
    background-color: #dd744d!important;
    border-color: #dd744d!important;
}

.device-lg .overpanel-fullscreen.overpanel-imageselection .overpanel-btn-done {
    background-color: #737373!important;
    border-color: #737373!important;
    color: #fff!important;
}

.device-lg .roomViewOptions a.changeImage {
    background-color: #36b9cc;
}

.device-lg .animated .button.button-border {
    border: 2px solid #dd744d!important;
    background-color: #dd744d!important;
    color:#fff!important;
}


.device-lg .wrapperDiv .button{
    background-color: #deb13b!important;
    border: 2px solid #deb13b!important;
}

.device-lg .previewOnWallButton {
    background-color:#deb13b!important; 
}

.device-lg .zoomButton{
    border: 2px solid #DEB13A!important;
    background-color: #DEB13A!important;
    border-radius: .35rem!important;
}

.device-lg .saveButton{
    background-color: #deb13b!important;
    border: 2px solid #deb13b!important;
    border-radius: .35rem!important;
}

.device-lg .unzoomButton{
    border: 2px solid #858796!important;
    background-color: #858796!important;
    color: #fff!important;
    border-radius: .35rem!important;
}

.device-lg .calibrationMethods .calibrationMethodPaper{

    background-color: #deb13b!important;
    border: 2px solid #deb13b!important;
    border-radius:.35rem!important;
}

.device-lg .calibrationMethods  .text-muted {
    color: #fff!important;
}

.device-lg #uploadNewRoom{
    border: 2px solid #DEB13A!important;
    background-color: #DEB13A!important;
    color: #fff!important;
    border-radius: .35rem!important;
}

.device-lg .table > thead > tr > th {
    border-bottom: 2px solid #e3e6f0;
 }

.device-lg .table-bordered{
    box-shadow: 0px 0px 40px 7px #dedede;
}

.device-lg  .badge {
    display: inline-block;
    min-width: 10px;
    margin-top: 8px;
    padding: 11px 18px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 4px;
}

.device-lg .text-gray-800 {
    color: #5a5c69!important;
    font-size: 30px!important;
}

.device-lg .alert-danger {
    color: #0f6848;
    background-color: #d2f4e8;
    border-color: #bff0de;
}

.device-lg #commentsModal .modal-content {
    box-shadow: 0px 0px 40px 7px #dedede!important;
    overflow: unset!important;
    border-radius: .3rem;
}

.device-lg #commentsModal .upload_btn button {
    padding: 9px 25px!important;
    color: #fff!important;
    background: #DEB13C!important;
    border: unset!important;
    border-radius:.35rem!important;
}

.device-lg  .btn-primary {
    color: #ffffff;
    background-color: #DEB13A;
    border-color: #DEB13A;
    padding: 0.600rem .900rem!important;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400!important;
}

.device-lg .btn-primary:hover{
    background-color: #DEB13A;
    border-color: #DEB13A;
}

.device-lg  .btn {
    color: #ffffff;
    padding: 0.600rem .900rem!important;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400!important;
}

.device-lg  .modal-body {
    color: #858796!important;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
}

.device-lg .modal-header .close {
    margin-top: -12px;
}

#logoutModal .modal-header .modal-title {
    display: inline-block;
    padding: 0 0px;
}

#logoutModal .modal-content .btn:hover {
    color: #fff;
}

#logoutModal .modal-content .btn{
    border-radius: .35rem!important;
}

#logoutModal .modal-content{
  border-radius:.3rem;
}

#logoutModal .modal-title{  
 font-size: 20px!important;
 color: #858796!important;
 font-weight:500!important;
}

#logoutModal .modal-body {
    padding: 20px 30px 20px 30px!important;
    color: #858796!important!important;
}

#logoutModal .modal-header{
    border-bottom:1px solid #e5e5e5;
    padding: 18px 30px 15px 30px;
}

.device-lg .btn-k{
  border-radius:.35rem!important;
}

.device-lg .alert-dismissible .close {
    position: relative;
    top: -15px;
    right: -21px;
    color: inherit;
}

.badge-danger {
    color: #fff;
    background-color: #e74a3b!important;
    display: inline-block!important;
    padding: .25em .4em!important;
    font-size: 75%!important;
    font-weight: 700!important;
    line-height: 1!important;
    text-align: center!important;
    white-space: nowrap!important;
    vertical-align: baseline!important;
    border-radius: 6px!important;
}


.user-info-msg {
    background-color: #ffff;
    padding: 20px 30px;
    box-shadow: -4px 9px 8px 0px #eee;
    color:##161414;
}

.device-lg .sidebar{

    width:262px!important;
}

.device-lg .sidebar #sidebarToggle {
    width: 3.5rem!important;
    height: 3.5rem!important;
    }

.device-lg .sidebar.toggled{

width:120px!important;

}

.device-lg  .sidebar .sidebar-brand{

 font-size:17px!important;

}

.more-one {
    padding: 0px 16px;
    margin: 0px 0px;
}

.bg-info {
    background-color: #DD744D!important;
}

.accordion{

    margin-bottom:0px!important;
}

.device-lg .manage_portrait{
  padding:0px 0px!important;
}

.device-lg .ellipsisWrapper {
    float: right;
    line-height: 54px;
}

.device-lg .well{
    padding:15px 15px!important;
}

.device-lg form {
    margin-bottom:0px!important;
}

.device-lg #documentWrapper .page-title{

  padding: 10px 0!important;
}

.device-lg .btn-photoswipe-order {
    line-height: 54px;
}

form#frmPorttait {
    margin-left: 16px;
}

.device-lg .btn-new {
    background-color: #DEB13A!important;
    color: #fff;
    border: 1px solid #DEB13A!important;
    border-radius: .35rem!important;
}

a.changeImage {
    background-color: #286090;
    color: #fff!important;
    padding: 7px 10px;
    font-weight: bold;
}

.previewOnWallButton {
    background-color: #286090!important;
    color: #fff!important;
}

.previewOnWallButton  .button.button-border {
    border: 2px solid #286090!!important;
    color: #fff!important;
    line-height: 36px;
    background-color: #286090!important;
    font-weight: 600;
    text-shadow: none;
    }

    .roomview-controls-main-panel {
    /*background-color: #286090;*/
    background-color:#36b9cc;
    left: 60%!important;
    width: 179px!important;
}

.btn-k {
    background-color: #36b9cc!important;
    border-color: #36b9cc!important;
}


.more-btn {
    padding: 5px 15px;
    color: #dd744d;
    font-weight: bold;
}

ul.list-msg {
    list-style-type: none;
    padding: 0px 17px;
    margin-top: 0px;
    margin-left: 13px;
    padding: 0px;
}

.btn-primary {
    color: #fff;
    background-color: #356bb5;
    border-color: #356bb5;
}

.device-lg h6{
    font-size:17px!important;
}

.heading-lkm {
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
    width: 57%;
    color: #dd744d;
    font-weight:bold;
}

.device-lg hr {
    background-color: #e6e6e647!important;
}


.device-lg footer.sticky-footer .copyright {

    font-size: 14px!important;
    color: #858796!important;
}


.device-lg .scroll-to-top {
    width: 4.75rem!important;
    height: 4.75rem!important;
}

/*--end css--*/

.sidebar.toggled a.sidebar-brand img {
    width: auto;
    max-width: 100%;
}

.sidebar-dark .sidebar-brand {
    height: auto;
}

.bg-gradient-primary {
    background-color: #DD744D;
    background-image: unset;
}

.btn-primary:hover {
    color: #fff;
    background-color: #DEB13A;
    border-color: #DEB13A;
}

.btn-primary {
    color: #fff;
    background-color: #DEB13A;
    border-color: #DEB13A;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #DEB13A;
    border-color: #DEB13A;
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.text-primary {
    color: #dd744d!important;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #DEB13A;
    border-color: #DEB13A;
}

.btn-success {
    color: #fff;
    background-color: #BFD9D2;
    border-color: #BFD9D2;
}

.btn-danger {
    color: #fff;
    background-color: #dd744d;
    border-color: #dd744d;
}

.btn-danger:hover {
    color: #fff;
    background-color: #dd744d;
    border-color: #dd744d;
}

.btn-success:hover {
    color: #fff;
    background-color: #BFD9D2;
    border-color: #BFD9D2;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #BFD9D2;
    border-color: #BFD9D2;
}

@media only screen and (max-width: 767px) {
/*new 12-11-19*/
    .manage_portrait {
        padding: 0px 0;
    }

    .page-title {
        padding: 0px 0!important;
    }

    .manage_portrait {
        padding: 0px 0!important;
    }

    .calibrationMethods .calibrationMethodPaper.button{
        padding:10px 10px!important;
    }

    .process-steps li h5 {
        margin: 0px 0 0 0!important;
    }

    .sidebar .nav-item .nav-link span {
        font-size: 10px!important;
        display: block;
    }

    .process-steps li {
        vertical-align: top;
        padding-bottom: 20px!important;
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }

    .manage_portrait .steps_main .steps_row{

        margin-bottom: 5px !important;
    }

    .bs-modal-roomViewChange .modal-content .modal-body .row{

        justify-content: center;
        align-items: center;
    }

    .bs-modal-roomViewChange .roomImageWrapper{
        float:none!important;
    }

    .well .roomViewOptions .product-item-actions{

        float:none!important;
    }

    .modal-header .close{

        margin-top:-13px!important;
    }

    .sidebar{
        width: 0px!important; 
        overflow: hidden!important; 
    }
   
    /*new end*/

    .yesButton{
        background-color:#deb13b!important;
        border: 2px solid #deb13b!important;
    }
    

    .overpanel-fullscreen .page-title {
        padding: 60px 0 0px 0!important;
    }

    .topbar #sidebarToggleTop{
        padding: 6px 0;
        height: 35px;
        width: 35px;
        border-radius:50%!important;
    }

    .saveButton {
        background-color: #deb13b!important;
        border: 2px solid #deb13b!important;
        border-radius: .35rem!important;
    }

     .unzoomButton {
        border: 2px solid #858796!important;
        background-color: #858796!important;
        color: #fff!important;
        border-radius: .35rem!important;
    }

    .zoomButton {
        border: 2px solid #DEB13A!important;
        background-color: #DEB13A!important;
        border-radius: .35rem!important;
    }

    .button.calibrationMethodObject {
        background-color: #DEB13C!important;
        border-color: #DEB13C!important;
        border-radius: .35rem!important;
    }

    .rvUploadDrop .uploadbox-content .color {
        color: #deb13b !important;
    }

     .uploadbox {
        border: 3px dashed #deb13c!important;
    }

    .button.calibrationMethodObject:hover {
        background-color: #DEB13C!important;
        border-color: #DEB13C!important;
        border-radius: .35rem!important;
    }

    .calibrationMethods .text-muted {
        color: #fff!important;
    }

    .roomview-controls-main-panel {
        background-color: #36b9cc!important;
    }

     .wrapperDiv .button {
        background-color: #deb13b!important;
        border: 2px solid #deb13b!important;
    }

    .animated .button.button-border {
        border: 2px solid #dd744d!important;
        background-color: #dd744d!important;
        color: #fff!important;
    }

    .okButton {
        background-color: #e28558!important;
        border: 2px solid #e28558!important;
    }

    .editCrop .button.button-small {
        background-color: #deb13b;
        border: 2px solid #deb13b;
    }

    .roomViewOptions a.changeImage {
        background-color: #36b9cc!important;
    }

   .popover-navigation .button {
        color: #fff;
        background-color: #dd744d!important;
        border-color: #dd744d!important;
    }

    .previewOnWallButton{
        background-color: #deb13b!important;

     }

    .animated .previewOnWallButton .button.button-border {
        background-color: #deb13b!important;
        color: #fff!important;
        border: 2px solid #deb13b!important;
    }

    .calibrationMethods .button.button-border {
        border: 2px solid #dd744d!important;
        background-color: #dd744d!important;
        color: #ffff!important;
    }

    .calibrationMethods .calibrationMethodPaper {
        background-color: #deb13b!important; 
        border: 2px solid #deb13b!important; 
        border-radius: .35rem!important; 
    }

.device-lg .calibrationMethods .calibrationMethodPaper {
    background-color: #deb13b!important;
    border: 2px solid #deb13b!important;
    border-radius: .35rem!important;
}


    #uploadNewRoom.button.button-border{
        border-color: #DEB13A!important;
        border: 2px solid #DEB13A!important;
        background-color: #DEB13A!important;
        color: #fff!important;
        border-radius: .35rem!important;
    }

#logoutModal .btn-primary{
    background-color: #DEB13A!important;
    border-color: #DEB13A!important;
}

    #logoutModal .modal-content {
        min-height: unset!important;
    }


.overpanel-fullscreen{
    position: fixed !important;
    left:0px!important;
}
ul.list-msg {
    list-style-type: none;
    padding: 0px 10px!important;
    }


    .process-step-custom {
        padding: 0 5px!important;
    }
   

   .process-steps.process-3 li {
        width: 100%!important;
    }

    .process-steps li {
     width: 100%!important;
    
}

    ul.process-steps {
        display: flex!important;
        flex-direction: column!important;
        white-space: unset!important;
    }

    .process-steps li:before, .process-steps li:after {
        display:none!important;
    }


    .add_portait {
       
        padding: 30px 10px!important;
    }

    .sidebar{
       margin: 0 !important;
        /*width:100px!important;*/
    }

    .sidebar .nav-item .nav-link {
        width:unset;
    }

    .sidebar.toggled{
        width:130px!important;
    }

    .add_portait #portrait_actions{
        float:none!important;
        font-size: 12px!important;
        display: flex!important;
        flex-direction: column!important;
    }

    .add_portait #portrait_actions .mr-2{

        margin-right:unset!important;
    }


    .add_portait {
        padding: 15px 20px;
    }

    /*.sidebar.toggled{
       display:none;
    }*/

    .user-info-msg.offset-3 {
        margin-left: 5%!important;
    }
    
    .user-info-msg{
        font-size: 13px;
    }
    
   .user-info-msg h3 {
        font-size: 18px!important;
        color: #605c5c!important;
    }

    .device-touch  hr {
    background-color: #e6e6e647!important;
    }
    
    .device-touch  .sidebar-dark hr.sidebar-divider{

        border-top:0px!important;
    }

   ./*device-touch .topbar #sidebarToggleTop:active{
     border-radius: 50%!important;
   }

   .topbar #sidebarToggleTop{
      width:unset!important;
      height:unset!important;
      border-radius: 50%!important;
   }*/

    /*.device-touch .sidebar.toggled {
    width: 122px!important;
}*/

    /*.device-touch .sidebar .sidebar-brand .sidebar-brand-icon i {
        font-size: 3rem!important;
    }
    
    .device-touch .sidebar .nav-item .nav-link span {
        font-size: 1rem!important;
    }
*/
   /*.device-touch .sidebar .nav-item .nav-link{
       padding: 10px 30px!important;
   }*/

    /*.sidebar {
        width: 0;
        min-height: 100vh;
    }*/

    /*.sidebar.toggled {
        width: 6.5rem !important;
        overflow: hidden;
    }*/
    .sidebar-dark .sidebar-brand img {
        width: auto;
        max-width: 100%;
    }

    .btn-new {
        background-color:#DEB13A!important;
        color: #fff;
        border:1px solid #DEB13A!important;
        font-size: 10px;
        width: 100%;
        font-size: 10px!important;
    }

    #frmPortrait .btn-k{
        font-size: 10px!important;
    }

   

.heading-lkm {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    line-height: 16px;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 0px;
}

ul.list-msg {
    list-style-type: none;
    padding: 0px 0px;
    margin-top: 0px;
    font-size: 11px;
    margin: 0px;
}

.device-lg .container, .container-fluid{

   /* padding:0px 0px!important;*/

}

button.btn.btn-primary.btn-k.text-white.mt-3 {
    width: 100%;
}

/*.sidebar .nav-item .nav-link {
    text-align: center;
    padding: .75rem 1rem;
    width: 5.5rem!important;
}*/

/* .sidebar{
    width: 52%!important;
    width: 6.5rem!important;
}*/

 .button{
    padding:0px 15px!important;
}
.history_comments .date_img h6{
    font-size:14px!important;
}

}


@media only screen and (min-width: 768px) {

    .device-lg .sidebar .nav-item .nav-link {
    padding: 2rem;
   }

    .device-lg .sidebar.toggled .nav-item .nav-link {
    width: 9.5rem!important;
}

.device-lg .sidebar .nav-item .nav-link i {
    font-size: 14px!important;
   }

  .device-lg .sidebar .nav-item .nav-link span {
    font-size: 14px!important; 
}  

.device-lg  .sidebar .sidebar-brand .sidebar-brand-icon i {
    font-size: 3rem!important;
}


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

.device-lg .d-md-inline {
    display: inherit!important;
}

.d-none {
    display: none;
}

}

@media (min-width: 479px){
.device-lg .navbar-nav > li {
    float: none!important;
}

.device-lg .sidebar-dark hr.sidebar-divider {
    border-top: unset!important;
}

}

@media only screen and (max-width: 350px) {

    #uploadNewRoom{
        font-size:12px !important;
        margin:0px !important;
    }

    ul.list-msg {
    list-style-type: none;
    padding: 0px 10px!important;
    }


    .process-step-custom {
        padding: 0 5px!important;
    }
   

   .process-steps.process-3 li {
        width: 100%!important;
    }

    .process-steps li {
     width: 100%!important;
    
    }

    ul.process-steps {
        display: flex!important;
        flex-direction: column!important;
        white-space: unset!important;
    }

    .process-steps li:before, .process-steps li:after {
        display:none!important;
    }

    .overpanel-roomvu .editor-content-inner{

        padding-left:unset!important;
    }

    .bs-modal-roomViewChange .modal-body {
        padding: 0 30px 30px 73px!important;
    }

    .manage_portrait {
        padding: 0px 0!important;
    }

    .steps_row {
        margin-bottom: 20px!important;
    }

    .view_portraits {
        min-height: 73px!important;
    }

    .zoom_image img {
        width: 58%!important;
    }

    .zoom_image {
        position: absolute;
        bottom: 3px!important;
        right: -4px!important;
    }

    .sidebar .nav-item .nav-link span {
        font-size: 10px!important;
        display: block;
    }

    .card .card-header h6 {
        font-size: 16px!important;
        
    }

    .add_portait #portrait_actions{
        float:none!important;
        font-size: 12px!important;
        display: flex!important;
        flex-direction: column!important;
    }

}




/*16 march Login Page*/
div#login_div {
    background-image: radial-gradient(rgb(70, 70, 70), rgb(5, 5, 5)) !important;
    height: 100vh;
}
div#login_div>.row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
div#login_div .login_row .col-lg-6 {
    background: #fff;
}
div#login-main_div button.btn-user {
    width: 180px;
    margin-left: auto;
    font-weight : 700;
    text-transform : uppercase;
}
div#login-main_div h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    line-height: 42px;
    font-family: 'Roboto', sans-serif;
}
div#login-main_div input {
    border-color: #999;
}
div#login_div .card {
    background: transparent !important;
    z-index: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
div#login_div .card div#login-main_div .col-lg-6:last-child .p-5 {
    padding-top: 1rem !important;
    background: #fff !important;
    border-radius: 10px !important;
    width: 80%;
    margin: 0 auto;
}
div#login-main_div {position: relative;z-index: 0 !important;}
.bg-login-image {
    height: 340px;
    margin-top: 0;
}
.card-body.p-0 {
    z-index: 0 !important;
}
div#login-main_div {
    display: flex;
    align-items: center;
    justify-content: center;
}
div#login-main_div .login-logo img {
    margin: 1rem auto;
}
div#login-main_div .login-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
div#login_div .card div#login-main_div .col-lg-6:last-child .p-5 {
    padding-top: 1rem !important;
}
div#login-main_div button.btn-user {
    margin: 2rem auto 0 auto !important;
}



/*17 March Dashboard*/
ul#accordionSidebar {
    background-image: radial-gradient(rgb(70, 70, 70), rgb(5, 5, 5)) !important;
}
.dropdown-menu a.dropdown-item i {
    color: #f6c010 !important;
}
a#userDropdown span {
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #3a3b45 !important;
}
.dropdown-menu a.dropdown-item {
    font-weight: 700;
}
a#userDropdown {
    color: #3a3b45 !important;
}
.card-header.py-3 h6 {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff !important;
    font-size: 16px;
}
.btn-info, .btn-success, .btn-primary, .page-item.active .page-link {
    background: #f6c010 !important;
    border-color: #f6c010 !important;
}
.btn {
    font-weight: 700 !important;
}
table#customers[aria-describedby="customers_info"] a.btn-success {
    background: #505456 !important;
    border-color: #505456 !important;
}
.btn-info:hover, .btn-success:hover, .card-header.py-3 a.btn:hover {
    opacity: 0.8;
}
div#customers_info, div.dataTables_wrapper div.dataTables_info {
    font-weight: 700;
}
.card-header.py-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: radial-gradient(rgb(70, 70, 70), rgb(5, 5, 5)) !important;
}
.alert.alert-info {
    background: #f6c010;
    color: #000;
}
form#frmSetting label, .card-body form.form-horizontal .form-group label {
    font-weight: 700;
    margin-bottom: 0;
}
form#frmSetting  .form-group, .card-body form.form-horizontal .form-group {
    margin-bottom: 2rem !important;
}
/*form#frmSetting .form-group:last-child .col-md-12, .card-body form.form-horizontal .form-group .col-md-12 {
    display: flex;
    justify-content: flex-end;
}*/
table#sizes tbody tr td:last-child a.btn.btn-success {
    background: #505456 !important;
    border-color: #505456 !important;
}
.col-sm-12.history_comments {
    box-shadow: 0px 0px 1px 0px #dedede !important;
}
.history_comments div#commentable_comments p {
    font-weight: 700;
    color: #000;
}
form#frmSetting .form-group:last-child .col-md-12 button.btn, .card-body form.form-horizontal .form-group .col-md-12 button.btn {
    margin-right: 1rem;
}
.card-body form.form-horizontal h5 {
    font-weight: 700;
    text-transform: uppercase;
    color: #000 !important;
}
.upload_btn button, .brows_rel button {
    background: #f6c010 !important;
    border-color: #f6c010 !important;
}
.brows_rel button {
    font-weight: 700;
    border-radius: .35rem;
}
a.selectedPortrait div.portraid_img {
    border-color: #f6c010 !important;
}
.steps_row .steps_div_descr.active .step_circle {
    background: #f6c010 !important;
    border-color: #e1af0d !important;
    color: #fff !important;
}
.steps_row:after {
    background: #f6c010 !important;
}
.steps_row:before {
    border-color: #f6c010 #f6c010 transparent transparent !important;
}
.steps_row .steps_div_descr .step_circle {
    color: #1616164f !important;
    border-color: #f6c01085 !important;
}
.steps_row .steps_div_descr p {
    font-weight: 700;
}
.brows_bnt a.text-primary, div#portrait_actions a {
    color: #333 !important;
    font-weight: 700;
    margin-right: 0rem;
}
div#portrait_actions a:first-child {
    margin-right: 1rem !important;
    /*margin-left: 1rem !important;*/
}
.brows_bnt a.text-primary:hover, div#portrait_actions a:hover {
    color: #f6c010 !important;
}
.customer_name ul.list-inline {
    display: flex;
    justify-content: space-between;
}
.customer_name ul.list-inline li {
    font-weight: 700;
    text-transform: uppercase;
    color: #000 !important;
}
.manage_portrait .col-md-12.text-center a.btn.btn-link.float-right {
    float: none !important;
    color: #000 !important;
}
.manage_portrait {
    padding-top: 1rem !important;
}
.customer_name {
    margin-bottom: 3rem !important;
}
.user-info-msg p {
    font-weight: 700;
}
.user-info-msg {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 1rem !important;
}
.user-info-msg>.text-center {
    text-align: left !important;
}
div#portraits-view p.text-primary {
    background: #f6c010;
    color: #000 !important;
    width: 100%;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .35rem;
}
div#portraits-view .more-btn {
    width: 100%;
}
div#portraits-view button {
    background: #f6c010 !important;
    border-radius: .2rem;
    font-weight: 700;
}
div#portraits-view .more-btn p {
    color: #000;
}
.add_portait a.text-primary.float-right, .lower_slider_main .more-btn p {
    color: #333 !important;
    font-weight: 700;
    margin-right: 0rem;
}
.lower_slider_main .more-btn p {
    text-align: left !important;
}
.more-btn {
    color: #333 !important;
    font-weight: 700;
    margin-right: 0rem;
    font-size: 16px;
}
/*.overpanel-fullscreen {
    background: rgba(0, 0, 0, 0.65) !important;
}
.overpanel-wrapper {
    background: transparent !important;
}
.overpanel-wrapper .padding-30 {
    width: 50%;
    margin: 0 auto;
    padding: 4rem 2rem !important;
    border-radius: 7px;
}*/
.overpanel-wrapper .closeButton:before {
    color: #fff !important;
    background: #f6c010;
    padding: 3px;
    font-size: 22px;
}
.overpanel-wrapper .padding-30 .button.button-border {
    background: #f6c010 !important;
    border-color: #f6c010 !important;
}
.overpanel-wrapper .padding-30 p.calibrationMethodsInitialInstructions {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
}
/*.calibrationInstructionsPaper, .calibrationInstructionsObject {
    background: #f6c010;
    margin-bottom: 1rem;
    margin: 0 auto 2rem auto !important;
    padding: 2rem 0rem 0 0;
}*/
.process-step-custom .custom-icon {
    background: transparent !important;
    color: #000;
}
.calibrationInstructionsPaper h5, .calibrationInstructionsObject h5 {
    font-weight: 700 !important;
}
a.label.label-primary {
    background: #f6c010;
}
.device-lg .btn-new {
    background: #f6c010 !important;
    border-color: #f6c010 !important;
}
.heading-lkm {
    color: #000 !important;
}
.printItems table.table.table-hover tbody td, .sizeItems table.table.table-hover tbody td {
    font-weight: 700;
    color: #000;
}
.printItems table.table.table-hover tbody td.text-right, .sizeItems table.table.table-hover tbody td.text-right {
    color: #f6c010;
}
.device-lg .roomViewOptions a.changeImage {
    background: #000 !important;
}
span.floatright.subtotal.dualVuSync-subtotal, span.floatright.subtotal {
    font-weight: 700;
    color: #f6c010 !important;
}
.device-lg .animated .previewOnWallButton .button.button-border, .device-lg .previewOnWallButton, .device-lg .wrapperDiv .button, .yesButton {
    background: #f6c010 !important;
    border-color: #f6c010 !important;
    font-weight: 700;
}
.roomview-controls-main-panel {
    background: #f6c010;
    font-weight: 700;
    border-radius: 4px;
}
.roomview-controls-main-panel .button.button-transparent.inlineblock.changeRoom {
    font-weight: 700;
}
.device-lg .animated .button.button-border {
    background: #000 !important;
    border-color: #000 !important;
    font-weight: 700;
}
.table_steps table.table tbody tr td i.fa.fa-comments {
    color: #000 !important;
}
.table_steps table.table tbody tr td.text-center {
    font-weight: 700;
    color: #000;
}
.table_steps table.table tfoot tr th {
    font-weight: 700;
    color: #000;
}
.table_steps thead {
    background: #000;
}
.table_steps thead th {
    color: #fff !important;
}
.table_steps tbody tr td {
    color: #000 !important;
    font-weight: 700 !important;
}
p.confirmationText {
    font-weight: 700;
    color: #000;
}
.table_step_3 table.table thead {
    background: #000 !important;
}
.table_step_3 table.table thead th {
    color: #fff !important;
}
.table_step_3 table.table tfoot tr td {
    color: #000 !important;
    font-weight: 700;
}
.pay_select_box.form-group select {
    background: #000 !important;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
}
.payment_status .payment_pending {
    font-weight: 700;
    color: #000;
}
.payment_status span.more-btn {
    background: #f6c23e !important;
    display: block;
    padding-right: 2rem !important;
    text-align: center;
}
.payment_status br {
    display: none !important;
}
.Upload_invoice_button button, .payment_status .update_button button {
    background: #f6c23e;
    font-weight: 700;
}
.select_room_radio label span {
    font-weight: 700;
    color: #000 !important;
}
.manage_portrait h4 {
    background: #f6c010 !important;
    padding: 1rem;
    color: #000;
    font-weight: 700;
}
.summary_order h3 {
    color: #000 !important;
    font-weight: 700;
}
.summary_order  ul li {
    color: #000;
    margin-bottom: 0 !important;
    line-height: 25px;
}
.summary_order .Portraits_Ready {
    margin-top: 0 !important;
    text-align: left !important;
}
.summary_order .Portraits_Ready button {
    background: #f6c010 !important;
    font-weight: 700;
}
div#logoutModal .modal-header h5 {
    color: #000 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
div#logoutModal .modal-body {
    color: #000 !important;
    font-weight: 600;
}
.modal.fade.bs-modal-roomViewChange.in h4.modal-title {
    background: transparent !important;
    padding: 0 !important;
}
.modal.fade.bs-modal-roomViewChange .button.button-large.button-border {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
    font-weight: 700 !important;
    height: 40px;
    line-height: 35px;
}
.modal.fade.bs-modal-roomViewChange .button.button-large.button-border:hover {
    opacity: 0.8;
}
/*manage modal*/
.bs-modal-roomViewChange .roomImage.roomImageUploadRoom {
    border-color: #f6c010 !important;
}
.bs-modal-roomViewChange .roomImage.selected {
    box-shadow: inset 0 0 0 2px #f6c010 !important;
}
.modal.fade.bs-modal-roomViewChange span.roomName {
    text-transform: capitalize;
    font-weight: 700;
}
.modal.fade.bs-modal-roomViewChange .roomActions .button {
    font-weight: 700 !important;
    font-size: 0;
}
.modal.fade.bs-modal-roomViewChange .roomActions .button.editButton:before, .modal.fade.bs-modal-roomViewChange .roomActions .button.deleteButton:before {
    content: "\f044";
    font-family: "Font Awesome 5 Free";
    color: #fff;
    background: #505456 !important;
    border-color: #505456 !important;
    height: 1.8rem !important;
    width: 1.8rem !important;
    border-radius: 50% !important;
    padding: 7px !important;
    font-size: 12px !important;
}
.modal.fade.bs-modal-roomViewChange .roomActions .button.deleteButton:before {
    content: "\f1f8";
    background-color: #dd744d !important;
    border-color: #dd744d !important;
}
.device-lg #commentsModal .modal-content {
    box-shadow: none !important;
}
.label-primary[href]:hover, .label-primary[href]:focus {
    background: #f6c010 !important;
    opacity: 0.8 !important;
}
.add_portait a.text-primary.float-right:hover {
    color: #f6c010 !important;
}




@media only screen and (max-width: 1023px) {
    .overpanel-wrapper .padding-30 .btn-group-table.btn-group-table-xlarge.btn-group-table-separate {
        width: 100% !important;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center !important;
        margin-top: 1rem !important;
    }
    table#customers tbody tr td:last-child a.btn.btn-info.btn-sm {
        width: 100px;
        margin-left: 1rem;
    }
    table#customers tbody tr td:last-child {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    button#sidebarToggleTop {
        background: #f6c010 !important;
    }
    button#sidebarToggleTop i {
        color: #fff !important;
    }
    div#login_div .card div#login-main_div .col-lg-6:last-child {
        margin: 0 auto !important;
        width: 100%;
    }
    div#login-main_div {
        align-items: center;
        justify-content: center;
    }
    div#login_div>.row .col-xl-10 {
        padding: 0 2rem !important;
    }
    div#login_div>.row {
        width: auto !important;
    }
    .bg-login-image {
        display: block !important;
    }
}