:root {
    --primarycolor: #009245 !important; /* Primary Background color */
    --bg-footer: url("../img/footer-bg.png") !important;
    --head-menu: url("../img/head-menu.png") !important; /*Hamburger icon*/
    --head-menu2: url("../img/head-menu2.png") !important; /*Hamburger icon on hover*/
    --head-menu3: url("../img/head-menu3.png") !important; /*Hamburger icon after click*/
    --instructions: url("../img/instructions.png") !important;
    --editbtnUrl: url("../img/ImageFront.jpg") !important;
    --logout-icon: url("../img/signout.png") !important; /*Logout icon*/
    --logout-icon2: url("../img/signout2.png") !important; /*Logout icon on hover*/
    --bodybackcolor: #45aeb3 !important; /*NOT IN USE*/
    --hover-bgcolor: #93aa9c !important; /* Hover Over Background color*/
    --hover-color: #ffffff !important; /* BUTTON Hover over Text color */
    --btn-color: #ffffff !important; /* Button Text Color */
    --control-bgcolor: #d9d8d8 !important; /* Textbox background color*/
    --err-msg-color: #039441 !important; /* Error Message text color */
    --footercolor: #009245 !important; /* Footer content ForeColor*/
    --hover-hamburger-menu-bgcolor: #fae9e8 !important; /* Hamburder Menu text background color*/
    --statusbgcolor: rgba(0, 146, 69, 0.3) !important; /*Controls color of circle below task bar*/
}
/*
DO NOT make any change beyond this point as this will cause design issue
*/
/**********************/

a {
    color: var(--primarycolor) !important;
}

    a:hover,
    a:focus {
        color: var(--hover-bgcolor) !important;
    }

.white          { color: #fff; }
.theme-btn      {
    background-color: var(--primarycolor) !important;
    color: var(--btn-color) !important;
}

    .theme-btn:hover{
        background-color: var(--hover-bgcolor) !important;
        color: var(--hover-color) !important;
    }

.form-btn {
    background-color: var(--primarycolor) !important;
    color: var(--btn-color) !important;
}

    .form-btn:hover {
        background-color: var(--hover-bgcolor) !important;
        color: var(--hover-color) !important;
    }



.head-green{
    background-color: var(--primarycolor) !important;
}

/*******/
.portal-title h3{
    color: var(--primarycolor) !important;
}
header > .container > div{
    background-color: #fff;
}
.login-box{
    background-color: #fff;
}

footer .footer-bg{
    background-image: var(--bg-footer, url("../img/footer-bg.png")) !important;
}
footer .copy p{
    color: var(--footercolor);
}

/* Make circles that indicate the steps of the form: */
.step.active {
    border: 5px solid var(--primarycolor) !important;
    color: var(--primarycolor) !important;
}

/* Mark the steps that are finished and valid: */
.step.finish {
    border: 5px solid var(--primarycolor) !important;
    color: var(--primarycolor) !important;
}
    /*.step:after{
    background-color: #d7d7d7;
}*/
    .step.active:after,.step.finish:after{
        content: '';
        background-color: var(--primarycolor) !important;
    }
/*.step:last-child:after{
    display: none !important;
}*/
.form-box input[type="text"], .form-box input[type="email"], .form-box input[type="password"]{
    background-color: var(--control-bgcolor) !important;
}
.form-box .label span{
    color: #999;
}
/*.login-steps ul li{
    border: 5px solid #d7d7d7;
    color: #d7d7d7;
    background: #f8f8f8;
}*/
.head-logout{
    background-image: var(--logout-icon) !important;
}
    .head-logout:hover{
        background-image: var(--logout-icon2) !important;
    }
.head-menu{
    background-image: var(--head-menu) !important;
}
    .head-menu:hover{
        background-image: var(--head-menu2) !important;
    }
/*.wraper .summary .summary-head{
    background-color: #333;
    color: #fff;
}
.wraper .summary .summary-body li{
    border: 1px solid #ccc;
}*/
/*.wraper .summary .summary-body .flex-center a{
    color: #999;
}*/
/*header.login > .container > div{
    background-color: var(--primarycolor) !important;
}*/
/*header.login > .container > div img{
    border:solid 1px #fff;
}
header.login > .container > div h3{
    color: #fff;
}
.wraper .six-steps ul li h5{
    color: #666;
}*/
.wraper .six-steps ul li.active h5,
.wraper .six-steps ul li:hover h5{
    color: var(--primarycolor) !important;
}
/*.wraper .six-steps ul:after{
    background-color: #ccc;
}*/
.wraper .six-steps ul li .green-dot {
    background-color: var(--statusbgcolor) !important;
}
    .wraper .six-steps ul li .green-dot span{
        background-color: var(--primarycolor) !important;
    }

/*.details-accordian .accordion {
    background-color: #e6e6e6;
    background-image: url(../img/arrow-right.png);
    color: #444;
}
.details-accordian .ac-active,
.details-accordian .accordion:hover {
    background-color: #ccc; 
}*/
/*.details-accordian .ac-active{
    background-image: url(../img/arrow-down.png) !important;
}
.details-accordian .panel .status-table .status-head{
    border:1px solid #acacac;
}
.details-accordian .panel .status-table .status-body{
    border:1px solid #acacac;
}
.details-accordian .panel .msg-table .msg-body{
    border:1px solid #acacac;
}
.details-accordian .panel .msg-table .msg-head{
    border:1px solid #acacac;
}
.details-accordian .panel .msg-links select{
    background-color: #333;
    color: #fff;
    background-image: url(../img/arrow-down.png);
}
.details-accordian .panel .msg-links a{
    background-color: #333;
    color: #fff;
}*/

/* The Modal (background) */
/*.modal{
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}*/

/* Modal Content */
/*.modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
}*/

/* The Close Button */
button.close {
    background-color: var(--primarycolor) !important;
    /*border: 1px solid #fff;
    color: #fff;*/
}

/*button.close :hover,
button.close :focus {
    color: #000;
}*/
.file-upload h4{
    color: var(--primarycolor) !important;
}
.file-upload select{
    background-color: var(--control-bgcolor);
    background-image: url(../img/arrow-down2.png);
}
.file-upload textarea{
    background-color: var(--control-bgcolor);
}
.file-upload span label{
    background-color: var(--control-bgcolor);
}
.file-upload .modal-form > p span{
    color: var(--primarycolor) !important;
}
.head-dropdown li a:hover{
    background-color: var(--hover-hamburger-menu-bgcolor) !important;
    color: var(--hover-color) !important;
}
.head-menu.head-menu-btn{
    background-image: var(--head-menu3) !important;
}


.dxbButton.dxbButtonSys.dxbTSys {
    background: var(--primarycolor) repeat-x !important;
}

.instructionsUrl{
    content:var(--instructions) !important;
}
.header-document .dxpc-headerText {
    color: var(--primarycolor) !important;
}

#btnBackToSummaryView.dxbButton.dxbButtonSys {
    background: var(--primarycolor) repeat-x !important;
    color: var(--btn-color) !important;
}

    #btnBackToSummaryView.dxbButton.dxbButtonSys:hover {
        background: var(--hover-bgcolor) repeat-x !important;
        color: var(--hover-color) !important;
    }

