/*** FLEX ***/
.select-container-flex{
	display:flex;
	flex: 1 1 auto;
	width: 1%;	
}

/*** PANEL ***/
.panel-body::after{
	display: block;
	content: "";
	clear:both;	
}

/*** CUSTOM FORM ***/

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
	background-color: #EA4351; 
}

/*** DEFAULT ***/
.btn-default { 
  color: #fff; 
  background-color: #000; 
  border-color: #000; 
} 
 
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default { 
  color: #FFFFFF; 
  background-color: #EA4351; 
  border-color: #EA4351; 
} 
 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default { 
  background-image: none; 
} 
 
.btn-default.disabled, 
.btn-default[disabled], 
fieldset[disabled] .btn-default, 
.btn-default.disabled:hover, 
.btn-default[disabled]:hover, 
fieldset[disabled] .btn-default:hover, 
.btn-default.disabled:focus, 
.btn-default[disabled]:focus, 
fieldset[disabled] .btn-default:focus, 
.btn-default.disabled:active, 
.btn-default[disabled]:active, 
fieldset[disabled] .btn-default:active, 
.btn-default.disabled.active, 
.btn-default[disabled].active, 
fieldset[disabled] .btn-default.active { 
  background-color: #FFED00; 
  border-color: #FFED00; 
}

/*** WHITE ***/
.btn-white { 
  color: #00689F; 
  background-color: #FFF; 
  border-color: #FFF; 
} 
 
.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white { 
  color: #FFFFFF; 
  background-color: #00689F; 
  border-color: #00689F; 
} 
 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white { 
  background-image: none; 
} 
 
.btn-white.disabled, 
.btn-white[disabled], 
fieldset[disabled] .btn-white, 
.btn-white.disabled:hover, 
.btn-white[disabled]:hover, 
fieldset[disabled] .btn-white:hover, 
.btn-white.disabled:focus, 
.btn-white[disabled]:focus, 
fieldset[disabled] .btn-white:focus, 
.btn-white.disabled:active, 
.btn-white[disabled]:active, 
fieldset[disabled] .btn-white:active, 
.btn-white.disabled.active, 
.btn-white[disabled].active, 
fieldset[disabled] .btn-white.active { 
  background-color: #FFED00; 
  border-color: #FFED00; 
}

/*** BLACK ***/

.btn-black { 
  color: #FFF; 
  background-color: #000; 
  border-color: #000; 
} 
 
.btn-black:hover, 
.btn-black:focus, 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  color: #000; 
  background-color: #FFF; 
  border-color: #FFF; 
} 
 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  background-image: none; 
} 
 
.btn-black.disabled, 
.btn-black[disabled], 
fieldset[disabled] .btn-black, 
.btn-black.disabled:hover, 
.btn-black[disabled]:hover, 
fieldset[disabled] .btn-black:hover, 
.btn-black.disabled:focus, 
.btn-black[disabled]:focus, 
fieldset[disabled] .btn-black:focus, 
.btn-black.disabled:active, 
.btn-black[disabled]:active, 
fieldset[disabled] .btn-black:active, 
.btn-black.disabled.active, 
.btn-black[disabled].active, 
fieldset[disabled] .btn-black.active { 
  background-color: #FFED00; 
  border-color: #FFED00; 
}


/*** GREY ***/
 
.btn-grey { 
  color: #FFFFFF; 
  background-color: #505050; 
  border-color: #505050; 
} 
 
.btn-grey:hover, 
.btn-grey:focus, 
.btn-grey:active, 
.btn-grey.active, 
.open .dropdown-toggle.btn-grey { 
  color: #FFFFFF; 
  background-color: #7E7E7E; 
  border-color: #7E7E7E; 
} 
 
.btn-grey:active, 
.btn-grey.active, 
.open .dropdown-toggle.btn-grey { 
  background-image: none; 
} 
 
.btn-grey.disabled, 
.btn-grey[disabled], 
fieldset[disabled] .btn-grey, 
.btn-grey.disabled:hover, 
.btn-grey[disabled]:hover, 
fieldset[disabled] .btn-grey:hover, 
.btn-grey.disabled:focus, 
.btn-grey[disabled]:focus, 
fieldset[disabled] .btn-grey:focus, 
.btn-grey.disabled:active, 
.btn-grey[disabled]:active, 
fieldset[disabled] .btn-grey:active, 
.btn-grey.disabled.active, 
.btn-grey[disabled].active, 
fieldset[disabled] .btn-grey.active { 
  background-color: #505050; 
  border-color: #505050; 
} 
 
