/* B:ROF */
@font-face {
    font-family: "Raleway";
    src: url("/assets/font_helvetica-neue/HelveticaNeue.woff2") format("woff2"),
        url("/assets/font_helvetica-neue/HelveticaNeue.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: url("/assets/font_helvetica-neue/HelveticaNeue-Light.woff2") format("woff2"),
        url("/assets/font_helvetica-neue/HelveticaNeue-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: url("/assets/font_helvetica-neue/HelveticaNeue-Bold.woff2") format("woff2"),
        url("/assets/font_helvetica-neue/HelveticaNeue-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: url("/assets/font_helvetica-neue/helveticaneue-Thin.woff2") format("woff2"),
        url("/assets/font_helvetica-neue/HelveticaNeue-Thin.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: url("/assets/font_helvetica-neue/helveticaneue-Regular.woff2") format("woff2"),
        url("/assets/font_helvetica-neue/HelveticaNeue-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Raleway";
    src: url("/assets/font_helvetica-neue/helveticaneue-Medium.woff2") format("woff2"),
        url("/assets/font_helvetica-neue/HelveticaNeue-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* MENU */
.bs-canvas-overlay {
    opacity: 0.85;
    z-index: 1100;
}

.bs-canvas {
    top: 0;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    left: -330px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    height: 100vh;
    width: 330px;
    position: fixed;
}

.bs-canvas.mySidenavActive {
    top: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    left: 0px;
    width: 100%;
}

.bs-canvas-left {
    left: 0;
    margin-left: -330px;
}

.bs-canvas-right {
    right: 0;
    margin-right: -330px;
}

/* Only for demo */
body {
    min-height: 100vh;
}

.mySidenavActive {
    display: block;
}

.navbar-opencanvas {
    display: flex;
    position: absolute;
    right: 0px;
    text-align: center;
    color: #fff;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg,
            rgba(107, 202, 210, 0.45) 0%,
            rgba(107, 202, 210, 0.2) 100%);
    border-radius: 4px;
    padding: 7.5px 32px 7.5px 32px;
}

.navbar-opencanvas:hover {
    background: linear-gradient(180deg,
            rgba(107, 202, 210, 0.7) 0%,
            rgba(107, 202, 210, 0.4) 100%);
}

.navbar-opencanvas span {
    color: black;
    font-size: 18px;
    margin-right: 10px;
}

.navbar-opencanvas img {
    height: 24px;
    width: 24px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 100;
    display: block;
    color: #fff;
    text-align: center;
    display: block;
    cursor: pointer;
    -webkit-text-stroke: 1.5px #39627a;
}

.sidebar-closecanvas {
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    left: 240px;
    top: 15px;
    text-align: center;
    color: #fff;
    z-index: 1;
}

.sidebar-closecanvas .fa {
    height: 25px;
    width: 25px;
    font-size: 18px;
    line-height: 36px;
    display: block;
    color: #fff;
    text-align: center;
    display: block;
    cursor: pointer;
}

/* FIM MENU */

.zoolfheader {
    background: rgba(250, 250, 250, 1);
    min-height: 69px;
}

/* select {
    font-family: "Raleway" !important;
    font-size: 15px !important;
    color: #706f6f !important;
    display: block;
    width: 100%;
    appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAVElEQVR42mJkYWF58+/fP2EGLICJiekdE1DyNBAz4MCnQao4gYo3APF/NLwRKMcFUgAyjQuItyNJ7gBibrAc0A1gRUDMD8RngPgsEAuAxEByAAEGAAbKKWGoh7DhAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: right 2rem center;
    background-size: 10px;
} */

/* E:ROF */

body {
    font-family: "Raleway";
    background: rgba(250, 250, 250, 1);
}

label {
	font-family: "QuickSand";
}

p {
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}


.termblock {

    /*display: flex;*/
    width: 88px;
    height: 80px;
    padding: 4px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(210, 211, 212, 0.32) !important;
    background: linear-gradient(0deg, rgba(210, 211, 212, 0.20) 0%, rgba(210, 211, 212, 0.20) 100%), #FFF;
    display: inline-block;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;

}

.termblockselected {
    width: 88px;
    height: 80px;
    padding: 4px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--primary---orange-pantone, #F06724) !important;
    background: #FBCDB6;
    display: inline-block;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}

input[type="range"] {
    accent-color: #6BCAD2;
    width: 100%;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    /* para Firefox */
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none !important;
    transition: all 0.3s;
}

a:focus,
button:focus {
    outline: 0 !important;
}

.navbar {
    /*background-color: red; /*rgba(57, 98, 122, 100);*/
    /*border-bottom: 1px solid #e8e9eb;*/
    border-radius: 0;
    padding-top: 0px !important;
    max-width: 76vw;
    margin: 0 auto;
}

.toplink {
    list-style-type: none;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-family: "Raleway";
    font-weight: 300;
    padding: 0px 25px 0px 25px;
    border-right: 1px solid #ffffff;
}

.toplink:last-child {
    border-right: none;
}

.toplink:hover {
    list-style-type: none;
    display: inline-block;
    color: rgba(134, 189, 64, 100);
    font-size: 15px;
    font-weight: 300;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.navbarheader {
    padding: 30px 20px !important;
    background-color: rgba(57, 98, 122, 100);
    border-bottom: 1px solid #e8e9eb;
    border-radius: 0;
}

.navbarheader-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

/* .navbarheader>.container,
.navbar>.container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 24px;
} */

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgb(236, 232, 225, 100);
    margin: 8px 0px 2px 0px;
}

/*.hidebtnmenu1 {
    display: none !important;
}
*/

.navbtn1 {
    background: transparent;
    border: none;
    position: absolute;
    top: 25px;
    /* left: -10px; */
    /* left: 132px; */
    left: 200px;
    padding: 0px;
    outline: none;
    z-index: 9;
}

.navbtn3 {
    display: none;
}

.navbtn1:focus {
    outline: none;
}

.navbtn1 img {
    width: 40px;
    height: 95px;
}

.logo1 img {
    width: 180px;
    height: auto;
}

.sidemenu123 ul {
    padding: 0px;
    margin: 0px;
}

.sidemenu123 li {
    list-style-type: none;
    display: inline-block;
}

.notifiction1,
.newheader1231 {
    margin: 0px 30px 0px 0px;
}

.notifiction1 img {
    width: 27px;
}

.notifiction1 .dropdown-menu {
    width: 294px !important;
    border: 1px solid #ededed !important;
    top: 55px;
    left: -250px;
    border-radius: 0px;
    padding: 20px;
    margin: 0px;
    background-color: #ffffff;
    border-radius: 11px;
    filter: drop-shadow(2px 1px 7px rgba(0, 0, 0, 0.2));
}

.dropdown-menu1 {
    position: absolute;
    top: -16px;
    right: 11px;
    width: 0 !important;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #ffffff;
}

.notifiction1 .dropdown-menu table {
    margin-bottom: 0px;
}

.notifiction1 .dropdown-menu table.table-bordered td,
.notifiction1 .dropdown-menu table.table-bordered th {
    border-top: none;
    border-left: none;
    border-right: 0px;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0px;
    margin: 0px 0px 20px;
}

.notifiction1 .dropdown-menu table.table-bordered tr:first-child td {
    padding: 0px 0px 10px;
}

.notifiction1 a.dropdown-toggle {
    background: none !important;
}

.notifiction1 .dropdown .dropdown-toggle::after {
    display: none !important;
}

.notifiction1 .dropdown-menu table.table-bordered tr:last-child td {
    padding: 10px 0px 0px;
    border-bottom: none;
}

.notifiction1 .dropdown-menu table.table-bordered td a {
    color: #37566a;
    font-size: 15px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
}

.notifiction1 .dropdown-menu table.table-bordered td a:hover {
    color: #37566a;
    text-decoration: none;
}

.aligncen1 {
    text-align: center !important;
    padding-top: 0px !important;
}

.signoutbtn a {
    background-color: #fff;
    color: #39627a;
    font-size: 15px;
    font-family: "Raleway";
    font-weight: 100;
    text-transform: uppercase;
    padding: 11px 32px;
    border-radius: 21px;
}

.signoutbtn a:hover {
    background-color: #86bd40;
    color: #ffffff;
    text-decoration: none;
}

.logout1 {
    width: 400px;
}

i,
span {
    display: inline-block;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    min-width: 282px;
    max-width: 282px;
    height: 100%;
    /* min-width: 239px;
    max-width: 239px; */
    background: white;
    color: #fff;
    transition: all 0.3s;
    float: right;
    /* overflow: hidden; */
}

#sidebar.active {
    /* min-width: 80px; */
    /* min-width: 140px;
    max-width: 80px; */
    min-width: 282px;
    max-width: 282px;
    height: 100%;
    text-align: center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
    display: none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding: 20px 10px;
    text-align: center;
    font-size: 0.85em;
}

#sidebar.active ul li a i {
    /* margin-right: 0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px; */
    color: #7c7c7c;
    font-size: 40px;
    line-height: 40px;
    margin-right: 10px;
}

#sidebar.active ul ul a {
    padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    transition: 0.5s ease-in-out;
}

#sidebar .sidebar-header {
    /* padding: 20px; */
    padding: 12px 14px 3px 18px;
    background: transparent;
    display: flex;
    justify-content: right;
}

#sidebar .sidebar-header a {
    cursor: pointer;
}

.profileimg img {
    width: 57px;
    border-radius: 50%;
}

.username1 h4 {
    display: inline;
    color: white;
    font-size: 45px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    font-family: "Raleway";
}

#sidebar {
    font-family: "Raleway";
    font-weight: 300;
    font-size: 18px;
    font-style: normal;
}

#sidebar .sidebar-header h4 span {
    display: block;
}

#sidebar .sidebar-header strong {
    display: none;
}

#sidebar ul.components {
    /* padding: 20px 0; */
    padding: 0px;
    /* border-bottom: 1px solid #d4d4d4; */
}

#sidebar ul li {
    position: relative;
}

#sidebar ul li.active:before {
    content: "";
    position: absolute;
    /*top: 19px;
    right: -17px;*/
    width: 40px;
    /*height: 40px;
    background-image: url(../images/arrow1.png);
    background-size: 30px;*/
    background-repeat: no-repeat;
}

#sidebar ul li a {
    padding: 7px 15px 7px 20px;

    display: block;
}

#sidebar ul li a:hover {
    color: black;
    background: linear-gradient(78.21deg,
            rgba(251, 205, 182, 0.4) 6.79%,
            rgba(207, 233, 212, 0.4) 55.12%,
            rgba(182, 226, 232, 0.4) 100.55%);
}

#sidebar ul li a i {
    color: #ffffff;

    line-height: 40px;
    margin-right: 10px;
}

#sidebar ul li ul li a span,
#sidebar ul li.active ul li a span {
    color: black;
}

#sidebar ul li ul li a:hover,
#sidebar ul li.active ul li a:hover {
    background: linear-gradient(78.21deg,
            rgba(251, 205, 182, 0.4) 6.79%,
            rgba(207, 233, 212, 0.4) 55.12%,
            rgba(182, 226, 232, 0.4) 100.55%);
}

#sidebar ul li ul li a i,
#sidebar ul li.active ul li a i {
    color: black;
}

#sidebar ul li.active a i {
    color: black;

    margin-right: 10px;
}

#sidebar ul li a span {
    color: black;
    font-size: 16px;
}

#sidebar ul li.active a span {
    color: black;
    vertical-align: super;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: black;
    background: linear-gradient(268.97deg,
            rgba(107, 202, 210, 0.12) -12.03%,
            rgba(57, 178, 188, 0.2) 103.55%);
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    padding-left: 30px !important;
    background: transparent;
    color: black;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    position: relative;
    width: 100%;
    /*min-height: 100vh;*/
    /* padding: 20px; */
    transition: all 0.3s;
    background: rgba(250, 250, 250, 1);
    overflow: hidden;
}

.contentnew1 {
    padding: 0px;
    margin: 0 auto;
    max-width: 76vw;
    min-height: calc(100vh - 170px);
}

.btn-bottom-modal {
    font-size: 18px;
    float: right;
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    color: #6bcad2;
    border-radius: 4px;
    border: 1px solid #6bcad2;
    background: linear-gradient(0deg, rgba(182, 226, 232, 0.1) 0%, rgba(182, 226, 232, 0.1) 100%), #fff;
    padding: 6px 22px 6px 22px;
    min-width: 107px;
    margin-right: 10px;
}

.btn-bottom-modal-save {
    font-size: 18px;
    float: right;
    border: none;
    margin: 0px;
    cursor: pointer;
    color: white;
    border-radius: 4px;
    border: 1px solid #6bcad2;
    background: #6BCAD2;
    padding: 6px 22px 6px 22px;
    font-family: "Quicksand";
}

.btn-bottom-modal-save:hover {
    color: black;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

/* @media (max-width: 768px) { */
/* @media (max-width: 812px) { */
@media (max-width: 970px) {
    /* #sidebar {
        min-width: 230px;
        max-width: 230px;
        text-align: center;
        margin-left: 0px !important;
        top: 0;
        float: right;
        width: 100%;
        z-index: 99;
    } */

    .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 5%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    /* #sidebar.active {
        margin-left: 0 !important;
    }

    #sidebar .sidebar-header h3,
    #sidebar .CTAs {
        display: none;
    }

    #sidebar .sidebar-header strong {
        display: block;
    }

    #sidebar ul li a {
        padding: 10px 10px;
    }

   

    #sidebar ul li a i {
        margin-right: 0;
        display: block;
    }

    #sidebar ul ul a {
        padding: 10px !important;
    }

    #sidebar ul li a i {
        font-size: 1.3em;
    }

    #sidebar {
        margin-left: 0;
    }

    #sidebarCollapse span {
        display: none;
    }

    #sidebar ul li:last-child {
        margin-bottom: 190px;
    }

    #sidebar ul li ul li:last-child {
        margin-bottom: 0px;
    } */

    .hidebtnmenu1 {
        display: block !important;
    }

    .sidebar2 {
        position: relative !important;
        top: 0px !important;
        width: 100% !important;
        /*height: 100vh;*/
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }
}

/* Login CSS Start */
.loginbody {
    position: relative;
    background-attachment: fixed;
    background-image: linear-gradient(to right, #f0672461, #cfe9da, #b6e2e8);
    min-height: calc(100vh - 150px);
    transition: all 0.3s;
}

.loginheader {
    /*border-bottom: 1px solid #dcdfe6;
    padding: 30px 14%;*/
    margin: 0px;
    height: 79px;
}

.loginheader img {
    width: 174px;
}

.loginheader ul {
    float: right;
    padding: 9px 0px 0px;
    margin: 0px;
}

.loginheader li {
    list-style-type: unset;
    display: inline-block;
    color: black;
    font-size: 17px;
    font-weight: 300;
    padding: 0px 13px 0px 9px;
    list-style-type: none;
    font-weight: 500;
    font-family: "Quicksand";
}

.loginheader li:last-child {
    padding: 0px 0px 0px 9px;
    border-right: none;
}

.loginheader li a {
    color: black;
    font-size: 20px;
    font-family: "Quicksand";
}

.loginheader li a:hover {
    text-decoration: none;
}

.loginmain {
    /* background-image: url("../images/loginbg.jpg");
	background-position: center;
    background-size: cover; */
    padding: 100px 0px;
}

.loginmain2 {
    background-color: #f0efeb;
    position: relative;
    /* padding: 45px 40px 50px 120px; */
    padding: 45px 40px 45px 120px;
}

.loginmain2:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #40647e;
    width: 79px;
    height: 100%;
}

.loginmain2:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 0px;
    background-image: url(../images/login2.png);
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: top;
    width: 79px;
    height: 100%;
}

