﻿.bg-color {
    background-color: #E65262;
}

.header-bg {
    background-color: #E65262;
}

.selected {
    border: 1px solid #E65262 !important;
}

.footer-color {
    border-top: #E65262 solid 3px;
}

.checkmark1 {
    border: #E65262 solid 2px;
}

.checkmark {
    border: #E65262 solid 2px;
}

.fa-pencil {
    color: #E65262 !important;
}

.card-header {
    background-color: #E65262;
    color: #fff;
}

.card-adjustment {
    /*border: #E65262 solid 2px;*/
}

.btn-adjustment:active {
    background-color: black !important;
    color: #fff !important;
}

.order-tracking.completed .is-complete {
    border-color: #E65262;
    border-width: 0px;
    background-color: #E65262;
}

.order-tracking.completed:before {
    background-color: #E65262;
}

.header-logo {
    width: 162px !important;
    height: 36px !important;
}

.icon4 {
    background: #e65262 !important;
}

.icon2 {
    margin-left: 20px !important;
}

.action-buttonsi {
    background-image: linear-gradient(to right,#101828, #101828) !important;
}

.footerblockbg1 {
    border-top: #e65262 solid 3px !important;
}

.action-buttonsi:hover, .action-buttonsi:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e65262 !important;
}

.actionbutton {
    background-image: linear-gradient(to right,#101828, #101828) !important;
}

    .actionbutton:hover, .actionbutton:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #e65262 !important;
    }

.fs-title {
    background-image: linear-gradient(to right,#e65262, #e65262 ) !important;
    color:white;
}

.fgc-table th {
    background-color: #e65262;
    color:white;
}

.menuheader {
    border-bottom: #e65262 solid 2px;
}

#msform .action-button1 {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

.pagehee1 {
    color: #e65262;
}

.container input:checked ~ .checkmark {
    background-color: #e65262;
}

#msform .action-button1:hover, #msform .action-button1:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e65262;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="text"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgb(230 82 98);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #e65262;
    outline: 0 none;
}

.container input:checked ~ .checkmark1 {
    background-color: #e65262;
}

/*.btn-success {
    background-color: #101828 !important;
}
.btn-success:hover {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e65262 !important;
    background:black;
}*/
#addnewauthn {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

.modal-header {
    background-color: #e65262 !important;
    color:#fff !important;
}

