/* CSS Document */

/*@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900') */

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

/*  Overwrite Material CSS Start  */

b, strong {
    font-family: "Helvetica-bold", sans-serif, Arial;
}

.chips.focus {
    border-bottom: 1px solid #231F20;
    box-shadow: 0 1px 0 0 #231F20;
}

.chips .chip.selected {
    background-color: #231F20;
    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 #231F20;
    box-shadow: 0 1px 0 0 #231F20;
}

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: #231F20;
}

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: #231F20;
}

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

.input-field .prefix.active {
    color: #231F20;
}

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 #4A4A55 !important;
    box-shadow: none !important;
}

/*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: #231F20;
}

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

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

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

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

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

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

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

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

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

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

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

input[type=range]::-moz-range-thumb {
    background: #231F20;
}

input[type=range]::-ms-thumb {
    background: #231F20;
}

.side-nav a.btn-floating:hover {
    background-color: #231F20;
}

.spinner-layer {
    border-color: #231F20;
}

.picker__date-display {
    background-color: #231F20;
    color: #fff;
}

.picker__day.picker__day--today {
    color: #231F20;
}

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

.picker__close, .picker__today {
    color: #231F20;
}

.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: #231F20;
}

button:focus {
    outline: none;
    background-color: #231F20;
}

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

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

.dropdown-content li>a, .dropdown-content li>span {
    color: #231F20;
}

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

table {
    font-family: 'Roboto', sans-serif;
}

/*  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;
    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;
    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: #4A4A55;
}

.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: #231F20;
    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);
}

.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: 152px;
    height: 36px;
    border: 0px;
    margin: auto;
    color: #fcfcfd;
    background-color: #231F20;
    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: #231F20;
    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: 95px;
    height: 36px;
    border: 0px;
    margin: 0px 0px 16px 0px;
    color: #fcfcfd;
    background-color: #231F20;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 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: 95px;
    height: 36px;
    border: 0px;
    margin: auto;
    color: #fcfcfd;
    background-color: #231F20;
    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: #231F20;
    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: #231F20;
    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 {
    width: 20px;
    height: 20px;
}

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

/* ------------ Loader Section Ends ------------ */

/* ------------- Login Page Starts ------------- */

.loginBg {
    background-image: url(../images/login-bg-new.jpg);
    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: #000000;
    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: #231F20;
}

.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: 40px 60px 50px 60px;
}

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

.loginBoxSec .loginBoxContSec .logoSec img {
    max-width: 238px;
}

.loginBoxSec .loginBoxContSec .loginHeadText {
    font-size: 20px;
    width: 100%;
    color: rgba(74, 74, 85, .55);
    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: rgba(84, 84, 84, 0.7);
}

.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: #231F20;
    text-transform: inherit;
    border: 0px;
    padding: 0px 55px;
    font-family: "Helvetica-Light", sans-serif, Arial;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
}

.loginBoxSec .loginBoxContSec .loginFormSec .loginBtnRowSec .loginBtn:hover {
    background-color: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 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;
}

.loginBoxSec .loginBoxContSec .loginFormSec .errorMsg {
    font-weight: 300;
    color: #f44336;
    text-align: center;
}

.profileBoxFormSec .errorMsg, .coustAccountBoxFormSec .errorMsg, .assessmentDetailsFormSec .errorMsg {
    font-weight: 300;
    color: #f44336;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.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: #231F20;
    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: #231F20;
}

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

.topMenuSec .topMenuContSec .topBackIcon .backIcon {
    fill: #231F20;
}

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

.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: #CCCCCC;
}

.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: #231F20;
    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: #231F20;
}

.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 !important;
    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: 30px 0px 10px 0px;
}

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

.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;
    font-family: "Helvetica-Bold", sans-serif, Arial;
    color: #231F20;
}

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

.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: -3px 30px 0px 0px;
    fill: #a9a9a9;
    transition: all 0.3s ease-out;
}

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

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

.leftMenuSec ul li.active a:hover {
    color: #231F20;
}

.leftMenuSec ul li.active a .leftIcon {
    fill: #231F20;
}

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

.leftMenuSec ul li a:hover .leftIcon {
    fill: #6d6d6d;
}

