@charset "UTF-8";

.wrap-text {
	overflow-wrap:break-word !important;
}

/**
 * hover effect for input fields
 */
input.form-control:hover {
	background-color: rgb(210,210,210, 0.5) !important;
}

/**
 * add loading animation for autocompletes
 */
.ui-autocomplete-loading {
	background: url("../images/ui-anim_basic_16x16.gif") right center no-repeat !important;
	z-index:2147483647 !important;
}
/**
 * correction autocomplete z-index
 */
.ui-autocomplete { z-index:2147483647; }

/**
 * fix overlap with long help block texts
 */
 .help-block {
	margin-bottom: auto !important;
}
 
.arena-main-background { 
background:url("../images/backgrounds/MainBackground.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.arena-login-background { 
background:url("../images/backgrounds/MainBackground.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.create-request {
	background:url("../images/formbackgrounds/request.jpeg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.search-background { 
   background:url("../images/formbackgrounds/search.jpeg"); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.arena-panel-heading {
	background: #39b1cc;
    background: -moz-linear-gradient(top, #00ccb8 0%, #009688 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00ccb8), color-stop(100%, #009688));
    background: -webkit-linear-gradient(top, #00ccb8 0%, #009688 100%);
    background: -o-linear-gradient(top, #00ccb8 0%, #009688 100%);
    background: -ms-linear-gradient(top, #00ccb8 0%, #009688 100%);
    background: linear-gradient(to bottom, #00ccb8 0%, #009688 100%);
    color: white !important;
    padding: 5px 17px 8px;
}

.arena-background-white {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.arena-main-panel-heading {
	background:url("../images/backgrounds/white.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.arena-default-panel{
	background-color: rgba(245, 245, 245, 1) !important;
}

.arena-background{
	background-color: rgba(245, 245, 245, 0.4) !important;
	min-height: 800px;
}

.arena-main-content {
	background-color: rgba(245, 245, 245, 0.0) !important;
	
}

.arena-main-content-div {
	padding: 0px;
	padding-top: 0px;
}

/**
 * arena navbar dropdown
 * 
 */
.arena-navbar-form {
	min-width: 250px;
    padding: 14px 14px 0;
    overflow: hidden;
    background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%)  !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%)  !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%)  !important;
}

.navbar .navbar-nav>li>a {
    padding-top: 5px !important;
    padding-bottom: 0px !important;
}

/**
 * display max width for popovers
 */
.popover{
	width: 100% !important; /* Max Width of the popover (depending on the container!) */
}

/**
 * border for tabs
 */
.tab-content {
  height: auto !important;
}
/**
 * back to top styling
 */
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 80px;
    left: 20px;
    display:none;
}

/**
 * add x to clear fields on type search
 */
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
}

.has-feedback {
	margin-left: 0px !important; 
	margin-right: 0px !important;
}

/**
 * z-index correction
 */
.dropdown, .dropdown-menu {
  z-index:9900 !important;
}

/**
 * pop over z-index correction
 */
.popover {
    z-index: 99999999 !important;
    opacity: 1 !important;
}

/**
 * tooltip bugfix overlay
 */
.tooltip {
    position: fixed;
     z-index: 99999999 !important;
}

/**
 * NAVBAR
 */

/**
 * navbar z-index correction for pop overs and tooltips
 */
 .navbar:not(.arena-navbar-wizard) {
 	position: static;
 	z-index: 1;
	border: 0;
	border-radius: 3px;
	padding: .625rem 0;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 4px 18px 0 rgba(0,0,0,0.12),0 7px 10px -5px rgba(0,0,0,0.15);
	box-shadow: 0 4px 18px 0 rgba(0,0,0,0.12),0 7px 10px -5px rgba(0,0,0,0.15);
}

.navbar.navbar-default {
	background: linear-gradient(60deg,#00ccb8,#009688);
}

/**
 * show correct color in navbar dropdown inputs
 */
 ul.dropdown-menu  input {
	 color: black;
}
/**
 * bugfix hover css, causes misalignments for bs panels
 */
.hvr-glow {
	transform: none !important;
	-webkit-transform: none !important;
	display: block !important;
}

.hvr-underline-from-center::before {
	background: #f8f8f8 !important;
}

/**
 * modals have second highest priority (after notify)
 */
  .modal-backdrop {
    z-index: 100000 !important;
    background: rgba(0, 0, 0, 0.80) !important;
  }
  
  .modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}

/**
 * modals have second highest priority (after notify)
 */
  .modal {
    z-index: 100001 !important;
  }

/**
 * fixes display issues with modal, e.g. width not enough
 */
  .modal-dialog:not(.modal-sm){
    position: relative;
    overflow-y: auto;    
    overflow-x: auto;
    width: auto;
    min-width: 300px;
    z-index: 100001 !important;
}

/**
 * notify js always on top
 */
.notifyjs-wrapper {
	z-index: 100002 !important;
}

/**
 * border for fieldsets
 */
fieldset 
{
	border: 1px solid #ddd !important;
	margin: 10px 0px 0px 0px;
	xmin-width: 0;
	padding: 10px;       
	position: relative;
	border-radius:4px;
	padding-left:10px!important;
}

/**
 * drawer component fix display issues and overlay
 */
.fold.open,
.drawer-right.fold.open {
 z-index: 9999 !important;
}

.fold {
 z-index: 0 !important;
}

.folding {
  height: 100%;
  z-index: 9999 !important;
  -webkit-transition-property: margin-left;
  transition-property: margin-left;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
 
}

.drawer-nav li.active a, .drawer-fullnav li.active a, .drawer-nav li a:hover, .drawer-fullnav li a:hover, .drawer-nav li a:focus, .drawer-fullnav li a:focus {
	background-color: rgba(153,153,153,.2) !important;
}

/**
 * menu
 */
 .nav-tabs {
 	background: linear-gradient(180deg,#00ccb8,#009688) !important;
 	-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(244,67,54,0.6) !important;
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(244,67,54,0.6) !important;
	border-radius: 0px 0px 5px 5px !important;
	border: 0 !important;
	color: #fff;
	padding-left: 2px !important;
	padding-right: 2px !important;
	margin-top: -5px;
 }
 
 
.nav-tabs > li > a {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.nav-tabs > li > a:hover {
	background-color: rgba(200,200,200,0.6) !important;
}

.nav-tabs > li.active > a {
	background-color: rgba(255,255,255,0.6) !important;
}

/**
 * tabs
 */
.arena-panel-tabs .nav-pills a {
	border-radius: 30px !important;
	padding: 10px 15px !important;
	background-color: #009688 !important;
	box-shadow: 0 2px 2px 0 rgba(19, 137, 53, 0.1), 0 3px 1px -2px rgba(19, 137, 53, 0.1), 0 1px 5px 0 rgba(19, 137, 53, 0.1);
	margin-bottom: 5px !important;
}

.arena-panel-tabs .nav-pills li.active a {
	background-color: #00ccb8 !important;
	text-transform: uppercase !important;
}

/**
 * bootstrap wizard
 */
.arena-navbar-wizard {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
	margin-bottom: 0px;
	background-color: rgba(200, 200, 200, 0.8);
	padding-left: 0;
}

.arena-navbar-wizard > .navbar-inner > .nav-pills > li.active > a {
	/* position: absolute; */
	text-align: center !important;
	font-size: 12px !important !important;
	text-transform: uppercase !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
	background-color: #f44336 !important;
	top: -4px !important;
	left: 0px !important;
	border-radius: 4px !important;
	color: #FFFFFF !important;
	cursor: pointer !important;
	font-weight: 500 !important;
	box-shadow: 0 16px 26px -10px rgba(244, 67, 54, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2) !important;
}

.arena-navbar-wizard > .navbar-inner > .nav-pills > li:not(.active) > a:hover {
	/* position: absolute; */
	text-align: center !important;
	font-size: 12px !important !important;
	//text-transform: uppercase !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
	background-color: rgba(137, 137, 137, 1.0) !important;
	top: -4px !important;
	left: 0px !important;
	border-radius: 4px !important;
	color: white !important;
	cursor: pointer !important;
	font-weight: 500 !important;
	box-shadow: 0 16px 26px -10px rgba(24, 23, 23, 0.6), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(180, 180, 180, 0.2) !important;
}

.nav-pills > li > a {
	color: white !important;
}

.pager li.cancel > a {
	margin-right: 5px;
	margin-left: 5px !important;
	background-color: #f44336 !important;
	border-radius: 3px !important;
	border: none !important;
	padding: 12px 30px !important;
	color: white !important;
	box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12) !important;
}

.pager {
	padding-bottom: 5px !important;
}

.pager li.cancel > a:hover {
	box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2) !important;
}

.pager li.next > a {
	margin-right: 5px;
	background-color: #00aa9a !important;
	border-radius: 3px !important;
	border: none !important;
	padding: 12px 30px !important;
	color: white !important;
	box-shadow: 0 2px 2px 0 rgba(55, 246, 152, 0.23), 0 3px 1px -2px rgba(173, 239, 206, 0.2), 0 1px 5px 0 rgba(243, 69, 56, 0.1) !important;
}

.pager li.next > a:hover {
	box-shadow: 0 14px 26px -12px rgba(29, 213, 181, 0.4), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(31, 152, 122, 0.2) !important;
}

.pager li.previous > a {
	margin-left: 5px;
	background-color: #00aa9a !important;
	border-radius: 3px !important;
	border: none !important;
	padding: 12px 30px !important;
	color: white !important;
	box-shadow: 0 2px 2px 0 rgba(55, 246, 152, 0.23), 0 3px 1px -2px rgba(173, 239, 206, 0.2), 0 1px 5px 0 rgba(243, 69, 56, 0.1) !important;
}

.pager li.previous > a:hover {
	box-shadow: 0 14px 26px -12px rgba(29, 213, 181, 0.4), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(31, 152, 122, 0.2) !important;
}

.pager li.finish > a {
	margin-right: 5px;
	float: right;
	background-color: #0fb2fc !important;
	border-radius: 3px !important;
	border: none !important;
	padding: 12px 30px !important;
	color: white !important;
	box-shadow: 0 2px 2px 0 rgba(99, 173, 236, 0.1), 0 3px 1px -2px rgba(107, 180, 242, 0.2), 0 1px 5px 0 rgba(114, 185, 237, 0.1) !important;
}

.pager li.finish > a:hover {
	box-shadow: 0 14px 26px -12px rgba(95, 219, 246, 0.4), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(24, 49, 158, 0.85) !important;
}

.arena-wizard  {
	margin: 10px 5px 5px 5px;
}

/**
 * readonly fields
 */
.readonly{
  background-color:transparent !important;
  border: 0 !important;
  font-size: 1em !important;
  width: 100%;
}

/**
 * no ui slider
 */
.noUi-handle {
	top: -14px !important;
	background-color: #009688 !important;
	width: 30px !important;
	height: 30px !important;
	cursor: ew-resize !important;
	border-radius: 100% !important;
	-webkit-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
	border: 1px solid !important;
	content: "" !important;
	box-shadow: none !important;
}

.noUi-handle::before, .noUi-handle::after {
	content: none !important;
}

.slider .noUi-handle, .slider.slider-default .noUi-handle {
	border-color: #009688 !important;
}

.noUi-horizontal {
	height: 2px !important;
	margin: 15px 0 !important;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
	right: -8px !important;
}

/**
 * bootstrap select
 */
.btn-group.bootstrap-select.form-control {
	margin: 0 !important;
}

/**
 * label sizes
 */
 .lb-sm {
  font-size: 12px;
}

.lb-md {
  font-size: 16px;
}

.lb-lg {
  font-size: 20px;
}

.label {
	box-shadow: 0 2px 2px 0 rgba(99, 173, 236, 0.1), 0 3px 1px -2px rgba(107, 180, 242, 0.2), 0 1px 5px 0 rgba(114, 185, 237, 0.1) !important;
	border-radius: 3px !important;
	display: inline-block !important;
	float: left !important;
	margin-bottom: 5px;
	margin-left: 5px;
}
/**
 * label color
 */
 
 .form-group.has-error .checkbox label, .form-group.has-error .radio label {
	color: rgb(244, 67, 54); !important;
}

.form-group .checkbox label, .form-group .radio label, .form-group label {
	color: #666565;
}

.checkbox label, .radio label, label {
	color: #666565;
}

/**
 * touchspin remove arrows from browers for number inputs
 */
.touchspin-input {
	-moz-appearance: textfield !important;
	appearance: textfield !important;
	-webkit-appearance: none !important; 
}

/**
 * datatables
 */
 .table-striped > tbody > tr:hover {
	background-color: rgba(0, 204, 184, 0.2) !important;
}

.pagination > li > a, .pagination > li > span {
	margin-left:2px;
	
}

.paginate_button.active a {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) !important;
	border-radius: 5px;
}

.paginate_button a {
	border-radius: 5px;
}

.paginate_button {
	margin-right: 5px;
}

.paginate_button a:hover {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) !important;
	border-radius: 5px;
}

.dataTables_wrapper {
    color: #5c5a5a !important;
    font-family: Roboto,Helvetica,Arial,sans-serif !important;
	font-weight: 300 !important;
	font-size: 14px !important;
}

.editPrices_processing {
	z-index: 999999 !important;
}

.form-group .help-block {
	//position: static !important; 
}

/**
 * selectpicker to align next to other inputs
 */
.selectpicker-aligned {
	margin-top:68px !important;
}

/**
 * bootstrap file-input plugin
 */
.file-caption-icon {
	left: 0px !important;
	margin-right: 10px !important;
	padding-right: 10px !important;
}

.file-caption-name {
	left: 10px !important;
	margin-left: 10px !important;
	padding-left: 10px !important;
}

.theme-explorer .file-actions-cell {
	width: auto !important;
	padding: auto !important;
}

.explorer-caption{
    word-break: break-all !important;
 }
 
 .glyphicon {
	font-size: 18px;
}
/**
 * bootstrap css class
 */
.text-yellow {
	color: #d1d514;
}

.progress {
	height: 15px !important;
}

/* selected btn css */
.btn-group-toggle .btn:not(:disabled):not(.disabled).active, .btn-group-toggle .btn:not(:disabled):not(.disabled):active, .show>.btn.dropdown-toggle {
      color: #fff;
      background-color: #03A9F4;
      border-color: #2196F3;
}

/* non selected btn css */
.btn-group-toggle .btn {
  color: #fff;
  background-color: transparent;
  border-color: #6c757d;
}