:root {
    --primarycolor: #009245;
    /*--secondary-color: #93aa9c;
    --tertiary-color: #333;
    --primary-font: 'Barlow', sans-serif;*/
    --instructions: url("../img/instructions.png");
}

/**********************/

.dxbButton.dxbButtonSys.dxbTSys {
            background: #009245 repeat-x;
            border: none;
            font:16px Barlow, sans-serif;
        }

.dxeTextBoxSys.dxeTextBox{
    border: none;
    background: transparent;
}
.form-box input[type="text"], .form-box input[type="email"], .form-box input[type="password"] {
    font:16px Barlow, sans-serif;
        /* padding-top: unset; */
    padding-right: unset;
    /* padding-bottom: unset; */
    padding-left: 20px;
    width: 94.3%;
}

.tab, .flex-center .dxeBase.dxeTAR, .tab a, .dxeBase{
    font:16px Barlow, sans-serif;
}

.tab .dxpnlControl
{
    font-family:Barlow, sans-serif;
}

#pnlHome .login-box{
    max-width:500px;
    width:auto;
}

#pnlHome .login-box a{
    background-color: #009245;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font: Barlow, sans-serif;
    line-height: 50px;
}

.form-box .fields{
    font-size:16px;
}

.buttons a, #hdnValue{
    text-decoration: none;
    font-size: 16px;
    font: Barlow, sans-serif;
}

.dxeTextBoxSys td.dxic{
    /*overflow: initial !important;
    padding: initial !important;*/
    overflow:visible;
}


.ddl-quest {
    border-radius: 20px;
    background-color: #ebebeb;
    border: none;
}

.ddl-quest input {
    background-color: #ebebeb;
    padding-left: 10px;
}

.ddl-quest .dxeButton.dxeButtonEditButton {
    border: none;
    background: transparent;
}

.ddl-quest img {
    background: url(../img/arrow-down2.png) no-repeat;
    background-size: 15px;
    width: 18px;
    height: 13px;
}
.dxeButtonEditButton {
    padding: 0px 10px 1px 2px;
}

#pnlHome{
    margin-top:125px;
}

.form-box .fields > div.q-label:first-child {
    width: 40%;
    display: inline-flex !important;
}

.form-box .fields > div.q-label .req-star{
    margin-top:-4px;
    margin-left: 2px;
    color:red;
}
.summary-body .dxeHyperlink, .summary-body .dxeBase{
            font:16px Barlow, sans-serif;
        }
.file-upload .body-document {
            padding: 10px 40px 15px;
        }
#btnLoginDetail, #btnVerificationCode{
    margin-right:20px;
}
.dxeErrorCell.dxeErrorFrame.dxeErrorFrameSys.dxeErrorCellSys {
    white-space:normal !important;
}
/* Virus scan warning message*/
#pnlWarningMsg{
    background-color: #f2f7f2;
    margin-left: -40px;
    margin-right: -40px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 1px solid #d5e0d5;
    border-bottom: 1px solid #d5e0d5;
}

#pnlWarningMsg div.div-main{
    margin-top: 7px;
    margin-bottom: 7px;
}
#pnlWarningMsg div.div-icon{
    display: inline-block;
    vertical-align: sub;
    margin-left: 40px;
}
#pnlWarningMsg i{
    color: #debe1a;
}
#pnlWarningMsg span{
    margin-left:20px;
    font-family: 'Barlow', sans-serif !important;
    font-size: 14px;
}