.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;
    color: #231F20;
}

.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;
    color: #545454;
}

.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: #231F20;
    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: #333333;
    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: #000000;
    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;
}

.deletePopupBgSec .deleteResourcePopupSec {
    height: 200px;
    max-height: 80%;
    top: 50%;
    background-color: #FFFFFF;
    position: relative;
    width: 400px;
    margin: -100px 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 .deleteResourcePopupSec .modalContent {
    height: calc(100% - 110px);
    margin-top: 25px;
    font-size: 16px;
}

/* --------------- Delete popup Section Ends --------------- */

.stickyTdForTable {
    text-align: center;
    position: sticky;
    left: 0px;
    top: auto;
}

/* ------------- Pagination Section Starts ------------- */

.paginationSec {
    text-align: center;
    margin: 10px 0px !important;
}

.paginationSec td {
    text-align: center;
    background-color: transparent !important;
    border-bottom: 0px !important;
    padding: 0px !important;
}

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

.paginationSec .pagination li {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    margin: 0px 5px;
    color: #231F20;
}

.paginationSec .pagination span {
    /* padding: 0px 3px; */
}

.paginationSec .pagination .arrow-text {
    font-size: 16px !important;
}

.paginationSec .pagination .arrow {
    font-size: 22px !important;
    padding: 0px 5px;
}

.pagination li.active {
    background: transparent;
}

.paginationSec .pagination .disabled {
    cursor: default;
}

.paginationSec .pagination .disabled span {
    color: #231F20;
    display: inline-block;
    font-size: 26px;
    /* line-height: 15px; */
    cursor: unset;
    font-weight: normal;
}

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

.paginationSec .pagination>.active span {
    background-color: #231F20;
    color: #FFF;
    border-radius: 50px;
    border-color: #231F20;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #231F20;
    border-color: #231F20;
}

.paginationSec .pagination li a {
    color: #231F20;
    display: inline-block;
    font-size: 16px;
    padding: 0px 12px;
    min-height: 40px;
    line-height: 40px;
    min-width: 40px;
    box-sizing: border-box;
    /* line-height: 20px;
    line-height: inherit; */
    border-radius: 50px;
    font-weight: bold;
    outline: none !important;
}

.paginationSec .pagination li.active a {
    color: #FFFFFF;
    min-width: 40px;
}

.paginationSec .pagination li a[rel=prev] {
    font-size: 16px;
    padding: 0px 10px;
    /* line-height: 15px; */
}

.paginationSec .pagination li a[rel=next] {
    font-size: 16px;
    padding: 0px 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: #A9A9A9;
    font-size: 16px;
    font-family: "Helvetica-Light", sans-serif, Arial;
}

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

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

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

.topTabSec .tabIcon {
    margin: 10px 10px 0px 0px;
    float: left;
    fill: rgba(89, 90, 89, 0.5);
    transition: all 0.3s ease-out;
}

.topTabSec .active .tabIcon {
    fill: #231F20;
}

.topTabSec .tab a:hover .tabIcon {
    fill: #231F20;
}

.tabs .tab a:hover {
    color: #333333;
}

.topTabSec .tab a:hover .tabIcon {
    color: #231F20;
}

.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;
}

.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: #231F20;
    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: #231F20;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    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: #231F20;
    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: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
}

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

.custDetBtnSec .downloadBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #231F20;
    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;
}

.userLoaderDivSec {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.06);
    display: none;
}

.userLoaderDivSec .pageResultLoadingSec {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0px 0px -30px;
    width: 60px;
    height: 60px;
    z-index: 777;
}