.btn-grey .badge { 
  color: #505050; 
  background-color: #FFFFFF; 
}

/*** YELLOW ***/

.btn-yellow { 
  color: #000; 
  background-color: #FFED00; 
  border-color: #000; 
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #FFFFFF; 
  background-color: #000; 
  border-color: #000; 
} 
 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-yellow.disabled, 
.btn-yellow[disabled], 
fieldset[disabled] .btn-yellow, 
.btn-yellow.disabled:hover, 
.btn-yellow[disabled]:hover, 
fieldset[disabled] .btn-yellow:hover, 
.btn-yellow.disabled:focus, 
.btn-yellow[disabled]:focus, 
fieldset[disabled] .btn-yellow:focus, 
.btn-yellow.disabled:active, 
.btn-yellow[disabled]:active, 
fieldset[disabled] .btn-yellow:active, 
.btn-yellow.disabled.active, 
.btn-yellow[disabled].active, 
fieldset[disabled] .btn-yellow.active { 
  background-color: #FFED00; 
  border-color: #FFED00; 
}

/*** BLUE ***/

.btn-blue { 
  color: #FFF; 
  background-color: #00689F; 
  border-color: #00689F; 
} 
 
.btn-blue:hover, 
.btn-blue:focus, 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  color: #00689F; 
  background-color: #FFF; 
  border-color: #00689F; 
} 
 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-blue.disabled, 
.btn-blue[disabled], 
fieldset[disabled] .btn-blue, 
.btn-blue.disabled:hover, 
.btn-blue[disabled]:hover, 
fieldset[disabled] .btn-blue:hover, 
.btn-blue.disabled:focus, 
.btn-blue[disabled]:focus, 
fieldset[disabled] .btn-blue:focus, 
.btn-blue.disabled:active, 
.btn-blue[disabled]:active, 
fieldset[disabled] .btn-blue:active, 
.btn-blue.disabled.active, 
.btn-blue[disabled].active, 
fieldset[disabled] .btn-blue.active { 
  background-color: #FFED00; 
  border-color: #FFED00; 
} 

/*** GREEN ***/

.btn-green { 
  color: #FFF; 
  background-color: #2CC73B; 
  border-color: #2CC73B; 
  border-radius:0
} 
 
.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  color: #2CC73B; 
  background-color: #FFF; 
  border-color: #2CC73B; 
} 
 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-green.disabled, 
.btn-green[disabled], 
fieldset[disabled] .btn-green, 
.btn-green.disabled:hover, 
.btn-green[disabled]:hover, 
fieldset[disabled] .btn-green:hover, 
.btn-green.disabled:focus, 
.btn-green[disabled]:focus, 
fieldset[disabled] .btn-green:focus, 
.btn-green.disabled:active, 
.btn-green[disabled]:active, 
fieldset[disabled] .btn-green:active, 
.btn-green.disabled.active, 
.btn-green[disabled].active, 
fieldset[disabled] .btn-green.active { 
  background-color: #FFED00; 
  border-color: #FFED00; 
} 

/*** TRANSPARENT ***/

.btn-transparent { 
  color: #000; 
  border-color: #000; 
} 
 
.btn-transparent:hover, 
.btn-transparent:focus, 
.btn-transparent:active, 
.btn-transparent.active, 
.open .dropdown-toggle.btn-transparent { 
  color: #FFFFFF; 
  background-color: #000; 
  border-color: #000; 
} 
 
.btn-transparent:active, 
.btn-transparent.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-transparent.disabled, 
.btn-transparent[disabled], 
fieldset[disabled] .btn-transparent, 
.btn-transparent.disabled:hover, 
.btn-transparent[disabled]:hover, 
fieldset[disabled] .btn-transparent:hover, 
.btn-transparent.disabled:focus, 
.btn-transparent[disabled]:focus, 
fieldset[disabled] .btn-transparent:focus, 
.btn-transparent.disabled:active, 
.btn-transparent[disabled]:active, 
fieldset[disabled] .btn-transparent:active, 
.btn-transparent.disabled.active, 
.btn-transparent[disabled].active, 
fieldset[disabled] .btn-transparent.active { 
  background-color: #FFED00; 
  border-color: #FFED00; 
} 
 
.btn-transparent .badge { 
  color: #FFED00; 
  background-color: #FFFFFF; 
}

/*** BORDER WHITE ***/

.btn-border-white { 
  color: #FFF; 
  border-color: #FFF; 
  text-transform:uppercase
} 
 
