/* Jquery Controls (Dialog, Spinner, Dropdown) */
.ui-widget-header {
    border: 1px solid #ff8d2f;
    background: #ff8d2f url("images/ui-bg_gloss-wave_35_ff8d2f_500x100.png") 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #ff8d2f;
 	background: #ff8d2f url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; 
	font-weight: bold;
	color: #555555;
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}

/* Specific styles for login page */
#login-logo {
	background-image: url(../img/logo/Rhenag_Logo.jpg);
	background-repeat: no-repeat;
	background-size: auto 60px;
	background-position: center;
	margin-top: 10px;
	border-bottom: 1px solid #e0e0e0;
}

#lower-pane {
 background: #F4F4F4;
}

#login-container input[type=text]:focus,
#login-container input[type=password]:focus {
 border: 1px solid #ffc99d;
 box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #ffe7d2;
}

#login-container .button {
 background-color: #ff8d2f; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8d2f), to(#ff8d2f));
 background-image: -moz-linear-gradient(top left 90deg, #ff8d2f 0%, #ff8d2f 100%);
 background-image: linear-gradient(top left 90deg, #ff8d2f 0%, #ff8d2f 100%);
  border: 1px solid #f97000;
}
/* END - Specific styles for login page */

/* Gaspar spezifische bilder und style */
.logo {
	background-image: url(../img/logo/Rhenag_Logo.jpg);
	background-repeat: no-repeat;
 	background-size: contain; 
	height: 122px;
        width: 174px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
}

.login-page {
    background-image: url(../img/background/login-background.jpg);
    /*height: 500px;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: contain;*/
}

.innerBorder
{
    border-left-style: solid;
    border-left-color:#e0e0e0;
    border-left-width:5px;
    border-right-style: solid;
    border-right-color:#e0e0e0;
    border-right-width:5px;
    padding-top: 1rem;
    padding-bottom: 1rem;
	background-color: #FAFCFE;
}

.bundletitle {    
    border-bottom:1px solid #ff8d2f;
    margin-bottom:1rem;
}

/* Links in Gaspar Style */
a {
    color: #c3512f;
    text-decoration: none;
    line-height: inherit;
}

a:hover, a:focus {
    color: #88bbc8;
}    

/* Foundation Standart überschreiben */
.button, button {
	background-color: #e0e0e0;
	color: black;
}

.icon-bar{
	 background: #e0e0e0 !important;
}

.icon-bar > a {
	transition: background-color 300ms ease-out;
}

.icon-bar > * label,
.icon-bar > * i
{
    color: black;
}

.icon-bar > *:hover {
    background: #f2f2f2;
	box-shadow: inset 0 0 0 3px #ff8d2f;
}
    
/*.icon-bar > *:hover >*{
    color: white;
}*/

.top-bar-section li a:not(.button) {
        border: 10px;
        border-color: black;
    background: #ff8d2f !important;
}

.top-bar-section li.activeMenu a:not(.button) {
        border: 10px;
        border-color: black;
    background: #e07612!important;
}

.top-bar-section ul>li>ul>li>label{
		border: 10px;
		border-color: black;
	background: #ff8d2f !important;
}
.top-bar-section li a:not(.button):hover {
		border: 10px;
		border-color: black;
    background:#efefef !important;
    color: black !important;
}

.top-bar-section ul li>a{
		border: 10px;
		border-color: black;
	color: white;
}

.side-navigation {
	padding-left: 0px;
	background-color: #ff8d2f !important;
}

button:hover, button:focus, .button:hover, .button:focus, .button-loading {
	background-color: #f2f2f2;
    box-shadow: inset 0 0 0 3px #ff8d2f; 
    color: black;
 }
  
a.currentrate{
/* 	border: 3px; */
	background: #ff8d2f !important;
}

.devider {
	background-color: #ff8d2f !important;
}

#infobox h6
{
	background-color: rgba(255, 216, 184, 1);
	padding: 5px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
} 

label {
	color:#000000;
	
}
.deactivate .disabled-overlay{
	/* color same as .icon-bar */
    background-color: #e0e0e0 !important;
}