/*  - 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: #231F20;
    font-size: 17px;
    padding: 15px 35px;
    font-weight: 500;
}

.customerDetailsPageSec table tr td {
    font-size: 16px;
    padding: 15px 35px;
    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: #231F20;
    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: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
}

.importDataPageSec .topBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #231F20;
    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: #231F20;
    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.06)
}

.importDataPageSec .importDataTableSec .loadingSec .loadingBox {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0px 0px -30px;
    width: 60px;
    height: 60px;
    z-index: 777;
    box-sizing: border-box;
    padding: 12px;
    margin: 10px auto 10px auto;
    background-color: #FFFFFF;
    border-radius: 100px;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.24);
}

.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 {
    max-height: 350px !important;
}

.coustAccountBoxSec .topSaveBtnSec .copyLinkBtn {
    float: left;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #231F20;
    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;
    width: 95px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #231F20;
    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 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);
}

.coustAccountBoxSec .topSaveBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #231F20;
    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: #231F20;
    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: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 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: #231F20;
    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: 220px;
    width: 220px;
    max-width: 220px;
}

.profilePageContSec .tabs .tab.biometricData {
    min-width: 200px;
    width: 200px;
    max-width: 200px;
}

.profilePageContSec .tabs .tab.securityQuestions {
    min-width: 235px;
    width: 235px;
    max-width: 235px;
}

.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: #231F20;
    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: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
}

.profileBoxSec .topSaveBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #231F20;
    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;
    color: #666666;
}

.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: #231F20;
    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: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 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: #231F20;
    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: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 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 tr {
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
}

.accessLogsPageSec .accessLogsTableSec table tr th {
    color: #231F20;
    font-size: 17px;
    padding: 15px 35px;
    font-weight: 500;
}

.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;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdLastName {
    min-width: 175px;
}

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

.accessLogsPageSec .accessLogsTableSec table tr .tdLoginTime {
    min-width: 235px;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdUserId {
    min-width: 155px;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdLogoutTime {
    min-width: 235px;
}

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

.accessLogsPageSec .accessLogsTableSec table tr .tdDeviceType {
    min-width: 175px;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdIPAddress {
    min-width: 190px;
}

.accessLogsPageSec .accessLogsTableSec table tr .tdStatus {
    min-width: 175px;
}

.accLogsExportLoadBtn {
    display: none;
    float: right;
    text-align: center;
    width: 106px;
    height: 36px;
    border: 0px;
    margin: auto;
    color: #fcfcfd;
    background-color: #231F20;
    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 ------------- */

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

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

.financialResourcesPageSec .financialResourcesTableSec table {
    min-width: 1000px;
    margin: 0px auto 10px auto;
    width: 100%;
}

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

.financialResourcesPageSec .financialResourcesTableSec table tr {
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer !important;
}

.financialResourcesPageSec .financialResourcesTableSec table tr th {
    color: #231F20;
    font-size: 17px;
    padding: 15px 35px;
    font-weight: 500;
}

.financialResourcesPageSec .financialResourcesTableSec table tr td {
    font-size: 16px;
    padding: 15px 35px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 0px;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.financialResourcesPageSec .financialResourcesTableSec table tr .tdArticleName {
    min-width: 220px;
}

.financialResourcesPageSec .financialResourcesTableSec table tr .tdCategory {
    min-width: 100px;
}

.financialResourcesPageSec .financialResourcesTableSec table tr .tdCompanyName {
    min-width: 100px;
    max-width: 240px;
}

.financialResourcesPageSec .financialResourcesTableSec table tr .tdCountry {
    min-width: 100px;
}

.financialResourcesPageSec .financialResourcesTableSec table tr .tdLanguage {
    min-width: 100px;
}

.financialResourcesPageSec .financialResourcesTableSec table tr .tdGroup {
    min-width: 330px;
}

.financialResourcesPageSec .financialResourcesTableSec table tr .getLink {
    min-width: 140px;
    font-weight: bold;
    color: #000;
    font-family: "Helvetica-Bold", sans-serif, Arial;
}

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

.comResourcBoxSec .topSaveBtnSec {
    width: 100%;
    clear: both;
    margin-bottom: 24px;
    height: 100%;
    overflow: hidden;
}

.comResourcBoxSec .topSaveBtnSec .searchBoxSec {
    float: left;
    width: calc(100% - 150px);
    margin: 0px 30px 8px 0px;
}

.comResourcBoxSec .topSaveBtnSec .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);
}

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

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

.comResourcBoxSec .topSaveBtnSec .addBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #231F20;
    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 36px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial;
    width: 102px;
}

.filterBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #231F20;
    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 12px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial;
    width: 102px;
}

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

.comResourcBoxSec .topSaveBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #231F20;
    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 .comResourcBoxFormSec .forlinkNewDiv {
    position: relative;
}