.loginarrow {
    position: absolute;
    top: 50px;
    left: 75px;
}

.loginarrow img {
    width: 20px;
}

.loginmain2 h3 {
    color: #40647e;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3;
    padding: 0px 0px 25px;
    margin: 0px;
}

.loginmain2 input {
    background-color: #e9e8e4;
    width: 100%;
    height: 47px;
    padding: 30px 15px;
    margin: 0px 0px 35px;
    border: 1px solid #c7c7c7;
    border-radius: 0px;
}

.loginmain2 a {
    color: #40647e;
}

.loginmain2 a:hover {
    color: #40647e;
    text-decoration: none;
}

.loginmain2 button {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    width: 140px;
    float: right;
    border-radius: 0px;
    background-color: #40647e;
    padding: 7px 10px;
    margin: 0px;
}

.loginfooter {
    background-color: #39627a;
    padding: 25px 0px;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.loginfooter p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3;
    display: block;
    padding: 5px 0px 0px;
    margin: 0px;
}

.loginfooter ul {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.loginfooter li {
    list-style-type: none;
    display: inline-block;
    color: #40647e;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 13px 0px 9px;
    border-right: 1px solid #40647e;
}

.loginfooter li:last-child {
    padding: 0px 0px 0px 9px;
    border-right: none;
}

.loginfooter li a {
    color: #fff;
}

.loginfooter li a:hover {
    text-decoration: none;
}

.mainfooter {
    padding: 15px 25px;
    margin: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(78deg,
            rgba(251, 205, 182, 0.25) 6.79%,
            rgba(207, 233, 212, 0.25) 55.12%,
            rgba(182, 226, 232, 0.25) 100.55%);
}

.mainfooter p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 5px 0px 0px;
    margin: 0px;
    font-family: "Quicksand";
}

.mainfooter ul {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.mainfooter li {
    list-style-type: none;
    display: inline-block;
    color: black;
    font-size: 0px;
    padding: 0px 50px 0px 50px;
}

.mainfooter li:last-child {
    border-right: none;
}

.mainfooter li a {
    color: black;
    font-size: 15px;
    font-family: "Quicksand";
}

.mainfooter li a:hover {
    text-decoration: none;
}

/* Login CSS End */

/* Page Header Start */
.pageheader {
    margin-bottom: 0px;
    margin-top: 15px;
}

.pageheader h3 {
    font-weight: 400;
    font-size: 26px;
    color: black;
    line-height: 41.8px;
    margin-bottom: 0px;
    font-family: 'Quicksand';
}

.pageheader img {
    margin-left: 12px;
    height: 40px;
    margin-right: 10px;
}

.pageheader .rating-container {
    display: inline-block;
    float: right;
    font-size: 17px;
}

.pageheader .rating-disabled .rating-stars {
    cursor: default;
}

.pageheaderlink1 {
    display: inline;
}

.pageheader a,
.pageheader button {
    font-size: 18px;
    float: right;
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    color: #6bcad2;
    border-radius: 4px;
    border: 1px solid #6bcad2;
    background: linear-gradient(0deg,
            rgba(182, 226, 232, 0.1) 0%,
            rgba(182, 226, 232, 0.1) 100%),
        #fff;
    padding: 6px 22px 6px 22px;
    font-family: "Quicksand";
}


.btn-bottom-modal:hover,
.formbutton3 .formclear1:hover,
.pageheader a:hover,
.pageheader button:hover {
    background: linear-gradient(0deg, rgba(182, 226, 232, 0.4) 0%, rgba(182, 226, 232, 0.4) 100%), #fff;
    color: #39b2bc;
}

.pageheader button img {
    height: 20px !important;
    margin-top: -5px !important;
}

@media (max-width: 1022px) {
    .pageheader h3 {
        font-weight: 400;
        font-size: 18px;
        color: black;
        line-height: 44.8px;
        margin-bottom: 0px;
    }

    .pageheader img {
        margin-left: 12px;
        height: 38px;
        margin-right: 10px;
    }

    .pageheader a,
    .pageheader button {
        font-size: 15px;
        float: right;
        background-color: transparent;
        border: none;
        padding: 0px;
        margin: 0px;
        cursor: pointer;
        color: #6bcad2;
        border-radius: 4px;
        border: 1px solid #6bcad2;
        background: linear-gradient(0deg,
                rgba(182, 226, 232, 0.1) 0%,
                rgba(182, 226, 232, 0.1) 100%),
            #fff;
        padding: 6px 22px 6px 22px;
        height: 40px;
    }

    .pageheader button img {
        height: 18px !important;
        margin-top: -5px !important;
    }
}

/* Page Header End */

/* Table Section Start */
.newtable1 {
    /* background-color: #e8e9eb;
    padding: 30px 30px; 
    padding: 30px; */
    margin-bottom: 30px;
    position: relative;
}

.tablehead1 {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 22px;
    color: #39627a;
}

.tablehead1 h4 {
    font-family: "Raleway";
    font-size: 22px;
    color: #39627a;
    line-height: 27px;
    letter-spacing: 0, 4px;
    text-transform: uppercase;

    /*
    display: inline-block;
    padding: 0px;
    margin: 0px;
    */
}

.tablehead1 a {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 22px;
    color: #39627a;
    float: right;
    text-decoration: underline !important;
    padding: 0px;
    margin-bottom: 15px;
}

.newtable2 table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px !important;
    font-family: "Quicksand";
}

.newtable2 table thead tr th {
    background-color: transparent;
    color: black;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    height: 50px;
    padding: 0px 5px;
}


/* Test website on real Safari 11+ */

/* Safari 10.1*/
/* @media not all and (min-resolution:.001dpcm) {
    .newtable2 table thead tr {
        border-radius: 4px 4px 0px 0px;
        background: #B6E2E8 !Important;
        opacity: 0.4;
    }

}

_::-webkit-full-page-media,
_:future,
:root .newtable2 table thead tr {
    border-radius: 4px 4px 0px 0px;
    background: #B6E2E8 !Important;
    opacity: 0.4;
}


@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    .newtable2 table thead tr {
        border-radius: 4px 4px 0px 0px;
        background: #B6E2E8 !Important;
        opacity: 0.4;
    }

}  */

.newtable2 table thead tr {
    border-radius: 4px 4px 0px 0px;
    background-attachment: fixed;
    background-image: linear-gradient(78deg,
            rgba(251, 205, 182, 0.4) 6.79%,
            rgba(207, 233, 212, 0.4) 55.12%,
            rgba(182, 226, 232, 0.4) 100.55%);
            
}

.formhead2 {
    border-radius: 4px 4px 0px 0px;
    background-attachment: fixed;
    background-image: linear-gradient(78deg,
            rgba(251, 205, 182, 0.4) 6.79%,
            rgba(207, 233, 212, 0.4) 55.12%,
            rgba(182, 226, 232, 0.4) 100.55%);

}



.newtable2 table tbody tr {
    white-space: nowrap;
    border: none;
    font-size: 13px;
    font-weight: 300;
}

.newtable2 table tbody tr.notify-app {
    /* background-color: rgba(55, 86, 106, 0.10); */
}

.newtable2 table tbody tr.notify-app td {
    border-top: 2px solid rgba(55, 86, 106, 0.57);
    border-bottom: 2px solid rgba(55, 86, 106, 0.57);
}

.newtable2 table tbody tr.notify-app td:first-child {
    border-left: 2px solid rgba(55, 86, 106, 0.57);
}

.newtable2 table tbody tr.notify-app td:last-child {
    border-right: 2px solid rgba(55, 86, 106, 0.57);
}

.newtable2 table tbody tr.reseller-notify-app {
    /* background-color: rgba(55, 86, 106, 0.10); */
}

.newtable2 table tbody tr.reseller-notify-app td {
    border-top: 2px solid rgb(255 163 0 / 54%);
    border-bottom: 2px solid rgb(255 163 0 / 54%);
}

.newtable2 table tbody tr.reseller-notify-app td:first-child {
    border-left: 2px solid rgb(255 163 0 / 54%);
}

.newtable2 table tbody tr.reseller-notify-app td:last-child {
    border-right: 2px solid rgb(255 163 0 / 54%);
}

.newtable2 {
    margin-top: 14px;
}

.table td {
    padding: 0.45rem;
    border-top: 1px !important;
    border-top-style: solid !important;
    border-top-color: rgb(210 211 212 /34%) !important;
}

.newtable2 table tbody tr td {
    font-size: 14px;
    color: #4f4f4f;
    font-weight: 300;
    text-align: center;
    white-space: normal;
    /* min-width: 90px; */
    /* padding: 17px 10px; */
    /*padding: 5px 10px;
    
    max-width: 100px;*/
}

/* .newtablepadd1 table tbody tr td {
    padding: 16px 10px;
    white-space: initial;
} */

.newtable2 table tbody tr td a {
    color: #4f4f4f;
}

.newtable2 .rating-md {
    font-size: 13px;
}

.newtable2 .rating-disabled .rating-stars {
    cursor: default;
}

.circle_light_green {
    background-color: #93ba5a;
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 2px;
}

.status_light_green {
    color: #93ba5a;
}

.circle_light_grey {
    background-color: #a9a9a9;
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 2px;
}

.status_light_grey {
    color: #a9a9a9;
}

.circle_light_red {
    background-color: #ff0000;
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 2px;
}

.status_light_red {
    color: #ff0000;
}

.circle_light_blue {
    background-color: #49637b;
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 2px;
}

.status_light_blue {
    color: #49637b;
}

.status_light_purple {
    color: #5c52de;
}

.status_light_pink {
    color: #ff69b4;
}

.status_light_black {
    color: #000000 !important;
}

.status_light_orange {
    color: #8a5d0d !important;
}

.newtable3 {
    /* padding: 10px 70px 30px; */
    /*padding: 10px 40px 30px;*/
    background-color: unset;
}

.newtable3 table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 0px !important;
}

.newtable3 table thead tr {
    border-radius: 4px 4px 0px 0px;
    background-attachment: fixed;
    background-image: linear-gradient(78deg,
            rgba(251, 205, 182, 0.4) 6.79%,
            rgba(207, 233, 212, 0.4) 55.12%,
            rgba(182, 226, 232, 0.4) 100.55%);
}


.newtable3 table thead tr th {
    padding: 17px 7px;
    white-space: normal;
    max-width: 100px;
    text-transform: uppercase;

    font-family: "Quicksand";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.015em;
    text-align: center;

    color: #000000;


}

.newtable3 table tbody tr {
    white-space: nowrap;
    border-bottom: 1px solid #37566a;
}

.newtable3 table tbody tr:last-child {
    border-bottom: none;
    background-color: transparent;
}

.newtable3 table tbody tr:last-child td {
    padding-right: 0px;
}

.newtable3 table tbody tr.notify-app {
    /* background-color: rgba(55, 86, 106, 0.10); */
}

.newtable3 table tbody tr.notify-app td {
    border-top: 2px solid rgba(55, 86, 106, 0.57);
    border-bottom: 2px solid rgba(55, 86, 106, 0.57);
}

.newtable3 table tbody tr.notify-app td:first-child {
    border-left: 2px solid rgba(55, 86, 106, 0.57);
}

.newtable3 table tbody tr.notify-app td:last-child {
    border-right: 2px solid rgba(55, 86, 106, 0.57);
}

.newtable3 table tbody tr td {
    /* background-color: #ffffff; */
    color: #706f6f;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    /* min-width: 90px; */
    /* padding: 17px 10px; */
    padding: 13px 10px;
    white-space: normal;
    max-width: 100px;
}

.newtable3 table tbody tr td a {
    color: #706f6f;
}

.newtable3 table tbody tr td.totalname {
    font-size: 15px;
    font-weight: 700;
    text-align: right;
}

.newtable3 table tbody tr td.totalvalue {
    font-size: 20px;
    font-weight: 700;
}

.newtable3 table tbody tr td.totalname1 {
    font-size: 15px;
    font-weight: 700;
    text-align: right;
}

.newtable3 table tbody tr td div.totalvalue1 .totalvalue2 {

    font-size: 13px;
    font-weight: 500;
    padding: 10px 15px;

    border-radius: 7px 0px 0px 7px;
    background-color: rgba(251, 205, 182, 0.50);
}

.newtable3 table tbody tr td div.totalvalue1 .totalvalue3 {

    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;

    border-radius: 0px 7px 7px 0px;
    background-color: rgba(251, 205, 182, 0.50);
}

.totalvalue1 .totalvalue2 {

    font-size: 20px;
    font-weight: 400;
    padding: 10px 15px;

    border-radius: 4px 0px 0px 4px;
    background-color: rgba(251, 205, 182, 0.50);
}

.totalvalue1 .totalvalue3 {

    font-size: 20px;
    font-weight: 600;
    padding: 10px 15px;

    border-radius: 0px 4px 4px 0px;
    background-color: rgba(251, 205, 182, 0.50);
}

/* @media not all and (min-resolution:.001dpcm) {

    .tablestatus {
        background-color: #CFE9D4 !important;
        opacity: 0.5;
    }
}

_::-webkit-full-page-media,
_:future,
:root .tablestatus {
    background-color: #CFE9D4 !important;
    opacity: 0.5;
} */



/* @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    .tablestatus {
        background-color: #CFE9D4 !important;
        opacity: 0.5;
    }
} */

.tablestatus {
    background: rgba(251, 205, 182, 0.5);
    min-width: 57px;
    height: 25px;
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
    font-family: "Quicksand";
}

.tablestatusdark {
    background-color: rgba(26, 71, 74, 0.5);
    min-width: 57px;
    height: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
    font-family: "Quicksand";
}

.tablestatusred {
    background-color: rgba(238, 111, 75, 0.5);
    min-width: 57px;
    height: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
    font-family: "Quicksand";
}

.collapsiblecontracts {
    display: none;
}

.collapsiblecontracts2 {
    display: block;
}

.collapsible {
    display: none;
}

.collapsible2 {
    display: block;
}
.collapsible3 {
    display: none;
}

.collapsible4 {
    display: block;
}

.table-action,
.table-action-contracts {
    display: none !important;
    width: 100%;
    position: relative;
}

.table-action td,
.table-action-contracts td {
    border-top: 0px !important;
    text-align: right !important;
    padding: 7px 10px !important;
}

.table-action img,
.table-action-contracts img {
    margin-right: 3px;
    cursor: pointer;
    height: 25px;
}
.table-action2,
.table-action-contracts {
    display: none !important;
    width: 100%;
    position: relative;
}

