:root {
    --color-0: #00365F;
    --color-1: #006394;
    --color-2: #00A7E5;
    --color-3: #E16C0C;
    --color-4: #e6e6e6;
    --color-5: #3C3C3C;
    --color-6: #8a8a8a;
    --color-7: #D9D9D9;
    --color-8: #5a5a5a;
    --color-9: #D1D0D0;
    --color-10: #3e3e3e;
}

/* margin top */
.margin-0 {
    margin: 0;
}

.margin-top3px {
    margin-top: 3px;
}

.margin-top5px {
    margin-top: 5px;
}

.margin-top10px {
    margin-top: 10px;
}

.margin-top15px {
    margin-top: 15px !important;
}

.margin-top20px {
    margin-top: 20px;
}

.margin-top25px {
    margin-top: 25px;
}

.margin-top30px {
    margin-top: 30px;
}

.margin-top35px {
    margin-top: 35px;
}

.margin-top40px {
    margin-top: 40px;
}

.margin-top50px {
    margin-top: 50px;
}

.margin-top60px {
    margin-top: 60px;
}

.margin-top65px {
    margin-top: 65px;
}

.margin-top75px {
    margin-top: 75px;
}

.margin-top90px {
    margin-top: 90px;
}

.margin-top100px {
    margin-top: 100px;
}

.margin_top280px {
    margin-top: -280px;
}

/* margin bottom */
.margin-bottom5px {
    margin-bottom: 5px;
}

.margin-bottom10px {
    margin-bottom: 10px;
}

.margin-bottom15px {
    margin-bottom: 15px;
}

.margin-bottom20px {
    margin-bottom: 20px;
}

.margin-bottom25px {
    margin-bottom: 25px;
}

.margin-bottom30px {
    margin-bottom: 30px;
}

.margin-bottom35px {
    margin-bottom: 35px;
}

.margin-bottom40px {
    margin-bottom: 40px;
}

.margin-bottom50px {
    margin-bottom: 50px;
}

.margin-bottom70px {
    margin-bottom: 70px;
}

.margin-bottom80px {
    margin-bottom: 80px;
}

/* margin right */
.margin-right5px {
    margin-right: 5px;
}

.margin-right10px {
    margin-right: 10px;
}

.margin-right15px {
    margin-right: 15px;
}

.margin-right20px {
    margin-right: 20px;
}

.margin-right25px {
    margin-right: 25px;
}

.margin-right30px {
    margin-right: 30px;
}

.margin-right35px {
    margin-right: 35px;
}

.margin-right40px {
    margin-right: 40px;
}

.margin-right50px {
    margin-right: 50px;
}

.margin-right100px {
    margin-right: 100px;
}

/* margin left */
.margin-left0px {
    margin-left: 0px;
}

.margin-left5px {
    margin-left: 5px;
}

.margin-left10px {
    margin-left: 10px;
}

.margin-left15px {
    margin-left: 15px;
}

.margin-left20px {
    margin-left: 20px;
}

.margin-left25px {
    margin-left: 25px;
}

.margin-left30px {
    margin-left: 30px;
}

.margin-left35px {
    margin-left: 35px;
}

.margin-left40px {
    margin-left: 40px;
}

.margin-left50px {
    margin-left: 50px;
}

.margin-left110px {
    margin-left: 110px;
}

/* padding top */
.padding-top0px {
    padding-top: 0px;
}

.padding-top5px {
    padding-top: 5px;
}

.padding-top10px {
    padding-top: 10px;
}

.padding-top15px {
    padding-top: 15px;
}

.padding-top20px {
    padding-top: 20px;
}

.padding-top25px {
    padding-top: 25px;
}

.padding-top30px {
    padding-top: 30px;
}

.padding-top35px {
    padding-top: 35px;
}

.padding-top40px {
    padding-top: 40px;
}

.padding-top50px {
    padding-top: 50px;
}

.padding-top60px {
    padding-top: 60px;
}



/* padding bottom */
.padding-bottom5px {
    padding-bottom: 5px;
}

.padding-bottom10px {
    padding-bottom: 10px;
}

.padding-bottom15px {
    padding-bottom: 15px;
}

