:root{
	--color-title : #464646;
	--color-title-background : #f9f9f9;
  --color-title-border : #cccccc;
  --tile-font-weight : 600;
  --tile-font-size : 2.25rem;

	--color-button : #fab702;
	--color-button-hover : #c79202;
  --color-button-caption : #fff;

  --link-color : #464646;
  --link-color-on-black : #a3a5aa;
  --link-color-hover : #fab702;

  --color-background : #18191b;

  --color-menu-title : #FFF;
  --color-menu-background : #18191b;
  --color-menu-title-hover : #fab702;
  --color-menu-background-hover : #18191b;

	--color-alert-danger : red;	
	--background-alert-danger : #f2dede;	
	--color-alert-success : green;
  --background-alert-success : #def2de;	
	--color-alert-warning : #fab702;
  --background-alert-warning : #faf1d8;	
	--color-alert-info : #fab702;	
  --background-alert-info : #faf1d8;	
}

body {
	background-color: #fff;
}

body.function-login,
body.function-register,
body.function-remind {
	background-color: var(--color-background);
}

.r-topheader{
	text-align: right;
}

[data-location="supertop"] {
 display: block;
}

[data-itemid="register_header"] {
	color : #fff;
	text-transform: uppercase;
}

.r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth] > * > .r-integrated-field.r-vertical-field > .r-edit-label,
.r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth].r-ori-vert > * > .r-edit-label,
.r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth] > * > .r-integrated-field.r-vertical-field > .r-edit-field,
.r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth].r-ori-vert > * > .r-edit-field,
.r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth] > * > .r-integrated-field.r-vertical-field > .r-edit-tooltip,
.r-edit-form[data-body-align="left"] > * > tr > [data-cellid][data-fullwidth].r-ori-vert > * > .r-edit-tooltip {
    width: 100% !important;
}
  
.modal-header,
.panel-primary > .panel-heading,
.panel-info > .panel-heading,
.panel-title {  
  border-color: var(--color-title-border) !important;
  background-image: linear-gradient(to bottom, var(--color-title-background) 0%, var(--color-title-background) 100%) !important;
  color: var(--color-title) !important;
  font-weight: var(--tile-font-weight);
  font-size: var(--tile-font-size);
  text-transform: uppercase!important;
}

.panel-primary {  
  border-color: var(--color-title-border) !important;
}

.swal-button,
.btn-primary, .btn {  
  border-color: var(--color-button) !important;
  background-color: var(--color-button) !important;
  background-image: linear-gradient(to bottom, var(--color-button) 0%, var(--color-button) 100%) !important;
  color: var(--color-button-caption) !important;
}

.btn-primary:hover,
.btn-primary.hover,
.btn:hover,
.btn.hover {
  border-color: var(--color-button-hover) !important;
  background-image: linear-gradient(to bottom, var(--color-button-hover) 0%, var(--color-button-hover) 100%) !important;
  color: var(--color-button-caption) !important;
}

a {
	color: var(--link-color) !important;
}

.btn-link {
    color: var(--link-color-on-black) !important;
}

.btn-link.glyphicon {
	color: var(--link-color) !important;
}

a:hover,
.btn-link:hover {
	color: var(--link-color-hover) !important;
}

.btn-link:hover {
	text-decoration: none !important;
}

.pagination > li > a, .pagination > li > span,
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #444 !important;
}


[data-logo-cell],
[data-itemid="logo"] {
  height: 60px !important;
  background-color: var(--color-background) !important;
  border-bottom: none !important; 
}

.nav>li>a {
	text-transform : uppercase;
	color: var(--color-menu-title) !important;
	background-color: var(--color-menu-background) !important;
	border-top: 1px solid var(--color-menu-title-hover) !important;
}

.nav>li>a:hover{
	color: var(--color-menu-title-hover) !important;
	background-color: var(--color-menu-background-hover) !important;
}

.nav>li.active>a{
	color: var(--color-menu-title-hover) !important;
	background-color: var(--color-menu-background) !important;
	border-top: 1px solid var(--color-menu-title-hover) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--color-button) !important;
  color: var(--link-color) !important;
}

.mCSB_vertical {
  background-color: var(--color-menu-background) !important;
}

.alert{
	margin-bottom: 4px;
}

.alert-danger,
.alert-danger>h5{
  color: var(--color-alert-danger) !important;
  border-color: var(--color-alert-danger) !important;
  background-color: var(--background-alert-danger) !important;
  font-weight: bold;
}

.alert-success,
.alert-success>h5{
  color: var(--color-alert-success);
  border-color: var(--color-alert-success); 
  background-color: var(--background-alert-success) !important;
  font-weight: bold;
}

.alert-warning,
.alert-warning>h5{
  border-color: var(--color-alert-warning);
  background-color: var(--background-alert-warning) !important;
  font-weight: bold;
}

.alert-info,
.alert-info>h5{
  border-color: var(--color-alert-info);
  background-color: var(--background-alert-info) !important;
  font-weight: bold;
}

.pending-orders:hover,
.pending-orders:hover>h5{
  border-color: var(--color-alert-info);
  background-color: var(--color-menu-title) !important;
	color: var(--color-menu-background-hover) !important;
  font-weight: bold;
}

.rowitemred {
  color:#cc0000;
}        

.rowitemsmaller {
  font-size:10px; 
}        

.icon-required {
display: none;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: var(--color-button);
  border-color: var(--color-button);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--color-button);
  border-color: var(--color-button);
}

.panel.with-tabs > .panel-heading > .nav > li > a {
    padding: 4px 6px;
		font-size: 14px;
}

.r-view-label {
	width:15%;
}