:root{
	--foreOnStrong:#fff;

    --black:#1F2937;
    --blackDark:#111827;
    --blackLight:#94A3B8;

    --gray:#64748B;
    --grayDark:#475569;
    --grayLight:#7C8BA1;

    --blue:#2563EB;
    --blueDark:#1E40AF;
    --blueLight:#BFDBFE;

    --brown:#A16207;
    --brownDark:#713F12;
    --brownLight:#FDE68A;

    --cyan:#06B6D4;
    --cyanDark:#0E7490;
    --cyanLight:#CFFAFE;

    --green:#10B981;
    --greenDark:#047857;
    --greenLight:#BBF7D0;

    --orange:#F97316;
    --orangeDark:#C2410C;
    --orangeLight:#FED7AA;

    --pink:#EC4899;
    --pinkDark:#BE185D;
    --pinkLight:#FBCFE8;

    --purple:#8B5CF6;
    --purpleDark:#6D28D9;
    --purpleLight:#DDD6FE;

    --red:#EF4444;
    --redDark:#B91C1C;
    --redLight:#FECACA;

    --yellow: #EAB308;
    --yellowDark: #A16207;
    --yellowLight: #FEF3C7;

    --gradientGray: linear-gradient(180deg, var(--gradientStart), var(--back1));

    --shadow: 0 8px 24px color-mix(in srgb, var(--fore2), transparent 88%);
    --shadowShort: 0 0 6px color-mix(in srgb, var(--fore2), transparent 88%);
}

.g1-style-color
{
    color: #06B6D4;
    color:var(--styleColor);
}

.g1-style-background
{
    background: #06B6D4;
	background:var(--styleColor);
	color:white;
}

.g1-style-gradient
{
	background-image: -ms-linear-gradient(-90deg, #06B6D4 0%, #0E7490 100%);
	background-image: -webkit-linear-gradient(-90deg, var(--styleColor) 0%, var(--styleColorDark) 100%);
}

.g1-style-button
{
	background-image: -ms-linear-gradient(180deg, #06B6D4 0%, #000 500%);
    background-image: linear-gradient(180deg, var(--styleColor), #000 500%);
    border:none;
	color:white;
	transition: opacity .2s ease-in-out;
}

.g1-style-button:hover
{
    opacity: 0.8;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus{
    color: #06B6D4 !important;
    color: var(--styleColor) !important;
    border-bottom: solid 3px #06B6D4 !important;
    border-bottom: solid 3px var(--styleColor) !important;
}

.g1-main-menu .nav li ul li a.nav-node-item.openthis {
	font-weight:bold;
}

.g1-column-link{
    color: #06B6D4;
    color: var(--styleColor);
    font-weight: 600;
    margin-right: 0.4rem;
    /*line-height: 2.5rem;*/
}

.g1-column-link:hover {
    color:#CFFAFE;
    color: var(--styleColor);
}

.g1-sub-tabs .nav-submenu > li.active a {
    color: #06B6D4;
    border-bottom: 2px solid #06B6D4;
    color: var(--styleColor);
    border-bottom: 2px solid var(--styleColor) !important;
    font-weight: bold!important;
    background: unset;
}

.scoll-ul li.active a {
    color: #06B6D4;
    color: var(--styleColor);
}

.login-bg
{
    background-color: #CFFAFE;
	background-color:var(--styleColorLight);
}


.btn-OK, .login-btn.btn:active {
    width: 100%;
    height: 35px;
    color: #fff;
    border-radius: 17px;
    border: none;
    outline: none;
    background-image: -ms-linear-gradient(-90deg, #06B6D4 0%, #000 500%);
    background-image: -moz-linear-gradient(-90deg, var(--styleColor) 0%, #000 500%);
    background-image: -webkit-linear-gradient(-90deg, var(--styleColor) 0%, #000 500%);
    /*box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);*/
	float:left;
    /*background-image: -moz-linear-gradient(90deg, rgb(255, 171, 47) 0%, rgb(254, 187, 89) 100%);*/
    /*background-image: -webkit-linear-gradient(90deg, rgb(255, 171, 47) 0%, rgb(254, 187, 89) 100%);*/
    /*background-image: -ms-linear-gradient(90deg, rgb(255, 171, 47) 0%, rgb(254, 187, 89) 100%);*/
}


/*.btn-OK:hover,*/
/*.btn-OK:focus,*/
/*.btn-OK:active,*/
/*.btn-OK.active {*/
/*    color: #06B6D4;*/
/*    border:2px solid #06B6D4;*/

/*    color: var(--styleColor);*/
/*    border:2px solid var(--styleColor);*/
/*	background:var(--back1);*/
/*}*/

.g1ToastAlert {
  display: none;
  padding:2px 50px;
  height: 34px;
  position: absolute;
  left: 50%;
  z-index: 20000;
  text-align: center;
  color: white;
  line-height: 34px;
  /*background: #CFFAFE;*/
  border: none;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}


.dropdown .dropdown-menu li button:hover {
    color: white;
    background: #06B6D4;
    background: var(--styleColor);
}


.g1-theme-box{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: 2rem;
    margin-top: 0.2rem;
}

.btn-theme{
    display: block;
    float: left;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.5;
}

.btn-theme[active],
.btn-theme:hover{
    box-shadow: var(--shadow);
    border: solid 1px #fff;
    opacity: 1;
}

/*.theme-red{background-image: linear-gradient(90deg, var(--red) 50%, var(--orange) 100%);}*/
/*.theme-orange{background-image: linear-gradient(90deg, var(--orange) 50%, var(--green) 100%);}*/
/*.theme-green{background-image: linear-gradient(90deg, var(--green) 0%, var(--cyan) 100%);}*/
/*.theme-cyan{background-image: linear-gradient(90deg, var(--cyan) 0%, var(--blue) 100%);}*/
/*.theme-blue{background-image: linear-gradient(90deg, var(--blue) 0%, var(--purple) 100%);}*/
/*.theme-purple{background-image: linear-gradient(90deg, var(--purple) 0%, var(--pink) 100%);}*/
/*.theme-pink{background-image: linear-gradient(90deg, var(--pink) 0%, var(--brown) 100%);}*/
/*.theme-brown{background-image: linear-gradient(90deg, var(--brown) 0%, var(--black) 100%);}*/
/*.theme-black{background-image: linear-gradient(90deg, var(--black) 0%, var(--black) 100%);}*/

/*.theme-red:hover{background:var(--red);}*/
/*.theme-orange:hover{background:var(--orange);}*/
/*.theme-green:hover{background:var(--green);}*/
/*.theme-cyan:hover{background:var(--cyan);}*/
/*.theme-blue:hover{background:var(--blue);}*/
/*.theme-purple:hover{background:var(--purple);}*/
/*.theme-pink:hover{background:var(--pink);}*/
/*.theme-brown:hover{background:var(--brown);}*/
/*.theme-black:hover{background:var(--black);}*/