.comResourcBoxSec .comResourcBoxFormSec .forlinkNewDiv .getLinkBtn {
    position: absolute;
    top: 50%;
    right: 25px;
    margin: -10px 0px 0px 0px;
    background: transparent;
    border: 0;
    font-weight: bold;
    color: #000;
    font-family: "Helvetica-Bold", sans-serif, Arial;
}

.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 .loadMoreSec {
    margin: 20px auto;
    width: 38px;
    display: none;
}

.comResourcBoxSec .resourcesErrorMessage {
    color: red;
    margin: 20px auto;
    display: none;
}

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

.comResourcBoxSec .communityResourcesRow .headSec {
    clear: both;
    width: 100%;
    color: #231F20;
    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: 880px;
    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: #231F20;
    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: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
}

.comResourcViewBoxSec .topSaveBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #231F20;
    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 img {
    max-width: 100%;
}

.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 .cols4 {
    width: calc(33% - 30px);
    float: left;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box;
}

.comResourcViewBoxSec .comResourcViewFormSec .input-field input[type=text] {
    min-height: 40px;
}

.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 .formLabel {
    color: rgba(84, 84, 84, 0.7);
}

.comResourcViewBoxSec .comResourcViewFormSec iframe {
    max-width: 100%;
}

.comResourcViewBoxSec .comResourcViewFormSec .modal-dialog .modal-content .modal-footer .note-btn-primary[disabled] {
    background-color: #DFDFDF !important;
    border-color: #DFDFDF;
}

.comResourcViewFormSec .modal-dialog .modal-content .modal-footer .note-btn-primary {
    background-color: #231F20 !important;
    border-color: #231F20;
}

.comResourcViewFormSec .modal-dialog .modal-content .modal-footer {
    background-color: transparent;
}

.comResourcViewBoxSec .comResourcViewFormSec textarea {
    /*padding: 10px 0 10px 0;*/
    /*min-height: 56px;*/
    height: auto !important;
}

.comResourcViewBoxSec .comResourcViewFormSec p {
    word-break: break-word;
    word-wrap: break-word;
}

.comResourcViewBoxSec .comResourcViewFormSec .summernoteTextarea {
    border: 0px;
    opacity: 0;
}

.comResourcViewBoxSec .comResourcViewFormSec .comResourcCardLine {
    width: calc(100% + 90px);
    margin: 12px 0px 12px -45px;
    border-bottom: 1px solid #CCCCCC;
    height: 1px;
    ;
}

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

.comResourcViewFormSec .note-editor .modal {
    background-color: transparent;
    box-shadow: none;
}

/* Editer Style Over */

.comResourcViewFormSec .note-editor ol {
    padding-inline-start: 22px;
}

.comResourcViewFormSec .note-editor ul {
    padding-left: 22px;
}

.comResourcViewFormSec .note-editor ul li {
    list-style-type: disc;
}

.comResourcViewFormSec .note-editor ul ol li {
    list-style-type: decimal;
}

.comResourcViewFormSec .note-editor ol li {
    list-style-type: decimal;
}

.comResourcViewFormSec .note-editor ol ul li {
    list-style-type: disc;
}

.viewSummernote ol {
    padding-inline-start: 22px;
}

.viewSummernote ul {
    padding-left: 22px;
}

.viewSummernote ul li {
    list-style-type: disc;
}

.viewSummernote ul ol li {
    list-style-type: decimal;
}

.viewSummernote ol li {
    list-style-type: decimal;
}

.viewSummernote ol ul li {
    list-style-type: disc;
}

.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: #4A4A55;
    font-family: "Helvetica-Light", sans-serif, Arial;
    font-size: 14px;
}

.comResourcViewBoxSec [type="checkbox"]+label.disabled {
    cursor: default;
}

.comResourcViewBoxSec .checkBoxEnd {
    height: 15px;
}

.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;
}

.contentPageHeading {
    font-family: "Helvetica-bold", sans-serif, Arial;
    font-weight: bold;
    text-decoration: underline;
    padding-top: 40px;
    padding-bottom: 5px;
}

.contentPageHeading:first-child {
    padding-top: 0px;
}

