:root{
	--gb_bcg_a-background: rgb(15,118,127);
	--gb_bcg_a-color: rgb(255, 255, 255);
	--gb_bcg_a-linear: linear-gradient(0deg, rgba(15,118,127,1) 0%, rgba(12,136,108,1) 100%);

	--gb_bcg_d-background: #ffffff;
	--gb_bcg_d-color: rgb(58, 54, 54);

	--gb_bcg_p-background: 255, 255, 255;
	--gb_bcg_p-background1: rgba(var(--gb_bcg_p-background), 0.1);
	--gb_bcg_p-color: rgb(255, 255, 255);
	--gb_bcg_p-border-color: rgb(255, 255, 255);

	--gb_bcg_s-background: #263137;
	--gb_bcg_s-color: rgb(255, 255, 255);

	--gb_bd_d-border-color:rgb(0, 0, 0);

	--gb_bcg_hover-background: rgb(15,118,127);
	--gb_bcg_hover-color: rgb(255,255,255);
	--gb_bcg_hover-linear: linear-gradient(0deg, rgba(15,118,127,1) 0%, rgba(12,136,108,1) 100%);
	--gb_font_hover-color:rgb(15,118,127);

	--bcg_checked-background:rgb(15,118,127);
	--bcg_checked-linear: linear-gradient(0deg, rgba(15,118,127,1) 0%, rgba(12,136,108,1) 100%);
	--bcg_checked-color:rgb(255, 255, 255);
}


.GBFont {
    font-family: "Raleway";
    /*color:white;*/
}

.GBFont,.GBFont::placeholder {
    color:white;
}

.GBFont::placeholder {
    opacity:0.4;
}



.MenuBasic .LeftMenu .UILogo img {
    width:100%;
}

/* Global Background Image */
body,
.gb_bcg_img {
	background-image:url('/Reseller/Builder/Background.jpg');
	background-position: center;
    background-repeat: no-repeat;
    /*background-size: 100% 100%;*/
    background-size: cover;
}

/* Global Cursor Effect */
button:hover,
a:hover {
	cursor: pointer;
}

.LoginSection {
    max-width: 800px;
    width: 100%;
}

.Login-Logo::after{
    margin-bottom: 250px;
    padding:0;
}

/* Globale Background Default And Font Color */
.gb_bcg_d,.toggle_button .switch span:last-child,div.toggle_button div.switch,.SetupWizardHeading+div.popup_content input,.SetupWizardHeading+div.popup_content select{
    background: var(--gb_bcg_d-background);
    color: var(--gb_bcg_d-color);
}

.SetupWizardHeading+div.popup_content input::placeholder{
    color: rgba(0, 0, 0, 0.5);
}
.SetupWizardHeading+div.popup_content input,.SetupWizardHeading+div.popup_content select{
padding: 8px;
}
/* Globale Background Secondary And Font Color */
.gb_bcg_s,div.toggle_button input[type="checkbox"] ~ div.switch:after {
    background-color: var(--gb_bcg_s-background);
    color: var(--gb_bcg_s-color);
}

/* Globale Background Accent And Font Color */
.gb_bcg_a, .jconfirm-buttons button,.pm-main-side-nav-side-tab.active, .mm.toggle_button input[type="checkbox"]:checked ~ .switch {
    background: var(--gb_bcg_a-background);
    background: var(--gb_bcg_a-linear);
    color: var(--gb_bcg_a-color);
}

/* Globale Border Colors */
.gb_bd_d {
    border-color: var(--gb_bd_d-border-color)!important;
}
.gb_bd_d_top {
    border-top-color: var(--gb_bd_d-border-color)!important;
}
.gb_bd_d_left {
    border-left-color: var(--gb_bd_d-border-color)!important;
}
.gb_bd_d_bottom {
    border-bottom-color: var(--gb_bd_d-border-color)!important;
}
.gb_bd_d_right {
    border-right-color: var(--gb_bd_d-border-color)!important;
}

/* Globale Background Primary And Font Color */
.gb_bcg_p {
    background: var(--gb_bcg_p-background1);
    color: var(--gb_bcg_p-color)!important;
    border-color: var(--gb_bcg_p-border-color);
}


/* Actions */
/* Globale Background Hover Color */
.gb_bcg_hover:hover {
    background: var(--gb_bcg_hover-background);
    background: var(--gb_bcg_hover-linear);
	color:var(--gb_bcg_hover-color);
}
/* Globale Hover Font Color */
.gb_font_hover:hover {
    color: var(--gb_font_hover-color);
}

/* Globale Checked Background And Font Color */
input[type="checkbox"]:checked ~ .bcg_checked {
    background: var(--bcg_checked-background);
    background: var(--bcg_checked-linear);
	color: var(--bcg_checked-color);
}

/* Animations */
/* Globale Pulse Animation */
@-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(15,118,127,0.7);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(12,136,108,0.7);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(15,118,127,0.7);
    }
  }
  @keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(15,118,127,0.7);
      box-shadow: 0 0 0 0 rgba(15,118,127,0.7);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(12,136,108,0.7);
        box-shadow: 0 0 0 10px  rgba(12,136,108,0.7);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(15,118,127,0.7);
        box-shadow: 0 0 0 0 rgba(15,118,127,0.7);
    }
}

@media (max-width: 1100px ) and (max-height: 750px){
	.MenuBasic .LeftMenu {
		width: 60px;
	}

	.LeftMenu .MenuItem div:last-child{
		display: none;
	}

	.LeftMenu .MenuItem .MenuItemOverlay {
		padding: 2px;
	}

	.MenuBasic .LeftMenu .MenuItem .MenuItemIcon {
		left: 15px;
	}

	.MenuBasic .MainPageContent {
		width: calc(100% - 65px);
	}

	.MenuBasic.TopBarAppearTop .TopMenu {
		width: calc(100% - 61px);
		margin-left: 60px;
	}

	.MenuBasic .SlideMenu {
		left: 60px;
	}

	.MenuBasic .LeftMenu .UILogo img {
		top: 30%;
	}
}