@media (max-width: 479px) and (min-width: 320px) {
    #lnkForgetpassword {
        margin-top:17px;
    }
    .form-btn:first-child {
        margin-right: 2px;
    }

    .summary-body .dxeHyperlink, .summary-body .dxeBase{
        font-size: 13px;
    }
    .theme-btn{
        padding: 0 10px;
    }
    .flex.space-between .theme-btn{
        height: 40px;
    }
    .msg-box{
        width: 112px;
    }

    .file-upload .body-document {
        padding: 9px 12px;
    }

    .details-accordian .panel {
        padding: 0px; 
    }

    .details-accordian .accordion1 .documents.panel.docs td, .details-accordian .accordion1 .documents.panel.docs td a{
        font-size:12px;
    }

    .file-upload ul li > div:last-child {
        width: 60% !important;
    }

    .main .theme-btn{
        height:50px;
    }
    #btnLoginDetail, #btnVerificationCode, #btnSubmit{
        margin-right:3px !important;
    }
    .form-box{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .head-bg {
        top: 60px;
        height: 120px;
    }

    .form-box input[type="text"], .form-box input[type="email"], .form-box input[type="password"] {
        width: 91%;
    }

    .tab, .flex-center .dxeBase.dxeTAR, .tab a, .dxeBase {
        font: 14px Barlow, sans-serif;
    }
    .btn-browse .dxucBrowseButton {
        padding: 8px 8px !important;
    }

    .theme-btn.p-btn{
        padding: 0 20px;
        height: 40px;
    }
    /* Virus scan warning message*/
    #pnlWarningMsg{
        margin-left: -12px !important;
        margin-right: -12px !important;
        border-bottom-right-radius: 11px !important;
        border-bottom-left-radius: 11px !important;
    }
    #pnlWarningMsg div.div-main{
        margin-left: 12px !important;
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }
    #pnlWarningMsg div.div-icon{
        margin-left: 0 !important;
    }
    #pnlWarningMsg span{
        margin-left:6px !important;
    }
}