.badge {
    background: var(--primarycolor) !important;
}

.header-document .dxpc-closeBtn {
    background: var(--primarycolor) !important;
    color: white;
    border: 1px solid #fff;
}

.editbtnUrl{
    content:var(--editbtnUrl) !important;
}
/*******************************/

/*#pnlHome .login-box a{
    background-color: #009245;
    color: #fff;
}*/

.ddl-quest {
    background-color: var(--control-bgcolor);
}

    .ddl-quest input {
        background-color: var(--control-bgcolor);
    }
/* Virus scan warning message*/
/*#pnlWarningMsg{
    background-color: #f2f7f2;
    border-top: 1px solid #d5e0d5;
    border-bottom: 1px solid #d5e0d5;
}

#pnlWarningMsg i{
    color: #debe1a;
}*/
/*---------- File Details -----------*/
/*.details-accordian .ac-active, .details-accordian .accordion1:hover {
    background-color: #ccc;
}*/

.dxbButton.dxbButtonSys.dxbTSys:hover {
    background-color: var(--hover-bgcolor) !important;
}

#ddlDocType, #ddltasktypes, #txtSubject, #txtTo, #ddlMsgRecordShow, #txtFileName, .t-box, .c-box {
    background-color: var(--control-bgcolor) !important;
}


    #ddlDocType input, #ddltasktypes input, #txtSubject input, #txtTo input, #ddlMsgRecordShow input, #txtFileName input, .t-box input, .c-box input {
        background-color: var(--control-bgcolor) !important;
    }

.btn-browse .dxucInputs,.btn-browse .dxTB.dxucTextBox.dx-al,.btn-browse .dxucTextBox.dxucNullText,.btn-browse .dxucTextBox.dxucNullText.dxCB,.btn-browse .dxCB.dxucTextBox{
    background-color: var(--control-bgcolor);
}
.btn-browse .dxBB.dxucBrowseButton
{
    background: var(--primarycolor);
}
.btn-browse .dxBB.dxucBrowseButton > a
{
        color: var(--btn-color) !important;
    }
#lblError, .dxeErrorCell.dxeErrorFrame.dxeErrorFrameSys.dxeErrorCellSys,.uploadContainer .dxeBase
{
    color: var(--err-msg-color) !important;
}
#lblErrorVarificationVerbalPin{
    color: var(--err-msg-color) !important;
}
/******Upload multiple file******/
#dvFileUpload .file-upload, .div-file .file-upload{
    background: var(--control-bgcolor) !important;
}
#dvFileUpload #lblMessage{
    color: var(--primarycolor) !important;
}
/******Upload multiple file******/
#RequiredFieldValidator1{
    color: var(--err-msg-color) !important;
}
.error-msg,.ErrorLogin,.ChangePasswordError{
    color: var(--err-msg-color) !important;
}
.thankyou-message-color {
    color: var(--primarycolor) !important;
}
.status-text{
    color:var(--primarycolor) !important;
}
/*.lnkFileNumbercls {
            color: blue !important;
        }

        .lnkActionReqNew {
            color: red !important;
        }

        .lnkActionReqOld {
            color: #999;
        }*/
.head-title {
    background: var(--primarycolor) !important;
    color: var(--btn-color) !important;
}


#ddlContactType, #txtReference, #txtCompany, #txtFirstName, #txtLastName, #txtStreetAddress, #txtCity, #txtCompanyPhone, #txtContactPhone, #txtZip, #txtFax, #txtEmail, .t-box, .c-box {
    background-color: var(--control-bgcolor) !important;
}

#ddlContactType input, #txtReference input, #ddlState input, #txtReference input, #txtCompany input, #txtFirstName input, #txtLastName input, #txtStreetAddress input, #txtCity input, #txtCompanyPhone input, #txtContactPhone input, #txtZip input, #txtFax input, #txtEmail input, .t-box input, .c-box input {
    background-color: var(--control-bgcolor) !important;
}