.btn-border-white:hover, 
.btn-border-white:focus, 
.btn-border-white:active, 
.btn-border-white.active, 
.open .dropdown-toggle.btn-border-white { 
  color: #FFF; 
  background-color: #FB6820; 
  border-color: #FB6820; 
} 
 
.btn-border-white:active, 
.btn-border-white.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-border-white.disabled, 
.btn-border-white[disabled], 
fieldset[disabled] .btn-border-white, 
.btn-border-white.disabled:hover, 
.btn-border-white[disabled]:hover, 
fieldset[disabled] .btn-border-white:hover, 
.btn-border-white.disabled:focus, 
.btn-border-white[disabled]:focus, 
fieldset[disabled] .btn-border-white:focus, 
.btn-border-white.disabled:active, 
.btn-border-white[disabled]:active, 
fieldset[disabled] .btn-border-white:active, 
.btn-border-white.disabled.active, 
.btn-border-white[disabled].active, 
fieldset[disabled] .btn-border-white.active { 
  background-color: #FFF; 
  border-color: #FFF; 
}

/*** BORDER BLACK ***/

.btn-border-black { 
  color: #000; 
  border-color: #000; 
  text-transform:uppercase
} 
 
.btn-border-black:hover, 
.btn-border-black:focus, 
.btn-border-black:active, 
.btn-border-black.active, 
.open .dropdown-toggle.btn-border-black { 
  color: #FFF; 
  background-color: #FB6820; 
  border-color: #FB6820; 
} 
 
.btn-border-black:active, 
.btn-border-black.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-border-black.disabled, 
.btn-border-black[disabled], 
fieldset[disabled] .btn-border-black, 
.btn-border-black.disabled:hover, 
.btn-border-black[disabled]:hover, 
fieldset[disabled] .btn-border-black:hover, 
.btn-border-black.disabled:focus, 
.btn-border-black[disabled]:focus, 
fieldset[disabled] .btn-border-black:focus, 
.btn-border-black.disabled:active, 
.btn-border-black[disabled]:active, 
fieldset[disabled] .btn-border-black:active, 
.btn-border-black.disabled.active, 
.btn-border-black[disabled].active, 
fieldset[disabled] .btn-border-black.active { 
  background-color: #000; 
  border-color: #000; 
} 

/*** BORDER ORANGE ***/

.btn-border-orange { 
  color: #FB6820; 
  border-color: #FB6820; 
  text-transform:uppercase
} 
 
.btn-border-orange:hover, 
.btn-border-orange:focus, 
.btn-border-orange:active, 
.btn-border-orange.active, 
.open .dropdown-toggle.btn-border-orange { 
  color: #FB6820; 
  background-color: #FFF; 
  border-color: #FFF; 
} 
 
.btn-border-orange:active, 
.btn-border-orange.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-border-orange.disabled, 
.btn-border-orange[disabled], 
fieldset[disabled] .btn-border-orange, 
.btn-border-orange.disabled:hover, 
.btn-border-orange[disabled]:hover, 
fieldset[disabled] .btn-border-orange:hover, 
.btn-border-orange.disabled:focus, 
.btn-border-orange[disabled]:focus, 
fieldset[disabled] .btn-border-orange:focus, 
.btn-border-orange.disabled:active, 
.btn-border-orange[disabled]:active, 
fieldset[disabled] .btn-border-orange:active, 
.btn-border-orange.disabled.active, 
.btn-border-orange[disabled].active, 
fieldset[disabled] .btn-border-orange.active { 
  background-color: #FB6820; 
  border-color: #FB6820; 
} 

/*** BORDER GREEN ***/

.btn-border-green { 
  color: #10807a; 
  border-color: #10807a; 
  text-transform:uppercase
} 
 
.btn-border-green:hover, 
.btn-border-green:focus, 
.btn-border-green:active, 
.btn-border-green.active, 
.open .dropdown-toggle.btn-border-green { 
  color: #fff; 
  background-color: #10807a; 
  border-color: #10807a; 
} 
 
.btn-border-green:active, 
.btn-border-green.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-border-green.disabled, 
.btn-border-green[disabled], 
fieldset[disabled] .btn-border-green, 
.btn-border-green.disabled:hover, 
.btn-border-green[disabled]:hover, 
fieldset[disabled] .btn-border-green:hover, 
.btn-border-green.disabled:focus, 
.btn-border-green[disabled]:focus, 
fieldset[disabled] .btn-border-green:focus, 
.btn-border-green.disabled:active, 
.btn-border-green[disabled]:active, 
fieldset[disabled] .btn-border-green:active, 
.btn-border-green.disabled.active, 
.btn-border-green[disabled].active, 
fieldset[disabled] .btn-border-green.active { 
  background-color: #10807a; 
  border-color: #10807a; 
}

