:root {
  --purple2: #a452de;

  /* grenke palette, shared with customer-enquiry */
  --gk-yellow: #fbb900;
  --gk-yellow-hover: #e6a800;
  --gk-yellow-soft: rgba(251, 185, 0, .2);
  --gk-black: #1a1a1a;
  --gk-black-hover: #3a3a3a;
  --gk-white: #ffffff;
  --gk-bg: #fafafa;
  --gk-gray: #f4f4f4;
  --gk-sidebar: #f5f5f5;
  --gk-border: #e8e8e8;
  --gk-border-light: #f0f0f0;
  --gk-text: #1a1a1a;
  --gk-text-2: #555555;
  --gk-text-muted: #888888;
  --gk-red: #da1d1d;

  /* status pills: background / text */
  --pill-success-bg: #dcfce7; --pill-success: #166534;
  --pill-neutral-bg: #f3f4f6; --pill-neutral: #4b5563;
  --pill-warning-bg: #fef9c3; --pill-warning: #a16207;
  --pill-orange-bg: #ffedd5;  --pill-orange: #c2410c;
  --pill-danger-bg: #fee2e2;  --pill-danger: #b91c1c;
  --pill-info-bg: #dbeafe;    --pill-info: #1e40af;
  --pill-purple-bg: #f3e8ff;  --pill-purple: #7e22ce;
  --pill-pink-bg: #fce7f3;    --pill-pink: #be185d;
  --pill-petrol-bg: #e8f4f6;  --pill-petrol: #007891;
  --pill-indigo-bg: #e0e7ff;  --pill-indigo: #4338ca;
}

/* 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;
     }
	
	.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 {
    height: 36px;
    width: 36px;
    display: block;
    position: absolute;
    left: -45px;
    top: 67px;
    text-align: center;
    color:#fff;
    z-index: 1;
  }

  .navbar-opencanvas .fa {
    height: 36px;
    width: 36px;
    font-size:32px;
    line-height:36px;
    font-weight: 100;
    display:block;
    color:#fff;
    text-align:center;
    display: block;
    cursor:pointer;
    -webkit-text-stroke: 1.5px var(--gk-black);
  }

  .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 */

.kismateheader{
    background-color: var(--gk-yellow);
    min-height: 132px;
}
.kismateheader-active{
    width: calc(100vw - 282px) !important;
    float: right  !important;
}
.navbar-opencanvas-hide{
    display: none  !important;
}

select {
    font-family: "Helvetica" !important;
    font-size: 15px !important;
    color: var(--gk-text-muted) !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: "Helvetica";
    background: #fafafa;
}

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

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; /*#007891;*/
    /*border-bottom: 1px solid var(--gk-gray);*/
    border-radius: 0;
    padding-top: 60px;
    padding-bottom: 20px !important;
    max-width: 70vw;
    margin: 0 auto;
}

.toplink {
    list-style-type: none;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-family: "Helvetica";
    font-weight: 500;
    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: var(--gk-text);
    font-size: 15px;
    font-weight: 500;
}

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

.navbarheader {
    padding: 30px 20px !important;
    background-color: var(--gk-yellow);
    border-bottom: 1px solid var(--gk-gray);
    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: 49px;
    /*min-height: 132px;*/
    /*padding-bottom: 10px;*/
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/*.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: 179px;
    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: var(--gk-text);
    font-size: 15px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
}

.notifiction1 .dropdown-menu table.table-bordered td a:hover {
    color: var(--gk-text);
    text-decoration: none;
}

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



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

.signoutbtn a:hover {
    background-color: var(--gk-yellow-hover);
    color: var(--gk-black);
    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: var(--gk-yellow);
    color: var(--gk-black);
    transition: all 0.3s;
    /* 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: 45px 20px 13px 20px;
    background: var(--gk-yellow);
}

.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: "Helvetica";
}

#sidebar {
    font-family: "Helvetica";
    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: var(--gk-black);
    background: var(--gk-yellow-hover);
}

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

#sidebar ul li ul li a:hover,
#sidebar ul li.active ul li a:hover {
    background: var(--gk-yellow);
}

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

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

    margin-right: 10px;
}

#sidebar ul li a span {
    color: #ffffff;
    vertical-align: super;
}

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

#sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: var(--gk-black);
    background: var(--gk-yellow-hover);
}

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: var(--gk-yellow);
    color: var(--gk-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-color: #fff;
    overflow: hidden;
    float:none;
}
.content-active {
    width: calc(100vw - 282px) !important;
    float:right !important;
}

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

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

/* @media (max-width: 768px) { */
/* @media (max-width: 812px) { */
@media (max-width: 1200px) {
    .kismateheader-active{
        width: calc(100vw - 230px) !important;
        float: right  !important;
    }
    .content-active {
        width: calc(100vw - 230px) !important;
        float:right !important;
    }
}
@media (max-width: 970px) {
    #sidebar {
        /* min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important; */
        min-width: 230px;
        max-width: 230px;
        text-align: center;
        /* margin-left: -140px !important; */
        margin-left: 0px !important;
        position: fixed;
        top: 0;
        left: 0;
        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 span {
        /* font-size: 0.85em; */
    }

    #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;
        left: 0px !important;
        top: 0px !important;
        width: 100% !important;
        /*height: 100vh;*/
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }
}

/* Login CSS Start */
.loginbody {
    position: relative;

    min-height: 100vh;
    transition: all 0.3s;
}

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

.loginheader img {
    width: 170px;
}

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

.containerhead {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.loginheader li {
    list-style-type: none;
    display: inline-block;
    color: black;
    font-size: 15px;
    font-weight: 300;
    padding: 0px 13px 0px 9px;
    border-right: 1px solid black;
}

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

.loginheader li a {
    color:black;
    font-weight: 500;
}

.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: var(--gk-black);
    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: var(--gk-text);
    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: var(--gk-text);
}

.loginmain2 a:hover {
    color: var(--gk-text);
    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: var(--gk-black);
    padding: 7px 10px;
    margin: 0px;
}

.loginfooter {
    background-color: var(--gk-yellow);
    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: var(--gk-text);
    font-size: 14px;
    font-weight: 400;
    padding: 0px 13px 0px 9px;
    border-right: 1px solid var(--gk-black);
}

