@charset "utf-8";
/*
Template Name: Saral - Admin Dashboard
Author: Vejo Software Solution
Website: vejo.in
File: Main Css File
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-thumb {background: #06038D; border-radius: 4px;}
::-webkit-scrollbar-track { background-color: #fafafa; }
:root {
font-size:62.5%;
--body-color: #fff;
--body-family:  "Inter", sans-serif;
--table-family:  "Inter", sans-serif;
--button-family:  "Be Vietnam Pro", sans-serif;
--title-family:   "Be Vietnam Pro", sans-serif;
--heading-family:  "Lato", sans-serif;
--label-family:  "Lato", sans-serif;
--chart-family:  "Roboto", sans-serif;
--footer-family:  "Roboto", sans-serif;
/* Body Colors*/
--pagebar: #f6f9ff;
--tableheadrow: #daedf9;
--radioorange: #ff6c09;
--radiogreen: #18ac00;
--titletext: #dc3545;
--subtext: #757575;
--ts-teal: #008080;
--primary: #00A15D;
--secondary: #FF5E4B;
--primary-green: #009900;
--primary-green-dark1:#1E8449;
--primary-green-dark2:#14633a;
--primary-light: #00d47a;
--primary-hover: #006e40;
--primary-dark: #006e40; 
--primary-blue: #090889;
--ts-primary:#00A15D;
/* Blue Colors */
--ts-bluedark1:#090889;
--ts-bluedark2:#014d9b;
--ts-blue: #000099;
--ts-blue9: #003399;
--ts-blue8: #0000CC;
--ts-blue7: #0033CC;
--ts-blue6: #0000FF;
--ts-blue5: #0033FF;
--ts-blue4: #3300FF;
--ts-blue3: #3333FF;
--ts-blue2: #0066FF;
--ts-blue1:#007bff;
--ts-blue0: #0275fa;
--ts-navyblue:#06038D;
--ts-darkblue: #1A237E;
--ts-darkblue9: #283593;
--ts-darkblue8: #303F9F;
--ts-darkblue7: #3949AB;
--ts-darkblue6: #3F51B5;
--ts-darkblue5: #5C6BC0;
--ts-darkblue4: #7986CB;
--ts-darkblue3: #9FA8DA;
--ts-darkblue2: #C5CAE9;
--ts-darkblue1: #E8EAF6;
--ts-darkblue0: #d8fdfd;
--ts-royalblue: #4169E1;
--ts-royalblue9: #0D47A1;
--ts-royalblue8: #1565C0;
--ts-royalblue7: #1976D2;
--ts-royalblue6: #1E88E5;
--ts-royalblue5: #2196F3;
--ts-royalblue4: #42A5F5;
--ts-royalblue3: #64B5F6;
--ts-royalblue2: #90CAF9;
--ts-royalblue1: #BBDEFB;
--ts-royalblue0: #E3F2FD;
--ts-skyblue: #1E90FF;
--ts-skyblue9: #01579B;
--ts-skyblue8: #0277BD;
--ts-skyblue7: #0288D1;
--ts-skyblue6: #039BE5;
--ts-skyblue5: #03A9F4;
--ts-skyblue4: #29B6F6;
--ts-skyblue3: #4FC3F7;
--ts-skyblue2: #81D4FA;
--ts-skyblue1: #BBDEFB;
--ts-skyblue0: #E1F5FE;
--ts-deepskyblue: #00BFFF;
/* Grey Colors */
--ts-silver: #C0C0C0;
--ts-gray: #808080;
--ts-graylight: #D3D3D3;
--ts-graydark: #616161;
--ts-gray9: #5f5e5e;
--ts-gray8: #6a6969;
--ts-gray7: #727171;
--ts-gray6: #7d7c7c;
--ts-gray5: #888686;
--ts-gray4: #929090;
--ts-gray3: #979696;
--ts-gray2: #a09f9f;
--ts-gray1: #acabab;
--ts-lightgray9: #b9b9b9;
--ts-lightgray8: #c2c0c0;
--ts-lightgray7: #cfcfcf;
--ts-lightgray6: #d8d7d7;
--ts-lightgray5: #e1dfdf;
--ts-lightgray4: #eaeaea;
--ts-lightgray3: #f1f0f0;
--ts-lightgray2: #f8f8f8;
--ts-lightgray1: #fdfdfd;
/* Green Colors */
--ts-green:#2fbe15;
--ts-green9:#009900;
--ts-green8:#01a601;
--ts-green7:#01b601;
--ts-green6:#02c402;
--ts-green5:#01d101;
--ts-greenlime: #32CD32;
--ts-greenforest: #228B22;
--ts-greenyellow1: #9ACD32;
--ts-greenyellow2: #ADFF2F;
--ts-lime: #00FF00;
--ts-olive: #808000;
--ts-olivedark: #6B8E23;
--green-color:#009900;
--ts-green:#009900;
--ts-darkgreen9:#145A32;
--ts-darkgreen8:#196F3D;
--ts-darkgreen7:#1E8449;
--ts-darkgreen6:#229954;
--ts-darkgreen5:#27AE60;
--ts-darkgreen4:#52BE80;
--ts-darkgreen3:#7DCEA0;
--ts-darkgreen2:#A9DFBF;
--ts-darkgreen1:#D4EFDF;
--ts-darkgreen0:#E9F7EF;
--ts-forestgreen9:#186A3B;
--ts-forestgreen8:#1D8348;
--ts-forestgreen7:#239B56;
--ts-forestgreen6:#28B463;
--ts-forestgreen5:#2ECC71;
--ts-forestgreen4:#58D68D;
--ts-forestgreen3:#82E0AA;
--ts-forestgreen2:#ABEBC6;
--ts-forestgreen1:#D5F5E3;
--ts-forestgreen0:#EAFAF1;
--ts-olivegreen9:#33691E;
--ts-olivegreen8:#558B2F;
--ts-olivegreen7:#689F38;
--ts-olivegreen6:#7CB342;
--ts-olivegreen5:#8BC34A;
--ts-olivegreen4:#9CCC65;
--ts-olivegreen3:#AED581;
--ts-olivegreen2:#C5E1A5;
--ts-olivegreen1:#DCEDC8;
--ts-olivegreen0:#F1F8E9;
--ts-limegreen9:#827717;
--ts-limegreen8:#9E9D24;
--ts-limegreen7:#AFB42B;
--ts-limegreen6:#C0CA33;
--ts-limegreen5:#D4E157;
--ts-limegreen4:#DCE775;
--ts-limegreen3:#E6EE9C;
--ts-limegreen2:#F0F4C3;
--ts-limegreen1:#F9FBE7;
--ts-limegreen0:#F9FBE7;
/* Orange Colors */
--ts-orange: #FF8C00;
--ts-orangelight: #FFA500;
--ts-orangered: #FF4500;
--ts-orangetomato: #FF6347;
--ts-orangecoral: #FF7F50;
--ts-chocolate: #D2691E;
--ts-orange:#FF6600;
/* Red Colors */
--ts-red: #FF0000;
--ts-reddark: #8B0000;
--ts-redcrimson: #DC143C;
--ts-redfire: #B22222;
--ts-maroon: #800000;
--ts-brown: #8B4513;
--ts-red:#ff0000;
/* Yellow Colors */
--ts-yellow: #FFFF00;
--ts-yellowgold: #FFD700;
--ts-khaki: #F0E68C;
--ts-khakidark: #BDB76B; 
--ts-yellow:#f7b00f;
/* Purple Colors */
--ts-purple: #800080;
/* Violet Colors */
--ts-darkviolet: #9400D3;
/* Indigo Colors */
--ts-indigo: #4B0082;
/* Cyan Colors */
--ts-cyan: #00FFFF;
/* Pink Colors */
--ts-magenta: #FF00FF;
--ts-pink: #FF1493;
/* White Colors */
--ts-white: #ffffff;
--ts-whitelight: #f9f9fb;
--ts-whitelight:#f9f9f8;
--ts-whitegrey:#f2f3f2;
--color-blue:#000099;
--color-blue9:#090889;
--color-blue8:#053c8e;
--color-blue7:#0249a7;
--color-blue6:#3949AB;
--color-blue5: #3399FF;
--color-blue4:#0073f8;
--color-blue3:#0071fa;
--color-blue2:#0077f2;
--color-blue1:#7c73c6;
--color-green1: #2ECC71;
--color-green2: #28a745;
--color-green3: #009900;
--color-green4: #0d8b07;
--color-green5: #008000;
--color-green6 :#046A38;
--color-green7: #14633a;
--color-orange1:#ffa500;
--color-orange2:#f96e5b;
--color-orange3:#FF671F;
--color-orange4:#FF671F;
--color-orange5:#ff0000;
--color-orange6:#dc3545;
--color-orange7:#e53935;
--color-pink1: #FF1493;
--color-pink2: #f5468e;
--color-pink3: #e83e8c;
--color-black1: #2d3b48;
--color-cyan: #17a2b8;
--color-purple1: #131214;
--color-purple2: #775fd5;
--color-purple3:#96a0c6;
--color-teal: #20c997;
--color-indigo1: #6610f2;
--color-grey1: #f8f9fa;
--color-grey2: #f4f4f3;
--color-grey3: #ebeff8;
--color-grey4: #d4d8e1;
--color-grey5: #c1c9e2;
--color-grey6: #b9abde;
--color-grey7: #d4caf5;
--color-grey8: #939393;
--color-grey9: #717171;
--color-grey10: #6c757d;
--color-grey11: #343a40;
--color-yellow1: #ffc107;
--color-yellow2: #fb9c33;
--color-yellow3: #f6cc95;
/* Background Colors */
--rgba-green-1: rgba(0, 161, 93, 0.1);
--rgba-green-2: rgba(0, 161, 93, 0.2);
--rgba-green-3: rgba(0, 161, 93, 0.3);
--rgba-green-4: rgba(0, 161, 93, 0.4);
--rgba-green-5: rgba(0, 161, 93, 0.5);
--rgba-green-6: rgba(0, 161, 93, 0.6);
--rgba-green-7: rgba(0, 161, 93, 0.7);
--rgba-green-8: rgba(0, 161, 93, 0.8);
--rgba-green-9: rgba(0, 161, 93, 0.9);
--rgba-green:#00a15d;  
--rgba-blue-1: rgba(9, 8, 137, 0.1);
--rgba-blue-2: rgba(9, 8, 137, 0.2);
--rgba-blue-3: rgba(9, 8, 137, 0.3);
--rgba-blue-4: rgba(9, 8, 137, 0.4);
--rgba-blue-5: rgba(9, 8, 137, 0.5);
--rgba-blue-6: rgba(9, 8, 137, 0.6);
--rgba-blue-7: rgba(9, 8, 137, 0.7);
--rgba-blue-8: rgba(9, 8, 137, 0.8);
--rgba-blue-9: rgba(9, 8, 137, 0.9);
--rgba-blue-1: rgba(9, 8, 137, 0.1);
--rgba-blue-2: rgba(9, 8, 137, 0.2);
--rgba-blue-3: rgba(9, 8, 137, 0.3);
--rgba-blue-4: rgba(9, 8, 137, 0.4);
--rgba-blue-5: rgba(9, 8, 137, 0.5);
--rgba-blue-6: rgba(9, 8, 137, 0.6);
--rgba-blue-7: rgba(9, 8, 137, 0.7);
--rgba-blue-8: rgba(9, 8, 137, 0.8);
--rgba-blue-9: rgba(9, 8, 137, 0.9);
--rgba-orange:#FF6600;  
--rgba-orange-1: rgba(255, 102, 0, 0.1);
--rgba-orange-2: rgba(255, 102, 0, 0.2);
--rgba-orange-3: rgba(255, 102, 0, 0.3);
--rgba-orange-4: rgba(255, 102, 0, 0.4);
--rgba-orange-5: rgba(255, 102, 0, 0.5);
--rgba-orange-6: rgba(255, 102, 0, 0.6);
--rgba-orange-7: rgba(255, 102, 0, 0.7);
--rgba-orange-8: rgba(255, 102, 0, 0.8);
--rgba-orange-9: rgba(255, 102, 0, 0.9);
}
.cursor{ cursor:pointer;}
.h-300 {height: 300px !important;}
.italic{ font-style: italic; }
.opacity-100{ opacity: 1 !important; }
sm{ font-size:1.6rem;}
.roboto {font-family: "Roboto", sans-serif;font-style: normal;}
.latofont {font-family: "Lato", sans-serif;font-style: normal;}
.poppins {font-family: "Poppins", sans-serif;font-style: normal;}
.interfont {font-family: "Inter", sans-serif;font-style: normal;}
/* ==============
Helper Classes
===================*/
.flex-alignright {justify-content:flex-end;}
.flex-aligncenter{justify-content:center;}
.flex-alignright {justify-content:flex-start; }