/*---------- File Details -----------*/
.details-accordian .panel {
            display: block !important;
        }

        .details-accordian .ac-active, .details-accordian .accordion1:hover {
            background-color: transparent;
            background-color: #ccc;
        }

        .details-accordian .accordion1 {
            background-color: transparent;
            padding: 0;
            margin-bottom: 1px;
            font: 16px Barlow, sans-serif;
            font-weight: 500;
        }

        .details-accordian .accordion1 .documents.panel.docs td, .accordion1 .documents.panel.docs td a{
            font-size:15px;
        }

        .dxrpControl .dxrpHI, .dxrpControl td.dxrpHeader, .dxrpControl td.dxrpHeader span.dxrpHT{
            white-space:inherit;
        }

        /*.dxm-disabled .dxWeb_mHorizontalPopOut, .dxm-disabled .dxWeb_mVerticalPopOut, .dxm-disabled .dxWeb_mVerticalPopOutRtl, .dxm-left .dxm-back-icon, .dxm-right .dxm-back-icon, .dxpc-collapseBtnChecked .dxWeb_pcCollapseButton, .dxpc-maximizeBtnChecked .dxWeb_pcMaximizeButton, .dxpc-pinBtnChecked .dxWeb_pcPinButton, .dxpnl-btnPressed .dxWeb_pnlExpand, .dxpnl-btnPressed .dxWeb_pnlExpandArrowBottom, .dxpnl-btnPressed .dxWeb_pnlExpandArrowLeft, .dxpnl-btnPressed .dxWeb_pnlExpandArrowRight, .dxpnl-btnPressed .dxWeb_pnlExpandArrowTop, .dxpnl-btnSelected .dxWeb_pnlExpand, .dxpnl-btnSelected .dxWeb_pnlExpandArrowBottom, .dxpnl-btnSelected .dxWeb_pnlExpandArrowLeft, .dxpnl-btnSelected .dxWeb_pnlExpandArrowRight, .dxpnl-btnSelected .dxWeb_pnlExpandArrowTop, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpand, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowBottom, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowLeft, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowRight, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowTop, .dxrpCollapsed .dxWeb_rpCollapseButton, .dxTouchUI .dxWeb_igCloseButton, .dxTouchUI .dxWeb_igPauseButton, .dxTouchUI .dxWeb_igPlayButton, .dxWeb_edtCheckBoxChecked, .dxWeb_edtCheckBoxCheckedDisabled, .dxWeb_edtCheckBoxGrayed, .dxWeb_edtCheckBoxGrayedDisabled, .dxWeb_edtCheckBoxUnchecked, .dxWeb_edtCheckBoxUncheckedDisabled, .dxWeb_fabCloseActions, .dxWeb_fabCreate, .dxWeb_fabExpandActions, .dxWeb_fmBreadCrumbsSeparatorArrow, .dxWeb_fmBreadCrumbsUpButton, .dxWeb_fmBreadCrumbsUpButtonDisabled, .dxWeb_fmCopyButton, .dxWeb_fmCopyButtonDisabled, .dxWeb_fmCreateButton, .dxWeb_fmCreateButtonDisabled, .dxWeb_fmDeleteButton, .dxWeb_fmDeleteButtonDisabled, .dxWeb_fmDwnlButton, .dxWeb_fmDwnlButtonDisabled, .dxWeb_fmExpandFolderContBtn, .dxWeb_fmFolder, .dxWeb_fmFolderLocked, .dxWeb_fmMoveButton, .dxWeb_fmMoveButtonDisabled, .dxWeb_fmRefreshButton, .dxWeb_fmRefreshButtonDisabled, .dxWeb_fmRenameButton, .dxWeb_fmRenameButtonDisabled, .dxWeb_fmUplButton, .dxWeb_fmUplButtonDisabled, .dxWeb_hCloseButton, .dxWeb_igCloseButton, .dxWeb_igNavigationBarMarker, .dxWeb_igNextButton, .dxWeb_igNextButtonDisabled, .dxWeb_igNextButtonHover, .dxWeb_igNextButtonPressed, .dxWeb_igPauseButton, .dxWeb_igPlayButton, .dxWeb_igPrevButton, .dxWeb_igPrevButtonDisabled, .dxWeb_igPrevButtonHover, .dxWeb_igPrevButtonPressed, .dxWeb_isDot, .dxWeb_isDotDisabled, .dxWeb_isDotPressed, .dxWeb_isDotSelected, .dxWeb_isNextBtnHor, .dxWeb_isNextBtnHorDisabled, .dxWeb_isNextBtnVert, .dxWeb_isNextBtnVertDisabled, .dxWeb_isNextPageBtnHor, .dxWeb_isNextPageBtnHorDisabled, .dxWeb_isNextPageBtnHorOutside, .dxWeb_isNextPageBtnHorOutsideDisabled, .dxWeb_isNextPageBtnVert, .dxWeb_isNextPageBtnVertDisabled, .dxWeb_isNextPageBtnVertOutside, .dxWeb_isNextPageBtnVertOutsideDisabled, .dxWeb_isPauseBtn, .dxWeb_isPlayBtn, .dxWeb_isPrevBtnHor, .dxWeb_isPrevBtnHorDisabled, .dxWeb_isPrevBtnVert, .dxWeb_isPrevBtnVertDisabled, .dxWeb_isPrevPageBtnHor, .dxWeb_isPrevPageBtnHorDisabled, .dxWeb_isPrevPageBtnHorOutside, .dxWeb_isPrevPageBtnHorOutsideDisabled, .dxWeb_isPrevPageBtnVert, .dxWeb_isPrevPageBtnVertDisabled, .dxWeb_isPrevPageBtnVertOutside, .dxWeb_isPrevPageBtnVertOutsideDisabled, .dxWeb_izEWCloseButton, .dxWeb_izHint, .dxWeb_mAdaptiveMenu, .dxWeb_mHorizontalPopOut, .dxWeb_mScrollDown, .dxWeb_mScrollUp, .dxWeb_mSubMenuItem, .dxWeb_mSubMenuItemChecked, .dxWeb_mVerticalPopOut, .dxWeb_mVerticalPopOutRtl, .dxWeb_nbCollapse, .dxWeb_nbExpand, .dxWeb_pAll, .dxWeb_pAllDisabled, .dxWeb_pcCloseButton, .dxWeb_pcCollapseButton, .dxWeb_pcMaximizeButton, .dxWeb_pcPinButton, .dxWeb_pcRefreshButton, .dxWeb_pcSizeGrip, .dxWeb_pcSizeGripRtl, .dxWeb_pFirst, .dxWeb_pFirstDisabled, .dxWeb_pLast, .dxWeb_pLastDisabled, .dxWeb_pNext, .dxWeb_pNextDisabled, .dxWeb_pnlExpand, .dxWeb_pnlExpandArrowBottom, .dxWeb_pnlExpandArrowLeft, .dxWeb_pnlExpandArrowRight, .dxWeb_pnlExpandArrowTop, .dxWeb_pPopOut, .dxWeb_pPopOutDisabled, .dxWeb_pPrev, .dxWeb_pPrevDisabled, .dxWeb_rDialogBoxLauncher, .dxWeb_rDialogBoxLauncherDisabled, .dxWeb_rDialogBoxLauncherHover, .dxWeb_rDialogBoxLauncherPressed, .dxWeb_rGlrDown, .dxWeb_rGlrDownDisabled, .dxWeb_rGlrPopOut, .dxWeb_rGlrPopOutDisabled, .dxWeb_rGlrUp, .dxWeb_rGlrUpDisabled, .dxWeb_rMinBtn, .dxWeb_rMinBtnChecked.dxWeb_rMinBtn, .dxWeb_rMinBtnChecked.dxWeb_rMinBtnDisabled, .dxWeb_rMinBtnChecked.dxWeb_rMinBtnHover, .dxWeb_rMinBtnChecked.dxWeb_rMinBtnPressed, .dxWeb_rMinBtnDisabled, .dxWeb_rMinBtnHover, .dxWeb_rMinBtnPressed, .dxWeb_rpCollapseButton, .dxWeb_rPinBtn, .dxWeb_rPopOut, .dxWeb_splHCollapseBackwardButton, .dxWeb_splHCollapseBackwardButtonHover, .dxWeb_splHCollapseForwardButton, .dxWeb_splHCollapseForwardButtonHover, .dxWeb_splHSeparator, .dxWeb_splHSeparatorHover, .dxWeb_splVCollapseBackwardButton, .dxWeb_splVCollapseBackwardButtonHover, .dxWeb_splVCollapseForwardButton, .dxWeb_splVCollapseForwardButtonHover, .dxWeb_splVSeparator, .dxWeb_splVSeparatorHover, .dxWeb_tcScrollLeft, .dxWeb_tcScrollLeftDisabled, .dxWeb_tcScrollLeftHover, .dxWeb_tcScrollLeftPressed, .dxWeb_tcScrollRight, .dxWeb_tcScrollRightDisabled, .dxWeb_tcScrollRightHover, .dxWeb_tcScrollRightPressed, .dxWeb_tvColBtn, .dxWeb_tvColBtnRtl, .dxWeb_tvExpBtn, .dxWeb_tvExpBtnRtl, .dxWeb_ucClearButton, .dxWeb_ucClearButtonDisabled {
            background-image: none;
        }*/

        .dxbButton.dxbButtonSys.dxbTSys, #btnBackToSummaryView {
            /*background: #009245 repeat-x;
            margin-bottom: 10px;*/
            font: 16px Barlow, sans-serif;
            line-height: 50px;
        }

        .dxbButton.dxbButtonSys.dxbTSys:hover {
            background-color: #93aa9c;
        }

        .header-document {
            background-color: white !important;
            border-bottom: none !important;
            padding: 5px !important;
            text-align: center;
            border-radius: 25px;
        }

        .header-document .dxpc-headerText {
            font-weight: bold;
            font-size: 25px !important;
            color: green;
        }

        .header-document .dxpc-closeBtn {
            background: #009245;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            content: X;
            color: white;
            border: 1px solid #fff;
            position: relative;
            right: -23px;
            top: -23px;
        }

        .header-document .dxpc-closeBtn:after {
            content: '\d7';
            font-size: 20px;
            position: absolute;
            right: 9px;
            top: 1px;
        }

        #ddlDocType, #ddltasktypes, #txtSubject, #txtTo, #ddlMsgRecordShow, #txtFileName, .t-box, .c-box{
            border-radius: 20px;
            background-color: #ebebeb;
            padding: 7px;
        }
        #txtFileName{
            border:1px solid #9F9F9F;
        }

        #ddlDocType input, #ddltasktypes input, #txtSubject input, #txtTo input, #ddlMsgRecordShow input, #txtFileName input, .t-box input, .c-box input {
            background-color: #ebebeb;
            padding-left: 2px;
        }

        #ddlDocType .dxeButton.dxeButtonEditButton, #ddltasktypes .dxeButton.dxeButtonEditButton, .msg-box .dxeButton.dxeButtonEditButton, #ddlMsgRecordShow .dxeButton.dxeButtonEditButton, .t-box .dxeButton.dxeButtonEditButton, .c-box .dxeButton.dxeButtonEditButton {
            border: none;
            background: transparent;
        }

        #ddlDocType img, #ddltasktypes img, #ddlMsgRecordShow img, #ddlMsgRecordShow img, .c-box img {
            background: url(../img/arrow-down2.png) no-repeat;
            background-size: 15px;
            width: 18px;
            height: 13px;
        }

        /*.send-message.file-upload .body-document {
            padding: 10px 40px 15px !important;
        }*/

        .file-upload {
            border-radius: 25px;
        }

        .btn-browse .dxucInputs{
            border: 1px solid #9F9F9F;
            border-radius: 15px;
        }

        .btn-browse .dxucBrowseButton {
            border-radius: 15px;
            padding: 8px 21px;
        }

        .btn-browse .dxucTextBox {
            border: none;
            border-radius:15px;
        }

        #txtDescription, #txtBodyData {
            border-radius: 20px;
        }

        #txtDescription textarea, #txtBodyData textarea{
            padding-left:10px;
        }

        .req-mark {
            color: red;
        }

        #txtTo .dxeToken, .t-box .dxeToken {
            border-radius: 20px;
            padding: 2px 4px;
        }

        .msg-box {
            border-radius: 20px;
            background-color: #333333;
            padding: 7px;
            display: inline-block;
        }

        .msg-box input {
            background-color: #333333 !important;
            padding-left: 10px;
            color: #fff !important;
        }

        .msg-box img {
            background: url(../img/arrow-down.png) no-repeat;
            background-size: 20px;
            width: 20px;
            height: 20px;
        }
        /*.msg-links .dxpcDropDown{
            top:584px !important;
        }*/
        #btnBackToSummaryView.dxbButton.dxbButtonSys {
            background: #009245 repeat-x;
            padding: 0 40px;
            text-decoration: none;
            color: #fff;
        }
        /*.msg-header{
            background-color:red !important;
        }*/
        #ddlDocType_CC .dxpcDropDown, #ddltasktypes_CC .dxpcDropDown {
            top: 151px !important;
        }
        /*.dxrpControl.dxrp-noCollapsing > tbody > tr.dxrpCR > .dxrpcontent:first-child, .dxrpControl > tbody > tr.dxrpCR > .dxrpcontent > .dxrpAW > .dxrpCW, .dxrpControl > tbody > tr.dxrpCR > .dxrpcontent > .dxrpCW {
            padding: 0;
        }*/
        .dxgvTable {
            background-color: transparent;
        }

        .doc-header {
            /*border-radius:15px;*/
        }

        .action-btn {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        #txtSubject, #txtFileName{
            padding: 8px !important;
        }
        .theme-btn{
            width:max-content !important;
        }
        /*MainContent_usrDocuments_UploadControl_TextBox0
        .uploadContainer td#dxucInputs #MainContent_usrDocuments_UploadControl_TextBox0, .uploadContainer td#MainContent_usrDocuments_UploadControl_ClearBox0{
            display:none;
        }*/
        
        .documents.panel .panel-left{
            padding-right: 0px;
            width:79%;
        }

        .documents.panel .panel-right{
            width:20%;
            float:right;
        }

        .documents.panel .dxgvControl.dxgv{
            width:80%!important;
        }
         
        /*.documents.panel .dxgvControl.dxgv .dxgvTable.dxgvRBB tr td:last-child{
            width:100px;
        }

        .documents.panel .dxgvControl.dxgv .dxgvTable.dxgvRBB tr td:first-child{
            max-width: 180px;
            word-break: break-word;
        }*/
        .panel-details,#summary-detail,.documents.panel .panel-left .dxgvTable tr td:first-child,.msg-table .dxgvTable tr td:last-child,.recipientContent,.panelContent,.bodyContent,.send-message.file-upload .dxgvTable tr td:nth-child(2), .send-message.file-upload .dxgvTable tr td:last-child{
            word-break: break-all;
        }
        .send-message .theme-btn{
            width:auto;
        }
        .instructionsUrl{
            content:var(--instructions);
            width:50px;
            border-radius:30%;
        }

        /*Add Contact popup*/