.padding-bottom20px {
    padding-bottom: 20px;
}

.padding-bottom25px {
    padding-bottom: 25px;
}

.padding-bottom30px {
    padding-bottom: 30px;
}

.padding-bottom35px {
    padding-bottom: 35px;
}

.padding-bottom40px {
    padding-bottom: 40px;
}

.padding-bottom50px {
    padding-bottom: 50px;
}

/* padding right */
.padding-right5px {
    padding-right: 5px;
}

.padding-right10px {
    padding-right: 10px;
}

.padding-right15px {
    padding-right: 15px;
}

.padding-right20px {
    padding-right: 20px;
}

.padding-right25px {
    padding-right: 25px;
}

.padding-right30px {
    padding-right: 30px;
}

.padding-right35px {
    padding-right: 35px;
}

.padding-right40px {
    padding-right: 40px;
}

.padding-right50px {
    padding-right: 50px;
}

.padding-right87px {
    padding-right: 87px;
}

.padding-right100px {
    padding-right: 100px;
}

/* padding left */
.padding-left5px {
    padding-left: 5px;
}

.padding-left10px {
    padding-left: 10px;
}

.padding-left15px {
    padding-left: 15px;
}

.padding-left20px {
    padding-left: 20px;
}

.padding-left25px {
    padding-left: 25px;
}

.padding-left30px {
    padding-left: 30px;
}

.padding-left35px {
    padding-left: 35px;
}

.padding-left40px {
    padding-left: 40px;
}

.padding20px {
    padding: 20px;
}

.heade2-left {
    padding-left: 10px;
}

.minus-margin10px {
    margin-top: -10px;
}

.minus-margin20px {
    margin-top: -20px;
}

.font-size32 {
    font-size: 32px;
}

.font-size34 {
    font-size: 34px;
}

.font-size18 {
    font-size: 18px;
}

.font-size12 {
    font-size: 12px !important;
}

.font-size13 {
    font-size: 13px !important;
}

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

.font-size15 {
    font-size: 15px !important;
}

.font-size16 {
    font-size: 16px !important;
}

.font-size20 {
    font-size: 20px !important;
}

.is-active-link span {
    border-bottom: 2px solid #E6E7E8;
    padding-bottom: 3px;
    /*color : #00ADEF !important*/
}

.font-weight200 {
    font-weight: 200 !important;
}

.font-weight300 {
    font-weight: 300 !important;
}

.font-weight500 {
    font-weight: 500 !important;
}

.position-relative {
    position: relative;
}

.text-blue {
    /*color: #00A7E5; */
    color: #58595B;
}

.text-green {
    color: #003D6E;
}

.text-grey {
    color: #9FA1A4
}

.style-dics {
    list-style: disc;
}

.btn-common {
    background-color: #006CA3 !important;
    border-radius: 20px !important;
    /*color: #EBEBEB !important;*/
    color: #e7e7e7 !important;
    font-weight: 400;
    padding: 5px 15px !important;
    display: inline-block !important;
}

.btn-common:hover {
    background-color: #E16C0C !important;
}

/* all padding */
.all_padding0px {
    padding: 0;
}

.all_padding10px {
    padding: 10px 10px;
}

.all_padding0_10px {
    padding: 0 10px;
}

.all_padding15px {
    padding: 15px 15px;
}

.all_padding20px {
    padding: 20px 20px;
}

.all_padding0_20px {
    padding: 0 20px;
}

.all_padding5_20px {
    padding: 5px 20px;
}

.padding-title {
    padding: 5px 0 5px 30px
}

.all_padding20_30px {
    padding: 20px 30px;
}

.all_padding40px {
    padding: 40px 40px;
}

.padding_0 {
    padding: 0;
}

.padding5_30 {
    padding: 5px 30px;
}

.blue_clr {
    /*color: #00A7E5; */
    color: #006CA3;
    font-weight: 300
}

.text-bold {
    font-weight: 700 !important;
}

.white_clr {
    color: #fff;
}

.white1_clr {
    color: #b4b4b4;
}

.gray_clr {
    color: #00365F;
}