.table-action2 td,
.table-action-contracts td {
    border-top: 0px !important;
    text-align: right !important;
    padding: 7px 10px !important;
}

.table-action2 img,
.table-action-contracts img {
    margin-right: 3px;
    cursor: pointer;
    height: 25px;
}

.tabledropdown1 img {
    width: 21px;
    cursor: pointer;
}

.tabledropdown1 img.dropdown-toggle {
    width: 19px;
    height: 19px;
    cursor: pointer;
}

.tabledropdown1 .dropdown-menu {
    padding: 0px;
    /* margin: 20px 0px 0px; */
    border: none;
    filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.5));
}

.tabledropdown1 .dropdown-menu-right {
    left: -25px !important;
}

.tabledropdown1 .dropdown-menu .tabledropdown2 {
    position: relative;
    width: 220px;
    padding: 0px;
}

.tabledropdown1 .dropdown-menu .tabledropdown2 ul {
    padding: 0px;
    margin: 0px;
}

.tabledropdown1 .dropdown-menu .tabledropdown2 li {
    list-style-type: none;
    padding: 9px 15px;
    transition: 0.5s;
    border-bottom: 1px solid #e8e9eb;
}

.tabledropdown1 .dropdown-menu .tabledropdown2 li:hover {
    background-color: #00000029;
}

.tabledropdown1 .dropdown-menu .tabledropdown2 li a {
    color: #39627a;
    /* font-size: 14px; */
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.tabledropdown1 .dropdown-menu .tabledropdown2 li a img {
    margin-right: 10px;
}

.tabledropdown1 .dropdown-menu .tabledropdown2 li button {
    color: #39627a;
    /* font-size: 14px; */
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    display: block;
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.tabledropdown1 .dropdown-menu .tabledropdown2 li button img {
    margin-right: 10px;
}

.tabledropdown3 {
    display: none;
    position: absolute;
    top: -14px;
    right: 0px;
    width: 0 !important;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 15px solid #ffffff;
}

.tabelform1 {
    min-height: 43px;
}

.tabelform1 .col-md-4 {
    z-index: 2;
}

.tabelform1 select {
    color: #706f6f;
    font-size: 18px;
    background-color: #ece8e1;
    width: 100% !important;
    height: 50px !important;
    border: none;

    margin: 0px 0px 15px;
}

.tabelform1 .dropdown-toggle,
.formsection1 .dropdown-toggle {
    width: 100% !important;
    height: 50px !important;
    color: #706f6f;
    border: none;
    /*padding: 0px 10px 0px !important;*/

    border-radius: 4px;
    font-size: 18px;
    font-family: "Raleway";
}

.tabelform1 .btn-group {
    margin-bottom: 10px;
}

.tablehead2 select {
    color: #706f6f;
    font-size: 14px;
    /*background-color: #ECE8E1;*/
    width: 100% !important;
    height: 50px !important;
    border: none;
    border-radius: 0;
    /*padding: 7px 10px;*/
    margin: 0px 0px 15px;
}

.tablehead2 .dropdown-toggle {
    width: 100% !important;
    height: 43px !important;
    color: #706f6f;
    padding: 0px 10px 0px;
    background: transparent;
}

.tablehead2 .btn-group {
    margin-bottom: 10px;
}

#datatable_wrapper .row:first-child {
    /*position: absolute;
    top: -43px;
    /* right: 84px; */
    right: 0px;
}

div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: 0px;
}

#datatable_wrapper .row:first-child #datatable_filter input[type="search"] {
    width: 220px;
    height: 35px !important;
    margin-top: 0px;
    border-radius: 4px;
    background-color: white;
}

div.dataTables_wrapper div.dataTables_filter input {
    width: 220px;
    height: 35px !important;
    margin-top: 0px;
    border-radius: 4px;
    background-color: white;
}

.pagination {
    /* margin: 3px 0px 13px !important; */
}

.pagination .next{
    margin-left:6px;
}


#jquery-tab-pager-navi .next {
    margin-left:6px;
}



.pagination li a,
.pagination li a:hover {
    color: #39B2BC !important;
    font-size: 14px;
    float: left;
    padding: 5px 11px;
    text-decoration: none;
    border: 1px solid #6BCAD2;
}

.pagination li.active a {
    background-color: #ece8e1 !important;
    border: 1px solid #6BCAD2 !important;
}

.pagination li.disabled a {
    border: 1px solid #6BCAD2 !important;
    color: #39B2BC !important;
    margin-right: 6px;
    border-radius: 3px;
    margin-left: 6px !important;
}

.action {
    width: 25px;
    text-align: center;
}

.pagination li:last-child a {
    border-right: 1px solid #c7c9cc;
}

.pagination a:hover:not(.active) {
    background-color: #c8cdd1;
}

.newtable1 .tablehead1 ul {
    padding: 0px;
    margin: 0px;
}

.newtable1 .tablehead1 li {
    list-style-type: none;
    display: inline-block;
    margin-right: 15px;
}

.newtable1 .tablehead1 li:last-child {
    margin-right: 0px;
}

.newtable1 .tablehead1 li a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    float: none;
    text-decoration: none !important;
    background-color: #37566a;
    border-radius: 21px;
    padding: 6px 23px;
    margin: 0px;
}

.newrate1 {
    color: #ffb916;
    font-size: 20px !important;
}

.newrate2 {
    color: #bdc3d2;
    font-size: 20px !important;
}

.itemtotal1 {
    /* text-align: center; */
    text-align: right;
    margin-top: 11px;
}

.itemtotal1 h3 {
    color: #37566a;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    background-color: #dcdfe6;
    padding: 10px 25px;
    margin: 10px 0 0px;
}

.itemtotal1 h3 span {
    color: #37566a;
    font-size: 20px;
    font-weight: 600;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.itemtotal1 h3 span:first-child {
    margin-right: 3px;
    margin-left: 10px;
}

.itemtotal1 .totalvalue1 {
    margin-top: 15px;
}

.payment1 {
    padding: 0px 0px;
    position: relative;
}

.paymentnew1 {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.paymentnew1 span {
    color: #37566a;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

.payment1 h4 {
    color: #37566a;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: center;
    /* padding: 20px 0px 20px !important; */
    padding: 20px 0px 5px !important;
    margin: 0px;
}

.payment2 label {
    color: #37566a;
    font-size: 27px !important;
    font-weight: 600 !important;
    text-align: center;
    line-height: 1.3;
    display: block;
    /* padding: 50px 0px 0px !important; */
    /* padding: 20px 0px 0px !important; */
    padding: 10px 0px 20px !important;
    margin: 0px;
}

.payment2 label span {
    display: block;
    font-size: 17px !important;
    font-weight: 500 !important;
}

.payment3 input {
    display: none;
}

.payment3 label {
    color: #37566a;
    font-size: 17px !important;
    font-weight: 500 !important;
    text-align: center;
    display: block;
    /* width: 100%; */
    width: 70%;
    height: auto;
    transition: 0.5s;
    border-radius: 15px;
    padding: 10px 10px 13px !important;
    /* margin: 0px 0px 10px !important; */
    /* margin: 0px auto 10px !important; */
    margin: 13px auto 10px !important;
    cursor: pointer;
}

#quoteTable .payment2 label {
    /* padding: 50px 0px 0px !important; */
    /* padding: 20px 0px 0px !important; */
    padding: 10px 0px 0px !important;
}

#quoteTable .payment3 label {
    width: 100%;
    margin: 0px 0px 10px !important;
}

.payment3 label:hover {
    background-color: #d4d4d4;
}

.payment3 label span.year {
    display: none;
}

.payment3 label span.price {
    display: block;
    font-size: 20px;
    font-weight: 600;
    /* padding: 7px 0px 0px; */
    padding: 0px;
}

.payment3 label sub.month {
    font: small-caption;
}

.payment3 label span.tax {
    display: block;
    font-size: 11px;
}

.payment3 label span.offer {
    font-size: 13px;
}

.payment4 {
    border-top: 1.5px solid rgba(55, 86, 106, 0.2);
    padding-top: 10px;
}

.payment3 input[type="radio"]:checked+label {
    color: #fff;
    background-color: #37566a;
}

.payment51 h4 {
    color: #37566a;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.7;
    padding: 0px 0px 10px !important;
    margin: 0px;
}

.payment6,
.payment7 {
    display: none;
}

.payment9 input {
    display: none;
}

.payment9 label {
    width: 100%;
    height: auto;
    color: #37566a;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    border-radius: 10px;
    background-color: #c8cccf;
    padding: 30px 10px;
    margin: 10px 0px;
    cursor: pointer;
}

.payment9 input[type="radio"]:checked+label {
    color: #fff;
    background-color: #37566a;
}

/* Table Section End */

/* Form Class Start */
.newform1 {
    /*background-color: #e8e9eb;*/
    padding: 0px;
    margin-bottom: 40px;
}

.formhead1 {
    padding: 10px 0px;
    background-color: unset;
    display: flex;
    border-bottom: 1px solid rgb(236, 232, 225, 100);
    margin-bottom: 16px;
}

.formhead1 h4 {

    display: inline-block;
    padding: 0px;
    margin: 0px;

    font-family: "Quicksand";
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.015em;
    text-align: left;
    color: rgba(57, 178, 188, 1);
}

.formhead1 h4 span {
    color: red;
}

.formhead1 h3 {

    display: inline-block;
    font-family: "Quicksand";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
    margin-top: 7px;
    margin-left: 15px;
}

.formhead1 .dropdown-toggle {
    width: 100% !important;
    height: 43px !important;
    color: #424242;
    padding: 0px 10px 0px;
    background: transparent;
}

.formsection1 {
    padding: 20px 0px;
}

.formsection11 {
    padding: 10px 40px 0px;
}

.formsection1 label {
    color: #706f6f;
    font-size: 18px;
    font-weight: 300;
    font-family: "Raleway";
    padding: 0px;
    margin: 0px 0px 5px;
}

.formsection1 span {
    color: #706f6f;
    font-size: 18px;
    font-weight: 300;
    font-family: "Raleway";
    padding: 0px;
    margin: 0px 0px 5px;
}

.formsection1 label a {
    color: #706f6f;
}

.formsection1 label a i {
    padding-right: 5px;
}

.formsection1 label span {
    color: #ff0000;
    font-size: 14px;
    padding-left: 3px;
}

.zoolfform input,
.zoolfform input:hover,
.zoolfform select,
.zoolfform .bootstrap-select,
.zoolfform search1 input:hover {
    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
    font-family: "Raleway";
    width: 100%;
    height: 43px !important;
    border: none;
    border-radius: 25px;
    padding: 7px 20px;
    margin: 0px 0px 15px;
    border-radius: 4px;
    border: 1px solid #D2D3D4;
}

.contentnew1 input:-webkit-autofill,
.contentnew1 input:-webkit-autofill:hover,
.contentnew1 input:-webkit-autofill:focus,
.contentnew1 input:-webkit-autofill:active {
    -webkit-box-shadow: 200px 200px 100px rgba(236, 232, 225, 100) inset !important;
    /*box-shadow:200px 200px 100px white inset; */
    -webkit-box-shadow: 0 0 0 30px rgba(236, 232, 225, 100) inset !important;
}

.formsection1 form textarea,
.formsection1 textarea {
    color: rgba(0, 0, 0, 0.60);
    font-size: 18px;
    font-family: "Raleway";
    border: none;
    border-radius: 25px;
    padding: 7px 20px;
    margin: 0px 0px 15px;
    border-radius: 4px;
    border: 1px solid #D2D3D4;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 76, 106, 0.26) !important;
}

.formsection1 input[readonly],
.formsection1 select[readonly] {
    /*background-color: rgba(211, 208, 201, 100);*/
    background-color: rgba(236, 232, 225, 100);
    opacity: 1;
}

.formsection1 ul {
    padding: 0px;
    margin: 10px 0px 0px;
}

.formsection1 li {
    list-style-type: none;
    display: inline-block;
    padding-right: 13px;
}

.formsection1 li label {
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 500;
    vertical-align: text-bottom;
    cursor: pointer;
}

.formsection1 input[type="checkbox"] {
    height: 18px;
    /* !important; ROF*/
    width: 18px;
    /* !important; ROF*/
    accent-color: #6BCAD2;
}

.formsection1 input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 7px !important;
    cursor: pointer;
    accent-color: #6BCAD2;
}

.formsection1 .dropdown-toggle {
    color: #424242;
    padding: 0;
    background: transparent;
    font-size: 18px;
    font-family: "Raleway";
    padding-left: 15px;
    font-size: 18px;
}

.formsection1 small {
    display: block;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}

.formsection1 h4 {
    color: #49637b;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.formsection1 p {
    color: #706f6f;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7;
    word-break: break-word;
    padding: 0px;
    margin: 0px 0px 10px;
}

.formsection1 img {
    width: 90px;
    height: auto;
}

.formsection1 .divider1 {
    border-top: 2px solid #b4baca;
    padding: 10px 0px 0px;
}

.formsection11 .chat_1:first-child {
    margin: 20px 0px 10px;
}

.formsection2 {
    padding: 20px 40px;
}

.formsection2 label {
    color: #37566a;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px 0px 5px;
}

.formsection2 label a {
    color: #0056b3;
}

.formsection2 label a i {
    padding-right: 5px;
}

/* .formsection2 label span{
	color: #ff0000;
    font-size: 14px;
    padding-left: 3px;
} */
.formsection2 input,
.formsection2 select,
.formsection2 .bootstrap-select {
    color: #424242;
    font-size: 14px;
    background-color: #fff;
    width: 100% !important;
    height: 43px !important;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 15px;
}

.formsection2 form textarea,
.formsection2 textarea {
    color: #424242;
    font-size: 14px;
    width: 100%;
    min-height: 90px;
    background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 7px;
}

.formsection2 input[readonly],
.formsection1 select[readonly] {
    background-color: #c8cdd1;
    opacity: 1;
}

.formsection2 input[type="checkbox"] {
    height: 20px !important;
}

.formsection2 .dropdown-toggle {
    width: 100% !important;
    height: 43px !important;
    color: #424242;
    padding: 0px 10px 0px;
    background: transparent;
}

.formsection2 small {
    display: block;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}

.formsection2 h4 {
    color: #37566a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.formsection2 .payment51 h4 {
    color: #37566a;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.7;
    padding: 0px 0px 10px !important;
    margin: 0px;
}

.formsection2 p {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    word-break: break-word;
    padding: 0px;
    margin: 0px 0px 10px;
}

.formsection3 {
    width: 22%;
    display: inline-block;
    float: left;
}

.formsection3 label {
    color: #37566a;
    font-size: 14px;
    font-weight: 600;
    float: left;
    padding: 0px;
    margin: 0px 0px 5px;
}

.formsection3 input {
    color: #424242;
    font-size: 14px;
    background-color: #fff;
    width: 100% !important;
    height: 37px !important;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 15px;
}

.search1 {
    position: relative;
    overflow: hidden;
}

.search1 a {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #bcbfc4;
    color: #fff;
    font-size: 17px;
    height: 43px;
    padding: 6px 20px 0px;
    margin: 0px;
}