.staticPage a {
    text-decoration: underline;
}

.staticPage table {
    width: 100%;
    margin: 10px 0px;
}

.staticPage table td, .staticPage table th {
    border: 1px solid #cccccc;
    padding: 10px;
}

.termsPageUl {
    margin: 20px 0px 20px 30px;
}

ul.termsPageUl li {
    list-style-type: disc !important;
    margin: 0px 0px 10px 0px;
}

ol.termsPageUl li {
    list-style-type: decimal !important;
    margin: 0px 0px 10px 0px;
}

/* ------------- 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: #231F20;
    width: calc(100% - 30px);
    margin: 0px 15px;
}

.timeInputSec {
    margin-top: 0px;
    margin-bottom: 20px;
}

.articlePlaceholder::placeholder {
    font-size: 14px !important;
}

.articlePlaceholder {
    font-size: 14px !important;
}

.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: #231F20;
    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: #231F20;
    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: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 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: #231F20;
    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: #231F20;
    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: #383844;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
}

.assessmentDetailsBoxSec .topSaveBtnSec .cancelBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #231F20;
    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;
    font-family: 'Roboto', sans-serif;
}

.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: #231F20;
    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;
}

/*  */

.languageListContSec {
    position: relative;
    width: calc(100% - 30px);
    clear: both;
    padding: 10px 15px 15px 15px;
    box-sizing: content-box;
}

.languageListContSec .selectLanguageBtn {
    padding: 10px 20px 10px 0px;
    box-sizing: border-box;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #FFFFFF;
    border: 0px;
    border-bottom: 1px solid #9e9e9e;
    width: 100%;
    text-align: left;
    padding: 10px 0px;
    color: #4A4A4A;
    cursor: pointer;
    font-size: 15px;
}

.languageListContSec .selectLanguageBtn.disabled {
    cursor: default;
    color: rgba(0, 0, 0, 0.26);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
}

.languageListContSec .lableSec {
    color: #9e9e9e;
    font-family: "Helvetica-Light", sans-serif, Arial;
    font-weight: normal;
    font-size: 13px;
    clear: both;
    height: 19px;
    position: relative;
}

.languageListContSec .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);
}

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

.languageListSec {
    display: none;
    position: absolute;
    padding: 0px 0px 0px 0px;
    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);
}

.languageListSec ul {
    max-height: 250px;
    position: relative;
    width: 100%;
    overflow: auto;
    margin: 0px;
    padding: 0px;
}

.languageListSec ul li {
    padding: 0px 0px;
}

.languageListSec ul li .languageBtn {
    padding: 16px 20px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    background-color: #FFFFFF;
    color: #231F20;
    border: 0px;
    font-size: 15px;
}

.languageListSec ul li .languageBtn.active {
    background-color: #eee;
}

.languageListSec ul li .languageBtn:hover {
    background-color: #eee;
}

.languageListSec ul li .languageBtn.disabledBtn {
    background-color: #eee;
    color: #a2a2a2;
    cursor: default;
}

/*  */

.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 .selectGroupBtn[disabled] {
    color: #4A4A55;
} */

.groupListContSec .selectGroupBtn.disabled {
    cursor: default;
    color: rgba(0, 0, 0, 0.26);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
}

/* .groupListContSec .resourceNameField:disabled {} */

.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;
}

.filter-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    height: 100%;
}

.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);
}

.countryPadding {
    padding-top: 10px;
}

.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: #231F20;
    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;
    font-size: 16px;
}

.filterWrapField {
    margin-right: 12px;
}

.filterWrapGroupField {
    margin-right: 12px;
}

/* ---------------- Responsive Section Starts ---------------- */

@media screen and (min-width: 1200px) {
    .filterWrapField {
        margin-right: 60px;
        flex: 1;
    }
    .filterWrapGroupField {
        margin-right: 112px;
        flex: 2;
    }
}

@media screen and (max-width: 1024px) {
    .comResourcViewBoxSec .comResourcViewFormSec .cols4 {
        width: calc(50% - 30px);
    }
}

@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;
    }
    .comResourcViewBoxSec .comResourcViewFormSec .cols4 {
        width: calc(100% - 30px);
    }
}