.mid_blue_clr {
    color: #006394;
}

.sbu-title-underline {
    color: #362778;
    font-size: 16px;
    border-bottom: 2px solid #362778;
    width: 180px;
}

.border_gary {
    border-bottom: 1px solid #d9d9d9;
}

.gray_button {
    background-color: #959595;
    color: #fff;
    font-size: 18px;
    border: none;
    border-radius: 4px;
    min-width: 160px;
    height: 40px;
    font-weight: 700;
}

.add_gray_button {
    background-color: #00A7E5;
    color: #fff;
    font-size: 18px;
    border: none;
    border-radius: 22px;
    min-width: 250px;
    height: 40px;
    /*background-image: url('../images/icons/icon_add.png');*/
    background-repeat: no-repeat;
    background-position: 10% center;
    font-weight: 700;
    text-transform: uppercase;
}

.add_gray_button:hover {
    background-color: #E16C0C;
}

.yellow-btn {
    background-color: #FFD65E;
    color: #333087;
    font-size: 14px;
    border: 1px solid #FFC826;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    border-radius: 3px;
    padding: 6px 10px;
    font-weight: 500;
}

.yellow-btn:hover {
    background-image: linear-gradient(to bottom, #ffc92b, #ce9a01);
    text-decoration: none;
}

.blue-submit {
    background-color: #006CA3;
    color: #ffffff;
    font-size: 14px;
    border: none;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    border-radius: 20px;
    padding: 6px 10px;
    font-weight: 500;
}

.blue-submit:hover {
    /*background-image: linear-gradient(to bottom, #ffc92b, #ce9a01);*/
    background-color: #E16C0C;
    text-decoration: none;
}

.blue-btn {
    background-color: #00A7E5;
    color: #ffffff;
    font-size: 13px;
    border: 1px;
    border-radius: 22px;
    /*width: 15%;*/
    /*font-family: 'Source Sans Pro', sans-serif;*/
    padding: 8px 20px;
    font-weight: 400;

}

.blue-btn:hover {
    /*background-image: linear-gradient(to bottom, #ffc92b, #E16C0C);*/
    background-color: #E16C0C;
    text-decoration: none;
}

.label-text {
    /*font-family: 'Fjalla One', sans-serif;*/
    font-weight: 400;
    font-size: 14px;
    color: #1E1E1E;
    display: block !important;
    text-align: right;
}

.text-box-sign-up {
    /*border: 1px solid #00A7E5;*/
    border: 1px solid #006CA3;
    border-radius: 5px;
    /*font-family: 'Fjalla One', sans-serif;*/
    font-weight: 400;
    font-size: 14px;
    color: #1E1E1E;
    width: 200px;
    float: left;
    margin-left: 25px;
    padding: 3px 10px;
}

.blue_button {
    background-color: #1B3359;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 0;
    /* min-width: 160px;*/
    /* height: 40px;*/
    font-weight: 700;
    padding: 10px 20px;
}

.blue_button:hover {
    background-color: #5B5B5B;
}

.blue_button:disabled {
    opacity: 0.5;
}

.blue_button:disabled:hover {
    opacity: 0.5;
    background-color: #1B3359;
}

.gray_button:hover {
    background-color: #5B5B5B;
}

.black_button {
    background-color: #5B5B5B;
    color: #fff;
    font-size: 18px;
    border: none;
    border-radius: 4px;
    min-width: 160px;
    height: 40px;
    font-weight: 700;
}

.black_button:hover {
    background-color: #959595;
}

.asseenon_button {
    background-color: #1B3359;
    color: #fff;
    font-size: 18px;
    border: none;
    border-radius: 4px;
    min-width: 160px;
    height: 40px;
    font-weight: 700;
}

.asseenon_button:hover {
    background-color: #959595;
}

.width95 {
    width: 95%;
}

.width100 {
    width: 100%;
}

.width25 {
    width: 25%;
}

.width20 {
    width: 20%;
}

.width30 {
    width: 30%;
}

.font_family {
    font-family: fjordone;
}

.border-bottom_gray {
    border-bottom: 1px solid #d9d9d9 !important;
    /*margin-bottom: 10px;*/
}

.width30 {
    width: 30%;
}

.width200px {
    width: 200px !important;
}

.width250px {
    width: 250px;
}

.width20px {
    width: 20px;
}

.width60px {
    width: 60px;
}

.form-control:focus {
    border-color: #1B3359;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.blue_button_ins {
    background-color: #1B3359;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
    padding: 10px;
    text-transform: capitalize;
}

.White_button_ins {
    background-color: #fff;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 0 0 10px 10px;
    font-weight: 700;
    padding: 10px;
}

.cursor_pointer {
    cursor: pointer;
    font-weight: 300
}

.table_fixed {
    table-layout: fixed;
}

.my-disable {
    pointer-events: none;
}


.height20 {
    height: 20px;
}

.height30 {
    height: 30px;
}

.height40 {
    height: 40px;
}

.height15 {
    height: 15px;
}

/*.spinnerCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -(X/2)px;
    margin-top: -(Y/2)px;
    z-index: 99999;
}*/
.spinnerCenter_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #5B5B5B;
    z-index: 99950;
    opacity: 0.85;
}