/*** BORDER RED ***/

.btn-border-red { 
  color: #eb4c5a; 
  border-color: #eb4c5a; 
  text-transform:uppercase
} 
 
.btn-border-red:hover, 
.btn-border-red:focus, 
.btn-border-red:active, 
.btn-border-red.active, 
.open .dropdown-toggle.btn-border-red { 
  color: #fff; 
  background-color: #eb4c5a; 
  border-color: #eb4c5a; 
} 
 
.btn-border-red:active, 
.btn-border-red.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-border-red.disabled, 
.btn-border-red[disabled], 
fieldset[disabled] .btn-border-red, 
.btn-border-red.disabled:hover, 
.btn-border-red[disabled]:hover, 
fieldset[disabled] .btn-border-red:hover, 
.btn-border-red.disabled:focus, 
.btn-border-red[disabled]:focus, 
fieldset[disabled] .btn-border-red:focus, 
.btn-border-red.disabled:active, 
.btn-border-red[disabled]:active, 
fieldset[disabled] .btn-border-red:active, 
.btn-border-red.disabled.active, 
.btn-border-red[disabled].active, 
fieldset[disabled] .btn-border-red.active { 
  background-color: #eb4c5a; 
  border-color: #eb4c5a; 
}  

/**** NAVTAB ****/

.tab-pane{
	border-color: #e0e0e0;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 0px 0px;
	background:#FFF;
	padding: 20px 15px;	
}

.nav-tabs > li > a{
	background:#505050;
	color:#FFF;
}

.nav-tabs > li:hover > a,
.nav-tabs > li.active > a{
	background:#FFF;
	color:#000;
}

.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link{
	background:#EA4351;
	color:#FFF;
}

.nav-pills .nav-link {
	background:#9F9F9F;
	color:#FFF;
}

.nav-pills .nav-link.disabled{
	opacity:.3;
	cursor:not-allowed;
}

/**** MODAL ****/

.modal-header{
	background:#555555 8px center no-repeat;	
}
.modal-footer{
	background:#E3E3E3;	
}

.modal-title{
	font-family: "Pathway Gothic One", sans-serif;
	color: #FFF;
    font-size: 20px;
}

.modal .form-group{
	/*margin-bottom:0px;*/
}

/**** TEXT ****/
.text-bold{
	font-weight:bold;	
}
.text-italic{
	font-style:italic;	
}

.dropdown-menu{
	min-width: 14rem;
}

.hide {
    display: none;
}


/*** CUSTOM CHECKBOX ***/
.checkbox [type="checkbox"]:not(:checked) + label, .checkbox [type="checkbox"]:checked + label {
    position: relative;
    padding: 6px 10px 6px 58px;
    cursor: pointer;
    display: inline-block;
   /* background: rgba(0, 0, 0, 0.22);
    border: 2px solid rgba(255, 255, 255, 0.22);
    border-radius: .25rem;*/
    margin-bottom: 0;
}

.checkbox [type="checkbox"]:not(:checked) + label.no-text,.checkbox [type="checkbox"]:checked + label.no-text{
    padding: 0px 10px 28px 37px;
}

.checkbox .checkbox > label {
    color: rgba(255, 255, 255, 0.7);
}

.checkbox [type="checkbox"]:not(:checked), .checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    right: 0;
}

.checkbox [type="checkbox"]:not(:checked) + label:before,
.checkbox [type="checkbox"]:checked + label:before,
.checkbox [type="checkbox"]:not(:checked) + label:after,
.checkbox [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
}

.checkbox [type="checkbox"]:not(:checked) + label:before,
.checkbox [type="checkbox"]:checked + label:before {
    left: 5px;
    top: 10px;
    width: 40px;
    height: 15px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.checkbox [type="checkbox"]:not(:checked) + label:after,
.checkbox [type="checkbox"]:checked + label:after {
    width: 20px;
    height: 20px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    border-radius: 100%;
    background: #ababab;
    top: 7px;
    left: 3px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

.checkbox [type="checkbox"]:checked + label:before {
    background: rgba(255, 255, 255, 0.3);
}
.checkbox [type="checkbox"]:checked + label:after {
    top: 7px;
    left: 27px;
    color: #fff;
    background: #abdf18;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}
.checkbox [type="checkbox"]:focus + label:before {
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
}
.checkbox input[type=checkbox],
.checkbox input[type=checkbox]:active,
.checkbox input[type=checkbox]:hover,
.checkbox input[type=checkbox]:focus {
    margin-top: 0px;
}