/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900') */
@import url(fonts.css);
html {
    min-width: 360px;
    /*font-family: Helvetica, sans-serif, Arial */
    font-family: "Helvetica", sans-serif, Arial; }

/*  Overwrite Material CSS Start  */
.chips.focus {
    border-bottom: 1px solid #4a4a55;
    box-shadow: 0 1px 0 0 #4a4a55; }

.chips .chip.selected {
    background-color: #4a4a55;
    color: #fff; }

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #4a4a55;
    box-shadow: 0 1px 0 0 #4a4a55; }

input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #4a4a55; }

input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #4a4a55; }

input[type=range] + .thumb .value {
    color: #4a4a55; }

.input-field .prefix.active {
    color: #4a4a55; }

input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0, 0, 0, 0.26) !important; }

input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #9e9e9e !important;
    box-shadow: none !important; }

/* input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] */
* /*color: rgba(89,90,89,0.7) */
.select-wrapper input.select-dropdown:disabled {
    color: rgba(0, 0, 0, 0.26);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }

.input-field .prefix.active {
    color: #4a4a55; }

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
    border: 2px solid #4F20FF; }

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
    background-color: #4F20FF; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    outline: none; }

[type="checkbox"]:checked + label:before {
    border-right: 2px solid #4F20FF;
    border-bottom: 2px solid #4F20FF; }

[type="checkbox"]:indeterminate + label:before {
    border-right: 2px solid #4F20FF; }

[type="checkbox"].filled-in:checked + label:after {
    border: 2px solid #4F20FF;
    background-color: #4F20FF; }

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
    background-color: #4a4a55;
    border-color: #4a4a55; }

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #4F20FF; }

input[type=range] + .thumb {
    background-color: #4a4a55; }

input[type=range] + .thumb .value {
    color: #4a4a55; }

input[type=range]::-webkit-slider-thumb {
    background-color: #4a4a55; }

input[type=range]::-moz-range-thumb {
    background: #4a4a55; }

input[type=range]::-ms-thumb {
    background: #4a4a55; }

.side-nav a.btn-floating:hover {
    background-color: #4a4a55; }

.spinner-layer {
    border-color: #4a4a55; }

.picker__date-display {
    background-color: #4a4a55;
    color: #fff; }

.picker__day.picker__day--today {
    color: #4a4a55; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    background-color: #4a4a55;
    color: #ffffff; }

.picker__close,
.picker__today {
    color: #4a4a55; }

.spinner-red, .spinner-white-only {
    border-color: #FFFFFF; }

.spinner-red, .spinner-red-only {
    border-color: #db4437; }

.spinner-red, .spinner-green-only {
    border-color: #26a66f; }

.activeLabel {
    -webkit-transform: none !important;
    transform: none !important;
    top: -18px !important;
    transition: none !important;
    font-size: 14px !important;
    font-weight: normal;
    color: #4A4A55; }

button:focus {
    outline: none;
    background-color: #4a4a55; }

.circle-clipper .circle {
    border-width: 2px; }

.select-wrapper span.caret {
    right: 6px;
    border-top: 0px; }

.dropdown-content li > a, .dropdown-content li > span {
    color: #4a4a55; }

.dropdown-content {
    max-height: 400px;
}

/*  Overwrite Material CSS End  */
.hideBtn {
    display: none; }

.customLabel {
    top: 0.8rem; }

input:-moz-read-only {
    border-bottom: 1px dotted rgba(89, 90, 89, 0.5); }

input:read-only {
    border-bottom: 1px dotted rgba(89, 90, 89, 0.5); }

input:-webkit-autofill {
    width: 100%;
    padding: 0px 0px; }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset; }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important; }

.withDownArrow {
    background-image: url(../images/arrow_down_black.png);
    background-repeat: no-repeat;
    background-position: center right; }

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    margin: 0px 0px 5px 0px !important;
    /* color: #4A4A4A; */
    color: #000;
    width: 100%;
    box-sizing: border-box; }

a {
    color: rgba(0, 0, 0, 0.6); }

i {
    cursor: pointer; }

errormessage {
    color: #f44336; }

.input-field label {
    font-size: 16px;
    font-family: "Helvetica-Light", sans-serif, Arial;
    font-weight: normal; }

.input-field label.active {
    font-size: 14px;
    /* color: #4A4A55; */
    color: #4F20FF;
    font-weight: normal; }

input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #4F20FF; }

.select-wrapper + label {
    top: -20px;
    font-size: 13px; }

.clear {
    clear: both; }

a:focus, a:hover {
    text-decoration: none; }

.textWhite {
    color: #FFFFFF !important; }

.textBlack {
    color: #000000 !important; }

.textRed {
    color: #F44336 !important; }

.textGreen {
    color: #8BC34A !important; }

.textOrange {
    color: #FF9800 !important; }

.textYellow {
    color: #FFEB3B !important; }

.textPurple {
    color: #62356f !important; }

.textLeft {
    text-align: left; }

.textCenter {
    text-align: center; }

.textRight {
    text-align: right; }

.errorMessage {
    width: 100%;
    display: none;
    color: #F44336;
    font-size: 14px;
    display: none; }

.successMessage {
    width: 100%;
    display: none;
    color: #4CAF50;
    font-size: 14px;
    display: none; }

.input-field .selectBoxActive {
    color: #4F20FF;
    font-size: 14px;
    font-weight: normal; }

.disableForm input.valid {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26) !important; }

.disableForm .selectBoxActive {
    color: rgba(0, 0, 0, 0.26); }

body {
    margin: 0px;
    padding: 0px;
    background-color: #f3f3f3;
    font-family: "Helvetica", sans-serif, Arial;
    font-size: 14px;
    font-weight: 400;
    /* color: rgba(0, 0, 0, 0.6);  */
    color: #000; 
}

.floatLeft {
    float: left; }

.floatRight {
    float: right; }

.hiddenBody {
    overflow: hidden; }

.popSuccessMassage {
    color: #4CAF50;
    float: left; }

/* ------------ Loader Section Starts ------------ */
.primaryLoginLoadBtn {
    display: none;
    clear: both;
    text-align: center;
    width: 122px;
    height: 36px;
    border: 0px;
    margin: auto;
    color: #fcfcfd;
    background-color: #4F20FF;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.primaryLoginLoadBtn .preloader-wrapper.small {
    width: 20px;
    height: 20px; }

.primaryLoginLoadBtn .preloader-wrapper .spinner-layer {
    border-color: #FFFFFF; }

.primaryRePasswordLoadBtn {
    display: none;
    clear: both;
    text-align: center;
    width: 209px;
    height: 36px;
    border: 0px;
    margin: auto;
    color: #fcfcfd;
    background-color: #4a4a55;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.primaryRePasswordLoadBtn .preloader-wrapper.small {
    width: 20px;
    height: 20px; }

.primaryRePasswordLoadBtn .preloader-wrapper .spinner-layer {
    border-color: #FFFFFF; }

.primaryProfEditLoadBtn {
    display: none;
    float: right;
    text-align: center;
    width: 87px;
    height: 36px;
    border: 0px;
    margin: 0px 0px 16px 0px;
    color: #fcfcfd;
    background-color: #4F20FF;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.primaryProfEditLoadBtn .preloader-wrapper.small {
    width: 20px;
    height: 20px; }

.primaryProfEditLoadBtn .preloader-wrapper .spinner-layer {
    border-color: #FFFFFF; }

.primaryProfSaveLoadBtn {
    display: none;
    float: right;
    clear: both;
    text-align: center;
    width: 96px;
    height: 36px;
    border: 0px;
    margin: auto;
    color: #fcfcfd;
    background-color: #4F20FF;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.primaryProfSaveLoadBtn .preloader-wrapper.small {
    width: 20px;
    height: 20px; }

.primaryProfSaveLoadBtn .preloader-wrapper .spinner-layer {
    border-color: #FFFFFF; }

.primaryInportLoadBtn {
    display: none;
    float: right;
    clear: both;
    text-align: center;
    width: 175px;
    height: 36px;
    border: 0px;
    margin: auto;
    color: #fcfcfd;
    background-color: #4a4a55;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.primaryInportLoadBtn .preloader-wrapper.small {
    width: 20px;
    height: 20px; }

.primaryInportLoadBtn .preloader-wrapper .spinner-layer {
    border-color: #FFFFFF; }

.primaryInportSubmitLoadBtn {
    display: none;
    float: right;
    clear: both;
    text-align: center;
    width: 129px;
    height: 36px;
    border: 0px;
    margin: auto;
    color: #fcfcfd;
    background-color: #4a4a55;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.primaryInportSubmitLoadBtn .preloader-wrapper.small {[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after
    width: 20px;
    height: 20px; }

.primaryInportSubmitLoadBtn .preloader-wrapper .spinner-layer {
    border-color: #FFFFFF; }

/* ------------ Loader Section Ends ------------ */
/* ------------- Login Page Starts ------------- */
.loginBg {
    background-image: url(../images/Abhaya-Admin-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed; 
}

.loginBg .topBackBtnSec {
    position: fixed;
    top: 20px;
    left: 24px;
    width: 50px;
    height: 50px; }

.loginBg .topBackBtnSec a {
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background-color: #4F20FF;
    color: #FFFFFF;
    display: block;
    height: 44px;
    width: 44px; }

.loginBg .topBackBtnSec .topBackBtn {
    fill: #FFFFFF;
    float: left;
    margin: 10px 10px 10px 10px; }

.loginBgSec {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1; }

.loginBgSec .primaryBg {
    height: 230px;
    background-color: #4a4a55; }

.loginBgSec .secondaryBg {
    background-color: #f4f4f4; }

.loginBoxSec {
    width: 416px;
    margin: 80px auto;
    background-color: #FFFFFF;
    transition: all 0.3s ease-out;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.loginBoxSec:hover {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5); }

.loginBoxSec .loginBoxContSec {
    padding: 50px 60px; }

.loginBoxSec .loginBoxContSec .logoSec {
    clear: both;
    text-align: center;
    margin: 0px 0px 30px 0px; }

.loginBoxSec .loginBoxContSec .loginHeadText {
    font-size: 20px;
    width: 100%;
    color: #4F20FF;
    text-align: center;
    margin: 15px 0px 30px 0px;
    clear: both;
    font-weight: bold; }

.loginBoxSec .loginBoxContSec .loginFormSec {
    clear: both; }

.loginBoxSec .loginBoxContSec .loginFormSec .formTextRowSec {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 10px 0px 20px 0px;
    color: #000; }

.loginBoxSec .loginBoxContSec .loginFormSec .formRowSec {
    clear: both;
    width: 100%;
    padding: 10px 0px 20px 0px; }

.loginBoxSec .loginBoxContSec .loginFormSec .loginBtnRowSec {
    clear: both;
    width: 100%;
    padding: 30px 0px 0px 0px;
    text-align: center; }

.loginBoxSec .loginBoxContSec .loginFormSec .loginBtnRowSec .loginBtn {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #fcfcfd;
    background-color: #4F20FF;
    text-transform: inherit;
    border: 0px;
    padding: 0px 40px;
    font-family: "Helvetica-Light", sans-serif, Arial;
    box-shadow: 0px 2px 4px 0px rgba(85, 83, 237, 0.12); }

.loginBoxSec .loginBoxContSec .loginFormSec .loginBtnRowSec .loginBtn:hover {
    background-color: #5a2dfc;
    box-shadow: 0px 2px 10px 0px rgba(106, 26, 245, 0.4); }

.loginBoxSec .loginBoxContSec .loginFormSec input[type=text] {
    box-sizing: border-box; }

.loginBoxSec .loginBoxContSec .loginFormSec input[type=password] {
    box-sizing: border-box; }

.loginBoxSec .loginBoxContSec .loginFormSec input:-webkit-autofill {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important; }

.fixedErrorMsgSec {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    text-align: center;
    display: none;
    z-index: 555;
    transition: all 0.3s ease-out; }

.fixedErrorMsgSec .errorMsgBgSec {
    width: 600px;
    margin: auto;
    padding: 10px 20px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px; }

.fixedSuccessMsgSec {
    width: calc(100% - 300px);
    position: fixed;
    bottom: 0px;
    right: 0px;
    text-align: center;
    display: none;
    z-index: 555;
    transition: all 0.3s ease-out; }

.fixedSuccessMsgSec .successMsgBgSec {
    width: 500px;
    margin: auto;
    padding: 10px 30px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px; }

.mobRightBodySec .fixedSuccessMsgSec {
    width: 100%; }

.fixedSuccessMsgSec .successBgSec {
    background-color: #4caf50; }

.fixedSuccessMsgSec .errorBgSec {
    background-color: #D8453C; }

.successBgSec {
    background-color: #4caf50; }

.errorBgSec {
    background-color: #D8453C; }

/* ------------- Login Page Ends ------------- */
/* ------------- Top Menu Section Starts ------------- */
.topMenuSec {
    width: calc(100% - 300px);
    min-width: 270px;
    height: 80px;
    line-height: 80px;
    position: fixed;
    z-index: 555;
    top: 0px;
    right: 0px;
    background-color: #FFFFFF;
    color: #4a4a55;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-out; }

.topMenuSec .topMenuContSec {
    padding: 0px 18px; }

.topMenuSec .topMenuContSec .topMenuIcon {
    float: left;
    cursor: pointer;
    padding: 10px;
    margin: 17px 27px 5px 5px; }

.topMenuSec .topMenuContSec .topMenuIcon .menuIcon {
    fill: #000; }

.topMenuSec .topMenuContSec .topBackIcon {
    float: left;
    cursor: pointer;
    padding: 10px;
    margin: 17px 27px 5px 5px;
    display: none; }

.topMenuSec .topMenuContSec .topBackIcon .backIcon {
    fill: #000; }

.topMenuSec .topMenuContSec .pageTitleSec {
    float: left;
    font-weight: bold;
    font-size: 20px; 
    color: #000;
}

.topMenuSec .topMenuContSec .topLoadingSec {
    float: right;
    padding: 5px 30px 5px 0px;
    height: 40px;
    width: 65px;
    display: none; }

.topMenuSec .topMenuContSec .topLoadingSec img {
    width: 100%; }

.topMenuSec .topMenuContSec .topAssessmentStatusText {
    float: right;
    font-size: 16px;
    font-family: "Helvetica-Light", sans-serif, Arial;
}
.topMenuSec .topMenuContSec .topAssessmentStatusText span {
    color: #CCCCCC;
}
.topMenuSec .topMenuContSec .topAssessmentStatusTextSec {
    float: right;
    font-size: 16px;
    font-family: "Helvetica-Light", sans-serif, Arial;
    line-height: 30px;
    padding: 10px 0px;
}
.topMenuSec .topMenuContSec .topAssessmentStatusTextSec span {
    color: #000;
}

.topMenuSec .topMenuContSec .logOutSec {
    float: right;
    font-weight: 100;
    font-size: 17px;
    padding: 0px 30px 0px 0px; }

.topMenuSec .topMenuContSec .logOutSec a {
    text-decoration: none;
    color: #FFFFFF; }

/* ------------- Import Page Top Menu Starts ------------- */
.topBackSec {
    width: 100%;
    min-width: 270px;
    height: 80px;
    line-height: 80px;
    position: fixed;
    z-index: 555;
    top: 0px;
    right: 0px;
    background-color: #FFFFFF;
    color: #4a4a55;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-out; }

.topBackSec .topBackContSec {
    padding: 0px 18px; }

.topBackSec .topBackContSec .topBackIcon {
    float: left;
    cursor: pointer;
    padding: 10px;
    margin: 11px 21px 5px 0px; }

.topBackSec .topBackContSec .topBackIcon a {
    display: block; }

.topBackSec .topBackContSec .topBackIcon svg {
    width: 35px;
    height: 35px; }

.topBackSec .topBackContSec .topBackIcon .backIcon {
    fill: #4a4a55; }

.topBackSec .topBackContSec .pageTitleSec {
    float: left;
    font-weight: 100;
    font-size: 20px; }

/* ------------- Import Page Top Menu Ends ------------- */
/* ------------- Top Menu Section Ends ------------- */
.pageContainerSec .loadingSec {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding: 20px 30px;
    background-color: rgba(0, 0, 0, 0); }

.pageContainerSec .loadingSec .loadingBox {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0px 0px -25px; }

/* ------------- Left Menu Section Starts ------------- */
.leftMenuSec {
    width: 300px;
    position: fixed;
    z-index: 666;
    top: 0px;
    left: 0px;
    height: 100%;
    /*height: calc(100% - 60px) */
    overflow: auto;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-out; }

.fixedTermsAndPrivacy {
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 60px;
    padding: 20px 0px 0px 0px;
    background-color: #FFFFFF;
    color: #A9A9A9;
    width: 300px;
    transition: all 0.3s ease-out; }

.mobLeftMenuSec .fixedTermsAndPrivacy {
    left: -300px; }

.fixedTermsAndPrivacy ul {
    margin: 0px 14px !important;
    width: calc(100% - 28px) !important; }

.fixedTermsAndPrivacy ul li {
    display: inline-block;
    padding: 0px !important;
    font-size: 12px !important;
    width: calc(50% - 5px);
    margin: 0px 0px !important;
    text-align: center; }

.fixedTermsAndPrivacy ul li a {
    padding: 0px !important; }

.responsiveTermPrivacy {
    left: -300px !important; }

.leftMenuSec .logoSec {
    width: 100%;
    text-align: center;
    margin: 40px 0px 10px 0px; }

.leftMenuSec .logoSec img {
    max-width: 100%; }

.leftMenuSec .profileNameSec {
    width: calc(100% - 40px);
    text-align: left;
    margin: 10px 0px 10px 0px;
    float: right;
    padding-bottom: 25px;
    border-bottom: 1px solid #DEDEDE; }

.leftMenuSec .profileNameSec .nameSec {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    font-family: "Helvetica-Bold", sans-serif, Arial; }

.leftMenuSec .profileNameSec .userNameSec {
    width: 100%;
    color: #000;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.leftMenuSec ul {
    clear: both;
    width: 100%;
    margin: 0px 0px 70px 0px;
    padding: 0px; }

.leftMenuSec ul li {
    clear: both;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: 100;
    font-family: "Helvetica", sans-serif, Arial; }

.leftMenuSec ul li .leftIcon {
    float: left;
    margin: 0px 30px 0px 0px;
    fill: #000;
    transition: all 0.3s ease-out; }

.leftMenuSec ul li a {
    display: block;
    padding: 20px 0px 20px 40px;
    color: #000;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial;
    text-decoration: none; }

.leftMenuSec ul li.active a {
    color: #4F20FF;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Bold", sans-serif, Arial; }

.leftMenuSec ul li.active a .leftIcon {
    fill: #4F20FF; }

.leftMenuSec ul li a:hover {
    /*font-weight: bold */
    color: #4F20FF;
    text-decoration: none; }

.leftMenuSec ul li a:hover .leftIcon {
    fill: #4F20FF; }

.mobLeftMenuSec {
    left: -300px !important; }

/* ------------- Left Menu Section Ends ------------- */
/* ------------- Right Body Section Starts ------------- */
.rightBodySec {
    width: calc(100% - 300px);
    float: right;
    transition: all 0.3s ease-out; }

.mobRightBodySec {
    width: 100%; }

.fullTopMenu {
    width: 100%; }

.pageContainerSec {
    width: 90%;
    margin: 110px auto 20px auto;
    transition: all 0.3s ease-out; }

/* ------------- Right Body Section Ends ------------- */
/* --------------- User Locked popup Section Starts --------------- */
.lockedPopupBgSec {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    display: none; }

.lockedPopupBgSec .lockedPopupSec {
    height: 285px;
    max-height: 80%;
    top: 50%;
    background-color: #FFFFFF;
    position: relative;
    width: 500px;
    margin: -125px auto 0px auto;
    transition: all 0.3s ease-out;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px; }

.lockedPopupBgSec .lockedPopupSec .modalHeader {
    /*border-bottom: 1px solid rgba(0,0,0,0.1) */
    position: absolute;
    top: 0;
    border-radius: 0 0 2px 2px;
    background-color: #FFFFFF;
    padding: 4px 70px 4px 50px;
    height: 75px;
    width: 100%;
    font-size: 18px;
    font-family: "Helvetica-Bold", sans-serif, Arial;
    line-height: 70px;
    font-weight: 500;
    border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px; }

.lockedPopupBgSec .lockedPopupSec .modalContent {
    position: absolute;
    height: calc(100% - 165px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
    margin-top: 65px;
    padding: 10px 50px 10px 50px;
    text-align: left;
    font-size: 16px; }

.lockedPopupBgSec .lockedPopupSec .modalContent .formRows {
    padding: 0px 0px 20px 0px;
    clear: both; }

.lockedPopupBgSec .lockedPopupSec .modalContent .firstNameCols {
    padding: 0px 0px 10px 0px;
    float: left;
    width: calc(50% - 15px); }

.lockedPopupBgSec .lockedPopupSec .modalContent .lastNameCols {
    padding: 0px 0px 10px 0px;
    float: right;
    width: calc(50% - 15px); }

.lockedPopupBgSec .lockedPopupSec .modalFooter {
    position: absolute;
    bottom: 0;
    border-radius: 0 0 2px 2px;
    background-color: #FFFFFF;
    /*padding:4px 50px */
    padding: 25px 50px;
    height: 90px;
    width: 100%;
    border-radius: 0px 0px 2px 2px;
    -moz-border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px; }

.lockedPopupBgSec .lockedPopupSec .modalFooter .btnSec {
    width: 100%;
    margin: auto;
    text-align: center; }

.lockedPopupBgSec .lockedPopupSec .modalFooter .btnSec .closeBtn {
    background-color: #FFFFFF;
    border: 0px solid #FFF;
    color: #555555;
    font-weight: bold;
    transition: all 0.3s ease-out;
    padding: 10px 20px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    float: right;
    font-family: "Helvetica-Bold", sans-serif, Arial; }

.lockedPopupBgSec .lockedPopupSec .modalFooter .btnSec .closeBtn:hover {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12); }

.lockedPopupBgSec .lockedPopupSec .modalFooter .successMsg {
    position: absolute;
    top: -15px;
    width: calc(100% - 115px);
    text-align: center;
    background-color: #FFFFFF; }

.lockedPopupBgSec .lockedPopupSec .modalHeader .popUpClose {
    float: right;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 26px;
    background-image: url("../images/icon-close-black.png");
    background-position: center center;
    background-repeat: no-repeat; }

/* --------------- User Locked popup Section Ends --------------- */
/* --------------- Copy Link Popup Section Starts --------------- */
.copyLinkPopupBgSec {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    display: none; }

.copyLinkPopupBgSec .copyLinkPopupSec {
    height: 285px;
    max-height: 80%;
    top: 50%;
    background-color: #FFFFFF;
    position: relative;
    width: 500px;
    margin: -125px auto 0px auto;
    transition: all 0.3s ease-out;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px; }

.copyLinkPopupBgSec .copyLinkPopupSec .modalHeader {
    /*border-bottom: 1px solid rgba(0,0,0,0.1) */
    position: absolute;
    top: 0;
    border-radius: 0 0 2px 2px;
    background-color: #FFFFFF;
    padding: 4px 70px 4px 50px;
    height: 75px;
    width: 100%;
    font-size: 18px;
    font-family: "Helvetica-Bold", sans-serif, Arial;
    line-height: 70px;
    font-weight: 500;
    border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px; }

.copyLinkPopupBgSec .copyLinkPopupSec .modalContent {
    position: absolute;
    height: calc(100% - 165px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
    margin-top: 65px;
    padding: 10px 50px 10px 50px;
    text-align: left;
    font-size: 16px;
    box-sizing: border-box;
    word-wrap: break-word; }

.copyLinkPopupBgSec .copyLinkPopupSec .modalContent .formRows {
    padding: 0px 0px 20px 0px;
    clear: both; }

.copyLinkPopupBgSec .copyLinkPopupSec .modalContent .firstNameCols {
    padding: 0px 0px 10px 0px;
    float: left;
    width: calc(50% - 15px); }

.copyLinkPopupBgSec .copyLinkPopupSec .modalContent .lastNameCols {
    padding: 0px 0px 10px 0px;
    float: right;
    width: calc(50% - 15px); }

.copyLinkPopupBgSec .copyLinkPopupSec .modalFooter {
    position: absolute;
    bottom: 0;
    border-radius: 0 0 2px 2px;
    background-color: #FFFFFF;
    /*padding:4px 50px */
    padding: 25px 50px;
    height: 90px;
    width: 100%;
    border-radius: 0px 0px 2px 2px;
    -moz-border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px; }

.copyLinkPopupBgSec .copyLinkPopupSec .modalFooter .btnSec {
    width: 100%;
    margin: auto;
    text-align: center; }

.copyLinkPopupBgSec .copyLinkPopupSec .modalFooter .btnSec .closeBtn {
    background-color: #FFFFFF;
    border: 0px solid #FFF;
    color: #555555;
    font-weight: bold;
    transition: all 0.3s ease-out;
    padding: 10px 20px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    float: right;
    font-family: "Helvetica-Bold", sans-serif, Arial; }

.copyLinkPopupBgSec .copyLinkPopupSec .modalFooter .btnSec .closeBtn:hover {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12); }

.copyLinkPopupBgSec .copyLinkPopupSec .modalFooter .successMsg {
    position: absolute;
    top: -15px;
    width: calc(100% - 115px);
    text-align: center;
    background-color: #FFFFFF; }

.copyLinkPopupBgSec .copyLinkPopupSec .modalHeader .popUpClose {
    float: right;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 26px;
    background-image: url("../images/icon-close-black.png");
    background-position: center center;
    background-repeat: no-repeat; }

/* --------------- Copy Link Popup Section Ends --------------- */
/* --------------- Delete popup Section Starts --------------- */
.deletePopupBgSec {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    display: none; }

.deletePopupBgSec .deletePopupSec {
    height: 250px;
    max-height: 80%;
    top: 50%;
    background-color: #FFFFFF;
    position: relative;
    width: 500px;
    margin: -125px auto 0px auto;
    transition: all 0.3s ease-out;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px; }

.deletePopupBgSec .deletePopupSec .modalContent {
    position: absolute;
    height: calc(100% - 160px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
    margin-top: 75px;
    padding: 10px 50px;
    text-align: center; }

.deletePopupBgSec .deletePopupSec .modalContent .formRows {
    padding: 0px 0px 20px 0px;
    clear: both; }

.deletePopupBgSec .deletePopupSec .modalContent .firstNameCols {
    padding: 0px 0px 10px 0px;
    float: left;
    width: calc(50% - 15px); }

.deletePopupBgSec .deletePopupSec .modalContent .lastNameCols {
    padding: 0px 0px 10px 0px;
    float: right;
    width: calc(50% - 15px); }

.deletePopupBgSec .deletePopupSec .modalHeader {
    /*border-bottom: 1px solid rgba(0,0,0,0.1) */
    position: absolute;
    top: 0;
    border-radius: 0 0 2px 2px;
    background-color: #FFFFFF;
    padding: 4px 70px 4px 50px;
    height: 75px;
    width: 100%;
    font-size: 24px;
    line-height: 70px;
    font-weight: 500;
    border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px; }

.deletePopupBgSec .deletePopupSec .modalFooter {
    position: absolute;
    bottom: 0;
    border-radius: 0 0 2px 2px;
    background-color: #FFFFFF;
    /*padding:4px 50px */
    padding: 25px 50px;
    height: 90px;
    width: 100%;
    border-radius: 0px 0px 2px 2px;
    -moz-border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px; }

.deletePopupBgSec .deletePopupSec .modalFooter .btnSec {
    width: 250px;
    margin: auto;
    text-align: center; }

.deletePopupBgSec .deletePopupSec .modalFooter .btnSec .cancelBtn {
    background-color: #FFFFFF;
    border: 0px solid #FFF;
    color: #555555;
    transition: all 0.3s ease-out;
    padding: 10px 30px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    float: left;
    font-family: "Helvetica-Light", sans-serif, Arial;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.deletePopupBgSec .deletePopupSec .modalFooter .btnSec .cancelBtn:hover {
    background-color: #EEEEEE;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.deletePopupBgSec .deletePopupSec .modalFooter .btnSec .deleteBtn {
    background-color: #4b6cb0;
    border: 0px solid #FFF;
    color: #FFF;
    transition: all 0.3s ease-out;
    padding: 10px 30px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    float: right;
    font-family: "Helvetica-Light", sans-serif, Arial;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.deletePopupBgSec .deletePopupSec .modalFooter .btnSec .deleteBtn:hover {
    background-color: #4b6cb0;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.deletePopupBgSec .deletePopupSec .modalFooter .successMsg {
    position: absolute;
    top: -15px;
    width: calc(100% - 115px);
    text-align: center;
    background-color: #FFFFFF; }

.deletePopupBgSec .deletePopupSec .modalHeader .otherPopUpClose {
    float: right;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 26px;
    background-image: url("../images/icon-close-black.png");
    background-position: center center;
    background-repeat: no-repeat; }

/* --------------- Delete popup Section Ends --------------- */
/* ------------- Pagination Section Starts ------------- */
.paginationSec {
    text-align: center; }

.paginationSec .pagination {
    font-weight: 400; }

.paginationSec .pagination li {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 30px;
    margin: 0px 5px; }

.pagination li.active {
    background: transparent; }

.paginationSec .pagination .disabled span {
    color: #999999;
    display: inline-block;
    font-size: 26px;
    padding: 6px 10px;
    line-height: 15px;
    cursor: unset; }

.paginationSec .pagination > .active {
    line-height: 30px;
    background: no-repeat; }

.paginationSec .pagination > .active span {
    padding: 6px 12px;
    background-color: #4F20FF;
    color: #FFF;
    border-radius: 50px;
    border-color: #4F20FF; }

.paginationSec .pagination li a {
    color: #4F20FF;
    display: inline-block;
    font-size: 16px;
    padding: 6px 12px;
    line-height: inherit;
    border-radius: 50px; }

.paginationSec .pagination li a[rel=prev] {
    font-size: 26px;
    padding: 6px 10px;
    line-height: 15px; }

.paginationSec .pagination li a[rel=next] {
    font-size: 26px;
    padding: 6px 10px;
    line-height: 15px; }

/* .paginationSec .pagination li:last-child a */
* /* font-size: 26px */
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: transparent;
    border: 0px; }

.pagination > li > a, .pagination > li > span {
    background-color: transparent;
    border: 0px; }

/* ------------- Pagination Section Ends ------------- */
/* ------------- Tab Section Starts -------------- */
.topTabSec {
    width: calc(100% - 300px);
    min-width: 270px;
    position: fixed;
    overflow: auto;
    z-index: 555;
    top: 79px;
    right: 0px;
    background-color: #FFFFFF;
    color: #FFFFFF;
    transition: all 0.3s ease-out;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12); }

.mobRightBodySec .topTabSec {
    width: 100%; }

.tabs .tab {
    text-transform: inherit;
    min-width: 222px; }

.tabs .tab a {
    color: #000;
    font-size: 16px;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.tabs .tab a.active {
    color: #4F20FF;
    font-family: "Helvetica-Bold", sans-serif, Arial; }

.topTabSec .row {
    margin-bottom: 0px; }

.tabs .indicator {
    background-color: #4F20FF;
    height: 4px; }

.topTabSec .tabIcon {
    margin: 10px 10px 0px 0px;
    float: left;
    fill: #000;
    transition: all 0.3s ease-out; }

.topTabSec .active .tabIcon {
    fill: #4F20FF; }

.topTabSec .tab a:hover .tabIcon {
    fill: #4F20FF; }

.tabs .tab a:hover {
    color: #4F20FF; }

.topTabSec .tab a:hover .tabIcon {
    color: #4F20FF; }

.fullTopTab {
    width: 100%; }

.topTabSec .tabs {
    width: calc(100% - 75px);
    float: left;
    margin: 0px 0px 0px 75px;
    min-width: 660px;}

.tabBodyContSec {
    width: 100%;
    margin: 155px 0px 0px 0px; }

/* ------------- Tab Section Ends -------------- */
/* ------------- Customers Page Starts ------------- */
.customersListSec {
    width: 412px;
    margin: auto;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-out; }

.customersListSec a {
    color: #595A59; }

.customersListSec .customersLists {
    width: 100%;
    padding: 20px 20px;
    border-bottom: 1px solid rgba(169, 169, 169, 0.27);
    cursor: pointer;
    transition: all 0.3s ease-out; }

.customersListSec .customersLists:hover {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); }

.customersListSec .customersLists .listImg {
    width: 42px;
    height: 42px;
    float: left;
    margin: 0px 20px 0px 0px;
    position: relative;
}

.customersListSec .customersLists .listImg img {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.customersListSec .customersLists .listName {
    width: calc(100% - 62px);
    float: left;
    font-size: 16px;
    line-height: 42px; 
    color: #000;
}

.custDetBtnSec {
    width: 100%;
    margin: 0px auto 0px auto; }

.custDetBtnSec .msgTextSec {
    float: right;
    margin: 7px 30px 8px 0px;
    color: #ff0101;
    clear: both;
    display: none; }

.custDetBtnSec .searchBoxSec {
    float: left;
    width: calc(100% - 432px);
    margin: 0px 30px 8px 0px;
    color: #ff0101; }

.custDetBtnSec .searchBoxSec input[type=text] {
    float: left;
    background-image: url(../images/search-icon.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    height: 36px;
    padding: 0px 10px 0px 48px;
    margin: 0px !important;
    border: 0px;
    box-sizing: border-box;
    max-width: 330px;
    font-family: "Helvetica-Light", sans-serif, Arial;
    width: calc(100% - 40px); }

.custDetBtnSec .searchBoxSec .searchBoxLoadingSec {
    float: left;
    width: 40px;
    box-sizing: border-box;
    padding: 6px;
    display: none; }

.custDetBtnSec .searchBoxSec .searchBoxLoadingSec .preloader-wrapper.small {
    width: 25px;
    height: 25px; }

.custDetBtnSec .importBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4a4a55;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    outline: none;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.custDetBtnSec .importBtn:hover {
    background-color: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.custDetBtnSec .importBtnSec {
    width: 175px;
    float: right;
    position: relative;
    transition: all 0.3s ease-out;
    overflow: hidden;
    height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); }

.custDetBtnSec .importBtnSec:hover {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }


.custDetBtnSec .importLoadBtnSec {
    width: 175px;
    float: right;
    height: 36px;
    border: 0px;
    background-color: #4F20FF;
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4);
    display: none;
}

.custDetBtnSec .importLoadBtnSec .preloader-wrapper.small {
    width: 20px;
    height: 20px;
}

.custDetBtnSec .importLoadBtnSec .spinner-layer {
    border-color: #FFFFFF;
}

.custDetBtnSec .importBtnSec .input-field {
    margin: 0px; }

.custDetBtnSec .importBtnSec .btn {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 36px;
    line-height: 36px;
    width: 100%;
    padding: 0px;
    font-size: 16px;
    font-weight: 100;
    cursor: pointer;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.custDetBtnSec .importBtnSec .btn:hover {
    background-color: #6C40FF; 
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4);
}

.custDetBtnSec .importBtnSec .file-path {
    visibility: hidden; }

.custDetBtnSec .downloadBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #4a4a55;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 30px 5px 0px;
    border-radius: 2px;
    outline: none;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.custDetBtnSec .downloadBtn:hover {
    background-color: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.customerDetailsPageSec {
    width: 95%;
    float: right;
    overflow: auto;
    position: relative;
    padding: 0px 0px 0px 0px; }

/*  - Customers Table Style Starts - */
.loaderTable {
    display: none;
    box-shadow: none; }

.pageResultLoadingSec {
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 14px;
    margin: 10px auto 10px auto;
    background-color: #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.24); }

.pageResultLoadingSec .preloader-wrapper.small {
    width: 31px;
    height: 31px; }

.customerDetailsPageSec .noDataFoundSec {
    width: 100%;
    font-size: 16px;
    padding: 20px 35px;
    background-color: #FFFFFF;
    display: none; }

.customerDetailsPageSec table {
    margin: 0px auto 10px auto; }

.customerDetailsPageSec table thead {
    position: relative;
    margin-top: -65px; }

.customerDetailsPageSec table tbody {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.24); }

.customerDetailsPageSec table tr {
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer; }

.customerDetailsPageSec table tr th {
    color: #4F20FF;
    font-size: 17px;
    padding: 15px 15px; }

.customerDetailsPageSec table tr td {
    font-size: 16px;
    padding: 15px 15px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 0px; }

.customerDetailsPageSec table tr.overwriteTr td {
    background-color: rgba(90, 156, 2, 0.3);
    border-bottom: 1px solid rgba(32, 56, 0, 0.2); }

.customerDetailsPageSec table tr.overwriteErrorTr td {
    background-color: rgba(216, 69, 60, 0.3);
    border-bottom: 1px solid rgba(53, 10, 8, 0.1); }

.customerDetailsPageSec .thUserType {
    min-width: 250px; }

.customerDetailsPageSec .thCompanyName {
    min-width: 240px; }

.customerDetailsPageSec .thGroupName {
    min-width: 350px; }

.customerDetailsPageSec .thAssessmentGroup {
    min-width: 222px; }

.customerDetailsPageSec .thUsername {
    min-width: 200px; }

.customerDetailsPageSec .thFirstname {
    min-width: 200px; }

.customerDetailsPageSec .thLastname {
    min-width: 200px; }

.customerDetailsPageSec .thMobilenumber {
    min-width: 195px; }

.customerDetailsPageSec .thEmail {
    min-width: 250px; }

.customerDetailsPageSec .thDateOfBirth {
    min-width: 175px; }

.customerDetailsPageSec .thGender {
    min-width: 140px; }

.customerDetailsPageSec .thCountry {
    min-width: 175px; }

.customerDetailsPageSec .thAddress {
    min-width: 375px; }

.customerDetailsPageSec .thCity {
    min-width: 135px; }

.customerDetailsPageSec .thState {
    min-width: 135px; }

.customerDetailsPageSec .thPostalCode {
    min-width: 172px; }

.customerDetailsPageSec .thEthnicityRace {
    min-width: 200px; }

.customerDetailsPageSec .thHeight {
    min-width: 125px; }

.customerDetailsPageSec .thWeight {
    min-width: 125px; }

.customerDetailsPageSec .thBloodPressureSystolic {
    min-width: 265px; }

.customerDetailsPageSec .thBloodPressureDiastolic {
    min-width: 270px; }

.customerDetailsPageSec .thPercentBodyFat {
    min-width: 205px; }

.customerDetailsPageSec .thHdlCholesterol {
    min-width: 200px; }

.customerDetailsPageSec .thLdlCholesterol {
    min-width: 200px; }

.customerDetailsPageSec .thTotalCholesterol {
    min-width: 200px; }

.customerDetailsPageSec .thTriglycerides {
    min-width: 170px; }

.customerDetailsPageSec .thBloodGlucose {
    min-width: 185px; }

.customerDetailsPageSec .thA1c {
    min-width: 200px; }

.customerDetailsPageSec .loadingSec {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding: 20px 30px;
    background-color: rgba(0, 0, 0, 0.2); }

.customerDetailsPageSec .loadingSec .loadingBox {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0px 0px -25px; }

.noDataFoundTable {
    width: calc(100% - 30px); }

.noDataFoundTable tr td {
    text-align: center; }

/* - Customers Table Style Ends - */
.importDataPageSec {
    width: 98%;
    float: right;
    margin: 110px auto 20px auto; }

.importDataPageSec .topBtnSec {
    width: calc(100% - 50px);
    float: left; }

.importDataPageSec .topBtnSec .btnSec {
    float: right;
    position: relative; }

.importDataPageSec .topBtnSec .topRedTextMsgSec {
    float: left;
    color: #D0021B;
    font-size: 16px;
    margin: 0px 0px 20px 0px;
    text-decoration: underline;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.importDataPageSec .topBtnSec .topRedTextMsgSec a {
    color: #D0021B;
    transition: all 0.3s ease-out; }

.importDataPageSec .topBtnSec .topRedTextMsgSec a:hover {
    color: #920012; }

.importDataPageSec .topBtnSec .topRedTextMsgSec span {
    font-weight: bold;
    font-family: "Helvetica-Bold", sans-serif, Arial; }

.importDataPageSec .topBtnSec .submitBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 40px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    outline: none;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.importDataPageSec .topBtnSec .submitBtn:hover {
    background-color: #6C40FF; 
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4); 
}

.importDataPageSec .topBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #4a4a55;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 40px;
    margin: 0px 30px 16px 0px;
    border-radius: 2px;
    outline: none;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.importDataPageSec .topBtnSec .cancelBtn:hover {
    background-color: #EEEEEE;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.importDataPageSec .topBtnSec .errorMsgSec {
    float: right;
    text-align: center;
    display: none;
    z-index: 555;
    transition: all 0.3s ease-out;
    margin: 0px 30px 0px 0px;
    height: 36px;
    line-height: 36px;
    color: #ff0000; }

.importDataPageSec .topBtnSec .btnSec .successMsgSec {
    position: absolute;
    top: 40px;
    right: 0px;
    float: right;
    text-align: right;
    display: block;
    z-index: 555;
    transition: all 0.3s ease-out;
    margin: 0px 30px 0px 0px;
    height: 36px;
    line-height: 36px;
    color: #4caf50;
    width: 100%; }

.importDataPageSec .importDataTableSec {
    width: 100%;
    overflow: auto;
    position: relative;
    padding: 10px 0px 0px 0px; }

.importDataPageSec .noDataFoundSec {
    width: 100%;
    font-size: 16px;
    padding: 20px 35px;
    background-color: #FFFFFF; }

.importDataPageSec .importDataTableSec table {
    margin: 10px auto; }

.importDataPageSec .importDataTableSec table thead {
    position: relative;
    margin-top: -65px; }

.importDataPageSec .importDataTableSec table tbody {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.24); }

.importDataPageSec .importDataTableSec table tr {
    border-bottom: 1px solid #EEEEEE; }

.importDataPageSec .importDataTableSec table tr th {
    color: #4a4a55;
    font-size: 17px;
    padding: 15px 35px; }

.importDataPageSec .importDataTableSec table tr td {
    font-size: 16px;
    padding: 15px 35px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 0px; }

.importDataPageSec .importDataTableSec table tr.overwriteTr td {
    background-color: rgba(90, 156, 2, 0.3);
    border-bottom: 1px solid rgba(32, 56, 0, 0.2); }

.importDataPageSec .importDataTableSec table tr.overwriteErrorTr td {
    background-color: rgba(216, 69, 60, 0.3);
    border-bottom: 1px solid rgba(53, 10, 8, 0.1); }

.importDataPageSec .importDataTableSec .thUserType {
    min-width: 250px; }

.importDataPageSec .importDataTableSec .thCompanyName {
    min-width: 240px; }

.importDataPageSec .importDataTableSec .thGroupName {
    min-width: 250px; }

.importDataPageSec .importDataTableSec .thAssessmentGroup {
    min-width: 227px; }

.importDataPageSec .importDataTableSec .thUsername {
    min-width: 200px; }

.importDataPageSec .importDataTableSec .thFirstname {
    min-width: 200px; }

.importDataPageSec .importDataTableSec .thLastname {
    min-width: 200px; }

.importDataPageSec .importDataTableSec .thMobilenumber {
    min-width: 195px; }

.importDataPageSec .importDataTableSec .thEmail {
    min-width: 250px; }

.importDataPageSec .importDataTableSec .thDateOfBirth {
    min-width: 175px; }

.importDataPageSec .importDataTableSec .thGender {
    min-width: 140px; }

.importDataPageSec .importDataTableSec .thCountry {
    min-width: 175px; }

.importDataPageSec .importDataTableSec .thAddress {
    min-width: 375px; }

.importDataPageSec .importDataTableSec .thCity {
    min-width: 135px; }

.importDataPageSec .importDataTableSec .thState {
    min-width: 135px; }

.importDataPageSec .importDataTableSec .thPostalCode {
    min-width: 172px; }

.importDataPageSec .importDataTableSec .thEthnicityRace {
    min-width: 200px; }

.importDataPageSec .importDataTableSec .thHeight {
    min-width: 125px; }

.importDataPageSec .importDataTableSec .thWeight {
    min-width: 125px; }

.importDataPageSec .importDataTableSec .thBloodPressureSystolic {
    min-width: 265px; }

.importDataPageSec .importDataTableSec .thBloodPressureDiastolic {
    min-width: 270px; }

.importDataPageSec .importDataTableSec .thPercentBodyFat {
    min-width: 205px; }

.importDataPageSec .importDataTableSec .thHdlCholesterol {
    min-width: 200px; }

.importDataPageSec .importDataTableSec .thLdlCholesterol {
    min-width: 200px; }

.importDataPageSec .importDataTableSec .thTotalCholesterol {
    min-width: 200px; }

.importDataPageSec .importDataTableSec .thTriglycerides {
    min-width: 170px; }

.importDataPageSec .importDataTableSec .thBloodGlucose {
    min-width: 185px; }

.importDataPageSec .importDataTableSec .thA1c {
    min-width: 200px; }

.importDataPageSec .importDataTableSec .loadingSec {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding: 20px 30px;
    background-color: rgba(0, 0, 0, 0); }

.importDataPageSec .importDataTableSec .loadingSec .loadingBox {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0px 0px -25px; }

.issuesPageSec {
    margin: 0px auto 20px auto; }

.issuesPageSec .topTabSec {
    width: 100%; }
.issuesPageSec .topTabSec .tabs {
    min-width: 390px;
}
.topTabSec .participantManagementTab {
    min-width: 450px;
}
.issuesPageSec .topTabSec .tabs {
    text-align: left;
}

.issuesPageSec .topTabSec .tabs a {
    text-align: left;
}
.issuesPageSec .topTabSec ul li:nth-child(1) {
    min-width: 100px;
}
.issuesPageSec .topTabSec ul li:nth-child(2) {
    min-width: 100px;
}
.issuesPageSec .tabBodyContSec {
    margin: 0px 0px 0px 0px; }

.issuesPageSec .tabBodyContSec .issuesTopMsgSec {
    font-size: 16px;
    color: #595A59;
    font-weight: normal;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.issuesPageSec .importDataTableSec table tr td.overwriteTextTd {
    color: #F44336; }

.dummyPlaceSec {
    display: block;
    width: 100%;
    height: 160px; }

.noDataFoundTable {
    width: 400px;
    margin: 0px auto 10px auto; }

.noDataFoundTable tr td {
    text-align: center; }

/* ------------- Customers Account Page Starts ------------- */
.coustAccountBoxSec {
    width: 520px; }

.tabBoxContSec {
    margin: 150px auto 20px auto; }

.coustAccountBoxSec .topSaveBtnSec {
    width: 100%;
    clear: both; }

.coustAccountSelectBox .dropdown-content {
    min-height: 350px !important; }

.coustAccountBoxSec .topSaveBtnSec .copyLinkBtn {
    float: left;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #000;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.coustAccountBoxSec .topSaveBtnSec .copyLinkBtn:hover {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.coustAccountBoxSec .topSaveBtnSec .saveBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.coustAccountBoxSec .topSaveBtnSec .saveBtn:hover {
    /* background-color: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);  */
    background-color: #6C40FF;
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4);

}

.coustAccountBoxSec .topSaveBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #4a4a55;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 20px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.coustAccountBoxSec .topSaveBtnSec .cancelBtn:hover {
    background-color: #EEEEEE;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.coustAccountBoxSec .coustAccountBoxFormSec {
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-out;
    box-sizing: border-box;
    padding: 45px; }

.coustAccountBoxSec .coustAccountBoxFormSec:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3); }

.coustAccountBoxSec .coustAccountBoxFormSec .coustAccoField {
    border-bottom: 1px dotted rgba(89, 90, 89, 0.5); }

.coustAccountBoxSec .formTextSec {
    text-align: center;
    padding: 0px 15px 20px 15px; }

.coustAccountBoxSec .coustAccountBoxFormSec .cols6 {
    width: calc(50% - 30px);
    float: left;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box; }

.coustAccountBoxSec .coustAccountBoxFormSec .cols12 {
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box; }

.coustAccountBoxSec .coustAccountBoxFormSec .changePasswordBtnSec {
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 0px 15px;
    box-sizing: content-box;
    text-align: center; }

.coustAccountBoxSec .coustAccountBoxFormSec .changePasswordBtnSec .changePasswordBtn {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 40px;
    margin: 0px 0px 0px 0px;
    border-radius: 2px;
    outline: none;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.coustAccountBoxSec .coustAccountBoxFormSec .changePasswordBtnSec .changePasswordBtn:hover {
    background-color: #6C40FF; 
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4); }

/* ------------- Customers Account Page Ends ------------- */
/* ------------- Customers Page Ends ------------- */
/* ------------- Profile Page Starts ------------- */
.rightBodySec .copyUserNameRows {
    position: fixed;
    z-index: 111;
    bottom: 0px;
    right: 0px;
    font-size: 14px;
    width: calc(100% - 300px);
    padding: 10px 60px;
    box-sizing: border-box;
    text-align: left;
    transition: all 0.3s ease-out;
    background-color: #4a4a55;
    color: #FFFFFF; }

.mobRightBodySec .copyUserNameRows {
    width: calc(100% - 0px); }

.rightBodySec .copyUserNameRows .headingSec {
    font-family: "Helvetica", sans-serif, Arial; }

.rightBodySec .copyUserNameRows .linkText {
    font-family: "Helvetica-Light", sans-serif, Arial; }

.profilePageContSec {
    padding: 0px;
    margin: 0px auto 20px auto; }

.profilePageContSec .tabBodyContSec {
    margin: 0px 0px 0px 0px;
    position: relative; }

.profilePageContSec .tabBodyContSec .tabUserBox {
    /* padding: 150px 0px 50px 0px */
    position: absolute;
    top: 0px;
    width: 100%; }
.profilePageContSec .tabs .tab {
    text-align: left;
    min-width: 100px;
}
.profilePageContSec .tabs .tab.userInfo {
    min-width: 211px;
    width: 210px;
    max-width: 210px;
}
.profilePageContSec .tabs .tab.biometricData {
    min-width: 200px;
    width: 200px;
    max-width: 200px;
}
.profilePageContSec .tabs .tab.securityQuestions {
    min-width: 230px;
    width: 230px;
    max-width: 230px;
}
.profilePageContSec .tabs .tab.programTab {
    min-width: 180px;
    width: 180px;
    max-width: 180px;
}
.profilePageContSec .tabs .tab.formTab {
    min-width: 130px;
    width: 130px;
    max-width: 130px;
}
.profilePageContSec .tabBodyContSec .tabBiometricBox {
    /* padding: 150px 0px 0px 0px */
    position: absolute;
    top: 0px;
    width: 100%; }

.profileBoxSec {
    width: 412px;
    margin: auto; }

.profileBoxSec .topSaveBtnSec {
    width: 100%;
    clear: both; }

.profileBoxSec .topSaveBtnSec .saveBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.profileBoxSec .topSaveBtnSec .saveBtn:hover {
    background-color: #6C40FF; 
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4);}

.profileBoxSec .topSaveBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #4a4a55;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 20px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.profileBoxSec .topSaveBtnSec .cancelBtn:hover {
    background-color: #EEEEEE;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.profileBoxSec .profileBoxFormSec {
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-out;
    box-sizing: border-box;
    padding: 45px; }

.profileBoxSec .profileBoxFormSec:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3); }

.profileBoxSec .profileBoxFormSec .profileField {
    border-bottom: 1px dotted rgba(89, 90, 89, 0.5); }

.profileBoxSec .formTextSec {
    text-align: center;
    padding: 0px 15px 20px 15px; }

.profileBoxSec .profileBoxFormSec .cols6 {
    width: calc(50% - 30px);
    float: left;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box; }

.profileBoxSec .profileBoxFormSec .cols12 {
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box; }

.profileBoxSec .profileBoxFormSec .changePasswordBtnSec {
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 0px 15px;
    box-sizing: content-box;
    text-align: center; }

.profileBoxSec .profileBoxFormSec .changePasswordBtnSec a:hover {
    text-decoration: none; }

.profileBoxSec .profileBoxFormSec .changePasswordBtnSec .changePasswordBtn {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 40px;
    margin: 0px 0px 0px 0px;
    border-radius: 2px;
    outline: none;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.profileBoxSec .profileBoxFormSec .changePasswordBtnSec .changePasswordBtn:hover {
    background-color: #6C40FF;
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4);
}

/* ------------- Profile Page Ends ------------- */


/* ------------- Access Log Page Starts ------------- */

.accessLogsPageSec {
    width: calc(100% - 20px);
    float: right;
    margin: 110px 0px 0px 0px;}

.accessLogsPageSec .topExportBtnSec {
    width: calc(100% - 40px);
    margin: auto;
    clear: both; }

.accessLogsPageSec .topExportBtnSec .exportBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.accessLogsPageSec .topExportBtnSec .exportBtn:hover {
    background-color: #6C40FF; 
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4);
 }


.accessLogsPageSec .accessLogsTableSec {
    width: 100%;
    transition: all 0.3s ease-out;
    box-sizing: border-box;
    overflow: auto;
}
.accessLogsPageSec .accessLogsTableSec table {
    min-width: 1000px;
    margin: 0px auto 10px auto;
    width: 100%;
}


.accessLogsPageSec .accessLogsTableSec table thead {
    position: relative;
    margin-top: -65px; }

.accessLogsPageSec .accessLogsTableSec table tbody {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.24); }

.accessLogsPageSec .accessLogsTableSec table tr {
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer; }

.accessLogsPageSec .accessLogsTableSec table tr th {
    color: #4a4a55;
    font-size: 17px;
    padding: 15px 35px; }

.accessLogsPageSec .accessLogsTableSec table tr td {
    font-size: 16px;
    padding: 15px 35px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 0px; }

.accessLogsPageSec .accessLogsTableSec table tr .tdFirstName {
    min-width: 220px;
    color:#4F20FF;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdLastName {
    min-width: 175px;
    color:#4F20FF;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdUserType {
    /* min-width: 280px; */
    min-width: 170px;
    color:#4F20FF;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdLoginTime {
    min-width: 235px;
    color:#4F20FF;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdUserId {
    min-width: 155px;
    color:#4F20FF;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdLogoutTime {
    min-width: 235px;
    color:#4F20FF;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdDuration {
    /* min-width: 275px; */
    min-width: 140px;
    color:#4F20FF;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdDeviceType {
    min-width: 175px;
    color:#4F20FF;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdIPAddress {
    min-width: 190px;
    color:#4F20FF;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdStatus {
    min-width: 175px;
    color:#4F20FF;
}


.accLogsExportLoadBtn {
    display: none;
    float: right;
    text-align: center;
    width: 106px;
    height: 36px;
    border: 0px;
    margin: auto;
    color: #fcfcfd;
    background-color: #4F20FF;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.accLogsExportLoadBtn .preloader-wrapper.small {
    width: 20px;
    height: 20px; }

.accLogsExportLoadBtn .preloader-wrapper .spinner-layer {
    border-color: #FFFFFF; }


/* ------------- Access Log Page Ends ------------- */

/* ------------- Community Resources Page Starts ------------- */

.comResourcBoxSec {
    width: 412px;
    max-width: 95%;
    margin: auto; }

.comResourcBoxSec .topSaveBtnSec {
    width: 100%;
    clear: both; }

.comResourcBoxSec .topSaveBtnSec .addBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.comResourcBoxSec .topSaveBtnSec .addBtn:hover {
    background-color: #6C40FF; 
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4); }

.comResourcBoxSec .topSaveBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #4a4a55;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 20px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.comResourcBoxSec .topSaveBtnSec .cancelBtn:hover {
    background-color: #EEEEEE;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.comResourcBoxSec .comResourcBoxFormSec {
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-out;
    box-sizing: border-box;}

.comResourcBoxSec .comResourcBoxFormSec:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3); }


.comResourcBoxSec .communityResourcesRow {
    clear: both;
    width: 100%;
    font-family: "Helvetica-Light", sans-serif, Arial;
    padding: 16px;
    border-bottom: 1px solid rgba(169,169,169,0.27);
    transition: all 0.3s ease-out;
}


.comResourcBoxSec .communityResourcesRow:hover {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); }


.comResourcBoxSec .communityResourcesRow .headSec {
    clear: both;
    width: 100%;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    /* font-family: "Helvetica-Bold", sans-serif, Arial; */
    font-family: "Helvetica", sans-serif, Arial;
    margin: 0px 0px 5px 0px;
}
.comResourcBoxSec .communityResourcesRow .textSec {
    clear: both;
    width: 100%;
    color: #A9A9A9;
    font-size: 14px;
    line-height: 16px;
    font-family: "Helvetica-Light", sans-serif, Arial;
}

/* ------------- Community Resources Page Ends ------------- */


/* ------------- Community Resources View Page Starts ------------- */

.comResourcViewBoxSec {
    width: 500px;
    max-width: 95%;
    margin: auto; }


.comResourcViewBoxSec .topSaveBtnSec {
    width: 100%;
    clear: both; }
.comResourcViewBoxSec .topSaveBtnSec .addBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.comResourcViewBoxSec .topSaveBtnSec .addBtn:hover {
    background-color: #6C40FF; 
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4); }

.comResourcViewBoxSec .topSaveBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #4a4a55;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 20px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.comResourcViewBoxSec .topSaveBtnSec .cancelBtn:hover {
    background-color: #EEEEEE;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.comResourcViewBoxSec .comResourcViewFormSec {
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-out;
    box-sizing: border-box;
    padding: 45px;}

.comResourcViewBoxSec .comResourcViewFormSec:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3); }

.comResourcViewBoxSec .comResourcViewFormSec .cols12 {
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box;
}
.comResourcViewBoxSec .comResourcViewFormSec .cols6 {
    width: calc(50% - 30px);
    float: left;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box;
}
.comResourcViewBoxSec .comResourcViewFormSec textarea {
    /*padding: 10px 0 10px 0;*/
    /*min-height: 56px;*/
        height: auto !important;
}

.comResourcViewFormSec .checkBoxHeading {
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 15px 15px;
    box-sizing: border-box;
    color: rgba(89,90,89,0.7);
    font-family: "Helvetica-Bold", sans-serif, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
}

.comResourcViewBoxSec [type="checkbox"].filled-in:checked+label:before {
    left: 2px;
    width: 3px;
    height: 8px;
}
.comResourcViewBoxSec [type="checkbox"].filled-in:checked+label:after {
    width: 15px;
    height: 15px;
}
.comResourcViewBoxSec [type="checkbox"].filled-in:not(:checked)+label:after {
    width: 15px;
    height: 15px;
}

.comResourcViewBoxSec [type="checkbox"].filled-in:disabled:not(:checked)+label:after {
    background-color: transparent;
    border: 2px solid #BDBDBD;
}

.comResourcViewBoxSec [type="checkbox"]+label {
    padding-left: 30px;
    height: 20px;
    line-height: 20px;
    color: rgba(89,90,89,0.7);
    font-family: "Helvetica-Light", sans-serif, Arial;
    font-size: 14px;
}

.comResourcViewBoxSec .checkBoxEnd {
    height: 15px;
}

.selectGroupSec {}

.selectGroupMaskSec {
    position: fixed;
    z-index: 222;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
}


.selectGroupSec .select-wrapper .select-dropdown {
    padding: 0px 15px 0px 0px;
    box-sizing: border-box;
}

.selectGroupSec [type="checkbox"]:checked+label:before {
    top: 0px;
    width: 7px;
    height: 14px;
}


/* ------------- Community Resources View Page Ends ------------- */



/* ------------- Terms of Services Page Starts ------------- */
.contentPageSec {
    width: 90%;
    background-color: #FFFFFF;
    padding: 40px;
    margin: auto;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-out; }

/* ------------- Terms of Services Page Ends ------------- */
/* ------------- Report Page Section Starts ------------- */
.reportBoxSec {
    width: 400px;
    max-width: 95%;
    margin: auto;
    transition: all 0.3s ease-out; }

.timeLabelSec {
    font-size: 14px;
    font-family: "Helvetica-Bold", sans-serif, Arial;
    color: #4A4A55;
    width: calc(100% - 30px);
    margin: 0px 15px;
}
.timeInputSec {
    margin-top:0px;
    margin-bottom:20px;
}
.timeInputSec input[type=text] {
    box-shadow: none !important;
    margin: 0px !important;
}
.reportBoxSec .reportBoxFormSec {
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-out;
    box-sizing: border-box;
    padding: 45px; }

.reportBoxSec .reportBoxFormSec:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3); }

.reportBoxSec .reportBoxFormSec .reportLabelSec {
    font-size: 14px;
    font-family: "Helvetica-Bold", sans-serif, Arial;
    color: #4A4A55;
    top: -27px; }

.reportBoxSec .reportBoxFormSec .input-field {
    background-color: #FFFFFF;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    position: relative; }

.reportBoxSec .reportBoxFormSec .select-wrapper span.caret {
    right: 15px !important; }

.reportBoxSec .reportBoxFormSec .input-field input[type=text] {
    box-sizing: border-box;
    padding: 0px 0px 0px 15px;
    border: 0px !important; }

.reportBoxSec .reportBoxFormSec .input-field errormessage {
    position: absolute; }

.reportBoxSec .reportBoxFormSec .cols12 {
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 30px 15px;
    box-sizing: content-box; }

.reportBoxSec .reportBoxFormSec .cols6 {
    width: calc(50% - 30px);
    float: left;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box;
}
.reportBoxSec .reportBoxFormSec .downloadReportBtnSec {
    width: 100%;
    clear: both;
    padding: 5px 15px 0px 15px;
    box-sizing: border-box;
    text-align: center; }

.reportBoxSec .reportBoxFormSec .downloadReportBtnSec a:hover {
    text-decoration: none; }

.reportBoxSec .reportBoxFormSec .downloadReportBtnSec .downloadReportBtn {
    width: 170px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    border-radius: 2px;
    outline: none;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.reportBoxSec .reportBoxFormSec .downloadReportBtnSec .downloadReportBtn:hover {
    background-color: #6C40FF; 
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4);
}

.reportBoxSec .reportBoxFormSec .downloadReportBtnSec .downloadReportLoadBtn {
    display: none;
    clear: both;
    text-align: center;
    width: 170px;
    height: 36px;
    border: 0px;
    margin: auto;
    color: #fcfcfd;
    background-color: #4F20FF;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); }

.reportBoxSec .reportBoxFormSec .downloadReportBtnSec .downloadReportLoadBtn .preloader-wrapper.small {
    width: 24px;
    height: 24px; }

/* ------------- Report Page Section Ends ------------- */
/* ------------- Assessment Settings Page Starts ------------- */
.assessmentListSec {
    width: 412px;
    margin: auto;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-out; }

.assessmentListSec a {
    color: #595A59; }

.assessmentListSec .assessmentLists {
    width: 100%;
    padding: 20px 40px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(169, 169, 169, 0.27);
    cursor: pointer;
    transition: all 0.3s ease-out; }

.assessmentListSec .assessmentLists:hover {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); }

.assessmentListSec .assessmentLists .listImg {
    width: 42px;
    height: 42px;
    float: left;
    margin: 0px 20px 0px 0px; }

.assessmentListSec .assessmentLists .listImg img {
    width: 100%; }

.assessmentListSec .assessmentLists .listName {
    width: 100%;
    font-size: 16px;
    line-height: 42px; }

/* ------------ */
.assessmentDetailsBoxSec {
    width: 475px;
    margin: auto; }

.assessmentDetailsBoxSec .topSaveBtnSec {
    width: 100%;
    clear: both; }

.assessmentDetailsBoxSec .topSaveBtnSec .saveBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.assessmentDetailsBoxSec .topSaveBtnSec .saveBtn:hover {
    background-color: #6C40FF;
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4);
}

.assessmentDetailsBoxSec .topSaveBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #4a4a55;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 20px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.assessmentDetailsBoxSec .topSaveBtnSec .cancelBtn:hover {
    background-color: #EEEEEE;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

.assessmentDetailsBoxSec .assessmentDetailsFormSec {
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease-out;
    box-sizing: border-box;
    padding: 45px; }

.assessmentDetailsBoxSec .assessmentDetailsFormSec:hover {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3); }

.assessmentDetailsBoxSec .assessmentDetailsFormSec .assessmentField {
    border-bottom: 1px dotted rgba(89, 90, 89, 0.5); }

.assessmentDetailsBoxSec .formTextSec {
    text-align: left;
    padding: 0px 15px 10px 15px; }

.assessmentDetailsBoxSec .assessmentDetailsFormSec .cols6 {
    width: calc(50% - 30px);
    float: left;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box; }

.assessmentDetailsBoxSec .assessmentDetailsFormSec .cols12 {
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box; }

.assessmentDetailsBoxSec .assessmentDetailsFormSec .changePasswordBtnSec {
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 0px 15px;
    box-sizing: content-box;
    text-align: center; }

.assessmentDetailsBoxSec .assessmentDetailsFormSec .changePasswordBtnSec a:hover {
    text-decoration: none; }

.assessmentDetailsBoxSec .assessmentDetailsFormSec .changePasswordBtnSec .changePasswordBtn {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4a4a55;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 40px;
    margin: 0px 0px 0px 0px;
    border-radius: 2px;
    outline: none;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; }

.assessmentDetailsBoxSec .assessmentDetailsFormSec .changePasswordBtnSec .changePasswordBtn:hover {
    background-color: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4); }

/* ------------- Assessment Settings Page Ends ------------- */
/* Phase 3 - Part 1 Styles */

.securityQuestionsBoxSec .securityQuestionList {
    color: #595A59;
    font-size: 18px;
    line-height: 26px;
    margin-top: 10px;
}

.assessmentDetailsBoxSec .assessmentDetailsFormSec .formTextSec span {
    font-family: "Helvetica-Bold", sans-serif, Arial;
}
.coustAccountBoxSec .emptyStateTextSec {
    text-align: center;
    padding: 0px 15px 0px 15px;
}
.securityQuestionsBoxSec .emptyStateSec {
    padding:30px 45px !important;
}

.groupListContSec {
    position: relative;
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box;
}
.groupListContSec .selectGroupBtn {
    padding: 10px 20px 10px 0px;
    box-sizing: border-box;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.groupListContSec .lableSec {
    color: #9e9e9e;
    font-family: "Helvetica-Light", sans-serif, Arial;
    font-weight: normal;
    font-size: 13px;
    clear: both;
    height: 19px;
    position: relative;
}
.groupListContSec .lableSec:before {
    content:"";
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #444444 transparent transparent;
    position: absolute;
    bottom: -25px;
    right: 8px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.groupListContSec .lableSec.disabled:before {
    border-color: transparent rgba(0, 0, 0, 0.26) transparent transparent;
}

.selectGroupBtn {
    background-color: #FFFFFF;
    border: 0px;
    border-bottom: 1px solid #9e9e9e;
    width: 100%;
    text-align: left;
    padding: 10px 0px;
    color: #4A4A4A;
    cursor: pointer;
    font-size: 1rem;
}
.selectGroupBtn:hover, .selectGroupBtn:focus {
    background-color: #FFFFFF;
}
.selectGroupBtn.inputDisabled {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
    color: rgba(0, 0, 0, 0.26);
}
.selectGroupBtn:-moz-read-only {
    border-bottom: 1px solid #9e9e9e;
}
.selectGroupBtn:read-only {
    border-bottom: 1px solid #9e9e9e;
}
.selectGroupBtn:-o-read-only {
    border-bottom: 1px solid #9e9e9e;
}
.selectGroupBtn:-webkit-read-only {
    border-bottom: 1px solid #9e9e9e;
}

.selectGroupBtn.inputDisabled:-moz-read-only {
    border-bottom: 1px dotted #9e9e9e;
}

.selectGroupBtn.inputDisabled:read-only {
    border-bottom: 1px dotted #9e9e9e;
}

.selectGroupBtn.inputDisabled:-o-read-only {
    border-bottom: 1px dotted #9e9e9e;
}

.selectGroupBtn.inputDisabled:-webkit-read-only {
    border-bottom: 1px dotted #9e9e9e;
}

.groupListSec {
    display: none;
    position: absolute;
    padding: 50px 10px 50px 10px;
    box-sizing: border-box;
    top: 30px;
    left: 15px;
    /* width: 100%; */
    width: calc(100% - 30px);
    height: auto;
    overflow: hidden;
    background-color: #FFFFFF;
    z-index: 333;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.groupListSec ul {
    max-height: 250px;
    /* position: absolute; */
    position: relative;
    /* top: 50px; */
    /* left: 0px; */
    width: 100%;
    overflow: auto;
    margin: 0px;
    padding: 0px;
}
.groupListSec ul li {
    padding: 8px 15px;
}

.groupListSec ul li [type="checkbox"]+label {
    padding-left: 30px;
    height: 20px;
    line-height: 20px;
    color: rgba(89,90,89,0.7);
    font-family: "Helvetica-Light", sans-serif, Arial;
    font-size: 14px;
    display: block;
}

.groupListSec ul li [type="checkbox"].filled-in:checked+label:before {
    left: 2px;
    width: 8px;
    height: 13px;
}

.groupListSec ul li [type="checkbox"].filled-in:checked+label:after {
    width: 20px;
    height: 20px;
}

.groupListSec ul li [type="checkbox"].filled-in:not(:checked)+label:after {
    width: 20px;
    height: 20px;
}

.groupListSec ul li [type="checkbox"].filled-in:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}



.groupListSec .saveBtn {
    height: 36px;
    line-height: 36px;
    position: absolute;
    bottom: -5px;
    right: 10px;
    width: 100px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4a4a55;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial;
}

.groupListSec .searchBoxSec {
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 5px;
    left: 10px;
    width: calc(100% - 20px);
    box-sizing: border-box;
    padding: 0px 0px;
}
.profilePageContSec .tabs .tab:last-child {
    min-width: 130px;
    width: 130px;
    max-width: 130px;
}

/* ---------------- Responsive Section Starts ---------------- */
@media screen and (max-width: 950px) {
    .custDetBtnSec .searchBoxSec {
        width: calc(100% - 377px); }

    .custDetBtnSec .importBtnSec {
        width: 150px; }

    .custDetBtnSec .downloadBtn {
        padding: 0px 15px; } }
@media screen and (max-width: 900px) {
    .custDetBtnSec .searchBoxSec {
        width: 100%;
        margin: 0px 0px 15px 0px; }

    .custDetBtnSec .searchBoxSec input[type=text] {
        max-width: 100%; }

    .custDetBtnSec .importBtnSec {
        width: calc(50% - 15px); }

    .custDetBtnSec .downloadBtn {
        width: calc(50% - 15px);
        float: left; } }
@media screen and (max-width: 850px) {
    .coustAccountBoxSec {
        width: 100%; }

    .coustAccountBoxSec .coustAccountBoxFormSec {
        padding: 45px 25px; }

    .input-field label {
        font-size: 14px; } }
@media screen and (max-width: 800px) {
    .fixedSuccessMsgSec .successMsgBgSec {
        width: 95%; } }
@media screen and (max-width: 768px) {
    .leftMenuSec {
        left: -300px !important; }

    .mobLeftMenuSec {
        left: 0px !important;
        z-index: 666 !important; }

    .fixedTermsAndPrivacy {
        left: -300px; }

    .mobLeftMenuSec .fixedTermsAndPrivacy {
        left: 0px; }

    .mobRightBodySec .fixedSuccessMsgSec {
        width: 100%; }

    .fixedSuccessMsgSec {
        width: 100%; }

    .responsiveTermPrivacy {
        left: 0px !important; }

    .topMenuSec {
        width: 100%; }

    .rightBodySec {
        width: 100%; }

/*    .customerDetailsPageSec {
        width: 100%; }*/

    .menuMaskOn {
        background-color: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 555;
        cursor: pointer; }

    .fixedErrorMsgSec .errorMsgBgSec {
        width: 95%; }

    .topTabSec {
        width: 100%; }

    .custDetBtnSec .importBtnSec {
        width: 150px; }

    .custDetBtnSec .downloadBtn {
        width: 155px;
        float: right; }

    .rightBodySec .copyUserNameRows {
        width: calc(100% - 0px); }

    .coustAccountBoxSec {
        width: 520px; }

    .coustAccountBoxSec .coustAccountBoxFormSec {
        padding: 45px 40px; }

    .input-field label {
        font-size: 16px; }

    .topTabSec .tabs {
        width: 100px;
        margin: 0px 0px 0px 0px;
        min-width: 600px;
    }

    .profilePageContSec .tabs .tab.userInfo {
        min-width: 200px;
        width: 200px;
        max-width: 200px;
    }
    .profilePageContSec .tabs .tab.biometricData {
        min-width: 180px;
        width: 180px;
        max-width: 180px;
    }
   /*  
    .profilePageContSec .tabs .tab.formTab:has(a.active) .indicator{
        right:0 !important;
    } */
    .profilePageContSec .tabs .tab.securityQuestions {
        min-width: 210px;
        width: 210px;
        max-width: 210px;
    }
    }
    @media screen and (max-width: 650px) {
    .pageContainerSec {
        margin: 0px auto 0px auto;
        width: 100%;
    }

    .tabBoxContSec {
        margin: 20px auto 20px auto;
    }

    .topTabSec {
        position: relative;
        top: 0px;
    }

    .topMenuSec .topMenuContSec {}

    .topMenuSec {
        height: inherit;
        line-height: inherit;
        padding: 10px 0px;
        position: relative;
    }
    .topMenuSec .topMenuContSec .topBackIcon {
        margin: 0px 10px 0px 5px;
        padding: 5px;
    }
    .topMenuSec .topMenuContSec .topMenuIcon {
        margin: 0px 10px 0px 5px;
        padding: 5px;
    }
    .topMenuSec .topMenuContSec .pageTitleSec {
        height: 35px;
        line-height: 35px;
    }
    .topMenuSec .topMenuContSec .topAssessmentStatusText {
        height: 35px;
        line-height: 35px;
        margin: 0px 0px 0px 0px;
        box-sizing: border-box;
    }
    .accessLogsPageSec {
        margin: 20px 0px 0px 0px;
    }
    .reportBoxSec {
        margin: 30px auto 0px auto;
    }
    .customersListSec {
        margin: 30px auto 0px auto;
    }
    .custDetBtnSec {
        margin: 30px auto 0px auto;
    }
    .custDetBtnSec .searchBoxSec {
        width: 100%;
        margin: 0px auto 15px auto;
        float: none;
    }
    .custDetBtnSec .searchBoxSec input[type=text] {
        width: 100%;
    }
    .custDetBtnSec {
        width: 95%;
        margin: 30px auto 0px auto;
    }
    .assessmentListSec {
        margin: 30px auto;
    }
    .assessmentDetailsBoxSec {
        margin: 30px auto;
    }
    .profileBoxSec {
        margin: 30px auto;
    }
    .comResourcBoxSec {
        margin: 30px auto;
    }
    .contentPageSec {
        margin: 30px auto;
    }
    .topTabSec .tabs {
        width: 100%;
        margin: 0px;
        min-width: 100%;
    }
    .customersListSec .customersLists {
        padding: 15px 15px;
    }
    .customerDetailsPageSec table tr td {
        padding: 10px 35px;
    }
    .coustAccountBoxSec .coustAccountBoxFormSec {
        padding: 35px 25px;
    }
    }

@media screen and (max-width: 600px) {
    .coustAccountBoxSec {
        width: 100%; }

    .coustAccountBoxSec .coustAccountBoxFormSec .cols6 {
        width: calc(100% - 30px); }
        .tabBoxContSec {
            width: 95%;
        }
    }
@media screen and (max-width: 550px) {
    .assessmentDetailsBoxSec {
        width: 95%; }

    .coustAccountBoxSec {
        width: 95%; }

    .copyLinkPopupBgSec .copyLinkPopupSec {
        width: 90%; } }
@media screen and (max-width: 500px) {
    .assessmentListSec {
        width: 95%; }

    .coustAccountBoxSec .coustAccountBoxFormSec .cols6 {
        width: calc(100% - 30px); }


    .comResourcViewBoxSec .comResourcViewFormSec .cols6 {
        width: calc(100% - 30px);
        clear: both;
        padding: 10px 15px 15px 15px;
    }
    }
@media screen and (max-width: 450px) {
    .loginBoxSec {
        width: 95%; }

    .customersListSec {
        width: 95%; }

    .reportBoxSec .reportBoxFormSec {
        width: 95%;
        margin: auto;
    }

    .profileBoxSec {
        width: 95%; }

    .noDataFoundTable {
        width: 95%; }

    .profileBoxSec .profileBoxFormSec .cols6 {
        width: calc(100% - 30px); }

    .customerDetailsPageSec .btnSec {
        width: 100%; }

    .customerDetailsPageSec .btnSec .importBtnSec {
        width: 150px; }

    .primaryInportLoadBtn {
        width: 150px; }

    .customerDetailsPageSec .btnSec .downloadBtn {
        padding: 0px 20px; }

    .custDetBtnSec .importBtnSec {
        width: 140px; }

    .custDetBtnSec .downloadBtn {
        padding: 0px 15px;
        margin: 0px 15px 16px 0px; }

    .reportBoxSec {
        width: 100%; } }


    /* new css */
    .program-setting .program {
        width: 150px !important;
        min-width: 150px !important;
        max-width: 150px !important;
    }
    .program-setting .assessmentSettings {
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
    .program-setting{
        min-width: max-content !important;
    }
/* ---------------- Responsive Section Ends ---------------- */

/*# sourceMappingURL=style.css.map */
.form-checks input[type="checkbox"]+span:not(.lever) {
    font-size: 14px;
    color: #4A4A55;
    line-height: 20px !important;
    height: 20px !important;
    padding-left: 25px !important;
    margin-bottom: 25px;
}
.form-checks input[type="checkbox"].filled-in+span:not(.lever):after {
    border-width: 1px;
}
.form-checks input[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid #4A4A55;
    background-color: #4A4A55;
}
/* ---------------- custom check box start ------------------------ */
.custom-check {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    width: 100% !important;
    color: rgba(0, 0, 0, 0.6) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 15px 20px !important;
}
.custom-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: transparent;
	border-radius: 3px;
	border: 2px solid #5a5a5a;
}
.custom-check input:checked ~ .checkmark {
	background-color: #5a5a5a;
	border: 2px solid #5a5a5a;
}
.custom-check input:disabled:checked ~ .checkmark {
    background-color: #BDBDBD;
    border-color: #BDBDBD;
}
.custom-check input:disabled ~ .check-text {
    color:rgba(89, 90, 89, 0.7);
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.custom-check input:checked ~ .checkmark:after {
  	display: block;
}
.custom-check .checkmark:after {
	left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
	border-top: 0px solid transparent;
	border-left: 0px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
}

/* ---------------- custom check box end ------------------------ */
.custom-form-checks{
    margin: 0 15px 20px !important;
}
.custom-form-checks label{
    height: 19px;
    line-height: 19px;
    color: #4A4A55;
    padding-left: 30px;
    font-size: 14px;
    font-family: "Helvetica-Light", sans-serif, Arial;
    margin: 0;
}
.custom-form-checks input:checked+ label::before{
    left: 2px;
    width: 3px;
    height: 8px;
}
.custom-form-checks input:checked+ label::after,.custom-form-checks input label::after{
    width: 15px;
    height: 15px;
}
.custom-form-checks input:disabled:checked+ label::after{
    background-color: #BDBDBD !important;
    border-color: #BDBDBD !important;
}
.custom-form-checks input:disabled+ label::after{
    border-color: #BDBDBD !important;
    background-color: transparent !important;
}
.custom-form-checks input:disabled+ label{
    color: rgba(0, 0, 0, 0.26);
}
/* ------------ upload bg */
.upload-bg .delete-popup button.cancel {
    background-color: #979897;
}
.upload-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    padding-top: 200px;
}
.upload-bg .delete-popup {
    width: 450px;
    background-color: #FFFFFF;
    padding: 15px 30px 25px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.06), 0 4px 6px 0 rgba(0,0,0,0.12);
    margin: auto;
}
.upload-bg .delete-popup .heading {
    font-size: 16px;
    color: #666666;
    text-align: center;
    margin-bottom: 20px;
}
.upload-bg .delete-popup .delete-popup-loader,
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-buttons .save-loader,
.announcement-BtnSec .save-loader {
    padding: 4px 0;
    height: 38px;
    cursor: auto;
}
.upload-bg .delete-popup .delete-popup-loader .preloader-wrapper,
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-buttons .save-loader .preloader-wrapper,
.announcement-BtnSec .save-loader .preloader-wrapper {
    height: 30px;
    width: 30px;
}
.upload-bg .delete-popup .delete-popup-loader .preloader-wrapper .whiteCircle,
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-buttons .save-loader .preloader-wrapper .whiteCircle,
.announcement-BtnSec .save-loader .preloader-wrapper .whiteCircle {
    border-color: #FFFFFF;
}
.upload-bg .delete-popup .popup-btn-sec {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.upload-bg .delete-popup button {
    width: 80px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    background-color: #4a4a55;
    color: #fcfcfd;
    border: none;
    cursor: pointer;
}
.delete-card{
    background-color: #D0021B !important;
    margin-left: 15px !important;
}
/* ----------participant form styles */
.forms-pdf-wrap {
    max-width: 1000px;
    margin: 0 auto 30px;
    padding: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.06), 0 4px 6px 0 rgba(0,0,0,0.12);
}
.forms-pdf-wrap .forms-pdf-table {
    text-align: left;
    color: #000;
    margin-bottom: 25px;
    font-size: 12px;
}
.forms-pdf-wrap .forms-pdf-table .heading,
.forms-pdf-wrap .forms-pdf-table .content {
    display: flex;
}
.forms-pdf-wrap .forms-pdf-table .heading div {
    border-bottom: 1px solid #a3a4a3;
    padding: 0 0 5px 5px;
}
.forms-pdf-wrap .forms-pdf-table .content div.first-child,
.forms-pdf-wrap .forms-pdf-table .content div.second-child  {
    padding: 5px;
}
.forms-pdf-wrap .forms-pdf-table .heading div:first-child,
.forms-pdf-wrap .forms-pdf-table .content div.first-child {
    flex: 1;
}
.forms-pdf-wrap .forms-pdf-table .heading div:last-child,
.forms-pdf-wrap .forms-pdf-table .content div.second-child {
    width: 220px;
    margin-left: 100px;
}
.forms-pdf-wrap .forms-pdf-table .content p {
    margin: 0;
    display: flex;
}
.forms-pdf-wrap .forms-pdf-table .content span.error {
    color: #C80000;
    line-height: 24px;
}
.forms-pdf-wrap .forms-pdf-table .content p span {
    color: #D1D2D4;
}
.forms-pdf-wrap .forms-pdf-table .content a {
    color: #5c96d0;
    text-decoration: none;
    line-height: 24px;
    margin-left: 10px;
    width: 53px;
}
.forms-pdf-wrap .form-pdf-heading {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin-bottom: 10px;
}
.forms-pdf-wrap .form-pdf-approve-date {
    font-size: 14px;
    line-height: 24px;
    color: #595A59;
    margin-bottom: 50px;
}
.forms-pdf-wrap .form-pdf-approve-btn {
    background-color: #5ab084;
    color: #FFFFFF;
    margin-bottom: 50px;
    border: none;
    border-radius: 2px;
    font-size: 12px;
    line-height: 24px;
    padding: 0 20px;
}
.forms-pdf-wrap .form-pdf-reject-btn {
    background-color: #dc3545;
    color: #FFFFFF;
    margin-bottom: 50px;
    border: none;
    border-radius: 2px;
    font-size: 12px;
    line-height: 24px;
    padding: 0 20px;
}
.download-loader{
    width: 53px;
    background: transparent;
    border: none;
    margin-left: 10px;
}
.download-loader .preloader-wrapper{
    height: 15px;
    width: 15px;
}
.download-loader .preloader-wrapper .blueCircle.spinner-layer{
    border-color: #5c96d0;
}

/* customization css */
.logo-upload-wrap {
    width: 100%;
    max-width: 480px;
    margin: auto;
}
.logo-upload-wrap .logo-upload {
    padding: 15px 25px;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.06), 0 4px 6px 0 rgba(0,0,0,0.12);
    margin-bottom: 50px;
}
.logo-upload-wrap .logo-upload .heading {
    font-size: 18px;
    text-align: center;
    border-bottom: 2px solid #D1D2D4;
    margin-bottom: 15px;
    color: #595A59;
}
.logo-upload-wrap .logo-upload .upload-block-wrap::after {
    content: '';
    display: block;
    clear: both;
}
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-left-block {
    position: relative;
    width: 200px;
    float: left;
}
.logo-upload-wrap .logo-upload .upload-block {
    position: relative;
    border: 1px solid #d4d4d4;
    background-color: #f7f8f8;
    font-size: 12px; 
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
    align-items: center;
    height: 200px;
    justify-content: center;
}
.logo-upload-wrap .logo-upload .upload-block span {
    color: #d4d4d4;
    padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid #d4d4d4;
    border-radius: 10px;
}
.logo-upload-wrap .logo-upload .upload-btn { 
    width: max-content;
    margin: auto;
    position: relative;
}
.logo-upload-wrap .logo-upload .upload-btn button {
    background-color: #4a4a55;
    border: none;
    color: #FFFFFF;
    outline: none;
    font-size: 12px;
    padding: 5px 10px;
    margin: auto;
    display: block;
    cursor: pointer;
}
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-left-block input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    opacity: 0;
    z-index: 1;
}
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-left-block input[type="file"]:hover + .upload-block {
    opacity: 0.6;
}
input[type=file]::-webkit-file-upload-button {
    cursor: pointer; 
}
.logo-upload-wrap .logo-upload-inputs {
    padding: 15px 25px;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.06), 0 4px 6px 0 rgba(0,0,0,0.12);
    margin-bottom: 50px;
}
.logo-upload-wrap .logo-upload-inputs textarea {
    border-width: 0 0 1px;
    resize: none;
    height: 180px;
    outline: none;
    margin-top: 15px;
}
.logo-upload-wrap .logo-upload-inputs input {
    /* margin-bottom: 5px !important; */
    outline: none;
}
.logo-upload-wrap .logo-upload-inputs errormessage {
    margin-top: 5px !important;
    display: block;
}
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block {
    width: calc(100% - 220px);
    float: right;
}
/* .logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-image {
    height: 200px;
} */
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-image img {
    max-height: 200px;
    max-width: 100%;
    object-fit: contain;
    margin:auto;
    display: block;
}
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-image div {
    font-size: 12px;
    color: #ff0000;
    width: max-content;
    margin: auto;
    cursor: pointer;
}
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-buttons,
.upload-bg .delete-popup .popup-btn-sec {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-buttons button,
.upload-bg .delete-popup button {
    width: 80px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    background-color: #4a4a55;
    color: #fcfcfd;
    border: none;
    cursor: pointer;
}
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-buttons button.cancel,
.upload-bg .delete-popup button.cancel {
    background-color: #979897;
}
.upload-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    padding-top: 200px;
    z-index: 2;
}
.upload-bg .delete-popup {
    width: 360px;
    background-color: #FFFFFF;
    padding: 15px 30px 25px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.06), 0 4px 6px 0 rgba(0,0,0,0.12);
    margin: auto;
}
.upload-bg .delete-popup .heading {
    font-size: 16px;
    color: #666666;
    text-align: center;
    margin-bottom: 20px;
}
.upload-bg .delete-popup .delete-popup-loader,
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-buttons .save-loader {
    padding: 4px 0;
    height: 38px;
    cursor: auto;
}
.upload-bg .delete-popup .delete-popup-loader .preloader-wrapper,
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-buttons .save-loader .preloader-wrapper {
    height: 30px;
    width: 30px;
}
.upload-bg .delete-popup .delete-popup-loader .preloader-wrapper .whiteCircle,
.logo-upload-wrap .logo-upload .upload-block-wrap .upload-right-block .upload-right-buttons .save-loader .preloader-wrapper .whiteCircle {
    border-color: #FFFFFF;
}
.announcement-BtnSec{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;

}
.announcement-BtnSec input{
    width: 80px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    background-color: #4a4a55;
    color: #fcfcfd;
    border: none;
    cursor: pointer;
    margin-left: 20px;
}
.announcement-BtnSec .save-loader {
    display: block;
    width: 80px;
    background-color: #4a4a55;
    border: none;
    margin-left: 20px;
}
.cust-delete-btn {
    margin-top: 10px !important;
}
.addPartUrldBtn {
    background-color: #4F20FF;
    color: #FFFFFF;
    border: none;
    font-size: 16px;
    height: 36px;
    padding: 0 20px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0 , 24%), 0 0 2px 0 rgba(0, 0, 0, 12%);
    float: right;
}

/* Program tab card styles */
.status-wrap .status-blocks {
    background-color: #FFFFFF;
    color: #000;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.06), 0 4px 6px 0 rgba(0, 0, 0, 0.12);
    /*width: calc(100% / 2);*/
    width:32% !important;
    margin:5px;
    /*width: calc(100% / 3);*/
    border-radius: 5px;
}

.status-blocks .status-header {
    border-bottom: 2px solid #E7E8E9;
    padding: 0 20px;
    height: 70px;
    display: flex;
    justify-content: space-between;
}

.status-blocks .status-header .status-header-text {
    margin-top: 20px;
    flex: 1;
    font-size: 16px;
    line-height: 20px;
}

.status-blocks .status-header .status-header-icon {
    height: 50px;
    background-color: #D1D2D4;
    width: 50px;
    justify-content: center;
    display: flex;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.06), 0 4px 6px 0 rgba(0, 0, 0, 0.12);
    align-items: center;
}

.status-blocks .status-header .status-header-icon img {
    height: 24px;
}

.status-blocks .status-header .status-header-icon img.block-warn {
    filter: invert(100%);
}

.status-blocks .status-content {
    padding: 20px;
}

.status-blocks .status-content .status-info {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.status-blocks .status-content .status-info span:first-child {
    flex: 1;
}

.status-blocks .status-content .status-buttons .status-upload-btns {
    display: flex;
    justify-content: flex-end;
}

.status-blocks .status-content .status-buttons button.fill {
    line-height: 28px;
    font-size: 16px;
    font-weight: 100;
    color: #FCFCFD;
    background-color: #C3C34A;
    border: 0px;
    padding: 0 20px;
    border-radius: 2px;
    outline: none;
    margin: auto;
    display: block;
    cursor: pointer;
}

.status-blocks .status-content .status-buttons .status-upload-btns button.fill {
    margin-right: 0;
}

.status-blocks .status-content .status-buttons button.empty {
    line-height: 28px;
    font-size: 16px;
    font-weight: 100;
    color: #595A59;
    background-color: transparent;
    border: 0px;
    padding: 0 20px;
    outline: none;
    cursor: pointer;
    margin-left: 5px;
    width: 111px;
}

.status-blocks .status-content .status-buttons button.empty:hover {
    background-color: rgba(188, 202, 48, 0.2);
}

@media screen and (max-width: 500px) {
    .status-wrap .status-blocks {
        width: 100%;
    }
    .status-wrap .status-blocks:nth-child(even) {
        margin-left: 0;
    }
}

.reject_note_display {
    background-color : #dc3545;
    padding: 5px;
    color: #fff;
    margin-bottom: 10px;
}

.comResourcViewBoxSec .comResourcViewFormSec .upImgBoxSec {
    float: left;
    width: calc(100% - 0px);
    position: relative;
    margin: 10px 0px 50px 0px;
    min-height: 280px;
}

.comResourcViewBoxSec .comResourcViewFormSec .upImgBoxSec .file-field {
    margin: 0px;
}

.comResourcViewBoxSec .comResourcViewFormSec .upImgBoxSec .btn {
    background-color: #F0F0F0;
    width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 280px;
    /*border: 2px dashed #8fd16a;
    */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    box-shadow: none;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-border-radius: 8px;
}

.comResourcViewBoxSec .comResourcViewFormSec .upImgBoxSec .btn input[disabled] {
    cursor: default;
}

.comResourcViewBoxSec .comResourcViewFormSec .upImgBoxSec .btn .uploadIconSec {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 30px;
    padding: 65px 0px 0px 0px;
    margin: -50px 0px 0px -100px;
    display: block;
    background-image: url(../images/icon-add-photo.png);
    background-repeat: no-repeat;
    background-position: top center;
    color: #545454;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}

.comResourcViewBoxSec .comResourcViewFormSec .upImgBoxSec .btn .existsIconSec {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 30px;
    padding: 55px 0px 0px 0px;
    margin: -34px 0px 0px -100px;
    display: block;
    background-image: url(../images/icon-exists-photo.png);
    background-repeat: no-repeat;
    background-position: top center;
    color: #545454;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}

.comResourcViewBoxSec .comResourcViewFormSec .upImgBoxSec .btn .uploadIconSec {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 30px;
    padding: 65px 0px 0px 0px;
    margin: -50px 0px 0px -100px;
    display: block;
    background-image: url(../images/icon-add-photo.png);
    background-repeat: no-repeat;
    background-position: top center;
    color: #545454;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}

.accessLogsPageSec .filterButton {
    float: left;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #4F20FF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    text-transform: inherit;
    border: 0px;
    padding: 0px 30px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; 
}

.accessLogsPageSec .filterButton:hover {
    background-color: #6C40FF; 
    box-shadow: 0 4px 12px rgba(79, 32, 255, 0.4);
}
.btn:focus{
    outline: none;
    color: #fcfcfd;
}

.btn:hover {
    color: #fcfcfd;
}