.search1 a:hover {
    color: #fff;
}

.search1 button {
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Raleway" !important;
    background-color: #37566a;
    color: #fff;
    text-transform: uppercase !important;
    font-size: 16px;
    height: 43px;
    border-radius: 25px;
    padding: 0px 20px;

    margin: 0px;
}

.search1 button:hover {
    color: #fff;
}

.formsection1 .newmagb1,
.formsection2 .newmagb1 {
    margin-bottom: 5px !important;
}

.newmagb2 {
    margin-bottom: 30px !important;
}

.newmagb3 {
    margin-bottom: 50px !important;
}

.newmagb4 {
    margin-bottom: 70px !important;
}

.formbutton1 {
    text-align: right;
    margin-bottom: 50px;
    font-family: "Raleway";
    font-size: 24px;
    font-weight: 300;
}

.formbutton1 .formsave1 {
    background-color: #37566a;
    color: #e8e9eb;
    font-family: "Raleway";
    font-size: 24px;
    font-weight: 300;
    padding: 9px 60px 10px;
    margin: 5px;
    border-radius: 25px;
    box-shadow: none;
    text-transform: uppercase;
}

.formbutton1 .formclose1 {
    background-color: #d5d6d6;
    color: #37566a;
    font-family: "Raleway";
    font-size: 24px;
    font-weight: 300;
    padding: 9px 60px 10px;
    margin: 5px;
    border-radius: 21px;
    box-shadow: none;
    text-transform: uppercase;
}

.formbutton2 .formsave1 {
    background-color: #37566a;
    color: #e8e9eb;
    font-family: "Raleway";
    font-size: 24px;
    font-weight: 300;
    float: right;
    padding: 9px 60px 10px;
    margin: 5px;
    border-radius: 21px;
    box-shadow: none;
    text-transform: uppercase;
}

.formflex {
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
}

.formsection1 .formsave1 {
    background-color: #6BCAD2;
    color: #e8e9eb;

    width: 189px;
    height: 40px;
    border-radius: 4px;
    gap: 8px;

    font-family: "Quicksand";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;

    margin-left: auto;
    margin-right: 0px;

}

.formbutton2 .formback1 {
    background-color: #c3bfb8;
    color: #fff;
    font-family: "Raleway";
    font-size: 24px;
    font-weight: 300;
    float: left;
    padding: 9px 60px 10px;
    margin: 0px 5px;
    border-radius: 21px;
    box-shadow: none;
    text-transform: uppercase;
}

.formbutton2 .addnew1 {
    background-color: #37566a;
    color: #e8e9eb;
    font-family: "Raleway";
    font-size: 24px;
    font-weight: 300;
    float: left;
    padding: 9px 60px 10px;
    margin: 0px 5px;
    border-radius: 21px;
    box-shadow: none;
    text-transform: uppercase;
}

.addnew1:hover {
    background-color: #43BCC6;
}

.formsave1:hover {
    background-color: #43BCC6;
}

.formbutton3 {
    margin: 4px 0px 0px;
}

.formbutton3 .formsave1 {
    background-color: #37566a;
    color: #e8e9eb;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 30px 7px;
    margin: 0px 5px 0px 0px;
    border-radius: 21px;
    box-shadow: none;
}

.formbutton3 .formclear1 {

    /*background-color: #37566a;
    color: #e8e9eb;
    font-family: "Raleway";
    font-size: 20px;
    font-weight: 300;
    padding: 5px 30px;
    margin: 0px;
    border-radius: 21px;
    box-shadow: none;*/

    font-size: 18px;
    float: left;
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    color: #6bcad2;
    border-radius: 4px;
    border: 1px solid #6bcad2;
    background: linear-gradient(0deg, rgba(182, 226, 232, 0.1) 0%, rgba(182, 226, 232, 0.1) 100%), #fff;
    padding: 6px 22px 6px 22px;
}

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

.chat_1,
.chat_3,
.chat_4 {
    background-color: #dcdfe6;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
}

.chat_1 h4,
.chat_3 h4,
.chat_4 h4 {
    color: #37566a;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    border-bottom: 1px solid #b2b9c6;
    padding: 0px 0px 5px;
    margin: 0px 0px 5px;
}

.chat_1 h4 i,
.chat_3 h4 i,
.chat_4 h4 i {
    padding-right: 10px;
}

.chat_1 h4 span,
.chat_3 h4 span,
.chat_4 h4 span {
    float: right;
    font-size: 13px;
    font-weight: 600;
}

.chat_1 p,
.chat_3 p,
.chat_4 p {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.chat_1 a,
.chat_3 a,
.chat_5 a {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.chat_2,
.chat_5 {
    background-color: #d6d6d6;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
}

.chat_2 h4,
.chat_5 h4 {
    color: #37566a;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    border-bottom: 1px solid #b2b9c6;
    padding: 0px 0px 5px;
    margin: 0px 0px 5px;
}

.chat_2 h4 i,
.chat_5 h4 i {
    padding-right: 10px;
}

.chat_2 h4 span,
.chat_5 h4 span {
    float: right;
    font-size: 13px;
    font-weight: 600;
}

.chat_2 p,
.chat_5 p {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.chat_2 a,
.chat_5 a {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.chat_1 ul,
.chat_3 ul,
.chat_5 ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.chat_1 ul li,
.chat_3 ul li,
.chat_5 ul li {
    list-style-type: circle;
}

.chat_1 ol li,
.chat_3 ol li,
.chat_5 ol li {
    list-style-type: decimal;
}

.chat_1 ul ul ul,
.chat_3 ul ul ul,
.chat_5 ul ul ul {
    list-style-type: disc;
}

.chat_1 li,
.chat_3 li,
.chat_5 li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style-type: circle;
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.emailsignature1 {
    text-align: center;
}

.emailsignature1 button {
    width: 260px;
    height: 100px;
    color: #000000;
    padding: 0;
    margin: 10px;
    border-radius: 10px;
    background-color: #CFE9D4;
}

.emailsignature1 a {
    width: 260px;
    /*height: 100px;*/
    color: #000000;
    font-family: "Quicksand";
    font-size: 24px;
    font-weight: 600;
    padding: 10px;
    display: inline-block;
    margin: 10px;
    border-radius: 4px;
    background-color: #CFE9D4;
    text-align: center;
}

.emailsignature1 a:hover {
    color: #000000;
    background-color: #70C27E;
}

.emailsignature1 a img {
    display: block;
    width: 50px;
    padding-top: 33px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.emailsignature1 img {
    display: block;
    width: 50px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.newtab1 {
    padding: 20px 40px;
}

.newtab1 a {
    background-color: #a7a7a7;
    color: #e8e9eb;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 20px 10px;
    margin: 0px 5px;
    border-radius: 5px;
    box-shadow: none;
}

.newtab1 a:hover {
    background-color: #999999;
    color: #e8e9eb;
}

.newtab1 a.active {
    background-color: #37566a;
    color: #e8e9eb;
}

.newtab3 {
    display: none;
}

.newbox1 {
    background-color: #fff;
    width: 100%;
    border-radius: 7px;
    position: relative;
    padding: 20px;
    margin: 10px 0px;
}

.newbox4 {
    margin-bottom: 7px;
    border-bottom: 1px solid #e8e9eb;
}

.newbox1 h4 {
    color: #37566a;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0px;
    margin: 0px 0px 10px;
}

.newbox1 h4.newbox2 {
    margin: 10px 0px 0px;
}

.newbox1 h4 i {
    padding-right: 10px;
}

.newbox1 h4 span {
    padding-right: 10px;
}

.newbox1 p {
    color: #37566a;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px 0px 10px;
}

.newbox1 p i {
    padding-right: 10px;
}

/* Form Class End */

/* Chart Class Start */
.newchart1 {
    /*display: none;*/
}

.newchart1 .tabelform1 {
    margin-bottom: 10px;
}

.newchart1 .tabelform1 .bootstrap-select {
    /*background-color: #e8e9eb;*/
}

.newchart2 {
    /*position: relative;
    padding: 30px;
    height: 360px;
    background-color: #37566a;*/

    margin-top: 15px;
    background-color: rgb(235, 235, 235);
    border-radius: 20px;
    padding: 24px;
    display: relative;
}

.chartvalue1 {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
}

.chartvalue1 p {
    color: #37566a;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

.chartvalue1 p span {
    display: block;
    color: #37566a;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    padding: 0px;
    margin: 0px;
}

.newchart3 {
    border-bottom: 1px solid #bbbbbc;
    margin-bottom: 15px;
}

.newchart3 h4 {
    /*color: #365569;
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    padding: 0px 0px 15px;
    margin: 0px;*/

    font-size: 20px;
    font-weight: 500;
    margin-top: 11px;
    margin-bottom: 11px;
    color: #6bcad2;
    line-height: 9px;
}

.newchart4 {
    /* padding: 0px 15px; */
    padding: 0px 5px;
}

.newchart5 form label {
    color: #37566a;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    display: block;
}

.newchart5 form input[type="number"] {
    color: #424242;
    font-size: 14px;
    background-color: #fff;
    width: 49% !important;
    /* width: 30% !important; */
    height: 35px !important;
    display: inline-block;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 15px;
}

.newchart5 form input[type="submit"] {
    background-color: #37566a;
    color: #e8e9eb;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px;
    margin: 5px;
    border: none;
    box-shadow: none;
    cursor: pointer;
}

.newchart5 .circle {
    position: relative;
    text-align: center;
    padding: 0px 50px 16px;
    margin: 0px 0px 22px;
}

.newchart5 .circle canvas {
    width: 100%;
    height: 100%;
}

.newchart5 .circle strong {
    color: #365569;
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -79%);
}

.newchart5 .circle p {
    color: #365569;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    bottom: -33px;
    left: 50%;
    transform: translate(-50%, 0px);
}

.newchart4 canvas,
.newchart5 canvas {
    width: auto !important;
    height: 350px !important;
    margin: 0px auto;
}

.newchart5 canvas#chart1 {
    width: auto !important;
    height: 350px !important;
    margin: 0px auto;
}

.newchartna1,
.newchartna2,
.newchartna3,
.newchartna4,
.newchartna5,
.newchartna6,
.newchartna9,
.newchartna10,
.newchartna11,
.newchartna12,
.newchartna13,
.newchartna14,
.newchartna15,
.newchartna16,
.newchartna17,
.newchartna21 {
    display: none;
    text-align: center;
    /* padding: 30px 0px; */
    padding: 22px 0px;
}

.newchartna1 img,
.newchartna2 img,
.newchartna3 img,
.newchartna4 img,
.newchartna5 img,
.newchartna6 img,
.newchartna9 img,
.newchartna10 img,
.newchartna11 img,
.newchartna12 img,
.newchartna13 img,
.newchartna14 img,
.newchartna15 img,
.newchartna16 img,
.newchartna17 img,
.newchartna21 img {
    width: 120px;
}

.newchartna1 p,
.newchartna2 p,
.newchartna3 p,
.newchartna4 p,
.newchartna5 p,
.newchartna6 p,
.newchartna9 p,
.newchartna10 p,
.newchartna11 p,
.newchartna12 p,
.newchartna13 p,
.newchartna14 p,
.newchartna15 p,
.newchartna16 p,
.newchartna17 p,
.newchartna21 p {
    color: #7c7c7c;
    font-size: 19px;
    font-weight: 600;
    padding: 25px 0px 0px;
    margin: 0px;
}

/* Chart Class End */

/* Quote Tab Start */
.quotetab1 {
    padding: 10px 0px;
}

.quotetab1 a {
    color: #365569;
    font-size: 16px;
    font-weight: 600;
    background-color: #e8e9eb;
    border: 1px solid #365569;
    padding: 6px 15px;
    margin: 0px;
}

.quotetab1 a:hover,
.quotetab1 a.active {
    color: #ffffff !important;
    background-color: #365569 !important;
}

.quotetab1 a:first-child {
    margin-right: 10px;
}

/* Quote Tab End */

/* Terms of Use Start */
.termscontent1 {
    background-color: #B6E2E8;
    padding: 0px;
    margin-bottom: 90px;
}

.termscontenthead {
    padding: 15px 40px;
    background-color: #B6E2E8;
}

.termscontenthead h4 {
    color: #365569;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    font-family: "Quicksand", Helvetica, Arial, sans-serif;
}

.termscontent2 {
    padding: 20px 40px;
}

.termscontent3 {
    margin: 0px 0px 19px;
}

.termscontent3 h4 {
    color: #39B2BC;
    font-family: "Quicksand", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0px 0px 10px;
    margin: 0px;
}

.termscontent3 p {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px 0px 10px;
    font-family: "Quicksand", Helvetica, Arial, sans-serif;
}

.termscontent3 ul {
    list-style-type: disc;
    padding: 0px 0px 0px 35px;
    margin: 0px;
}

.termscontent3 li {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px 0px 10px;
    word-break: break-word;
    font-family: "Quicksand", Helvetica, Arial, sans-serif;
}

.termscontent3 ul li ul {
    list-style-type: square;
    margin: 7px 0px 0px;
}

.termscontent3 a {
    color: #37566a;
    font-weight: 600;
}

.termscontent4 {
    background-color: #ffffff;
    padding: 30px 0px 0px;
}

.termscontent4 .termscontent1 {
    margin-bottom: 0px;
}

.termscontent4 .loginfooter {
    position: static;
}

/* Terms of Use End */

/* Popup1 Class Start */
.popup1 {}

.popup1 .modal-header h5 {
    font-family: "Quicksand";
    font-size: 24px;
    font-weight: 400;

}

.popup1 .modal-body p {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
}

.popup1 .modal-body form h5 {
    color: #706f6f;
    font-size: 17px;
    font-weight: 600;
    padding: 0px 0px 10px;
    margin: 0px;
}

.popup1 .modal-body form label,
.popup1 .modal-body label {
    font-family: "Quicksand";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;

}

.popup1 .modal-body form label span {
    color: #ff0000;
    font-size: 14px;
    padding-left: 3px;
}

.popup1 .modal-body form input,
.popup1 .modal-body form select,
.popup1 .modal-body input {
    font-size: 16px;
    font-weight: 400;
    background-color: white;
    display: block;
    font-family: "Quicksand";
    width: 100%;
    border: none;
    border-radius: 25px;
    padding: 5px 10px;
    margin: 0px 0px 7px;
    border-radius: 4px;
    border: 1px solid #D2D3D4;
}

.popup1 .modal-body input[type="radio"] {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: 0px;
    left: 0px;
    position: relative;
    background-color: #D5EDF6;
    content: '';
    display: inline-block;
    visibility: visible;
    margin-right: 5px;
}

.popup1 .modal-body input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: 0px;
    left: 0px;
    position: relative;
    background-color: rgb(107, 202, 210);
    content: '';
    display: inline-block;
    visibility: visible;
    margin-right: 5px;
}

.popup1 .modal-body input[type='radio']:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: 0px;
    left: 0px;
    position: relative;
    background-color: #D5EDF6;
    content: '';
    display: inline-block;
    visibility: visible;
    margin-right: 5px;
}

.popup1 .modal-body form input[type="file"] {
    border: 1px dashed #37566a;
}

.popup1 .modal-body form textarea {
    color: #706f6f;
    font-size: 16px;
    font-weight: 300;
    background-color: #ffffff;
    border: 1px solid #D2D3D4;
    width: 100%;
    min-height: 90px;
    border-radius: 15px;
    padding: 7px 10px;
    margin: 0px 0px 7px;
}

.popup1 .modal-body form .checkbox1 input[type="checkbox"] {
    display: none !important;
}

.popup1 .modal-body form .checkbox2 {
    position: relative;
    top: 1px;
    width: 17px;
    height: 17px;
    border: 1px solid #c8ccd4;
    border-radius: 3px;
    vertical-align: middle;
    transition: background 0.1s ease;
    cursor: pointer;
}

.popup1 .modal-body form .checkbox2:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 11px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease;
    transition-delay: 0.15s;
}

.popup1 .modal-body form .checkbox3 {
    margin-left: 5px !important;
    cursor: pointer;
}

.popup1 .modal-body form .checkbox2:checked~.checkbox2 {
    border-color: transparent;
    background: #6BCAD2;
    animation: jelly 0.6s ease;
}

.popup1 .modal-body form .checkbox2:checked~.checkbox2:after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

/**/
.checkbox11 input[type="checkbox"] {
    display: none !important;
}

.checkbox21 {
    position: relative;
    top: 1px;
    width: 17px;
    height: 17px;
    border: 1px solid #9fa1a7;
    border-radius: 4px;
    vertical-align: middle;
    transition: background 0.1s ease;
    cursor: pointer;
    accent-color: rgba(107, 202, 210, 0.60);
}

.checkbox21:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 11px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease;
    transition-delay: 0.15s;
}

.checkbox31 {
    margin-left: 5px !important;
    cursor: pointer;
    accent-color: #6BCAD2;
}

.checkbox21:checked~.checkbox21 {
    border-color: transparent;
    background: #6BCAD2;
    animation: jelly 0.6s ease;
}

.checkbox21:checked~.checkbox21:after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

.back-header {
    line-height: 17px;
    margin-bottom: 10px;
    cursor: pointer;
    width: 150px;
}

.back-header img {
    height: 18px !important;
    margin-left: 0px !important;
}

/**/
#appcontractnumber .col-md-3 {
    padding-right: 0px;
}