label.uplofile {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

select:focus-visible {
    outline: 1px solid #e65262;
    border: 1px solid #e65262;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #e65262;
}

.container input:checked ~ .checkmark2 {
    background-color: #e65262;
}

#msform .action-button {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

.action-buttonsnew {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

.menuheader1:hover {
    border-bottom: #e65262 solid 2px;
}

.blockselct1 {
    border: #e65262 solid 2px;
}

.loader {
    border-top: 10px solid #e65262;
}

a#addnewauthn:hover {
    cursor: pointer;
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e65262 !important;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e65262 !important;
}

.uplofile:hover {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e65262 !important;
}

.headerblockright {
    background: #e65262 !important;
}

.formtx select:focus {
    border-color: #e65262;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #e65262;
    outline: 0 none;
}

input.form-control:focus-visible {
    border-color: rgb(230 82 98) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #e65262 !important;
    outline: 0 none !important;
}

.form-control:focus {
    border-color: #e65262 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #e65262 !important;
}

.back-btn {
    background-image: linear-gradient(to right,#101828, #101828 ) !important;
}

    .back-btn:hover {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #e65262 !important;
    }
/*Responsive css   */
/*For small devices sm*/
@media (max-width: 767px) {
    .headerbgblock {
        display: flex;
        flex-direction: column;
    }

    .headerblockleft {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .headerblockright {
        position: relative;
        background: #e65262;
        width: 100% !important;
        top: 9px;
    }

    .menyblock a {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .menyblock {
        position: relative;
        display: flex;
    }

    .pageblockwrapper1 {
        position: relative;
        top: 10px;
    }

    .menyblock {
        margin: 0 !important;
        float: none !important;
        margin-right: 0 !important;
    }

    .signheading2 {
        font-size: 15px !important;
        position: relative;
        top: 4px;
    }

    .icon4 {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .browse-old-applications-sm {
        position: relative;
        top: 15px;
    }

    .headerbgblock {
        top: 50px;
    }

    .delete-icon-remove {
        width: 100% !important;
    }

    .mymodel {
        left: 20px !important;
        width: inherit !important;
    }

    .block-confirmation-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .action-buttonsnew {
        width: 144px;
    }

    .sm-hide {
        display: none
    }

    .sm-file {
        width: 100% !important;
    }

    .pageblockwrapper1 {
        overflow-x: hidden;
    }

    .formtx input {
        padding: 14px 2px 14px 2px;
    }

    .formb1 {
        width: 100%;
    }

    .formb2 {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .select2 {
        width: 102% !important;
    }

    .formtx1 textarea {
        padding: 14px 2px 14px 2px;
    }

    .textformblock {
        width: 100% !important;
    }

    .pageblockwrapper {
        margin-top: 60px;
    }

    .headerbgblock {
        position: relative;
    }

    .topheader {
        padding: 10px;
    }

    #blockconfirmation {
        margin-top: 0px;
        position: relative;
        top: 90px;
    }

    .formtx select {
        width: 102%;
    }
}
/*sm End*/
/* Your tablet-specific styles go here */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .icon4 {
        width: 94% !important;
    }

    .textformblock {
        width: 100% !important;
    }

    .signheading2 {
        font-size: 16px;
        position: relative;
        top: 4px;
    }
}
/* Your CSS styles for Safari on small screens go here for sm*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {
}

.btn-green-effect {
    outline: 1px solid #101828 !important;
    background: white;
    color: #101828;
    font-family: 'fontsfree-net-proxima-nova-bold';
}

    
    /*    .btn-adjustment:active {
        background-color: #1f8f46 !important;
    }*/

    .btn-green-effect:focus-visible {
        transition: all 0.5s ease !important;
        color: white !important;
        background: #101828 !important;
        border: none !important
    }

.prev-svg {
    display: block !important;
    background-image: url(../../Images/wirewandprevbtn.svg) !important;
    width: 35px !important;
    height: 35px !important;
    /* background: no-repeat; */
    background-repeat: no-repeat !important;
}

.next-svg {
    display: block;
    background-image: url(../../Images/wirewandnextbtn.svg) !important;
    width: 35px !important;
    height: 35px !important;
    /* background: no-repeat; */
    background-repeat: no-repeat !important;
}

.plus-icon {
    font-size: 29px;
    color: #E65262 !important;
    cursor: pointer;
}

.angle-down {
    font-size: 24px;
    color: #E65262 !important;
}

.btn-next:hover {
    outline: 2px solid #E65262 !important;
}

.btn-previous:hover {
    outline: 2px solid #E65262 !important;
}

.btn-adjustment:active {
    background-color: #101828 !important;
}

.select2-container--focus {
    border-color: #E65262 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #E65262 !important;
}

.fa-exclamation-circle {
    color: #E65262 !important;
}

.account-card-adjustment {
    border: #e65262 solid 2px !important;
}

.upload-btn1:hover {
    border: 1px solid #e65262 !important;
}

.btnn:hover {
    border: 1px solid #e65262 !important;
}

.header-text {
    color: white !important;
}

.custom-briefcase {
    color: #e65262;
}

.custom-home {
    color: #e65262;
}

.loader.business-loader {
    border-top: 10px solid #e65262 !important;
}

.btn-next:focus-visible {
    outline-color: #e65262;
    outline-offset: 3px;
}

.btn-previous:focus-visible {
    outline-color: #e65262;
    outline-offset: 3px;
}

.business-account > .order-tracking.completed .is-complete {
    border-color: #e65262 !important;
    background-color: #e65262 !important;
}

.selected.selected-business-account {
    border: 1px solid #e65262 !important;
}

.business-account-field + .select2-container--focus {
    border-color: #e65262 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #e65262 !important;
}

.upload-btn1-business-account {
    border: 1px solid #101828 !important;
    background-color: #fff;
}

    .upload-btn1-business-account:hover {
        transition: all 0.5s ease;
        color: white !important;
        background: #101828 !important;
        border: none !important;
    }

        .upload-btn1-business-account:hover .fa-upload {
            color: white !important;
        }
.btn-green-effect:hover {
    transition: all 0.5s ease;
    color: white !important;
    background: #101828 !important;
    border: none !important
}
    .btn-green-effect:hover .fa-eye {
        color: white !important;
    }
span.checkmark1.business-account-field {
    border: #e65262 solid 2px;
}
.business-account-field:checked ~ .checkmark {
    background-color: #e65262 !important;
}
.business-account-field:checked ~ .checkmark {
    background-color: #e65262 !important;
}
.business-account > .order-tracking.completed .is-complete {
    border-color: #e65262 !important;
    background-color: #e65262 !important;
}
.business-account > .order-tracking.completed:before {
    background-color: #e65262 !important;
}
span.checkmark.business-account-field {
    border: #e65262 solid 2px;
}
.btn-green-effect.btn-green-effect-business-account:focus-visible {
    transition: all 0.5s ease;
    color: white !important;
    background: #101828 !important;
    border: none !important;
}
.business-account-field:checked ~ .checkmark2 {
    background-color: #e65262 !important;
}
.business-account-field:checked ~ .checkmark1 {
    background-color: #e65262 !important;
}
.business-account-field:focus {
    border-color: #e65262 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #e65262 !important;
}