.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 {
    background-color: var(--gk-black);

    /* padding: 15px 0px; */
    padding: 15px 25px;
    margin: 0px;
    /*position: absolute;*/
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.mainfooter p {
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 5px 0px 0px;
    margin: 0px;
}

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

.mainfooter li {
    list-style-type: none;
    display: inline-block;
    color: #ffffff;
    font-size: 0px;
    padding: 0px 50px 0px 50px;
    border-right: 1px solid #ffffff;
}

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

.mainfooter li a {
    color: #ffffff;
    font-size: 12px;
}

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

/* Login CSS End */

/* Page Header Start */
.pageheader {
    margin-bottom: 25px;
}

.pageheader h3 {
    font-family: "Helvetica";
    font-weight: 100;
    font-size: 45px;
    color: var(--gk-text);
    line-height: 55px;
    letter-spacing: 0, 4px;
}

.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 {
    color: var(--gk-text);
    font-size: 17px;
    font-weight: 600;
    float: right;
    text-decoration: underline !important;
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.pageheader a:hover,
.pageheader button:hover {
    color: var(--gk-text);
}

/* Page Header End */

/* Table Section Start */
.newtable1 {
    /* background-color: var(--gk-gray);
    padding: 30px 30px; 
    padding: 30px; */
    margin-bottom: 30px;
    position: relative;
}

.tablehead1 {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 22px;
    color: var(--gk-text);
}

.tablehead1 h4 {
    font-family: "Helvetica";
    font-size: 22px;
    color: var(--gk-text);
    line-height: 27px;
    letter-spacing: 0, 4px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

.tablehead1::after {
    content: "";
    display: table;
    clear: both;
}

.tablehead1 a {
    font-weight: 500;
    font-size: 22px;
    color: var(--gk-text);
    float: right;
    text-decoration: underline !important;
    padding: 0px;
    margin: 0px;
}

.newtable2 {
    /* overflow-x: auto; */
}

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

.newtable2 table thead tr th {
    background-color: var(--gk-yellow-hover);
    font-family: "Helvetica";
    color: var(--gk-black);
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    height: 60px;
    padding: 0px 5px;
}

.newtable2 table thead tr th a {
    color: var(--gk-text-muted) !important;
}

.newtable2 table tbody tr {
    background-color: var(--gk-gray);
    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 table tbody tr td {
    font-size: 13px;
    color: black;
    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: 13px 10px;
    white-space: initial;
}

.newtable2 table tbody tr td a {
    color: black;
}

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

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

/* status pills (customer-enquiry StatusChip): .status_light_* sets the colour,
   .dash_table_status turns it into a pill; the old dots are superseded by the pill */
.circle_light_green,
.circle_light_grey,
.circle_light_red,
.circle_light_blue,
.circle_light_purple2 {
    display: none;
}

.dash_table_status {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
    background-color: var(--pill-neutral-bg);
    color: var(--pill-neutral);
}

.status_light_green { color: var(--pill-success) !important; }
.dash_table_status.status_light_green { background-color: var(--pill-success-bg); }

.status_light_grey { color: var(--pill-neutral) !important; }
.dash_table_status.status_light_grey { background-color: var(--pill-neutral-bg); }

/* hues follow BrokerPro's status colours (css2/style.css; new.css is not loaded by master) */

/* pending / prepaid (was #FF0000) */
.status_light_red { color: var(--pill-danger) !important; }
.dash_table_status.status_light_red { background-color: var(--pill-danger-bg); }

/* declined / more info: BrokerPro petrol #007891 */
.status_light_blue { color: var(--pill-petrol) !important; }
.dash_table_status.status_light_blue { background-color: var(--pill-petrol-bg); }

/* pending settlement (was indigo #5c52de) */
.status_light_purple { color: var(--pill-indigo) !important; }
.dash_table_status.status_light_purple { background-color: var(--pill-indigo-bg); }

.status_light_purple2 { color: var(--pill-purple) !important; }
.dash_table_status.status_light_purple2 { background-color: var(--pill-purple-bg); }

.status_light_pink { color: var(--pill-pink) !important; }
.dash_table_status.status_light_pink { background-color: var(--pill-pink-bg); }

.status_light_black { color: var(--gk-black) !important; }
.dash_table_status.status_light_black { background-color: var(--pill-neutral-bg); }

.status_light_orange { color: var(--pill-orange) !important; }
.dash_table_status.status_light_orange { background-color: var(--pill-orange-bg); }

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

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

.newtable3 table thead tr {
    border-bottom: 1px solid var(--gk-yellow);
}

.newtable3 table thead tr th {
    background-color: var(--gk-yellow-hover);
    color: var(--gk-black);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    padding: 17px 7px;
    /* width: 90px !important;
    min-width: 90px !important; */
    white-space: normal;
    max-width: 100px;
    text-transform: uppercase;
}

.newtable3 table tbody tr {
    background-color: var(--gk-gray);
    white-space: nowrap;
    border-bottom: 1px solid var(--gk-yellow);
}

.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: var(--gk-text-muted);
    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: var(--gk-text-muted);
}

.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 {
    color: var(--gk-black);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 15px;
    border: 2px solid var(--gk-yellow);
    border-radius: 7px 0px 0px 7px;
    background-color: var(--gk-yellow-hover);
}

.newtable3 table tbody tr td div.totalvalue1 .totalvalue3 {
    color: var(--gk-text);
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
    border: 2px solid var(--gk-yellow);
    border-radius: 0px 7px 7px 0px;
    background-color: #ffffff;
}

.totalvalue1 .totalvalue2 {
    color: var(--gk-black);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 15px;
    border: 2px solid var(--gk-yellow);
    border-radius: 7px 0px 0px 7px;
    background-color: var(--gk-yellow-hover);
}

.totalvalue1 .totalvalue3 {
    color: var(--gk-text);
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
    border: 2px solid var(--gk-yellow);
    border-radius: 0px 7px 7px 0px;
    background-color: #ffffff;
}

.tablestatus {
    background-color: #007795; /* contract labels keep their original colours */
    min-width: 53px;
    color: #fff;
    /* font-size: 13px; */
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    padding: 4px 10px;
    margin-top: 3px;
}

.tabledropdown1 img {
    /* width: 23px; */
    width: 19px;
    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 var(--gk-gray);
}

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

.tabledropdown1 .dropdown-menu .tabledropdown2 li a {
    color: var(--gk-text);
    /* 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: var(--gk-text);
    /* 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: var(--gk-text-muted);
    font-size: 18px;
    background-color: var(--gk-gray);
    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: var(--gk-text-muted);
    border: none;
    /*padding: 0px 10px 0px !important;*/
    
    border-radius: 25px;
    font-size: 18px;
    font-family: "Helvetica";
}

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

.tablehead2 select {
    color: var(--gk-text-muted);
    font-size: 14px;
    /*background-color: var(--gk-gray);*/
    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: var(--gk-text-muted);
    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;
}

#datatable_wrapper .row:first-child #datatable_filter input[type="search"] {
    width: 250px;
    height: 50px !important;
    background-color: var(--gk-gray);
    border-radius: 25px;
    margin-top: 15px;
}

div.dataTables_wrapper div.dataTables_filter input{
    width: 250px;
    height: 50px !important;
    background-color: var(--gk-gray);
    border-radius: 25px;
    margin-top: 15px;
}

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

.pagination li a, .pagination li a:hover {
    color: var(--gk-text);
    font-size: 14px;
    float: left;
    padding: 5px 11px;
    text-decoration: none;
    border: 1px solid var(--gk-yellow);
    border-right: 0;
}

.pagination li.active a {
    background-color: var(--gk-gray) !important;
    border: 1px solid var(--gk-yellow) !important;
}

.pagination li.disabled a {
    background-color: var(--gk-gray) !important;
    border: 1px solid var(--gk-yellow) !important;
}

.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: var(--gk-black);
    font-size: 15px;
    font-weight: 600;
    float: none;
    text-decoration: none !important;
    background-color: var(--gk-yellow);
    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: var(--gk-text);
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    background-color: #dcdfe6;
    padding: 10px 25px;
    margin: 10px 0 0px;
}

.itemtotal1 h3 span {
    color: var(--gk-text);
    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 90px;
    position: relative;
}

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

.paymentnew1 span {
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

.payment1 h4 {
    color: var(--gk-text);
    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: var(--gk-text);
    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: var(--gk-text);
    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: var(--gk-black);
    background-color: var(--gk-yellow);
}

.payment51 h4 {
    color: var(--gk-text);
    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: var(--gk-text);
    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: var(--gk-black);
    background-color: var(--gk-yellow);
}

/* Table Section End */

/* Form Class Start */
.newform1 {
    /*background-color: var(--gk-gray);*/
    padding: 0px;
    margin-bottom: 40px;
}

.formhead1 {
    padding: 15px 0px;
    background-color: white;
}

.formhead1 h4 {
    color: var(--gk-text);
    font-family: "Helvetica";
    font-size: 22px;
    
    display: inline-block;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
}
.formhead1 .supplier {
    color: var(--gk-text);
    font-family: "Helvetica";
    font-size: 17px;
    font-weight: 600;
    
    display: inline-block;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
}

.formhead1 .dropdown-toggle {
    width: 100% !important;
    height: 43px !important;
    color: var(--gk-text-2);
    padding: 0px 10px 0px;
    background: transparent;
}

.formsection1 {
    padding: 20px 0px;
    background-color: white;
}

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

.formsection1 label {
    color: var(--gk-text-muted);
    font-size: 18px;
    font-weight: 300;
    font-family: "Helvetica";
    padding: 0px;
    margin: 0px 0px 5px;
}

.formsection1 span {
    color: var(--gk-text-muted);
    font-size: 18px;
    font-weight: 300;
    font-family: "Helvetica";
    padding: 0px;
    margin: 0px 0px 5px;
}

.formsection1 label a {
    color: var(--gk-text-muted);
}

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

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

.formsection1 label span p{
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 1.2;
    color: var(--gk-text-muted);
    display: block;
}

.formsection1 input,
.formsection1 input:hover,
.formsection1 select,
.formsection1 .bootstrap-select,
.formsection1 search1 input:hover {
    color: var(--gk-text-muted);
    font-size: 18px;
    font-family: "Helvetica";
    background-color: rgb(236 236 237);
    width: 100%; /*!important; ROF*/
    height: 43px !important; 
    border: none;
    border-radius: 25px;
    padding: 7px 20px;
    margin: 0px 0px 15px;
}

.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: var(--gk-text-2);
    font-size: 14px;
    width: 100%;
    min-height: 90px;
    background-color: white;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 7px;*/

    color: var(--gk-text-muted);
    font-size: 18px;
    font-family: "Helvetica";
    background-color: rgb(236 236 237);
    border: none;
    border-radius: 25px;
    padding: 7px 20px;
    margin: 0px 0px 15px;
}

.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: rgb(236 236 237);
    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: var(--gk-yellow);
}