@-moz-keyframes jelly {
    from {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(1.25, 0.75);
    }

    40% {
        transform: scale(0.75, 1.25);
    }

    50% {
        transform: scale(1.15, 0.85);
    }

    65% {
        transform: scale(0.95, 1.05);
    }

    75% {
        transform: scale(1.05, 0.95);
    }

    to {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes jelly {
    from {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(1.25, 0.75);
    }

    40% {
        transform: scale(0.75, 1.25);
    }

    50% {
        transform: scale(1.15, 0.85);
    }

    65% {
        transform: scale(0.95, 1.05);
    }

    75% {
        transform: scale(1.05, 0.95);
    }

    to {
        transform: scale(1, 1);
    }
}

@-o-keyframes jelly {
    from {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(1.25, 0.75);
    }

    40% {
        transform: scale(0.75, 1.25);
    }

    50% {
        transform: scale(1.15, 0.85);
    }

    65% {
        transform: scale(0.95, 1.05);
    }

    75% {
        transform: scale(1.05, 0.95);
    }

    to {
        transform: scale(1, 1);
    }
}

@keyframes jelly {
    from {
        transform: scale(1, 1);
    }

    30% {
        transform: scale(1.25, 0.75);
    }

    40% {
        transform: scale(0.75, 1.25);
    }

    50% {
        transform: scale(1.15, 0.85);
    }

    65% {
        transform: scale(0.95, 1.05);
    }

    75% {
        transform: scale(1.05, 0.95);
    }

    to {
        transform: scale(1, 1);
    }
}

.popup1 .modal-body form p {
    color: #333;
    font-size: 12px;
    font-weight: 500;
    padding: 7px 0px 13px;
    margin: 0px;
}

.popup1 .modal-body form .newadd1 {
    /*background-color: #37566a;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    float: right;
    border-radius: 21px;
    box-shadow: none;
    padding: 5px 22px;
    margin: 10px 0px 0px;*/
    font-weight: 300;
    text-transform: uppercase;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #6bcad2;
    background: #6BCAD2;
    padding: 6px 22px 6px 22px;
    font-size: 18px;
    color: white;
}

.popup1 .modal-body form ul {
    padding: 0px;
}

.popup1 .modal-body form li {
    list-style-type: none;
    display: inline-block;
    padding-right: 35px;
}

.popup1 .modal-body form .rediobutton1 input[type="radio"] {
    display: none;
}

.popup1 .modal-body form .rediobutton1 label {
    color: #37566a;
    font-size: 13px;
    font-weight: 600;
    background-color: #f2f2f2;
    width: 100%;
    padding: 10px;
    margin: 0px 0px 10px;
    cursor: pointer;
}

.popup1 .modal-body form .rediobutton1 input[type="radio"]:checked+label {
    color: #fff;
    background-color: #37566a;
}

.newpopupbtn1 {
    text-align: right;
}

.popup1 .modal-footer .newsave,
.newpopupbtn1 .newsave {
    font-weight: 300;
    text-transform: uppercase;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #6bcad2;
    background: #6BCAD2;
    padding: 6px 22px 6px 22px;
    font-size: 18px;
    color: white;
}

.popup1 .modal-footer .newsave:hover,
.newpopupbtn1 .newsave:hover {
    color: #fff;
}

.popup1 .modal-footer .newclose,
.newpopupbtn1 .newclose {
    font-weight: 300;
    text-transform: uppercase;
    box-shadow: none;
    color: #6bcad2;
    border-radius: 4px;
    border: 1px solid #6bcad2;
    background: linear-gradient(0deg, rgba(182, 226, 232, 0.1) 0%, rgba(182, 226, 232, 0.1) 100%), #fff;
    padding: 6px 22px 6px 22px;
    font-size: 18px;
}

.popup1 .modal-footer {
    border: none;
    padding-top: 0;
}

.newaddbtn1 {
    color: #6BCAD2;
    font-size: 27px !important;
}

.newremovebtn2 {
    color: #adadad;
    font-size: 27px !important;
}

.start_end_inactive {
    display: none;
}

/* Popup1 Class End */

/* My Profile Start */
.newprofileimg1 {
    text-align: center;
    padding-top: 50px;
}

.newprofileimg1 h3 {
    color: #365569;
    font-size: 21px;
    font-weight: 600;
    padding: 7px 0px 0px;
    margin: 0px;
}

.newprofileimg2 {
    position: relative;
    display: inline-grid;
}

.newprofileimg2 img {
    width: 200px;
    border-radius: 50%;
}

.newprofileimg3 {
    position: absolute;
    bottom: 0;
    right: 11%;
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    padding: 11px 0px 0px 1px;
    border-radius: 50%;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.49);
}

.newprofileimg2 i {
    color: #7c7c7c;
}

/* My Profile End */

/* Loader Class Start */
.loading {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.83);
    z-index: 9999;
}

.loading1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loading1 i {
    color: #fff;
    font-size: 24px;
}

.loading1 p {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    line-height: 1.6;
    padding-left: 10px;
    margin: 0px;
}

/* Loader Class End */

/* Online User Class Start */
.onlineuser1 {
    padding: 0px;
}

.onlineuser1 .onlineuser2 {
    color: #fff;
    font-size: 17px !important;
    font-weight: 600;
    background-color: #37566a;
    border-radius: 20px;
    display: inline-block !important;
    padding: 6px 17px 9px !important;
    position: relative;
}

.onlineuser1 a:hover {
    color: #fff !important;
    background-color: #37566a !important;
}

.onlineuser1 .onlineuser2 span {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #a2cd3a;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.onlineuser1 .onlineuser2 img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.onlineuser1 p {
    display: inline-block;
    color: #7c7c7c;
    font-size: 16px;
    font-weight: 500;
    padding: 0px 0px 0px 7px;
    margin: 0px;
}

/* Online User Class End */

/* Contact Class Start */
.contact1 {
    margin: 15px 0px 25px 0px;
    border-radius: 20px;
    border: 1px solid rgba(210, 211, 212, 0.24);
    background: linear-gradient(79deg, rgba(207, 233, 212, 0.30) 4.86%, rgba(182, 226, 232, 0.30) 67.79%);
    box-shadow: 3px 4px 4px 0px rgba(157, 157, 157, 0.06);
    padding: 18px;
}

.contact1 h4 {
    color: #365569;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 10px;
    margin: 0px;
}

.contact1 ul {
    padding: 0px;
    margin: 0px;
}

.contact1 li {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    list-style-type: none;
    padding: 0px 0px 0px 34px;
    margin: 0px 0px 5px;
    background: url(../../assets/images/contacticon1.png);
    background-size: 21px !important;
    background-repeat: no-repeat !important;
}

.contact1 li:nth-child(2) {
    background: url(../../assets/images/contacticon2.png);
}

.contact1 li:nth-child(3) {
    background: url(../../assets/images/contacticon3.png);
}

.contact1 li:nth-child(4) {
    background: url(../../assets/images/contacticon4.png);
}

.contact1 li a {
    color: #37566a;
    font-weight: 600;
}

/* Contact Class End */

.newhidden {
    display: none !important;
}

.newpaddtop1 {
    font-size: 14px;
    padding: 9px 3px 8px 1px;
    text-wrap: nowrap;
}

.newpaddtop1 img {
    margin-right: 4px;
}

.newmargb1 {
    margin-bottom: 6px !important;
}

.newmargb2 {
    /*margin-bottom: 90px !important;*/
}

.bootstrap-select .dropdown-menu li {
    width: 100%;
}

.dropdown-item {
    text-align: left !important;
    color: #6d757d;
    font-size: 16px;
    font-weight: 400;
    font-family: "Quicksand";
}

.dropdown-item.active,
.dropdown-item:active {
    color: #6d757d !important;
    text-decoration: none;
    background-color: #B6E2E8 !important;
    font-size: 16px;
    font-weight: 400;
    font-family: "Quicksand";
}

.newdropdown1 ul.dropdown-menu li:nth-child(2) {
    display: none;
}

.sidebar2 {
    position: fixed;
    top: 0px;
    width: 282px;
    /* height: 900px; */
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background: linear-gradient(179.99deg,
            rgba(107, 202, 210, 0.45) 0.01%,
            rgba(107, 202, 210, 0) 117.67%);
}

.sidebar2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 3 6px #000029;
    border-radius: 10px;
    background-color: #f5f5f5;
}

.sidebar2::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
}

.sidebar2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #c5c7cc;
}

.sidebar2 .dropdown-toggle::after {
    color: black;
}

.newhidden1231 {
    display: none;
}

.newheader1231 .bootstrap-select .filter-option .filter-option-inner-inner {
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newheader1231 .dropdown-menu {
    /* max-width: 159px; */
}

.newheader1231 .bootstrap-select .dropdown-menu li {
    /* width: auto; */
}

.newheader1231 .bootstrap-select .dropdown-menu li a.dropdown-item {
    white-space: normal;
    font-size: 12px !important;
    padding-left: 10px !important;
}

.statusgreen1 {
    background-color: #C7EACA;
}

.newheadbtton1 {
    float: right;
    margin: 0px 0px 7px;
}

.newheadbtton1 ul {
    padding: 0px;
    margin: 0px;
}

.newheadbtton1 li {
    list-style-type: none;
}

.newheadbtton1 a {
    background-color: #37566a;
    color: #e8e9eb;
    font-size: 15px;
    font-weight: 500;
    float: left;
    padding: 9px 60px 10px;
    margin: 0px 5px;
    border-radius: 21px;
    box-shadow: none;
}

.newheadbtton1 a:hover {
    color: #e8e9eb;
}


/* Rating Class Start */
.rating-container .rating-input,
.rating-container .clear-rating {
    display: none !important;
}

.newrating1 {
    background-color: #fff;
    padding: 20px 30px;
    margin: 0px;
}

.newrating1 .rating-stars .rating-lg {
    font-size: 40px;
}

.newrating1 .rating-stars .glyphicon {
    left: 2px;
}

.newrating1 .rating-stars .rating-container .empty-stars,
.rating-container .empty-stars {
    color: rgba(55, 86, 106, 0.5215686274509804) !important;
}

.newrating1 .rating-stars .rating-container .filled-stars,
.rating-container .filled-stars {
    color: #37566a !important;
}

.newrating1 .rating-stars .caption {
    color: #365569;
    font-size: 20px;
    line-height: 1.3;
    display: inline-block;
    padding: 0px 0px 0px 10px;
    margin: 0px;
}

.newrating1 .rating-stars .caption span {
    color: #365569;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    padding: 0px;
    margin: 0px;
}

.newrating1 .form-group {
    margin: 0px 0px 17px;
}

.newrating1 textarea {
    background-color: #e8e9eb;
    min-height: 120px;
    outline: #37566a;
    margin: 0px;
}

.newrating1 button {
    margin: 0px !important;
}

.rating-stars .caption {
    display: none !important;
}

/* Rating Class End */

/*Page Loader Start*/
.pageloader1 {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: relative;
}

.pageloader2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lds-roller {
    display: inline-block;
    width: 79px;
    height: 79px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #37566a;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

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

/*Page Loader End*/

.installment_rate_list {
    padding-top: 60px;
}

/******************* MODAL BOX (Terms and Condition) *********************/
.termscondition__content {
    /*height: 450px;*/
    padding: 10px 10px 0px 10px;
    margin-top: 10px;
    /* background-color: #f1f1f1; */
    overflow-y: scroll;
}

.termscondition__content-header {
    margin-bottom: 30px;
}

.termscondition__content-body--top {
    font-size: 0;
}

.termscondition__content-headingB {
    font-weight: 600;
    color: #9a9999;
}

.termscondition__content-body--bottom {
    padding-left: 30px;
}

.termscondition__content-point {
    font-size: 14px;
    color: #37566a;
    margin-bottom: 15px;
}

.termscondition__content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: #fff;
}

.termscondition__content::-webkit-scrollbar-thumb {
    background-color: #f0f0f0;
}

.termscondition__content-inwrap h6 {
    padding-bottom: 5px;
}

.dashboardbanner1 {
    margin-bottom: 25px;
}

.dashboardbanner1 img {
    width: 100%;
    height: auto;
}

.tabledashboard .filter-option .filter-option-inner-inner {
    margin-top: 8px;
}

.newpaddt1 {
    padding-top: 10px;
}

.page-link {
    padding: 5px 11px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.page-item.active .page-link {
    border: 1px solid #6BCAD2 !important;
    background: linear-gradient(0deg, rgba(182, 226, 232, 0.40) 0%, rgba(182, 226, 232, 0.40) 100%), #FFF !important;
    color: #39B2BC !important;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.newdropdown1 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    margin-top: 10px;
    font-size: 14px;
}

.sidemenu123 .newheader1231 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    margin-top: 0px;
}

.pagination {
    margin: 9px 0px 0px;
    justify-content: flex-end;
}

.newsearch1 {
    position: absolute;
    top: 1px;
    right: 15px;
}

.newsearch1 input {
    height: 43px;
}

.newsearch1 button {
    height: 42px;
}

#datatable tbody tr {
    display: none;
}