.spinnerCenter {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #5B5B5B;
    z-index: 99950;
    opacity: 0.85;
}

.loader-wrapper {
    position: absolute;
    height: 100px;
    width: 100px;
    top: 45%;
    left: 50%;
    margin-left: -50px;
    z-index: 99999;
    background-image: url("../images/SmartMoneyLoaderDark.gif");
}

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

/*.fa-spinner {
    z-index: 9999;
}*/
.margin-left25per {
    margin-left: 26.5%
}

.float-setup {
    float: left;
}

.common-none {
    display: none !important;
}

.flip-float-right {
    float: right;
}

.flip-float-left {
    float: left;
}


.border-none {
    border-bottom: none !important;
}

.optionEventRow {
    background-color: #eeeeee;
}

input[type="checkbox"] .optionEventRow {
    background-color: #eeeeee;

}

.other-text {
    color: #525252;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

/*
loader css
Note: this loader is using for initial load only because while IE loading page initially page being frozen
*/
.loader-icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    background: url("../images/loader-center-icon.png") center no-repeat;
}

.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    border-radius: 50%;
    border: 8px solid transparent;
    border-top-color: #333087;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 50%;
    border: 6px solid transparent;
    border-top-color: #333087;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.loader:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
    bottom: 25px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #333087;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

/*new css*/
.blue-badge {
    display: inline-block;
    width: 36px;
    height: 36px;
    padding: 7px 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #006394;
    border-radius: 100%;
}

.question-options {
    font-weight: 400;
    color: #000000;
    font-size: 14px;
}

.static-question-options {
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    margin-left: 25px;
}

.btn-hear {
    border: 1px solid #FFC826;
    width: 100px;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-weight: 700;
}

.static-option {
    float: left !important;
    width: 120px
}