@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.securityQuestions {
        min-width: 210px;
        width: 210px;
        max-width: 210px;
    }
    .comResourcViewBoxSec .comResourcViewFormSec .cols4 {
        width: calc(50% - 30px);
    }
}

@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 {
        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 {
        width: 90%;
        max-width: 95%;
        margin: auto auto 24px 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;
    }
    .comResourcViewBoxSec {
        margin: 20px auto;
    }
    .comResourcViewBoxSec .comResourcViewFormSec {
        padding: 45px 20px;
    }
    .comResourcViewBoxSec .comResourcViewFormSec .comResourcCardLine {
        width: calc(100% + 40px);
        margin: 12px 0px 12px -20px;
    }
}

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

@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%;
    }
}

/*Sumer Note*/

.note-editor .modal-dialog .modal-content .modal-body .sn-checkbox-open-in-new-window {
    display: block;
    font-size: 14px;
}

.note-editor .modal-dialog .modal-content .modal-body label {
    font-weight: normal;
}

.note-editor .modal-dialog .modal-content .modal-body .sn-checkbox-open-in-new-window label {
    font-size: 14px;
}

.note-editor .modal-dialog .modal-content .modal-body .sn-checkbox-open-in-new-window label input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    top: -4px;
    left: 17px;
    width: 20px;
    height: 20px;
}

.note-editor .modal-dialog .modal-content .modal-body .note-input {
    font-size: 14px;
}

/* ---------------- Responsive Section Ends ---------------- */

/*# sourceMappingURL=style.css.map */

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

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

.coursesPageSec .coursesTableSec table {
    min-width: 1000px;
    margin: 0px auto 10px auto;
    width: 100%;
}

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

.coursesPageSec .coursesTableSec table tr {
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer !important;
}

.coursesPageSec .coursesTableSec table tr th {
    color: #231F20;
    font-size: 17px;
    padding: 15px 35px;
    font-weight: 500;
}

.coursesPageSec .coursesTableSec table tr td {
    font-size: 16px;
    padding: 15px 35px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 0px;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.coursesPageSec .coursesTableSec table tr .tdCourseName {
    min-width: 220px;
}

/*.coursesPageSec .coursesTableSec table tr .tdCategory {
    min-width: 100px;
}*/

.coursesPageSec .coursesTableSec table tr .tdCompanyName {
    min-width: 100px;
    max-width: 240px;
}

.coursesPageSec .coursesTableSec table tr .tdCountry {
    min-width: 100px;
}

.coursesPageSec .coursesTableSec table tr .tdLanguage {
    min-width: 100px;
}

.coursesPageSec .coursesTableSec table tr .tdGroup {
    min-width: 330px;
}

.coursesPageSec .coursesTableSec table tr .getLink {
    min-width: 140px;
    font-weight: bold;
    color: #000;
    font-family: "Helvetica-Bold", sans-serif, Arial;
}

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

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

.comResourcViewBoxSec .comResourcViewFormSec .upVideoBoxSec .btn {
    background-color: #F0F0F0;
    width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 150px;
    /*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 .upVideoBoxSec .btn input[disabled] {
    cursor: default;
}

.comResourcViewBoxSec .comResourcViewFormSec .upVideoBoxSec .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/upload-icon.png);
    background-repeat: no-repeat;
    background-position: top center;
    color: #545454;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}

.comResourcViewBoxSec .comResourcViewFormSec .upVideoBoxSec .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;
}

.sectionBtn {
    /*float: right;*/
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #231F20;
    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 20px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial;
}

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

.wrapper {
    text-align: center;
}

.cancelSectionBtn {
    float: right;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #231F20;
    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 25px;
    margin: 0px 20px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial;
}

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

.addSectionBtn {
    float: left;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 100;
    color: #fcfcfd;
    background-color: #231F20;
    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 25px;
    margin: 0px 0px 16px 0px;
    border-radius: 2px;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial;
}

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

.modal-content{
    border-radius: 0px;
}


.accessLogsPageSec .filterButton {
    float: left;
    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;
    transition: all 0.3s ease-out;
    font-family: "Helvetica-Light", sans-serif, Arial; 
}

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

.arrow-text {
    display: none !important;
}