#datatable tbody tr:nth-child(1),
#datatable tbody tr:nth-child(2),
#datatable tbody tr:nth-child(3),
#datatable tbody tr:nth-child(4),
#datatable tbody tr:nth-child(5),
#datatable tbody tr:nth-child(6),
#datatable tbody tr:nth-child(7),
#datatable tbody tr:nth-child(8),
#datatable tbody tr:nth-child(9),
#datatable tbody tr:nth-child(10),
#datatable tbody tr:nth-child(11),
#datatable tbody tr:nth-child(12),
#datatable tbody tr:nth-child(13),
#datatable tbody tr:nth-child(14),
#datatable tbody tr:nth-child(15),
#datatable tbody tr:nth-child(16),
#datatable tbody tr:nth-child(17),
#datatable tbody tr:nth-child(18),
#datatable tbody tr:nth-child(19),
#datatable tbody tr:nth-child(20),
#datatable tbody tr:nth-child(21),
#datatable tbody tr:nth-child(22),
#datatable tbody tr:nth-child(23),
#datatable tbody tr:nth-child(24),
#datatable tbody tr:nth-child(25) {
    display: table-row;
}

.bootstrap-select .dropdown-menu li a span.text {
    font-size: 14px;
}

.timeframeunder {
    background-color: #2cd40e;
    width: 15px;
    height: 15px;
    color: #fff;
    font-size: 0px;
    font-weight: 600;
    padding: 0px;
    margin: 0px 5px;
    border-radius: 50%;
    transform: translate(0px, -11px);
}

.timeframeover {
    background-color: #ffa500;
    width: 15px;
    height: 15px;
    color: #fff;
    font-size: 0px;
    font-weight: 600;
    padding: 0px;
    margin: 0px 5px;
    border-radius: 50%;
    transform: translate(0px, -11px);
}

@media (max-width: 767px) {
    .review_monthly_area_b2_help {
        margin-top: 20px;
    }

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



@media (max-width: 767.98px) {
    .termscondition__content {
        height: 380px;
        padding: 0;
    }

    .termscondition__content .termscondition__content-header h2 {
        font-size: 24px;
    }

    .termscondition__content-headingB {
        font-size: 16px;
    }

    .termscondition__content-body--bottom {
        padding-left: 15px;
    }

    .termscondition__content-body .termscontent3 ul {
        padding-right: 12px;
    }

    .newsearch1 {
        position: static;
        margin-bottom: 10px;
    }
}

/* Thankyou Page CSS Start */
.thankyoumsg1 {
    margin: 20px 0px 70px;
}

.thankyoumsg2 {
    padding: 30px 0px 0px;
    margin: 0px auto;
    text-align: center;
}

.thankyoumsg2 h3 {
    color: #fff;
    font-size: 27px;
    font-weight: 500;
    font-style: italic;
    text-transform: capitalize;
    line-height: 1.3;
    padding: 0px 0px 15px;
    margin: 0px;
}

.thankyoumsg2 h3 span {
    font-weight: 600;
}

.thankyoumsg2 p {
    color: #365569;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
    padding: 0px 0px 15px;
    margin: 0px;
}

.thankyoumsg2 a {
    color: #ffb576;
    font-weight: 600;
    text-decoration: underline !important;
}

.thankyoumsg2 a:hover {
    color: #ffb576;
}

/* Thankyou Page CSS End */

/* Dashboard Popup Class Start */
.dashpopup1 {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(55, 86, 106, 0.79);
    padding: 50px 15px 0px;
    margin: 0px;
    overflow-y: auto;
    z-index: 99999;
}

.dashpopup2 {
    position: relative;
    /* width: 100%; */
    max-width: 530px;
    background-color: #e8e9eb;
    margin: 0px auto;
}

.dashpopup3 {
    background-color: #dcdfe6;
    padding: 20px 30px;
}

.dashpopup3 h4 {
    color: #365569;
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
    line-height: 1.4;
    text-transform: none;
    padding: 0px;
    margin: 0px;
}

.dashpopup4 {
    padding: 20px 30px;
}

.dashpopup4 p {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    line-height: 1.5;
    padding: 0px 0px 10px;
    margin: 0px;
}

.dashpopup4 p span {
    font-weight: 700;
}

.dashpopup4 ul {
    list-style-type: disc;
    padding: 0px 0px 0px 35px;
    margin: 0px;
}

.dashpopup4 li {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    line-height: 1.5;
    padding: 0px;
    margin: 0px 0px 10px;
    word-break: break-word;
}

.dashpopup4 li span {
    font-weight: 700;
}

.dashclose1 {
    position: absolute;
    top: -17px;
    right: -17px;
    cursor: pointer;
}

.dashclose1 img {
    width: 35px;
    height: 35px;
}

/* Dashboard Popup Class End */
.newchart11 {
    max-width: 500px;
    margin: 50px auto 0px;
}

.newchart112 {
    margin: 100px auto 0px;
}

.newchart12 {
    margin: 0px 0px 25px;
}

.newchart12 p {
    color: #365569;
    font-size: 16px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

.newchart12 p span {
    float: right;
}

/* .newchart12 p span:before{
	content: "$";
} */
.newchart13 {
    width: 100%;
    background-color: #cacaca;
    overflow: hidden;
}

.newchart13 .newchart14 {
    color: #fff;
    text-align: right;
}

.newchart13 .newchart14 p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 10px;
    margin: 0px;
    visibility: hidden;
}

.newchart11 .newchart15 {
    position: relative;
    background-color: #66c2a3;
    overflow: hidden;
}

.newchart11 .newchart15:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200%;
    height: 100%;
    background: url(../images/line1.png);
    /* background-size: 6px 1px; */
    transform: skewX(30deg) translate(-11px, 0px);
}

.newchart11 .newchart16 {
    position: relative;
    background-color: #698caf;
    overflow: hidden;
}

.newchart11 .newchart16:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200%;
    height: 100%;
    background: url(../images/line2.png);
    /* background-size: 6px 1px; */
    transform: skewX(30deg) translate(-11px, 0px);
}

.newchart21 {
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.newchart22 {
    /* margin: 0px 15px; */
    /* margin: 0px 12px; */
    margin: 0px 7px;
}

.newchart22 h4 {
    color: #365569;
    font-size: 16px;
    /* font-size: 12px; */
    font-weight: 600;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.newchart22 p {
    color: #365569;
    /* font-size: 14px; */
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.newchart22 p span {
    width: 19px;
    height: 19px;
    border-radius: 50px;
    border: 2px solid #fff;
    margin: 0px 3px 0px 0px;
    transform: translate(0px, 3px);
}

.newchart22 p span.color1 {
    background-color: #66c2a3;
}

.newchart22 p span.color2 {
    background-color: #698caf;
}

.newchart23 {
    position: relative;
    width: 40px;
    height: 179px;
    background-color: #cacaca;
    margin: 3px auto 7px;
    overflow: hidden;
}

.newchart24 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
    background-color: #66c2a3;
}

.newchart24:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -50px;
    width: 350%;
    height: 100%;
    background: url(../images/line1.png);
    transform: skewX(30deg);
}

.newchart25 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
    background-color: #698caf;
}

.newchart25:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -50px;
    width: 350%;
    height: 100%;
    background: url(../images/line2.png);
    transform: skewX(30deg);
}

.progress-pie-chart {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #e5e5e5;
    margin: 40px auto 0;
}

.progress-pie-chart.gt-50 {
    background-color: #81ce97;
}

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    width: 200px;
    height: 200px;
    clip: rect(0, 200px, 200px, 100px);
}

.ppc-progress .ppc-progress-fill {
    content: "";
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    width: 200px;
    height: 200px;
    background: #698caf;
    border-radius: 50%;
    clip: rect(0, 100px, 200px, 0);
    transform: rotate(60deg);
}

.gt-50 .ppc-progress {
    clip: rect(0, 100px, 200px, 0);
}

.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0, 200px, 200px, 100px);
    background: #e5e5e5;
}

.ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 173.9130434783px / 2);
    top: calc(50% - 173.9130434783px / 2);
    width: 173.9130434783px;
    height: 173.9130434783px;
    background: #fff;
    text-align: center;
    display: table;
}

.ppc-percents span {
    display: block;
    color: #698caf;
    font-size: 2.6em;
    font-weight: bold;
}

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.charttable .tablehead1 {
    position: absolute;
    top: 0px;
    left: 20px;
    margin-bottom: 0px;
}

.charttable .dataTables_filter {
    text-align: right !important;
}

.approvedtable,
.pendingtable,
.moreinfotable,
.declinedtable,
.pendingsettlementtable,
.prepaidtable,
.cancelledtable,
.settledtable {
    display: none;
}

.formsave11 {
    background-color: #6BCAD2;
    color: #ffffff;
    width: 189px;
    height: 40px;
    border-radius: 4px;
    gap: 8px;
    font-family: "Quicksand";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    margin-left: auto;
    margin-right: 0px;
}

.formsave2 {
    background-color: #F06724;
    color: white;
    width: 189px;
    height: 40px;
    border-radius: 4px;
    gap: 8px;
    font-family: "Quicksand";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    margin-left: auto;
    margin-right: 0px;
}

.pageheader button.formsave11 {
    text-decoration: none !important;
}

.newtotal1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.newtotal2 {
    background-color: #fff;
    width: 45%;
    height: auto;
    text-align: center;
    border-radius: 7px;
    padding: 10px;
    margin: 0px;
    box-shadow: 0px 4px 15px rgb(0 0 0 / 9%);
}

.newtotal3 {
    width: 120px;
    height: 120px;
    border: 3px solid rgb(55 86 106 / 0.27);
    border-radius: 50%;
    padding: 0px;
    margin: 0px auto;
}

.newtotal3 h3 {
    color: #365569;
    font-size: 18px;
    font-weight: 600;
    line-height: 120px;
    padding: 0px;
    margin: 0px;
}

.newtotal2:last-child .newtotal3 h3 {
    font-size: 35px;
}

.newtotal4 {
    margin: 3px 0px 0px;
}

.newtotal4 p {
    color: #37566a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.newnotification1 {
    position: relative;
    background-color: #fff;
    border-right: 3px solid #37566a;
    padding: 10px 15px 10px 100px;
    margin: 13px 0px 15px;
}

.formsection11 .newnotification1:last-child {
    margin: 13px 0px 0px;
}

.newnotification1:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    width: 89px;
    height: 100%;
    background-color: #37566a;
    transform: translate(0%, -50%);
    background: url(../images/email2.png), #37566a;
    background-repeat: no-repeat;
    background-size: 39px;
    background-position: center;
}

.newnotification2 h4 {
    color: #37566a;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    border-bottom: 1px solid #b2b9c6;
    padding: 0px 0px 5px;
    margin: 0px 0px 5px;
}

.newnotification2 h4 i {
    padding-right: 7px;
}

.newnotification2 h4 span {
    float: right;
    font-size: 13px;
    font-weight: 600;
}

.newnotification2 h5 {
    color: #37566a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    padding: 3px 0px;
    margin: 0px;
}

.newnotification2 p {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.newsection1 {
    /*background-color: #c3bfb8;*/
    padding: 20px;
    margin: 0px 0px 90px;
    border-radius: 15px;
}


.newsection3b {
    display: none;
    position: relative;
    background-color: #ece8e1;
    width: 95%;
    min-height: 141px;
    border: 1px solid #e8e9eb;
    border-radius: 10px;
    padding: 0px 15px 0px 20px;
    margin: 10px 10px 10px 30px;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 13%);
}

.newsection5 {
    width: 48%;
    margin-bottom: 20px;
}

.newsection3 {
    display: flex;
}

.newsection3 h3,
.newsection3b h3 {
    color: #39B2BC;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;


    font-family: "Raleway";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.015em;
    text-align: left;


}

.newsection3 h5,
.newsection3b h5 {
    color: #4F4F4F;
    padding: 0px;
    margin: 0px;
    font-family: "Quicksand";
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.025em;
    text-align: left;
}

.newsection3 h5 i,
.newsection3b h5 i {
    margin-right: 1px;
}

.newsection3 p,
.newsection3b p {
    color: #365569;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    padding: 4px 0px 7px;
    margin: 0px;
}

.newsection3 p i,
.newsection3b p i {
    margin-right: 4px;
    font-size: 13px;
}

.newsection3 ul,
.newsection3b ul {
    display: block !important;
    padding: 0px;
    margin-right: 0px;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: 0px;
    min-width: 222px;
    text-align: right;
}

.newsection3 ul li,
.newsection3b ul li {
    display: inline-block;
    list-style-type: none;
    padding: 0px 4px 0px 0px;
    margin: 0px;
}

.newsection3 ul li a i,
.newsection3b ul li a i {
    width: 48px;
    height: 33px;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    padding: 0px;
    margin: 0px;
    border: 1px solid #D2D3D4;
    padding: 4px;
    border-radius: 4px;
    gap: 8px
}

.newsection4 img {
    margin-right: 20px;
    width: 50px;
    height: 50px;
}

.newsection4 img.newimg1 {
    /* background-color: #37566a;
    padding: 15px; */
}


.newsection1 .pagination {
    padding: 10px 0px 0px;
    margin: 0px;
}

.newsectionContent {
   /* margin-left: 20px; */
   width: 300px;
}

.newsectionContent h3 {
    font-size: 16px;

}

.newsection1 .pagination a {
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #37566a !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
    border-top: 1px solid rgb(55 86 106 / 59%);
    border-right: 1px solid rgb(55 86 106 / 59%);
    border-bottom: 1px solid rgb(55 86 106 / 59%);
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.newsection1 .pagination a:hover,
.newsection1 .pagination a.current {
    color: #fff !important;
    background-color: #37566a;
}

.newsection1 .pagination a:nth-child(1) {
    border-left: 1px solid rgb(55 86 106 / 59%);
}

.newsection1 .pagination a.nav {
    justify-content: center;
}

.newsection1 .pagination a.disabled {
    cursor: not-allowed;
}

.newsection1 .pagination a.disabled:hover {
    color: #37566a !important;
    background-color: #e8e9eb;
}

.newfileupload11 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 17px 0px;
    margin: 0px 0px 20px;
    z-index: 1;
    border-radius: 20px;

    height: 148px;
    background: linear-gradient(0deg, rgba(210, 211, 212, 0.32), rgba(210, 211, 212, 0.32)),
        linear-gradient(0deg, rgba(210, 211, 212, 0.16), rgba(210, 211, 212, 0.16));


    border: 1px solid #D2D3D452
}

.newfileupload11 input[type="file"] {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    opacity: 0;
    visibility: visible;
    z-index: 9;
    cursor: pointer;
}

.newfileupload12 {
    text-align: center;
}

.newfileupload12 img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0px auto;
}

.newfileupload12 h4 {
    color: #000000;

    font-family: "Quicksand";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.015em;

    padding: 0px;
    margin: 9px 0px 0px;
}