.p-0 {padding: 0;}.p-t-10 {padding-top: 10px;}.p-b-10 {padding-bottom: 10px;}.p-l-30 {padding-left: 30px;}.p-r-30 {padding-right: 30px;}
.m-0 {margin: 0;}.m-r-5 {margin-right: 5px;}.m-r-10 {margin-right: 10px;}.m-r-15 {margin-right: 15px;}.m-l-10 {margin-left: 10px;}
.m-l-15 {margin-left: 15px;}.m-t-5 {margin-top: 5px;}.m-t-10 {margin-top: 10px;}.m-t-15 {margin-top: 15px;}.m-t-20 {margin-top: 20px;}
.m-t-30 {margin-top: 30px;}.m-t-40 {margin-top: 40px;}.m-b-5 {margin-bottom: 5px;}.m-b-10 {margin-bottom: 10px;}.m-b-15 {margin-bottom: 15px;}
.m-b-20 {margin-bottom: 20px;}.m-b-30 {margin-bottom: 30px;}
.m-h-50 {min-height: 50px;}.l-h-34 {line-height: 34px;}
/* Font Style*/
.fw-400 {font-weight: 400!important;}.fw-500 {font-weight: 500!important;}.fw-600 {font-weight: 600!important;}
.font-9{font-size: 0.9rem!important;}.font-10{font-size: 1rem!important;}.font-11{font-size: 1.1rem!important;}
.font-12{font-size: 1.2rem!important;}.font-13{font-size: 1.3rem!important;}.font-14{font-size: 1.4rem!important;}
.font-15{font-size: 1.5rem!important;}.font-16{font-size: 1.6rem!important;}.font-18{font-size: 1.8rem!important;}
.font-20{font-size: 2rem!important;}.font-22{font-size:2.2rem!important}.font-24{font-size: 2.4rem!important;}.font-26{font-size: 2.6rem!important;}
.font-28{font-size: 2.8rem!important;}.font-30{font-size: 3rem!important;}.font-32{font-size: 3.2rem!important;}
.font-36{font-size: 3.6rem!important;}.font-40{font-size: 4rem!important;}.font-50{font-size: 5rem!important;}
/* Width Style*/
/* For desktop: */
.resp-1 {width: 8.33%;}.resp-2 {width: 16.66%;}.resp-3 {width: 25%;}.resp-4 {width: 33.33%;}
.resp-5 {width: 41.66%;}.resp-6 {width: 50%;}.resp-7 {width: 58.33%;}.resp-8 {width: 66.66%;}
.resp-9 {width: 75%;}.resp-10 {width: 83.33%;}.resp-11 {width: 91.66%;}.resp-12 {width: 100%;}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="resp-"] {width: 100%;}
}
.w-auto{ width:auto;} .w-xs {min-width: 80px;}.w-sm {min-width: 95px;}.w-md {min-width: 110px;}.w-lg {min-width: 140px;}
.w-2{ width: 2% !important;} .w-5{ width: 5% !important;} .w-8{ width: 8.33% !important;}.w-10{ width: 10% !important;} 
.w-15{ width: 15% !important;} .w-16{ width: 16.66% !important;} .w-20{ width: 20% !important;}  .w-24{ width: 24% !important;} 
.w-25{ width: 25% !important;} .w-30{ width: 30% !important;} .w-32{ width: 32% !important;} .w-33{ width: 33.33% !important;} 
.w-35{ width: 35% !important;} .w-40{ width: 40% !important;} .w-42{ width: 41.66% !important;} .w-45{ width: 45% !important;} 
.w-50{ width: 50% !important;} .w-55{ width: 55% !important;} .w-58{ width: 58.33% !important;}  .w-60{ width: 60% !important;} 
.w-65{ width: 65% !important;} .w-67{ width: 66.66% !important;} .w-70{ width: 70% !important;} .w-75{ width: 75% !important;} 
.w-80{ width: 80% !important;} .w-84{ width: 83.33% !important;} .w-85{ width: 85% !important;} .w-90{ width: 90% !important;} 
.w-92{ width: 91.66% !important;} .w-95{ width: 95% !important;} .w-96{ width: 96% !important;} .w-97{ width: 97% !important;}
.w-98{ width: 98% !important;}.w-99{ width: 98% !important;}.w-100{ width: 100% !important;} 
.w-48{ width: 48% !important;} .w-49{ width: 49% !important;}
/* Width Pixels */
.wp-50{ width: 50px !important;} .wp-70{ width: 70px !important;} .wp-80{ width: 80px !important;} 
.wp-90{ width: 90px !important;} .wp-100{ width: 100px !important;} .wp-120{ width: 120px !important;} 
.wp-130{ width: 130px !important;} .wp-140{ width: 140px !important;} .wp-150{ width: 150px !important;} 
.wp-200{ width: 200px !important;} .wp-250{ width: 250px !important;} .wp-300{ width: 300px !important;} 
.wp-350{ width: 350px !important;} .wp-400{ width: 400px !important;} .wp-450{ width: 450px !important;} 
.wp-500{ width: 500px !important;} .wp-550{ width: 550px !important;} .wp-600{ width: 600px !important;}
.wp-650{ width: 650px !important;} .wp-700{ width: 700px !important;} .wp-750{ width: 750px !important;}
.wp-800{ width: 800px !important;} .wp-850{ width: 850px !important;} .wp-900{ width: 900px !important;}
.wp-950{ width: 950px !important;} .wp-1000{ width: 1000px !important;} .wp-1100{ width: 1100px !important;}
.wp-1200{ width: 1200px !important;}