.formsection1 input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 7px !important;
    cursor: pointer;
    accent-color: var(--gk-yellow);
}

.formsection1 .dropdown-toggle {
    color: var(--gk-text-2);
    padding: 0;
    background: transparent;
    font-size: 18px;
    font-family: "Helvetica";
   padding-left: 15px;
   font-size: 18px;
}

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

.formsection1 h4 {
    color: var(--gk-text);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.formsection1 h4 small {
    color: var(--gk-text);
    font-size: 12px;
    font-weight:500; 
    display: inline; 
}

.formsection1 p {
    color: var(--gk-text);
    font-size: 18px;
    font-weight: 400;
    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: var(--gk-text);
    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: var(--gk-text-2);
    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: var(--gk-text-2);
    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: var(--gk-text-2);
    padding: 0px 10px 0px;
    background: transparent;
}

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

.formsection2 h4 {
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.formsection2 .payment51 h4 {
    color: var(--gk-text);
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.7;
    padding: 0px 0px 10px !important;
    margin: 0px;
}

.formsection2 p {
    color: var(--gk-text);
    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: var(--gk-text);
    font-size: 14px;
    font-weight: 600;
    float: left;
    padding: 0px;
    margin: 0px 0px 5px;
}

.formsection3 input {
    color: var(--gk-text-2);
    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: 11px 20px 0px;
    margin: 0px;
}

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

.search1 button {
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Helvetica" !important;
    background-color: var(--gk-yellow);
    color: var(--gk-black);
    text-transform: uppercase !important;
    font-size: 16px;
    height: 43px;
    border-radius: 25px;
    padding: 0px 20px;

    margin: 0px;
}

.search1 button:hover {
    color: var(--gk-black);
}

.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: "Helvetica";
    font-size: 24px;
    font-weight: 300;
}

.formbutton1 .formsave1 {
    background-color: var(--gk-yellow);
    color: var(--gk-black);
    font-family: "Helvetica";
    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: var(--gk-text);
    font-family: "Helvetica";
    font-size: 24px;
    font-weight: 300;
    padding: 9px 60px 10px;
    margin: 5px;
    border-radius: 25px;
    box-shadow: none;
    text-transform: uppercase;
}

.formbutton2 .formsave1 {
    background-color: var(--gk-yellow);
    color: var(--gk-black);
    font-family: "Helvetica";
    font-size: 24px;
    font-weight: 300;
    float: right;
    padding: 9px 60px 10px;
    margin: 5px;
    border-radius: 21px;
    box-shadow: none;
    text-transform: uppercase;
}

.formsection1 .formsave1 {
    background-color: var(--gk-yellow);
    color: var(--gk-black);
    font-family: "Helvetica";
    font-size: 24px;
    font-weight: 300;
    padding: 9px 60px 10px;
    margin: 15px 5px 5px 5px;
    border-radius: 21px;
    box-shadow: none;
}

.formbutton2 .formback1 {
    background-color: #c3bfb8;
    color: #fff;
    font-family: "Helvetica";
    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: var(--gk-yellow);
    color: var(--gk-black);
    font-family: "Helvetica";
    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:var(--gk-yellow-hover);
}

.formsave1:hover {
    background-color:var(--gk-yellow-hover);
}

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

.formbutton3 .formsave1 {
    background-color: var(--gk-yellow);
    color: var(--gk-black);
    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: var(--gk-gray);
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 600;
    padding: 6px 30px 7px;
    margin: 0px;
    border-radius: 21px;
    box-shadow: none;*/

    background-color: var(--gk-yellow);
    color: var(--gk-black);
    font-family: "Helvetica";
    font-size: 20px;
    font-weight: 300;
    padding: 5px 30px;
    margin: 0px;
    border-radius: 21px;
    box-shadow: none;

}

.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: var(--gk-text);
    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: var(--gk-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.chat_1 a,
.chat_3 a,
.chat_5 a {
    color: var(--gk-text);
    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: var(--gk-text);
    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: var(--gk-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.chat_2 a,
.chat_5 a {
    color: var(--gk-text);
    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: var(--gk-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.emailsignature1 {
    text-align: center;
}

.emailsignature1 button {
    width: 160px;
    height: 150px;
    color: var(--gk-black);
    padding: 0;
    margin: 10px;
    border-radius: 10px;
    background-color: var(--gk-yellow);
}

.emailsignature1 a {
    width: 160px;
    height: 150px;
    color: var(--gk-black);
    font-family: "Helvetica";
    font-size: 20px;
    font-weight: 300;
    padding: 0;
    display: inline-block;
    margin: 10px;
    border-radius: 10px;
    background-color: var(--gk-yellow);
    text-align: center;
}

.emailsignature1 a:hover {
    color: var(--gk-black);
    background-color:var(--gk-yellow-hover);
}

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

.emailsignature2 {
    text-align: right;
}

.emailsignature2 a {
    width: 100%;
    max-width: 420px;
    height: auto;
    color: var(--gk-black);
    font-family: "Helvetica";
    font-size: 16px;
    font-weight: 300;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    margin: 8px 0 8px auto;
    border-radius: 10px;
    background-color: var(--gk-yellow);
    text-align: left;
    box-sizing: border-box;
}

.emailsignature2 a:hover {
    color: var(--gk-black);
    background-color: var(--gk-yellow-hover);
}

.emailsignature2 a img {
    display: block;
    width: 32px;
    flex-shrink: 0;
    margin: 0 14px 0 0;
    padding: 0;
}

.newtab1 {
    padding: 20px 40px;
}

.newtab1 a {
    background-color: #a7a7a7;
    color: var(--gk-gray);
    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: var(--gk-gray);
}

.newtab1 a.active {
    background-color: var(--gk-yellow);
    color: var(--gk-black);
}

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

.newbox1 h4 {
    color: var(--gk-text);
    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: var(--gk-text);
    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 */

/* Application History (timeframe) Start */
.apphist-header {
    margin-bottom: 25px;
}

.apphist-eyebrow {
    display: block;
    color: var(--gk-text-muted);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.apphist-title {
    font-family: "Helvetica";
    font-weight: 100;
    font-size: 40px;
    line-height: 1.2;
    color: var(--gk-text);
    margin: 4px 0 0;
    word-break: break-word;
}

.apphist-card {
    background-color: var(--gk-white);
    border: 1px solid var(--gk-border);
    border-radius: 7px;
    padding: 20px 24px;
    margin-bottom: 25px;
}

.apphist-card-head {
    border-bottom: 1px solid var(--gk-border-light);
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.apphist-card-head h4 {
    color: var(--gk-text);
    font-family: "Helvetica";
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}

.apphist-timeline {
    position: relative;
    padding-left: 36px;
}

.apphist-timeline::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 11px;
    width: 2px;
    background-color: var(--gk-border);
}

.apphist-item {
    position: relative;
    padding-bottom: 22px;
}

.apphist-item:last-child {
    padding-bottom: 0;
}

.apphist-dot {
    position: absolute;
    left: -36px;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--gk-white);
    border: 2px solid var(--gk-border);
    color: var(--gk-text-muted);
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apphist-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 12px;
}

.apphist-status {
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}

.apphist-duration {
    background-color: var(--gk-gray);
    border-radius: 12px;
    color: var(--gk-text);
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    white-space: nowrap;
}

.apphist-duration i,
.apphist-meta i {
    margin-right: 6px;
}

.apphist-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 18px;
    color: var(--gk-text-muted);
    font-size: 12px;
    margin-top: 2px;
}

.apphist-desc {
    margin-top: 8px;
    padding: 8px 12px;
    background-color: var(--gk-bg);
    border-left: 3px solid var(--gk-border);
    border-radius: 0 4px 4px 0;
    color: #555;
    font-size: 12px;
    font-style: italic;
}

.apphist-item--current .apphist-dot {
    background-color: var(--gk-yellow);
    border-color: var(--gk-yellow);
    box-shadow: 0 0 0 4px var(--gk-yellow-soft);
}

.apphist-item--current .apphist-body {
    display: flex;
    flex-direction: column;
}

.apphist-label {
    color: var(--gk-text-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    line-height: 1;
    margin-top: -2px;
}

.apphist-item--current .apphist-status {
    font-size: 16px;
}

.apphist-item--voided .apphist-dot {
    border-color: var(--gk-red);
    color: var(--gk-red);
}

.apphist-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding: 12px 16px;
    background-color: var(--gk-yellow-soft);
    border: 1px solid var(--gk-yellow);
    border-radius: 7px;
}

.apphist-total-label {
    color: var(--gk-text);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.apphist-total-value {
    color: var(--gk-text);
    font-size: 18px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .apphist-title {
        font-size: 28px;
    }

    .apphist-card {
        padding: 16px;
    }
}
/* Application History (timeframe) End */

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

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

.newchart1 .tabelform1 .bootstrap-select {
    /*background-color: var(--gk-gray);*/
}

.newchart2 {
    position: relative;
    /*background-color: var(--gk-gray);*/
    padding: 30px;
    margin-bottom: 50px;
    height: 360px;
}

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

.chartvalue1 p {
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

.chartvalue1 p span {
    display: block;
    color: var(--gk-text);
    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: var(--gk-text);
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    padding: 0px 0px 15px;
    margin: 0px;
}

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

.newchart5 form label {
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    display: block;
}

.newchart5 form input[type="number"] {
    color: var(--gk-text-2);
    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: var(--gk-yellow);
    color: var(--gk-black);
    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: var(--gk-text);
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -79%);
}

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

.newchart6 {
    height: 71px;
}

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

.newchart5 canvas#chart1 {
    width: auto !important;
    height: 170px !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: var(--gk-text);
    font-size: 16px;
    font-weight: 600;
    background-color: var(--gk-gray);
    border: 1px solid var(--gk-black);
    padding: 6px 15px;
    margin: 0px;
}

.quotetab1 a:hover,
.quotetab1 a.active {
    color: #ffffff !important;
    background-color: var(--gk-black) !important;
}

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

/* Quote Tab End */

/* Terms of Use Start */
.termscontent1 {
    background-color: var(--gk-gray);
    padding: 0px;
    margin-bottom: 90px;
}

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

.termscontenthead h4 {
    color: var(--gk-text);
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
}

.termscontent2 {
    padding: 20px 40px;
}

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

.termscontent3 h4 {
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0px 0px 10px;
    margin: 0px;
}

.termscontent3 p {
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px 0px 10px;
}

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

.termscontent3 li {
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px 0px 10px;
    word-break: break-word;
}

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

.termscontent3 a {
    color: var(--gk-text);
    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 {
    color: var(--gk-text);
    font-size: 17px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

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

.popup1 .modal-body form h5 {
    color: var(--gk-text-muted);
    font-size: 17px;
    font-weight: 600;
    padding: 0px 0px 10px;
    margin: 0px;
}

.popup1 .modal-body form label,
.popup1 .modal-body label {
    color: var(--gk-text-muted);
    font-size: 18px;
    font-weight: 300;
    padding: 0px;
    margin: 0px 0px 3px;
}

.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 {
    color: var(--gk-text-2);
    font-size: 16px;
    font-weight: 300;
    background-color: var(--gk-gray);
    display: block;
    width: 100%;
    border: none; /*1px solid rgba(55, 86, 106, 0.3);*/
    border-radius: 25px;
    padding: 7px 10px;
    margin: 0px 0px 7px;
}

.popup1 .modal-body input[readonly] {
    color: var(--gk-text-muted);
}

.popup1 .modal-body form input[type="file"] {
    border: 1px dashed var(--gk-yellow);
}

.popup1 .modal-body form textarea {
    color: var(--gk-text);
    font-size: 16px;
    font-weight: 300;
    background-color: var(--gk-gray);
    width: 100%;
    min-height: 90px;

    border: none; /*1px solid rgba(55, 86, 106, 0.3);*/
    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: var(--gk-yellow);
    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: 3px;
    vertical-align: middle;
    transition: background 0.1s ease;
    cursor: pointer;
    accent-color: var(--gk-yellow);
}

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

.checkbox31 {
    margin-left: 5px !important;
    cursor: pointer;
    accent-color: var(--gk-yellow);
}

.checkbox21:checked ~ .checkbox21 {
    border-color: transparent;
    background: var(--gk-yellow);
    animation: jelly 0.6s ease;
}

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

.checkbox21:disabled,
.checkbox21:disabled ~ .checkbox21 {
    cursor: not-allowed;
}

.checkbox21:disabled ~ .checkbox21 {
    border-color: #d3d5d9;
    background: #f1f2f4;
    animation: none;
}

/* Text label next to a disabled checkbox */
.checkbox11:has(.checkbox21:disabled) + label {
    color: #a6a9ae;
    cursor: not-allowed;
}

/**/
#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: var(--gk-yellow);
    color: var(--gk-black);
    font-size: 13px;
    font-weight: 600;
    float: right;
    border-radius: 21px;
    box-shadow: none;
    padding: 5px 22px;
    margin: 10px 0px 0px;
}

.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: var(--gk-text);
    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: var(--gk-black);
    background-color: var(--gk-yellow);
}

.newpopupbtn1 {
    text-align: right;
}

.popup1 .modal-footer .newsave,
.newpopupbtn1 .newsave {
    background-color: var(--gk-yellow);
    color: var(--gk-black);
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 5px 22px;
    border-radius: 21px;
    box-shadow: none;
}

.popup1 .modal-footer .newsave:hover,
.newpopupbtn1 .newsave:hover {
    color: var(--gk-black);
}

.popup1 .modal-footer .newclose,
.newpopupbtn1 .newclose {
    background-color: #c3bfb8;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 5px 22px;
    border-radius: 21px;
    box-shadow: none;
}

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

.newaddbtn1 {
    color: var(--gk-text);
    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: var(--gk-text);
    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;
}

.loading1.with-progress {
    width: 320px;
    max-width: 85vw;
    text-align: center;
}

.loading1.with-progress i,
.loading1.with-progress p {
    vertical-align: middle;
}

.loading1 .loading-progress {
    width: 100%;
    height: 10px;
    margin: 16px auto 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.25);
    overflow: hidden;
}

.loading1 .loading-progress-bar {
    width: 0;
    height: 100%;
    border-radius: 5px;
    background: var(--gk-yellow);
    transition: width 0.25s ease;
}

.loading1 .loading-progress-text {
    display: block;
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
}

/* Loader Class End */

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

.onlineuser1 .onlineuser2 {
    color: var(--gk-black);
    font-size: 17px !important;
    font-weight: 600;
    background-color: var(--gk-yellow);
    border-radius: 20px;
    display: inline-block !important;
    padding: 6px 17px 9px !important;
    position: relative;
}

.onlineuser1 a:hover {
    color: var(--gk-black) !important;
    background-color: var(--gk-yellow) !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 {
    background-color: #ffffff;
    border: 1px solid var(--gk-yellow);
    border-radius: 20px 0px;
    padding: 20px 20px;
    margin: 0px 0px 25px;
}

.contact1 h4 {
    color: var(--gk-text);
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 10px;
    margin: 0px;
}

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

.contact1 li {
    color: var(--gk-text);
    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: var(--gk-text);
    font-weight: 600;
}

/* Contact Class End */

.newhidden {
    display: none !important;
}

.newpaddtop1 {
    padding-top: 10px !important;
}

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

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

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

.dropdown-item {
    text-align: left !important;
    color: var(--gk-text-muted);
    font-size: 18px;
    font-family: "Helvetica";
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ece8e2 !important;
    color: var(--gk-text-muted);
    font-size: 18px;
    font-family: "Helvetica";
}

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

.sidebar2 {
    position: fixed;
    left: 0px;
    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);
}

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

.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: #4caf50; */
    background-color: #33872c;
    color: #fff;
}

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

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

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

.newheadbtton1 a {
    background-color: var(--gk-yellow);
    color: var(--gk-black);
    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: var(--gk-gray);
}

.newpaddingt1 {
    padding-top: 70px !important;
}

/* 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: var(--gk-text) !important;
}

.newrating1 .rating-stars .caption {
    color: var(--gk-text);
    font-size: 20px;
    line-height: 1.3;
    display: inline-block;
    padding: 0px 0px 0px 10px;
    margin: 0px;
}

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

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

.newrating1 textarea {
    background-color: var(--gk-gray);
    min-height: 120px;
    outline: var(--gk-yellow);
    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: var(--gk-yellow);
    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: var(--gk-text);
    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 {
    background-color: var(--gk-yellow-hover) !important;
    border-color: var(--gk-yellow) !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: 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: var(--gk-text);
    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: var(--gk-gray);
    margin: 0px auto;
}

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

.dashpopup3 h4 {
    color: var(--gk-text);
    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: var(--gk-text);
    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: var(--gk-text);
    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: var(--gk-text);
    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: var(--gk-text);
    font-size: 16px;
    /* font-size: 12px; */
    font-weight: 600;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.newchart22 p {
    color: var(--gk-text);
    /* 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: var(--gk-yellow) !important;
    color: var(--gk-black) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    float: right !important;
    border-radius: 21px !important;
    box-shadow: none !important;
    padding: 9px 30px 10px !important;
    margin: 0px;
    text-decoration: none !important;
}

.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: var(--gk-text);
    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: var(--gk-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}

.newnotification1 {
    position: relative;
    background-color: #fff;
    border-right: 3px solid var(--gk-yellow);
    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: var(--gk-yellow);
    transform: translate(0%, -50%);
    background: url(../images/email2.png), var(--gk-yellow);
    background-repeat: no-repeat;
    background-size: 39px;
    background-position: center;
}

.newnotification2 h4 {
    color: var(--gk-text);
    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: var(--gk-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    padding: 3px 0px;
    margin: 0px;
}

.newnotification2 p {
    color: var(--gk-text);
    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;
}

.newsection2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.newsection3 {
    display: none;
    position: relative;
    background-color: var(--gk-gray);
    width: 29%;
    min-height: 141px;
    border: 1px solid var(--gk-gray);
    border-radius: 10px;
    padding: 20px 15px 20px 79px;
    margin: 10px 10px 10px 30px;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 13%);
}

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

.newsection5 {
    min-height: 156px;
}

.newsection3:nth-child(1),
.newsection3:nth-child(2),
.newsection3:nth-child(3),
.newsection3:nth-child(4),
.newsection3:nth-child(5),
.newsection3:nth-child(6),
.newsection3:nth-child(7),
.newsection3:nth-child(8),
.newsection3:nth-child(9),
.newsection3b:nth-child(1),
.newsection3b:nth-child(2),
.newsection3b:nth-child(3),
.newsection3b:nth-child(4),
.newsection3b:nth-child(5),
.newsection3b:nth-child(6),
.newsection3b:nth-child(7),
.newsection3b:nth-child(8),
.newsection3b:nth-child(9) {
    display: block;
}

.newsection3 h3, .newsection3b h3 {
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.newsection3 h5, .newsection3b h5 {
    color: var(--gk-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    padding: 0px;
    margin: 0px;
}

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

.newsection3 p, .newsection3b p {
    color: var(--gk-text);
    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: 0px;
}

.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: 34px;
    height: 30px;
    background-color: var(--gk-yellow);
    color: var(--gk-black);
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    padding: 0px;
    margin: 0px;
}

.newsection4 {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(0px, -50%);
}

.newsection4 img {
    width: 90px;
    height: 90px;
    border-radius: 7px;
    object-fit: cover;
}

.newsection4 img.newimg1 {
    background-color: var(--gk-yellow);
    padding: 15px;
}

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

.newsection1 .pagination a {
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: var(--gk-text) !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: var(--gk-black) !important;
    background-color: var(--gk-yellow);
}

.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: var(--gk-text) !important;
    background-color: var(--gk-gray);
}

.newfileupload11 {
    position: relative;
    background-color: rgb(236 236 237);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 2px dashed rgb(13 55 112 / 25%);
    padding: 17px 0px;
    margin: 0px 0px 20px;
    z-index: 1;
    border-radius: 25px;
}

.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 {
    /* the icon artwork is navy: render it in the grey of the other item icons */
    filter: brightness(0);
    opacity: .55;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0px auto;
}

.newfileupload12 h4 {
    color: var(--gk-text);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    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;
    background-color: var(--gk-yellow-hover);
    border-radius: 20px;
    color: var(--gk-black);
    font-size: 15px;
    font-weight: 500;
    padding: 5px 13px 6px;
    margin: 6px 0px 0px;
}

.newfileupload12 a:hover,
.newfileupload12 a:focus {
    color: var(--gk-black);
    text-decoration: none;
}

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

.newfileupload11 {
    transition: background-color .15s, border-color .15s, padding .15s;
}

.newfileupload11:hover,
.newfileupload11.is-dragover {
    border-color: var(--gk-yellow);
}

.newfileupload11.is-dragover {
    background-color: rgb(255 204 0 / 12%);
}

/* single-file zone with its file picked (multi-file-input.js): the file is shown inside the zone, solid border */
.newfileupload11.has-file {
    border-style: solid;
    border-color: var(--gk-border);
    background-color: #fff;
    padding: 14px 18px;
}

.newfileupload11.has-file:hover {
    border-color: var(--gk-yellow);
}

.newfileupload11.has-file .newfileupload12 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    width: 100%;
    text-align: left;
}

.newfileupload11.has-file .newfileupload12 img,
.newfileupload11.has-file .newfileupload12 h4,
.newfileupload11.has-file .newfileupload12 p {
    display: none;
}

.newfileupload11.has-file .newfileupload12 a {
    margin: 0px;
}

.newfileupload11.has-file .newfileupload12 > span.error:empty {
    display: none;
}

.newfileupload11.has-file .newfileupload12 > span.error {
    flex: 0 0 100%;
    margin: 0px;
}

.mfi-current {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    align-items: center;
    min-width: 0;
}

.mfi-current .file-icon {
    grid-row: 1 / 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background-color: var(--gk-yellow-soft);
    color: var(--gk-black);
    font-size: 22px;
    line-height: 1;
}

.mfi-current .file-icon.fa-file-pdf-o {
    background-color: var(--pill-danger-bg);
    color: var(--gk-red);
}

.mfi-current .file-icon.fa-file-word-o {
    background-color: var(--pill-info-bg);
    color: var(--pill-info);
}

.mfi-current .file-icon.fa-file-excel-o {
    background-color: var(--pill-success-bg);
    color: var(--pill-success);
}

.newfileupload12 .mfi-current .file-name {
    display: block;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--gk-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0px;
}

.newfileupload12 .mfi-current .file-size {
    display: block;
    color: var(--gk-text-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    margin: 2px 0px 0px;
}

/* the remove button sits above the full-zone file input so it gets the click */
.mfi-current .file-remove {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 10;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--gk-text-muted);
    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}

.mfi-current .file-remove:hover,
.mfi-current .file-remove:focus {
    background-color: var(--pill-danger-bg);
    color: var(--gk-red);
    outline: none;
}

.newfileupload11.has-file .newfileupload12 a {
    margin-right: 22px;
}

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

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

.maillead1 label {
    display: block;
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 600;
    padding: 0px 0px 3px;
    margin: 0px;
}

.maillead1 input,
.maillead1 select {
    color: var(--gk-text-2);
    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: var(--gk-text-2);
    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 {
    color: var(--gk-text);
    font-size: 22px;
    font-weight: 300;
    padding: 0px;
    margin: 0px;
}

.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: var(--gk-text);
    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: var(--gk-text);
    font-size: 10px;
    font-weight: 500;
    vertical-align: sub;
}

/* Multi-file input list (multi-file-input.js): inline file chips, same look on every page; body prefix outranks page list styles (.filelist1, .newlist11) */
body ul.mfi-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin: 12px 0 0;
    list-style: none;
}

body ul.mfi-list > li > * {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
}

body ul.mfi-list:empty {
    display: none;
}

body ul.mfi-list > li {
    position: static;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    max-width: 100%;
    margin: 0;
    min-height: 36px;
    padding: 5px 6px 5px 6px;
    border: 1px solid var(--gk-border);
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
    color: var(--gk-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    list-style: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

body ul.mfi-list > li:hover {
    border-color: var(--gk-yellow);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

body ul.mfi-list > li::before {
    content: none;
    display: none;
}

body ul.mfi-list > li .file-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-color: var(--gk-yellow-soft);
    color: var(--gk-black);
    font-size: 13px;
    line-height: 1;
}

body ul.mfi-list > li .file-icon.fa-file-pdf-o {
    background-color: var(--pill-danger-bg);
    color: var(--gk-red);
}

body ul.mfi-list > li .file-icon.fa-file-word-o {
    background-color: var(--pill-info-bg);
    color: var(--pill-info);
}

body ul.mfi-list > li .file-icon.fa-file-excel-o {
    background-color: var(--pill-success-bg);
    color: var(--pill-success);
}

body ul.mfi-list > li .file-name {
    min-width: 0;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    vertical-align: middle;
}

body ul.mfi-list > li .file-size {
    flex: 0 0 auto;
    padding: 1px 6px;
    border-radius: 10px;
    background-color: var(--gk-gray);
    color: var(--gk-text-muted);
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    vertical-align: middle;
    white-space: nowrap;
}

body ul.mfi-list > li .file-remove {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 2px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--gk-text-muted);
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}

body ul.mfi-list > li .file-remove:hover,
body ul.mfi-list > li .file-remove:focus {
    background-color: var(--pill-danger-bg);
    color: var(--gk-red);
    outline: none;
}

.popupbtn1 {
    background-color: var(--gk-yellow);
    color: var(--gk-black);
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 5px 26px !important;
    border-radius: 21px !important;
}

.popupbtn2 {
    background-color: var(--gk-gray);
    color: var(--gk-text);
    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: var(--gk-text);
    font-size: 35px;
    line-height: 35px;
    padding: 0px;
    margin: 0px;
}

.resller1 h4 {
    display: inline-block;
    color: var(--gk-text);
    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: var(--gk-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    padding: 0px;
    margin: 0px;
}

.newtab11 {
    background-color: var(--gk-yellow-hover) !important;
    padding: 0 4px;
}

/* Mirrors the dashboard tabs (#dashboardTabs in home.blade.php) */
.newtab11 ul {
    padding: 0px;
    margin: 0px;
    height: 70px;
    display: flex;
    align-items: center;
}

.newtab11 ul li {
    list-style-type: none;
    display: inline-block;
    background-color: #f4f4f4;
    color: #555;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 0;
    padding: 12px 20px;
    margin: 4px 2px 0;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.newtab11 ul li:hover {
    background-color: #e8e8e8;
    color: #355569;
}

.newtab11 ul li.active,
.newtab11 ul li.active:hover {
    color: #ffffff;
    background-color: var(--gk-black);
}

@media (prefers-reduced-motion: reduce) {
    .newtab11 ul li { transition: none; }
}

.newtab13 {
    display: none;
}

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

.newlist11 ul li {
    position: relative;
    color: var(--gk-text);
    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: var(--gk-text);
    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: var(--gk-text);
    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 {
    background-color: var(--gk-yellow-hover) !important;
    border: 1px solid var(--gk-yellow) !important;
}

#jquery-tab-pager-navi li a.disable {
    background-color: var(--gk-gray) !important;
    border: 1px solid var(--gk-gray) !important;
    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-color: #c8cdd1;
}

#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: var(--gk-black) !important;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid var(--gk-black);
    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: var(--gk-text);
    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: var(--gk-text);
    font-style: italic;
}

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

.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: "Helvetica";
    font-size: 55px !important;
    color: var(--gk-text-muted) !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: #999;
    background-color: rgb(236 236 237);
    height: 43px !important;

    margin: 0px;
}

.calculatepreview {
    position: relative;
    background-color: var(--gk-yellow);
    display: flex;
    flex-wrap: wrap;
    
    align-items: center;
    font-size: 18px;
    font-weight: 300;
    font-family: "Helvetica";
    padding: 10px 0px;
    margin: 10px 0px 15px;
    z-index: 1;
    border-radius: 25px;
    color: var(--gk-black);
    display: grid;
}

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

.calculatepreview div label{
    font-size: 10px;
    font-weight: 100;
    font-family: "Helvetica";
    color: #fff;
}

.calculatepreview span{
    display: table;
    background-color: var(--gk-yellow-hover);
    border-radius: 20px;
    color: var(--gk-black);
    padding: 5px 13px 6px;
    margin: 5px;
}

.paymentcalculation label {
    color: var(--gk-text);
    font-size: 22px;
    font-weight: 300;
    font-family: "Helvetica";
    text-align: center;
    display: block;
    margin: 15px;
}

.paymentcalculation label sub {
    color: var(--gk-text);
    font-size: 16px;
    font-weight: 300;
    font-family: "Helvetica";
}

.paymentcalculation label span.stC {
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 100;
    font-family: "Helvetica";   
}

.paymentcalculation label span.stB {
    color: var(--gk-text);
    font-size: 18px;
    font-weight: 300;
    font-family: "Helvetica";   
}

.paymentcalculation label span.stA {
    color: var(--gk-text);
    font-size: 16px;
    font-weight: 300;
    font-family: "Helvetica";   
}

.paymentcalculation label span.stA sub {
    /*color: green;*/
    font-size: 12px;
    font-weight: 100;
    font-family: "Helvetica";   
}

.paymentcalculation label span.title{
    color: var(--gk-text);
    font-size: 14px;
    font-weight: 100;
    font-family: "Helvetica";  
}

@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 (min-width: 601px) and (max-width: 930px) {

    .paymentcalculation label {
       
        font-size: 16px;
        font-weight: 300;
        font-family: "Helvetica";
        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 (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;
    }

    
}	

.settlement_checklist {
    border: 1px solid #dee2e6; 
    
    /* Cantos arredondados */
    border-radius: 0 0 8px 8px;
    
    /* Espaçamento interno para o conteúdo não tocar na borda */
    padding: 10px; 
    
    /* Margem exterior para separar de outros elementos */
    margin-bottom: 20px; 
    
    /* Opcional: Um fundo ligeiro e uma sombra muito subtil para dar profundidade */
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* ---- Brand primary buttons -------------------------------------------
   Vendor bootstrap.min.css is linked AFTER this file, so these rules use
   `.btn.btn-primary` to outrank Bootstrap's own `.btn-primary`. ------- */
.btn.btn-primary {
    background-color: var(--gk-yellow);
    border-color: var(--gk-yellow);
    color: var(--gk-black);
    transition: background-color .15s ease-in-out,
                border-color .15s ease-in-out,
                box-shadow .15s ease-in-out;
}

.btn.btn-primary:hover {
    background-color: var(--gk-yellow-hover);
    border-color: var(--gk-black);
    color: var(--gk-black);
}

.btn.btn-primary:focus,
.btn.btn-primary.focus {
    background-color: var(--gk-yellow-hover);
    border-color: var(--gk-black);
    color: var(--gk-black);
    box-shadow: 0 0 0 .2rem rgba(251, 185, 0, .4);
}

.btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-primary.dropdown-toggle {
    background-color: var(--gk-black);
    border-color: var(--gk-black);
    color: var(--gk-black);
}

.btn.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(251, 185, 0, .4);
}

.btn.btn-primary:disabled,
.btn.btn-primary.disabled {
    background-color: var(--gk-yellow);
    border-color: var(--gk-yellow);
    color: var(--gk-black);
    opacity: .55;
}