.newfileupload12 p {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    padding: 0px;
    margin: 0px;
}

.newfileupload12 a {
    display: inline-block;
    border: 1px solid #6bcad2;
    background: #6BCAD2;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 13px 6px;
    margin: 6px 0px 0px;
}

.newfileupload12 a:hover,
.newfileupload12 a:focus {
    color: #fff;
    text-decoration: none;
}

.newfileupload12 span {
    display: block;
    color: #f00;
    font-size: 13px;
    margin: 7px 0px 0px;
}

.maillead1 {
    margin: 0px 0px 15px;
}

.maillead12 {
    margin: 0px 0px 5px !important;
}

.maillead1 label {
    display: block;
    color: #365569;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 0px 3px;
    margin: 0px;
}

.maillead1 input,
.maillead1 select {
    color: #424242;
    font-size: 14px;
    background-color: #fff;
    width: 100% !important;
    height: 38px !important;
    border: 1px solid rgb(55 86 106 / 40%);
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px;
}

.maillead1 textarea {
    color: #424242;
    font-size: 14px;
    background-color: #fff;
    width: 100%;
    height: 100px;
    min-height: 70px;
    border: 1px solid rgb(55 86 106 / 40%);
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px;
}

.modal-title {
    font-family: "Quicksand";
    font-size: 24px;
    font-weight: 400;
}

.newsection2 {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
}

.newfile1margin1 {
    margin: 15px 0px 0px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.newfile1margin2 {
    margin: 15px 0px 0px !important;
}

.filelist1 {}

.filelist1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    margin: 10px 0px 0px;
}

.filelist1 li {
    position: relative;
    list-style-type: none;
    width: 49%;
    color: #37566a;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    border-radius: 4px;
    padding: 10px 10px 10px 23px;
    margin: 0px 0px 10px;
    background-color: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.filelist2 li {
    width: 100%;
}

.filelist1 li:before {
    content: "\f101";
    position: absolute;
    top: 50%;
    left: 9px;
    font-family: FontAwesome;
    transform: translate(0%, -50%);
}

.filelist1 li span {
    color: #40647e;
    font-size: 10px;
    font-weight: 500;
    vertical-align: sub;
}

.popupbtn1 {
    background-color: #37566a;
    color: #e8e9eb;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 5px 26px !important;
    border-radius: 21px !important;
}

.popupbtn2 {
    background-color: #e8e9eb;
    color: #37566a;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 5px 26px !important;
    border-radius: 21px !important;
}

.resller1 {
    position: relative;
    max-width: 309px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #c8cdd1;
    padding: 10px 10px 10px 55px;
    margin: 15px 0px 0px;
}

.resller2 i {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0%, -50%);
    color: #37566a;
    font-size: 35px;
    line-height: 35px;
    padding: 0px;
    margin: 0px;
}

.resller1 h4 {
    display: inline-block;
    color: #37566a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    padding: 0px 5px 0px 0px;
    margin: 0px;
}

.resller1 h4 i {
    margin-right: 4px;
}

.resller1 p {
    color: #37566a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    padding: 0px;
    margin: 0px;
}

.newtab11 ul {
    padding: 0px;
    margin: 0px;
    float: right;
    text-align: right;
    display: flex !important;
}

.newtab11 ul li {
    list-style-type: none;
    display: inline-block;
    background-color: white;
    color: #39B2BC;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #39B2BC;
    border-radius: 4px;
    padding: 4px 16px;
    cursor: pointer;
}

.newtab11 ul .lifirst {
    border-radius: 4px 0px 0px 4px;
}

.newtab11 ul .lisecond {
    border-radius: 0px 4px 4px 0px;
}

/* 
@media screen and (max-width: 1127px) {
    .newtab11 ul li {
        width: 223px !important;
        text-align: center;
    }
} */

.newtab11 ul li:last-child {
    margin: 0px;
}

.newtab11 ul li.active {
    color: #ffffff;
    background: #39B2BC;
}

.newtab13 {
    display: none;
}

.newlist11 ul {
    padding: 0px;
    margin: 0px 0px 0px 15px;
}

.newlist11 ul li {
    position: relative;
    color: #0d3770;
    font-size: 14px;
    list-style-type: none;
    font-weight: 600;
    text-align: left;
    padding: 0px 0px 7px 30px;
    margin: 0px;
}

.newlist11 ul li:before {
    content: "\f054";
    font-family: FontAwesome;
    position: absolute;
    top: 3px;
    left: 13px;
    color: #0d3770;
    font-size: 12px;
    font-weight: 500;
}

.newlist11 ul li span {
    font-weight: 400;
    font-size: 9px;
    vertical-align: bottom;
    padding: 0px 0px 0px 3px;
}

#docfolder-error {
    color: #f00;
    font-size: 13px;
}

#jquery-tab-pager-navi {
    display: flex;
    justify-content: flex-end;
    padding: 0px;
    margin: 10px 20px 0px 0px;
}

#jquery-tab-pager-navi li {
    list-style-type: none;
}

#jquery-tab-pager-navi li a {
    color: #37566a;
    font-size: 14px;
    float: left;
    padding: 5px 11px;
    text-decoration: none;
    border: 1px solid #c7c9cc;
    border-right: 0;
}

#jquery-tab-pager-navi li a.current {
    border: 1px solid #6BCAD2 !important;
    background: linear-gradient(0deg, rgba(182, 226, 232, 0.40) 0%, rgba(182, 226, 232, 0.40) 100%), #FFF !important;
    color: #39B2BC !important;
}

#jquery-tab-pager-navi li a.disable {
    border: 1px solid #6BCAD2 !important;
    color: #39B2BC !important;
    margin-right: 6px;
    cursor: default;
}

#jquery-tab-pager-navi li:last-child a {
    border-right: 1px solid #c7c9cc;
}

#jquery-tab-pager-navi li a:hover:not(.active) {
    background: linear-gradient(0deg, rgba(182, 226, 232, 0.40) 0%, rgba(182, 226, 232, 0.40) 100%), #FFF !important;
}

#do_legend {
    margin: 0px 0px 13px;
}

#do_legend>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

#do_legend li {
    display: block;
    width: 24%;
    margin: 4px 3px;
    cursor: pointer;
}

#do_legend li span {
    display: block;
    position: relative;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 3px;
    border-radius: 0;
    z-index: 2;
}

.donut-area {
    height: calc(100% - 62px);
}

.calculation-input {
    display: inline-flex;
    align-items: flex-start;
}

.calculation-input-p {
    min-width: 50%;
}

.quote-calculate-btn {
    color: #ffffff !important;
    background-color: #365569 !important;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #365569;
    border-radius: 0.25rem;
    padding: 6px 15px;
    cursor: pointer;
    margin-left: 2rem;
    margin-top: 2rem;
}

.portal-login {
    display: flex;
}

.portal-login-wrapper {
    text-align: center;
}

.portal-login-wrapper h1 {
    font-size: 1.3rem;
    color: #40647e;
    text-align: center;
    margin-bottom: 1rem;
}

.login-region-selector {
    max-width: 180px;
}

.login-map img {
    /*max-width: 220px;*/
    padding-bottom: 15px;
}

.login-links {
    display: flex;
}