.no-border {border: none;}
.b-round {border-radius: 30px;}
.thumb-sm {height: 32px;width: 32px;}
.thumb-md {height: 48px;width: 48px;}
.thumb-lg {height: 88px;width: 88px;}
/* Colors */
.ts-primary {color: var(--ts-primary) !important;}
.ts-red {color: var(--ts-red) !important;}
.ts-orange {color: var(--ts-orange) !important;}
.ts-blue {color: var(--ts-blue) !important;}
.ts-yellow {color: var(--ts-yellow) !important;}
.ts-white {color: var(--ts-white) !important;}
.ts-white {color: var(--ts-white) !important;}
.ts-whitelight {color: var(--ts-whitelight) !important;}
.ts-whitegrey {color: var(--ts-whitegrey) !important;}
.text-white {color: #ffffff !important;}
.text-navyblue{color: var(--ts-navyblue) !important;}
.text-blue {color: var(--ts-blue6) !important;}
.navyblue-bg{background-color: var(--ts-navyblue)!important;}
.text-muted {color: #797d7f !important;}
.text-primary {color: #605daf !important;}
.text-warning {color: #f8c955 !important;}
.text-success {color: #00A15D !important;}
.text-info {color: #33cdff !important;}
.bg-primary {background-color: #605daf !important;}
.bg-success {background-color: #5dd099 !important;}
.bg-info {background-color: #33cdff !important;}
.bg-warning {background-color: #f8c955 !important;}
.bg-danger {background-color: #f96e5b !important;}
.bg-muted {background-color: #8c9ea9 !important;}
.bg-white {background-color: #ffffff !important;}
.bg-light {background-color: #c8c8c8 !important; }
.bg-purple {background-color: #775fd5 !important;}
.bg-pink {background-color: #f5468e !important;}
.bg-yellow{ background-color:#F7DC6F;}
.bg-light{ background-color:#EBF5FB;}
.lightbg{background-color:#FDFEFE;}
.rgba-bg{background-color: var(--color-grey1);}

.text-blue,.text-draft,.text-partial {color: #007bff !important;font-weight: 400;}
.text-purple,.text-overpay {color: #6f42c1 !important;}
.text-red,.text-unpaid,.text-cancelled {color: #dc3545 !important;}
.text-green,.text-paid,.text-accepted {color: #28a745 !important; font-weight: 400;}
.text-primary,.text-pending{color: #605daf !important;font-weight: 500;}

.text-white {color: #ffffff !important;}
.text-danger {color: #FC4B33 !important;}
.text-blue-dark {color: #0000ff !important;}
.text-green-dark {color: #008000 !important;}
.text-red-dark {color: #ff0000 !important;}
.text-orange-dark {color: #ffa500 !important;}
.text-muted {color: #797d7f !important;}

.text-warning {color: #f8c955 !important;}
.text-success {color: #5dd099 !important;}
.text-info {color: #33cdff !important;}
.text-dark {color: #2d3b48 !important;}
.text-pink {color: #f5468e !important;}
.text-purple {color: #775fd5 !important;}
.text-indigo {color: #6610f2 !important;}
.text-pink {color: #e83e8c !important;}
.text-orange {color: #fd7e14 !important;}
.text-yellow {color: #ffc107 !important;}
.text-greenlight{color:#2ECC71!important;}
.text-radiogreen{ color: var(--radiogreen)!important;}
.text-teal {color: #20c997 !important;}
.text-cyan {color: #17a2b8 !important;}
.text-white {color: #fff !important;}
.text-gray {color: #6c757d !important;}
.text-gray-dark {color: #343a40 !important;}
.text-light {color: #f8f9fa !important;}
.text-dark {color: #343a40 !important;}
.text-grey {color: #939393 !important;}
.text-greydark{color: #717171 !important;}

.text-gradient-success {background: -webkit-linear-gradient(#42e695, #3bb2b8);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-gradient-danger {background: -webkit-linear-gradient(#f81f8b, #f56348);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-gradient-warning {background: -webkit-linear-gradient(#f6d365, #ff7850);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-gradient-primary {background: -webkit-gradient(linear, left top, right top, from(#30CFD0), to(#330867));
background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
  
.text-gradient-success-light {background: -webkit-linear-gradient(#42e695, #3bb2b8);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-gradient-danger-light {background: -webkit-linear-gradient(#f81f8b, #f56348);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-gradient-warning-light {background: -webkit-linear-gradient(#f6d365, #ff7850);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-gradient-primary-light {background: -webkit-gradient(linear, left top, right top, from(#30CFD0), to(#330867));
background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.bg-gradient1 {background-image: linear-gradient(120deg, #f56348 0%, #f81f8b 100%);}
.bg-gradient2 {background-image: linear-gradient(120deg, #00e795 0%, #0095e2 100%);}
.bg-gradient3 {background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);}
.bg-gradient4 {background: linear-gradient(120deg, #606c88 0%, #330867 100%);}
.bg-gradient5 {background-image: linear-gradient(120deg, #00e795 0%, #0095e2 100%);}

.tableHead4{background: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);}
.tableHead1{background: linear-gradient(to top, #f5f5f5 0%, white 100%);}
.tableHead2{background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
.tableHead3{background: linear-gradient(89deg, rgb(253, 220, 155) 26.2%, rgb(255, 215, 165) 48.5%);}
.tableHead5{background: linear-gradient(to top, #e6b980 0%, #eacda3 100%);}
.tableHead6{background: radial-gradient(circle at 10% 20%, rgba(234, 249, 249, 0.67) 0.1%, rgba(239, 249, 251, 0.63) 90.1%);}
.tableHead7{background: linear-gradient(178.6deg, rgb(232, 245, 253) 3.3%, rgb(252, 253, 255) 109.6%);} 
.tableHead8{background: linear-gradient(to top, #dfe9f3 0%, white 100%);}
.tableHead9{background: linear-gradient(178.6deg, rgb(232, 245, 253) 3.3%, rgb(252, 253, 255) 109.6%);}
.whitebg{background:linear-gradient(45deg, #EEEEEE, #FAF8F9, #FFFFFF);}
.tableHead{background: linear-gradient(to top, #dfe9f3 0%, #eef1f5 100%);}
.tablewhitehead{background: linear-gradient(to top, #dfe9f3 0%, white 100%);}
.tablegreyhead{background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
.crystal_clear {background: linear-gradient(to right, #159957, #155799);}
.royalgreen_gradient{background-image: linear-gradient(to bottom right, #72FFB6, #10D164);}
.gradient_icegream{background-image: linear-gradient(to bottom right, #FDFCFB, #E2D1C3);}
.royalblue_bg_gradient{background-image: linear-gradient(to right, #141e30, #243b55);}
.gradient_blue{background-image: linear-gradient(to bottom right, #00C0FF, #4218B8);}
.blue_gradient_1{background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);}
.blue_gradient_2{background: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);}
.blue_gradient_3{background: linear-gradient(111.5deg, rgb(20, 100, 196) 0.4%, rgb(33, 152, 214) 100.2%);}
.blue_gradient_4{background-color: #1b2845; background-image: linear-gradient(315deg, #1b2845 0%, #274060 74%);}
.white_gradient_1{background:linear-gradient(45deg, #EEEEEE, #FAF8F9, #FFFFFF);}
.white_gradient_2{background-color: #c3cbdc;background-image: linear-gradient(147deg, #c3cbdc 0%, #edf1f4 74%);}
.white_gradient_3{background-color: #f6f6f6;background-image: linear-gradient(315deg, #f6f6f6 0%, #e9e9e9 74%);}
.green_gradient_1{background: linear-gradient(to top, #0ba360 0%, #3cba92 100%);}
.green_gradient_2{background: radial-gradient(circle at -1% 57.5%, rgb(19, 170, 82) 0%, rgb(0, 102, 43) 90%);}
.green_gradient_3{background: linear-gradient(179.1deg, rgb(43, 170, 96) 2.3%, rgb(129, 204, 104) 98.3%);}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
body {background: white;}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
body {background: white;}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
body {background: white;}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
body {background: white;}
} 
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
body {background: #FBFCFC; color:#000; font-size: 1.2rem;}    
}
/* Extra large devices */
@media only screen and (min-width: 1380px) {
body {background: white;}
}
/* Extra large devices */
@media only screen and (min-width: 1600px) {
body {background:white;}
}
/* Extra large devices */
@media only screen and (min-width: 1920px) {
body {background: white;}
}

@media (min-width: 1367px) and (max-width: 1440px) {
    :root{ font-size:62.5%}
    body{ font-size:1.4rem;}
}
@media (min-width: 1441px) and (max-width: 1600px) {
:root{ font-size:72%}
body{ font-size: 1.4rem; }
}
@media (min-width: 1601px) and (max-width: 1680px){
body{ }
}
@media (min-width: 1680px) and (max-width: 1800px){
body{ }
}
@media (min-width: 1801px) and (max-width: 1920px){
body{ }
}
@media (min-width: 1921px){
body{ }
}