#ddlContactType, #txtReference, #txtCompany, #txtFirstName, #txtLastName, #txtStreetAddress, #txtCity, #txtCompanyPhone, #txtContactPhone, #txtZip, #txtFax, #txtEmail, .t-box, .c-box {
    border-radius: 20px;
    background-color: #ebebeb;
    padding: 7px;
}

#txtReference, #txtCompany, #txtFirstName, #txtLastName, #txtStreetAddress, #txtCity, #txtCompanyPhone, #txtContactPhone, #txtZip, #txtFax, #txtEmail {
    border: 1px solid #9F9F9F;
}

    #ddlContactType 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: #ebebeb;
        padding-left: 2px;
    }

#ddlContactType .dxeButton.dxeButtonEditButton, #ddlState .dxeButton.dxeButtonEditButton, .t-box .dxeButton.dxeButtonEditButton, .c-box .dxeButton.dxeButtonEditButton {
    border: none;
    background: transparent;
}

#ddlContactType img, #ddlState img, .c-box img {
    background: url(../img/arrow-down2.png) no-repeat;
    background-size: 15px;
    width: 18px;
    height: 13px;
}

#ddlContactType_CC .dxpcDropDown, #ddlState_DDD_PW-1.dxpcDropDown {
    top: 64px !important;
}