.login-links ul {
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.login-links li {
    margin-bottom: 5px;
    list-style-type: none;
    width: 200px;
    text-align: center;
}

.login-links li a {
    /*padding: 0;*/
}

.login-links li a:hover {
    text-decoration: underline !important;
}

.login-links li h3 {
    font-size: 1.1rem;
    margin-top: 10px;
    color: #365569;
    font-style: italic;
}

.modal-dialog {
    max-width: 50vw !important;
    min-width: 356px;
}

.topbarleft {
    max-width: 1380px;
    margin-left: 0px !important;
}

.upload-fle-mdl {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
}

/* div.dataTables_wrapper tr.odd {
    display:none;
} */

.ResetPassTitle {
    font-family: "Raleway";
    font-size: 55px !important;
    color: #706f6f !important;
    display: block;
    text-align: center;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle {
    color: #495057;
    height: 43px !important;
    border: 1px solid #ced4da !important;
    margin: 0px;
    line-height: 12px;


    font-size: 16px;
    font-weight: 400;
    background-color: white;
    display: block;
    font-family: "Quicksand";
    width: 100%;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
}

.calculatepreview {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    font-family: "Quicksand";
    z-index: 1;
    display: grid;
    padding: 8px 16px;
    /*justify-content: center;*/
    border-radius: 4px;
    background: #E3F2E6;
    margin-bottom: 15px;
}

.calculatepreview div {
    text-align: -webkit-center;
    padding: 5px;
}

.calculatepreview div label {
    font-size: 16px;
    font-weight: 100;
}

.calculatepreview span {
    display: table;
    font-size: 20px;
    font-weight: 600;
    color:#818181;
}

.paymentcalculation label {
    color: #37566a;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    display: block;
    margin: 15px;
}

.paymentcalculation label sub {
    color: #37566a;
    font-size: 16px;
    font-weight: 300;
}

.paymentcalculation label span.stC {
    color: #37566a;
    font-size: 14px;
    font-weight: 100;
}

.paymentcalculation label span.stB {
    color: #37566a;
    font-size: 18px;
    font-weight: 600;
}

.paymentcalculation label span.stA {
    color: #37566a;
    font-size: 16px;
    font-weight: 600;
}

.paymentcalculation label span.stA sub {
    font-size: 12px;
    font-weight: 600;
}

.paymentcalculation label span.title {
    color: #37566a;
    font-size: 14px;
    font-weight: 600;
}

.back-content {
    border-radius: 10.153px;
    background: linear-gradient(252deg, rgba(182, 226, 232, 0.15) 8.92%, rgba(251, 205, 182, 0.15) 106.9%);
    box-shadow: 1.523px 2.031px 2.031px 0px rgba(157, 157, 157, 0.06);
    padding: 30px;
}

.top-title {
    font-size: 20px;
    font-weight: 500;
    margin-top: 11px;
    margin-bottom: 11px;
    color: #6bcad2;
    line-height: 9px;
}

.img-title {
    height: 36px;
    margin-right: 11px;
    margin-left: 15px;
}

.rangevalues {
    color: #818181;
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.21px;
}

.h3Header {
    margin-top: -15px;
}

.stepsContainer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: 25px;
}

.stepsContainer .container {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.stepsContainer .number {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    font-size: 16px;
    border-radius: 4px;
    background: linear-gradient(0deg, rgba(210, 211, 212, 0.50) 0%, rgba(210, 211, 212, 0.50) 100%), #FFF;
    color: white;
}

.stepsContainer .active {
    background: rgba(107, 202, 210, 1) !important;
}

.stepsContainer .text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: rgba(79, 79, 79, 1);
}

.stepsContainer .textActive {
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    font-size: 16px;
}

.stepsContainer .lineDivide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.stepsContainer .lineDivide .lline {
    width: 34px;
    height: 1px;
    background: #D2D3D4;
}

/*@media only screen and (min-width: 601px) {
    .paymentcalculation label span.title {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .paymentcalculationheader {
        display: none;
    }
}*/

@media only screen and (max-width: 930px) {
    .paymentcalculation label {
        font-size: 16px;
        font-weight: 300;
        font-family: "Raleway";
        text-align: center;
        display: block;
        margin: 5px;
    }

    .paymentcalculation label span.stC {
        font-size: 12px;
    }

    .paymentcalculation label span.stB {
        font-size: 16px;
    }

    .paymentcalculation label span.stA {
        font-size: 14px;
    }

    .paymentcalculation label span.stA sub {
        font-size: 12px;
    }
}

/* @media only screen and (max-width: 1175px) {
    .navbar-opencanvas {
        height: 36px;
        width: 36px;
        display: block;
        position: absolute;
        right: 49px;
        top: 19px;
        text-align: center;
        color: #fff;
        z-index: 1;
        background: transparent !important;
    }

    .navbar-opencanvas span {
        display: none;
    }
} */

@media only screen and (min-width: 930px) {
    .newtable3 table tbody tr td.commissionlabel {
        font-size: 14px;
        font-weight: 500;
        padding: 7px 7px;
    }

    .newtable3 table thead tr th.commissionlabel {
        font-size: 14px;
        font-weight: 500;
        padding: 7px 7px;
    }

    .newtable3 table tbody tr td.commissiontext {
        font-size: 14px;
        font-weight: 300;
        padding: 7px 7px;
    }
}

@media only screen and (max-width: 930px) {
    .newtable3 table tbody tr td.commissionlabel {
        font-size: 12px;
        font-weight: 400;
        padding: 7px 7px;
    }

    .newtable3 table tbody tr td.commissiontext {
        font-size: 12px;
        font-weight: 200;
        padding: 7px 7px;
    }
}

@media only screen and (max-width: 1200px) {
    .newsection5 {
        width: 100% !important;
    }
}



.svgDOCBLANK {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'><rect width='40' height='40' rx='20' fill='url(%23paint0_linear_371_15167)'/><path d='M21.35 10.4409L21.3501 10.441L27.5575 16.3419L27.5577 16.342C27.8472 16.6171 27.9998 16.9792 28 17.3453C28 17.3454 28 17.3455 28 17.3456V29.7778C28 29.8199 27.9828 29.8712 27.9344 29.9172C27.8843 29.9649 27.8059 30 27.7143 30H12.2857C12.1941 30 12.1157 29.9649 12.0656 29.9172L11.3766 30.642L12.0656 29.9172C12.0171 29.8712 12 29.8199 12 29.7778V10.2222C12 10.1801 12.0171 10.1288 12.0656 10.0828C12.1157 10.0351 12.1941 10 12.2857 10H20.2209C20.221 10 20.2211 10 20.2211 10C20.6537 10.0001 21.0589 10.164 21.35 10.4409Z' stroke='%2339B2BC' stroke-width='2' stroke-linejoin='round'/><mask id='path-3-inside-1_371_15167' fill='white'><path d='M20 9V16.3333C20 16.6575 20.1355 16.9684 20.3766 17.1976C20.6177 17.4268 20.9447 17.5556 21.2857 17.5556H29'/></mask><path d='M18 9V16.3333H22V9H18ZM18 16.3333C18 17.2215 18.3721 18.0516 18.9986 18.6471L21.7545 15.748C21.8988 15.8852 22 16.0934 22 16.3333H18ZM18.9986 18.6471C19.6217 19.2394 20.446 19.5556 21.2857 19.5556V15.5556C21.4434 15.5556 21.6137 15.6142 21.7545 15.748L18.9986 18.6471ZM21.2857 19.5556H29V15.5556H21.2857V19.5556Z' fill='%2339B2BC' mask='url(%23path-3-inside-1_371_15167)'/><defs><linearGradient id='paint0_linear_371_15167' x1='82.5' y1='-17.5' x2='-9.16667' y2='35.4167' gradientUnits='userSpaceOnUse'><stop offset='0.239129' stop-color='%23B6E2E8'/><stop offset='0.609151' stop-color='%23CFE9D4' stop-opacity='0.6'/><stop offset='1' stop-color='%23FBCDB6' stop-opacity='0.6'/></linearGradient></defs></svg>");
    margin-right: 10px;
}

.svgCOIN {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='40' height='40' rx='20' fill='url(%23paint0_linear_371_15199)'/><path d='M30.8574 14.6429C30.8574 12.6308 27.0519 11 22.3574 11C17.663 11 13.8574 12.6308 13.8574 14.6429M30.8574 14.6429V19.5C30.8574 20.7386 29.4173 21.8314 27.2146 22.4896C25.8376 22.9024 24.1631 23.1429 22.3574 23.1429C20.5518 23.1429 18.8773 22.9012 17.5003 22.4896C15.2988 21.8314 13.8574 20.7386 13.8574 19.5V14.6429M30.8574 14.6429C30.8574 15.8814 29.4173 16.9743 27.2146 17.6324C25.8376 18.0453 24.1631 18.2857 22.3574 18.2857C20.5518 18.2857 18.8773 18.0441 17.5003 17.6324C15.2988 16.9743 13.8574 15.8814 13.8574 14.6429' stroke='%2339B2BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M9 19.4999V24.3571C9 25.5957 10.4414 26.6885 12.6429 27.3467C14.0199 27.7595 15.6944 27.9999 17.5 27.9999C19.3056 27.9999 20.9801 27.7583 22.3571 27.3467C24.5586 26.6885 26 25.5957 26 24.3571V23.1428M9 19.4999C9 18.0464 10.9854 16.7921 13.8571 16.208M9 19.4999C9 20.7385 10.4414 21.8314 12.6429 22.4895C14.0199 22.9024 15.6944 23.1428 17.5 23.1428C18.3439 23.1428 19.1587 23.0906 19.9286 22.9922' stroke='%2339B2BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><defs><linearGradient id='paint0_linear_371_15199' x1='82.5' y1='-17.5' x2='-9.16667' y2='35.4167' gradientUnits='userSpaceOnUse'><stop offset='0.239129' stop-color='%23B6E2E8'/><stop offset='0.609151' stop-color='%23CFE9D4' stop-opacity='0.6'/><stop offset='1' stop-color='%23FBCDB6' stop-opacity='0.6'/></linearGradient></defs></svg>");
    margin-right: 10px;
}

.svgCDETAILS {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='40' height='40' rx='20' fill='url(%23paint0_linear_371_15130)'/><g clip-path='url(%23clip0_371_15130)'><path d='M15.0254 14.2571C15.0254 14.7799 15.2331 15.2814 15.6028 15.6511C15.9725 16.0208 16.474 16.2285 16.9968 16.2285C17.5197 16.2285 18.0211 16.0208 18.3908 15.6511C18.7605 15.2814 18.9682 14.7799 18.9682 14.2571C18.9682 13.7342 18.7605 13.2328 18.3908 12.8631C18.0211 12.4933 17.5197 12.2856 16.9968 12.2856C16.474 12.2856 15.9725 12.4933 15.6028 12.8631C15.2331 13.2328 15.0254 13.7342 15.0254 14.2571Z' stroke='%2339B2BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M14 18.1828C14.2972 17.6048 14.7375 17.1126 15.2789 16.7531C15.8034 16.4102 16.3966 16.2319 16.9983 16.2319C17.6 16.2319 18.1931 16.4102 18.7177 16.7531C19.244 17.0942 19.6829 17.5862 19.9966 18.1828' stroke='%2339B2BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M29.4284 29.4284C29.4284 29.883 29.2478 30.3191 28.9263 30.6405C28.6048 30.962 28.1688 31.1426 27.7141 31.1426H12.2856C11.8309 31.1426 11.3949 30.962 11.0734 30.6405C10.7519 30.3191 10.5713 29.883 10.5713 29.4284V10.5712C10.5713 10.1166 10.7519 9.68053 11.0734 9.35904C11.3949 9.03755 11.8309 8.85693 12.2856 8.85693H23.4284L29.4284 14.8569V29.4284Z' stroke='%2339B2BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M14 22.5713H26M14 26.857H20.8571' stroke='%2339B2BC' stroke-width='2' stroke-linecap='round'/></g><defs><linearGradient id='paint0_linear_371_15130' x1='82.5' y1='-17.5' x2='-9.16667' y2='35.4167' gradientUnits='userSpaceOnUse'><stop offset='0.239129' stop-color='%23B6E2E8'/><stop offset='0.609151' stop-color='%23CFE9D4' stop-opacity='0.6'/><stop offset='1' stop-color='%23FBCDB6' stop-opacity='0.6'/></linearGradient><clipPath id='clip0_371_15130'><rect width='24' height='24' fill='white' transform='translate(8 8)'/></clipPath></defs></svg>");
    margin-right: 10px;
}

.svgAPPSTATUS {
    width: 40px;
    height: 40px;
    background-image: url('../images/svgAPPSTATUS.svg') ;
    margin-right: 10px;
}

.svgSUPDETAILS {
    width: 40px;
    height: 40px;
    background-image: url('../images/svgSUPDETAILS.svg') ;
    margin-right: 10px;
}

.svgDIRDETAILS {
    width: 40px;
    height: 40px;
    background-image: url('../images/svgDIRDETAILS.svg') ;
    margin-right: 10px;
}

.svgUPLOADDOC {
    width: 40px;
    height: 40px;
    background-image: url('../images/svgUPLOADDOC.svg') ;
    margin-right: 10px;
}


.svgDOCUMENTS {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='40' height='40' rx='20' fill='url(%23paint0_linear_371_16315)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M15.9785 8.00049C14.8739 8.00049 13.9785 8.89592 13.9785 10.0005V26.6519C13.9785 27.7565 14.8739 28.6519 15.9785 28.6519H27.8475C28.9521 28.6519 29.8475 27.7565 29.8475 26.6519V15.2176V14.8034L29.5546 14.5105L23.3375 8.29338L23.0446 8.00049H22.6304H15.9785ZM15.9785 10.0005H21.6304V14.2176C21.6304 15.3222 22.5258 16.2176 23.6304 16.2176H27.8475V26.6519H15.9785V10.0005ZM26.4333 14.2176L23.6304 11.4147V14.2176H26.4333ZM12.1533 15.2179C12.1533 14.6656 11.7056 14.2179 11.1533 14.2179C10.601 14.2179 10.1533 14.6656 10.1533 15.2179V29.9999C10.1533 31.1044 11.0488 31.9999 12.1533 31.9999H24.5441C25.0964 31.9999 25.5441 31.5522 25.5441 30.9999C25.5441 30.4476 25.0964 29.9999 24.5441 29.9999L12.1533 29.9999V15.2179Z' fill='%2339B2BC'/><defs><linearGradient id='paint0_linear_371_16315' x1='82.5' y1='-17.5' x2='-9.16667' y2='35.4167' gradientUnits='userSpaceOnUse'><stop offset='0.239129' stop-color='%23B6E2E8'/><stop offset='0.609151' stop-color='%23CFE9D4' stop-opacity='0.6'/><stop offset='1' stop-color='%23FBCDB6' stop-opacity='0.6'/></linearGradient></defs></svg>");
    margin-right: 10px;
}

.svgPINPOINT {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='40' height='40' rx='20' fill='url(%23paint0_linear_371_13038)'/><path d='M19.5 13.4C20.3051 13.4 21.0773 13.7161 21.6466 14.2787C22.2159 14.8413 22.5357 15.6044 22.5357 16.4C22.5357 16.794 22.4572 17.1841 22.3046 17.5481C22.1521 17.912 21.9285 18.2427 21.6466 18.5213C21.3647 18.7999 21.03 19.0209 20.6617 19.1716C20.2934 19.3224 19.8987 19.4 19.5 19.4C18.6949 19.4 17.9227 19.0839 17.3534 18.5213C16.7841 17.9587 16.4643 17.1957 16.4643 16.4C16.4643 15.6044 16.7841 14.8413 17.3534 14.2787C17.9227 13.7161 18.6949 13.4 19.5 13.4ZM19.5 8C21.7543 8 23.9163 8.885 25.5104 10.4603C27.1045 12.0356 28 14.1722 28 16.4C28 22.7 19.5 32 19.5 32C19.5 32 11 22.7 11 16.4C11 14.1722 11.8955 12.0356 13.4896 10.4603C15.0837 8.885 17.2457 8 19.5 8ZM19.5 10.4C17.8898 10.4 16.3455 11.0321 15.2069 12.1574C14.0682 13.2826 13.4286 14.8087 13.4286 16.4C13.4286 17.6 13.4286 20 19.5 28.052C25.5714 20 25.5714 17.6 25.5714 16.4C25.5714 14.8087 24.9318 13.2826 23.7931 12.1574C22.6545 11.0321 21.1102 10.4 19.5 10.4Z' fill='%2339B2BC'/><defs><linearGradient id='paint0_linear_371_13038' x1='82.5' y1='-17.5' x2='-9.16667' y2='35.4167' gradientUnits='userSpaceOnUse'><stop offset='0.239129' stop-color='%23B6E2E8'/><stop offset='0.609151' stop-color='%23CFE9D4' stop-opacity='0.6'/><stop offset='1' stop-color='%23FBCDB6' stop-opacity='0.6'/></linearGradient></defs></svg>");
    margin-right: 10px;
}

.svgPEN {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='40' height='40' rx='20' fill='url(%23paint0_linear_371_16382)'/><path d='M13.1727 24.7895L25.5684 12.6013L23.8402 10.902L11.4444 23.0902V24.7895H13.1727ZM14.1859 27.193H9V22.0939L22.9761 8.35186C23.2053 8.12656 23.5161 8 23.8402 8C24.1643 8 24.4751 8.12656 24.7043 8.35186L28.162 11.7516C28.3911 11.977 28.5198 12.2826 28.5198 12.6013C28.5198 12.9199 28.3911 13.2255 28.162 13.4509L14.1859 27.193ZM9 29.5965H31V32H9V29.5965Z' fill='%2339B2BC'/><defs><linearGradient id='paint0_linear_371_16382' x1='82.5' y1='-17.5' x2='-9.16667' y2='35.4167' gradientUnits='userSpaceOnUse'><stop offset='0.239129' stop-color='%23B6E2E8'/><stop offset='0.609151' stop-color='%23CFE9D4' stop-opacity='0.6'/><stop offset='1' stop-color='%23FBCDB6' stop-opacity='0.6'/></linearGradient></defs></svg>");
    margin-right: 10px;
}

/* FIX CKEditor popup messagens colors.*/
/* CSS load from https://cdn.ckeditor.com/4.11.1/standard/skins/moono-lisa/editor.css?t=IA8F*/
.cke_notification_success {
    background: #ffffff !important;
    color: #000000 !important;
}

.cke_notification_success p {
    color: #000000 !important;
}

.cke_notification_warning {
    background: #ffffff !important;
    color: #000000 !important;
}

.cke_notification_warning p {
    color: #000000 !important;
}

.cke_notification_info {
    background: #ffffff !important;
    color: #000000 !important;
}

.cke_notification_info p {
    color: #000000 !important;
}

.cke_top {
    background-color: #B6E2E8 !important;
    height: 25px !important;
    vertical-align: middle;
}

.cke_bottom {
    display: none !important;
}

.statusbanner {
    flex-wrap:nowrap; 
    padding:5px; 
    font-size: 13px; 
    font-weight:400; 
    color: #4F4F4F; 
    font-family: 'Quicksand';
}

.loginsteps {
    display: inline-flex;
}

@media only screen and (max-width: 870px) {
    .loginsteps {
        display: block;
    }
}

#datatableapplications thead tr th{
    border: 0px solid;
}

#datatable thead tr th{
    border: 0px solid;
}


.chartLegend{
    width: 50%;
}

.popover {
    font-family: "Raleway", Helvetica, Arial, sans-serif;
}

.tooltip {
    font-family: "Raleway", Helvetica, Arial, sans-serif;	
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Quicksand", Helvetica, Arial, sans-serif;
}

span{
    font-family: "Quicksand", Helvetica, Arial, sans-serif;
}


li {
    font-family: "Quicksand", Helvetica, Arial, sans-serif;
}

.btnlogin2 {
    font-family: "Quicksand";
    cursor: pointer;
    display: block;
    color: #ffffff;
    font-size: 20px;
    line-height: 0px;
    border: none;
    padding: 21px 27px 21px 27px;
    border-radius: 4px;
    box-shadow: none;
    height: 21px;
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    font-weight: 500;
    background: rgba(107, 202, 210, 1);

}

.btnlogin2:hover {
    color: black;
}

.aleft{
    text-align: left;
}
.aright{
    text-align: right;
}
.acenter{
    text-align: center;
}

.dflex{
    display: flex;
}

.newsection32{
    display: flex;
    margin-bottom: 20px;
    width: 49%;
}

/*
.modal-body .rediobutton1 .row .col-md-6 {
    max-width: 48%;
}

.modal-body .rediobutton1 .row .col-md-6 {
    color: #6bcad2;
    border-radius: 4px;
    border: 1px solid #6bcad2;
    background: linear-gradient(0deg, rgba(182, 226, 232, 0.1) 0%, rgba(182, 226, 232, 0.1) 100%), #fff;
    padding: 6px 22px 6px 22px;
    font-size: 18px;
    margin:5px
}

.modal-body .rediobutton1 .row .col-md-6 input[type="radio"]:checked+label {
    color: #fff;
    background-color: #37566a;
}

.modal-body .rediobutton1 .row .col-md-6 label {
    color: #6bcad2;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    padding: 10px;
    cursor: pointer;
    background-color : unset;
}

.modal-body .rediobutton1 .row .col-md-6 input[type="radio"]:checked+label {
    color: #ffffff;
    background-color: #39B2BC;
}
*/


.popup1 .modal-body form .rediobutton1 input[type="radio"]:checked+label {
    color: #ffffff;
    background-color: #39B2BC;
}

.tab {
    margin: 5px;
    display: grid;
    padding: 8px 16px;
    font-size: 20px;
    font-weight: 300;
    color:#39B2BC;
  }

  @media only screen and (min-width: 1001px) and (max-width: 1300px) {
    .tab {
        padding: 5px 12px;
        font-size: 16px;
    }
    .taboption {
        padding: 4px !important;
      }

      .taboptionactive {
        padding: 4px !important;
      }
}

@media only screen and (max-width: 1000px) {
    .tab {
        margin: 2px;
        padding: 2px 8px;
        font-size: 14px;
    }
    .taboption {
        padding: 1px !important;
      }

      .taboptionactive {
        padding: 1px !important;
      }
}
 
  .taboption {
    border: 1px solid #ccc;
    text-align: -webkit-center;
    cursor: pointer;
    height: auto;
    padding: 5px;
  }

  .taboptionactive{
    border: 1px solid #ccc;
    text-align: -webkit-center;
    cursor: pointer;
    height: auto;
    padding: 5px;
    background-color: #E3F2E6;
  }
  .taboption:hover {
    background-color: #ddd;
  }
  
  
  .tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
    margin-bottom: 35px;
  }

  .review_monthly_area h1 span {
    font-weight: bolder;
    font-size: 20px;
}

.alert_link {
    font-weight: bolder;
    font-size:110%;
    text-decoration: underline;
    color: #6bcad2;
}