/* Round Tab */

.round-tab-holder {
    margin: 70px auto 20px auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    min-height: 30px;
}

.round-tab-holder .round-tab {
    border: 2px solid #F00;
    flex: 1;
    color: #F00;
    margin: 0px;
    padding: 5px 50px;
    cursor: pointer;
    white-space: nowrap;
}

.round-tab:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.round-tab:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.round-tab a {
    color: #F00;
    text-decoration: none;
    cursor: pointer;
}

.round-tab.selected a {
    color: white;
}

.round-tab-holder .round-tab.selected {
    background: #F00;
    display: inline-block;
    color: white;
}

/*
.round-tab-holder .round-tab:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.round-tab-holder .round-tab:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}*/



/* ==== inputs ==== */

input[type=text], input[type=password], input[type='time'] {
	border:1px solid #888888;
	background:white;
	color:black;
	padding:4px;
        height: 35px;
        font-size: 12pt;
        padding: 5px;
}
input[type=text].small, input[type=password].small {
	font-size:9px;
}
textarea {
	border:1px solid #888888;
	background:white;
	color:black;
	padding:4px;
}
select {
	border:1px solid #ccc;
}
select.small {
	font-size:9px;
}


textarea {
    font-size: 1em;
    padding: 5px;
}



 input[type='radio'] + label, input[type='checkbox'] + label {
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px;
    padding-left: 25px;
    margin-right: 10px;
    cursor: pointer;
 }


input[type='radio'], input[type='checkbox'] {
    display: none !important;
}


/* Radio Sepcific */
input[type='radio'] + label {
    background: url('../images/bg_rad.png') left center no-repeat;
    margin-bottom: 20px;
    background-size: 20px;
}

input[type='radio']:checked + label {
    background-image: url('../images/bg_rad_sel.png');
}


/* Checkbox Sepcific */
input[type='checkbox'] + label { 
    background: url('../images/bg_check.png') left center no-repeat;
    background-size: 20px;
}

input[type='checkbox']:checked + label {
    background: url('../images/bg_check_sel.png') left center no-repeat;
    background-size: 20px;
}

input[type='checkbox'].transparent + label { 
    background-image: url('../images/bg_check_clear.png');
}

input[type='checkbox'].transparent:checked + label {
    background-image: url('../images/bg_check_clear_sel.png');
}


/* Right align */
input[type='checkbox'].cb-right + label {
    padding-left: 0px;
    padding-right: 25px;
    background-position-x: right;
}


/* ==== buttons ==== */

a.buttonLink {
    text-decoration:none;
    text-align:center;
    display:inline-block;
    margin-bottom:10px;
}

input[type=submit], input[type=button], button, a.buttonLink {
    width:100%;
    padding:10px 30px;
    font-size:16px;
    border:none;
    background:none;
    background-color: #f00;
    color:white;
    margin-right:0;
    margin-left:auto;
    -webkit-appearance:none;
}

input[type=submit].small, input[type=button].small, button.small {
    width: auto;
}


input[type=submit]:hover, input[type=button]:hover, button:hover, a.buttonLink:hover {
    color: white;
    border-color: #F00;
        
}


input[type=submit]:disabled, input[type=button]:disabled, button:disabled {
    background-color:#eee;
    color:#999;
    cursor:not-allowed;
}



/* Custom select */

.select-holder .holder{
    display: block;
    margin: 2px 35px 0 10px;
    white-space: nowrap;            
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 0;
    color: black;
    padding: 10px;

}

input[readonly][type='text'] {
    border: none;
    background: transparent;
}


.select-holder {
    background: url('../images/sel-arrow.png') right no-repeat #FFF;
    border: thin solid #AAA;
    width: 100%;
    overflow: hidden;
    display: block;
    vertical-align: middle;
    position: relative;
    height: 30px;
    
    line-height: 3px;
}

.select-holder.disabled {
    background: #FFF; 
    border: none;
    padding: 0px;
    margin: 0px;
}