.box-shadow-none {
    box-shadow: none !important;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* Goal percentage positioning classes */
.goal-percent-0 {
    padding-left: 0%;
}

.goal-percent-10 {
    padding-left: 10%;
}

.goal-percent-20 {
    padding-left: 20%;
}

.goal-percent-30 {
    padding-left: 30%;
}

.goal-percent-40 {
    padding-left: 40%;
}

.goal-percent-50 {
    padding-left: 50%;
}

.goal-percent-60 {
    padding-left: 60%;
}

.goal-percent-70 {
    padding-left: 70%;
}

.goal-percent-80 {
    padding-left: 80%;
}

.goal-percent-90 {
    padding-left: 90%;
}

.goal-percent-100 {
    padding-left: 100%;
}

/* Progress bar width classes */
.progress-width-0 {
    width: 0%;
}

.progress-width-10 {
    width: 10%;
}

.progress-width-20 {
    width: 20%;
}

.progress-width-30 {
    width: 30%;
}

.progress-width-40 {
    width: 40%;
}

.progress-width-50 {
    width: 50%;
}

.progress-width-60 {
    width: 60%;
}

.progress-width-70 {
    width: 70%;
}

.progress-width-80 {
    width: 80%;
}

.progress-width-90 {
    width: 90%;
}

.progress-width-100 {
    width: 100%;
}

/* --------chart----------------- */
/* Pie Chart CSS - Complete 0-720 degree classes */

:root {
    --color-0: #00365F;
    --color-1: #006394;
    --color-2: #00A7E5;
    --color-3: #E16C0C;
    --color-4: #e6e6e6;
    --color-5: #3C3C3C;
    --color-6: #8a8a8a;
    --color-7: #D9D9D9;
    --color-8: #5a5a5a;
    --color-9: #D1D0D0;
    --color-10: #3e3e3e;
}

/* Left Transform Classes (0-720 degrees in 10-degree increments) */
.left-transform-0 {
    transform: rotate(0deg);
}

.left-transform-10 {
    transform: rotate(10deg);
}

.left-transform-20 {
    transform: rotate(20deg);
}

.left-transform-30 {
    transform: rotate(30deg);
}

.left-transform-40 {
    transform: rotate(40deg);
}

.left-transform-50 {
    transform: rotate(50deg);
}

.left-transform-60 {
    transform: rotate(60deg);
}

.left-transform-70 {
    transform: rotate(70deg);
}

.left-transform-80 {
    transform: rotate(80deg);
}

.left-transform-90 {
    transform: rotate(90deg);
}

.left-transform-100 {
    transform: rotate(100deg);
}

.left-transform-110 {
    transform: rotate(110deg);
}

.left-transform-120 {
    transform: rotate(120deg);
}

.left-transform-130 {
    transform: rotate(130deg);
}

.left-transform-140 {
    transform: rotate(140deg);
}

.left-transform-150 {
    transform: rotate(150deg);
}

.left-transform-160 {
    transform: rotate(160deg);
}

.left-transform-170 {
    transform: rotate(170deg);
}

.left-transform-180 {
    transform: rotate(180deg);
}

.left-transform-190 {
    transform: rotate(190deg);
}

.left-transform-200 {
    transform: rotate(200deg);
}

.left-transform-210 {
    transform: rotate(210deg);
}

.left-transform-220 {
    transform: rotate(220deg);
}

.left-transform-230 {
    transform: rotate(230deg);
}

.left-transform-240 {
    transform: rotate(240deg);
}

.left-transform-250 {
    transform: rotate(250deg);
}

.left-transform-260 {
    transform: rotate(260deg);
}

.left-transform-270 {
    transform: rotate(270deg);
}

.left-transform-280 {
    transform: rotate(280deg);
}

.left-transform-290 {
    transform: rotate(290deg);
}

.left-transform-300 {
    transform: rotate(300deg);
}

.left-transform-310 {
    transform: rotate(310deg);
}

.left-transform-320 {
    transform: rotate(320deg);
}

.left-transform-330 {
    transform: rotate(330deg);
}

.left-transform-340 {
    transform: rotate(340deg);
}

.left-transform-350 {
    transform: rotate(350deg);
}

.left-transform-360 {
    transform: rotate(360deg);
}

.left-transform-370 {
    transform: rotate(370deg);
}

.left-transform-380 {
    transform: rotate(380deg);
}

.left-transform-390 {
    transform: rotate(390deg);
}

.left-transform-400 {
    transform: rotate(400deg);
}

.left-transform-410 {
    transform: rotate(410deg);
}

.left-transform-420 {
    transform: rotate(420deg);
}

.left-transform-430 {
    transform: rotate(430deg);
}

.left-transform-440 {
    transform: rotate(440deg);
}

.left-transform-450 {
    transform: rotate(450deg);
}

.left-transform-460 {
    transform: rotate(460deg);
}

.left-transform-470 {
    transform: rotate(470deg);
}

.left-transform-480 {
    transform: rotate(480deg);
}

.left-transform-490 {
    transform: rotate(490deg);
}

.left-transform-500 {
    transform: rotate(500deg);
}

.left-transform-510 {
    transform: rotate(510deg);
}

.left-transform-520 {
    transform: rotate(520deg);
}

.left-transform-530 {
    transform: rotate(530deg);
}

.left-transform-540 {
    transform: rotate(540deg);
}

.left-transform-550 {
    transform: rotate(550deg);
}

.left-transform-560 {
    transform: rotate(560deg);
}

.left-transform-570 {
    transform: rotate(570deg);
}

.left-transform-580 {
    transform: rotate(580deg);
}

.left-transform-590 {
    transform: rotate(590deg);
}

.left-transform-600 {
    transform: rotate(600deg);
}

.left-transform-610 {
    transform: rotate(610deg);
}

.left-transform-620 {
    transform: rotate(620deg);
}

.left-transform-630 {
    transform: rotate(630deg);
}

.left-transform-640 {
    transform: rotate(640deg);
}

.left-transform-650 {
    transform: rotate(650deg);
}

.left-transform-660 {
    transform: rotate(660deg);
}

.left-transform-670 {
    transform: rotate(670deg);
}

.left-transform-680 {
    transform: rotate(680deg);
}

.left-transform-690 {
    transform: rotate(690deg);
}

.left-transform-700 {
    transform: rotate(700deg);
}

.left-transform-710 {
    transform: rotate(710deg);
}

.left-transform-720 {
    transform: rotate(720deg);
}

/* Right Transform Classes (0-720 degrees in 10-degree increments) */
.right-transform-0 {
    transform: rotate(0deg);
}

.right-transform-10 {
    transform: rotate(10deg);
}

.right-transform-20 {
    transform: rotate(20deg);
}

.right-transform-30 {
    transform: rotate(30deg);
}

.right-transform-40 {
    transform: rotate(40deg);
}

.right-transform-50 {
    transform: rotate(50deg);
}

.right-transform-60 {
    transform: rotate(60deg);
}

.right-transform-70 {
    transform: rotate(70deg);
}

.right-transform-80 {
    transform: rotate(80deg);
}

.right-transform-90 {
    transform: rotate(90deg);
}

.right-transform-100 {
    transform: rotate(100deg);
}

.right-transform-110 {
    transform: rotate(110deg);
}

.right-transform-120 {
    transform: rotate(120deg);
}

.right-transform-130 {
    transform: rotate(130deg);
}

.right-transform-140 {
    transform: rotate(140deg);
}

.right-transform-150 {
    transform: rotate(150deg);
}

.right-transform-160 {
    transform: rotate(160deg);
}

.right-transform-170 {
    transform: rotate(170deg);
}

.right-transform-180 {
    transform: rotate(180deg);
}

.right-transform-190 {
    transform: rotate(190deg);
}

.right-transform-200 {
    transform: rotate(200deg);
}

.right-transform-210 {
    transform: rotate(210deg);
}

.right-transform-220 {
    transform: rotate(220deg);
}

.right-transform-230 {
    transform: rotate(230deg);
}

.right-transform-240 {
    transform: rotate(240deg);
}

.right-transform-250 {
    transform: rotate(250deg);
}

.right-transform-260 {
    transform: rotate(260deg);
}

.right-transform-270 {
    transform: rotate(270deg);
}

.right-transform-280 {
    transform: rotate(280deg);
}

.right-transform-290 {
    transform: rotate(290deg);
}

.right-transform-300 {
    transform: rotate(300deg);
}

.right-transform-310 {
    transform: rotate(310deg);
}

.right-transform-320 {
    transform: rotate(320deg);
}

.right-transform-330 {
    transform: rotate(330deg);
}

.right-transform-340 {
    transform: rotate(340deg);
}

.right-transform-350 {
    transform: rotate(350deg);
}

.right-transform-360 {
    transform: rotate(360deg);
}

.right-transform-370 {
    transform: rotate(370deg);
}

.right-transform-380 {
    transform: rotate(380deg);
}

.right-transform-390 {
    transform: rotate(390deg);
}

.right-transform-400 {
    transform: rotate(400deg);
}

.right-transform-410 {
    transform: rotate(410deg);
}

.right-transform-420 {
    transform: rotate(420deg);
}

.right-transform-430 {
    transform: rotate(430deg);
}

.right-transform-440 {
    transform: rotate(440deg);
}

.right-transform-450 {
    transform: rotate(450deg);
}

.right-transform-460 {
    transform: rotate(460deg);
}

.right-transform-470 {
    transform: rotate(470deg);
}

.right-transform-480 {
    transform: rotate(480deg);
}

.right-transform-490 {
    transform: rotate(490deg);
}

.right-transform-500 {
    transform: rotate(500deg);
}

.right-transform-510 {
    transform: rotate(510deg);
}

.right-transform-520 {
    transform: rotate(520deg);
}

.right-transform-530 {
    transform: rotate(530deg);
}

.right-transform-540 {
    transform: rotate(540deg);
}

.right-transform-550 {
    transform: rotate(550deg);
}

.right-transform-560 {
    transform: rotate(560deg);
}

.right-transform-570 {
    transform: rotate(570deg);
}

.right-transform-580 {
    transform: rotate(580deg);
}

.right-transform-590 {
    transform: rotate(590deg);
}

.right-transform-600 {
    transform: rotate(600deg);
}

.right-transform-610 {
    transform: rotate(610deg);
}

.right-transform-620 {
    transform: rotate(620deg);
}

.right-transform-630 {
    transform: rotate(630deg);
}

.right-transform-640 {
    transform: rotate(640deg);
}

.right-transform-650 {
    transform: rotate(650deg);
}

.right-transform-660 {
    transform: rotate(660deg);
}

.right-transform-670 {
    transform: rotate(670deg);
}

.right-transform-680 {
    transform: rotate(680deg);
}

.right-transform-690 {
    transform: rotate(690deg);
}

.right-transform-700 {
    transform: rotate(700deg);
}

.right-transform-710 {
    transform: rotate(710deg);
}

.right-transform-720 {
    transform: rotate(720deg);
}

/* Border Color Classes */
.border-color-0.visible-border {
    border-color: var(--color-0) !important;
}

.border-color-1.visible-border {
    border-color: var(--color-1) !important;
}

.border-color-2.visible-border {
    border-color: var(--color-2) !important;
}

.border-color-3.visible-border {
    border-color: var(--color-3) !important;
}

.border-color-4.visible-border {
    border-color: var(--color-4) !important;
}

.border-color-5.visible-border {
    border-color: var(--color-5) !important;
}

.border-color-6.visible-border {
    border-color: var(--color-6) !important;
}

.border-color-7.visible-border {
    border-color: var(--color-7) !important;
}

.border-color-8.visible-border {
    border-color: var(--color-8) !important;
}

.border-color-9.visible-border {
    border-color: var(--color-9) !important;
}

.border-color-10.visible-border {
    border-color: var(--color-10) !important;
}

.hidden-border {
    border-color: #ebebeb !important;
}

/* Shadow Color Classes */
.shadow-color-0 {
    border-color: var(--color-0) !important;
}

.shadow-color-1 {
    border-color: var(--color-1) !important;
}

.shadow-color-2 {
    border-color: var(--color-2) !important;
}

.shadow-color-3 {
    border-color: var(--color-3) !important;
}

.shadow-color-4 {
    border-color: var(--color-4) !important;
}

.shadow-color-5 {
    border-color: var(--color-5) !important;
}

.shadow-color-6 {
    border-color: var(--color-6) !important;
}

.shadow-color-7 {
    border-color: var(--color-7) !important;
}

.shadow-color-8 {
    border-color: var(--color-8) !important;
}

.shadow-color-9 {
    border-color: var(--color-9) !important;
}

.shadow-color-10 {
    border-color: var(--color-10) !important;
}

#content-wrapper-index {
    margin-left: 0px;
    z-index: 840;
    overflow-y: hidden;
}


.div-center {
    margin: auto;
    width: 50%;
    text-align: center;
    padding: 20px;
    margin-top: 80px;
}

.close-pswd-notification {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    background-color: transparent;
    -webkit-box-shadow: none;
}

.close-pswd-notification:focus,
.close-pswd-notification:hover {
    color: #000;
    background-color: transparent;
}

.color-3ca4b1 {
    color: 3ca4b1 !important;
}

.list-style-type-circle {
    list-style-type: circle;
}

.margin-top80px {
    margin-top: 80px;
}