:root{
    --black:#333;
    --blackDark:#000;
    --blackLight:#999;

    --blue:#298CE1;
    --blueDark:#0D5794;
    --blueLight:#95C6F1;

    --brown:#845021;
    --brownDark:#502A17;
    --brownLight:#C2A891;

    --cyan:#60b9e1;
    --cyanDark:#2599CA;
    --cyanLight:#AFDCEF;

    --green:#41A640;
    --greenDark:#236623;
    --greenLight:#9BDE9B;

    --orange:#EF7D3F;
    --orangeDark:#CF4A11;
    --orangeLight:#F9CBB3;

    --pink:#F656AE;
    --pinkDark:#BC1171;
    --pinkLight:#FACCD8;

    --purple:#92278F;
    --purpleDark:#571656;
    --purpleLight:#C993C7;

    --red:#FF4F4F;
    --redDark:#AC0000;
    --redLight:#FFA7A6;

    --yellow: #f5ca19;
    --yellowDark: #bb9c1f;
    --yellowLight: #f7e7aa;
}

.g1-style-color
{
    color: #60b9e1;
    color:var(--styleColor);
}

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

.g1-style-gradient
{
	background-image: -ms-linear-gradient(-90deg, #60b9e1 0%, #2599CA 100%);
	background-image: -webkit-linear-gradient(-90deg, var(--styleColor) 0%, var(--styleColorDark) 100%);
}

.g1-style-button
{
	background-image: -ms-linear-gradient(180deg, #60b9e1 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: #60b9e1 !important;
    color: var(--styleColor) !important;
    border-bottom: solid 3px #60b9e1 !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: #60b9e1;
    color: var(--styleColor);
    font-weight: 600;
    margin-right: 0.4rem;
    /*line-height: 2.5rem;*/
}

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

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

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

.login-bg
{
    background-color: #AFDCEF;
	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, #60b9e1 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: #60b9e1;*/
/*    border:2px solid #60b9e1;*/

/*    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: #AFDCEF;*/
  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: #60b9e1;
    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: 1px 1px 5px var(--borderShadow);
    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);}*/