.select-holder.disabled select {
    background: #FFF; 
    border: none;
    padding: 0px;
    margin: 0px;
    cursor: default;
}


.select-holder.disabled span.holder {
    padding: 5px;
    margin: 0px;
}

.select-holder.hidden {
    display: none;
}

.select-holder select {
    width: 100%;
    background: transparent;
    border: none;
    padding: 10px;
    height: auto !important;
    color: #333;
    float: none;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2;            
    cursor: pointer;
    outline: none;
    opacity: 0;
    font-size: 12pt;
    
    /* CSS hacks for older browsers */
    _noFocusLine: expression(this.hideFocus=true); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;

}


/** Multi select checkbox **/
div.multi-select-holder {
    position: relative;
}

div.select-check {
    border: thin solid #D3D3D3;
     
    position: absolute;
    background: white;
    z-index: 10;
    top: 29px;
    width: 321px;
    padding: 5px;
}



/* Date Pickers */
.ui-datepicker {
	width: 17em;
	display: none;
        border-radius: 10px;
        box-shadow: 1px 1px 1px 0px;;
        background: #FFF;
        border: thin solid #aaa;
        z-index: 100 !important;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em;
        color: #FFF;
        background: #E11F26;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 3px;
	width: 1.8em;
	height: 1.8em;
        cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 7px;
}
.ui-datepicker .ui-datepicker-next {
	right: 0px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 8px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: 50%;
	margin-top: -3px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;

}
.ui-datepicker td a.ui-state-active {
    background-color: #E11F26;
    color: white;
    border-radius: 50%;
    
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
        color: #000;
        padding: 7px 5px;
        text-align: center;
        font-size: 1.2em
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

.ui-datepicker select {
  color: white;
  font-size: 1em;
  border: thin solid white;
  background: transparent;
  padding: 5px;
  margin: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('../images/sel-arrow.png') right no-repeat;
  
}

.ui-datepicker select option {
    color: #12549B;
}


input[type='text'].date-picker {
    background: url('../images/ic_cal.png') center right no-repeat;
    background-size: contain;
}

/* Datepicker - dark */

input[type='text'].date-picker.dark {
    background: url('../images/ic_cal_white.png') center right no-repeat;
}


/* Slider */

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
        background: url('../images/ic_slider.png') center no-repeat;
        background-size: contain;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
    background-color: #B2B3B2;
    width: 100%;
    top: 0.25em;
    height: 0.25em;
    border-radius: 15px;;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.5em;
	margin-left: -.6em;
        border-radius: 50%;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
        background: #485AA6;
        border-radius: 15px;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}




/* Autocomplete */
ul.ui-autocomplete {
  list-style: none;
  background-color: #FFF;
  border: thin solid #DDD;
  max-width: 360px;
  margin: 0px;
  padding: 0px;
  z-index: 20;
}

ul.ui-autocomplete li {
    padding: 5px;
    color: black;
    cursor: pointer;
}

ul.ui-autocomplete li:hover {
    background: #ED421F;
    color: white;
}

ul.ui-autocomplete li a > div {
    display: inline-block;
}

ul.ui-autocomplete li.ui-state-focus {
    background: #ED421F;
    cursor: pointer;
}

ul.ui-autocomplete li.ui-state-focus * {
    color: white;
}

ul.ui-autocomplete li .title {
    font-weight: bold;
}

ul.ui-autocomplete li .info {
    color: #AAA;
    padding: 5px;
}

ul.ui-autocomplete li.ui-state-focus .info {
    color: #EEE;
}


.ui-helper-hidden-accessible {
    display: none;
}


/* Dropdown arrow */
.autocomplete-wrapper {
    position: relative;
}

.autocomplete-wrapper img.icon {
    position: absolute;
    right:0;
    top:0;
    height: 100%;
    cursor: pointer;
}


.autocomplete-wrapper .icon {
    max-width: 30px;;
    width: 35px;
    padding: 0px;
    margin-bottom: 5px;
}

.fake-field {
    padding:5px;
    background-color:white;
    color:#555;
    border:1px solid #888;
    font-size:12pt;
}