/* Global */
.vhidden { visibility: hidden; }
.underline,
.underline:hover,
.underline:focus { text-decoration: underline; }
.underline > span { margin-right: .5em; }
.underline > span.right { margin-right: 0; margin-left: .5em; }
.bold, b, optgroup, strong { font-weight: 600; }
.italic, i { font-weight: 300; font-style: italic; }
button:focus,
select:focus { outline: none; }
sup { top: -.5em; font-size: .7em; }
.clear { clear: both; }
.lowercase { text-transform: lowercase !important; display: inline-block; }
.lowercase:first-letter { text-transform: capitalize !important; }
.uppercase { text-transform: uppercase; }
.input-group { cursor: pointer; }
.tooltip { z-index: 10070; }
/* Inputs file */
.file_custom { display: inline-block; vertical-align: middle; height: 32px; position: relative; border: 1px solid #979797; background-color: #fcfcfc; color: #000; overflow: hidden; cursor: pointer; }
.file_custom > input[type="file"] { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
.file_custom > span { width: 275px; min-height: 31px; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; font-style: italic; line-height: 20px; }
.file_custom > span, 
.file_custom > strong { padding: 5px 10px; }
.file_custom > strong { color: #000; background-color: #fff; font-weight: normal; float: left; border-left: 1px solid #979797; min-height: 30px; line-height: 20px; }


/* Switch button (checkbox) */
.switch_btn { position: relative; display: inline-block; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.switch_btn .label { width: 100%; margin-bottom: 5px; }
.switch_btn input { opacity: 0; width: 0; height: 0; }
.switch_btn .slider { display: inline-block; position: relative; cursor: pointer; background-color: #ccc; transition: .4s; width: 50px; height: 25px; border-radius: 34px; }
.switch_btn .slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 6px; bottom: 4px; background-color: white; transition: .4s; border-radius: 50%; }
.switch_btn input:checked + .slider:before { -webkit-transform: translateX(21px); -ms-transform: translateX(21px); transform: translateX(21px); }
.switch_btn .left,
.switch_btn .right { line-height: 25px; }
.switch_btn .left { text-align: right; padding-right: .5em; }
.switch_btn .right { text-align: left; padding-left: .5em; }

/* Select 
.btn-group,
.btn-group > .dropdown-toggle { position: relative; text-align: left; line-height: 22px; }
.btn-group > .dropdown-toggle { padding-left: 10px; padding-right: 24px; }
button.dropdown-toggle:after { content: "\f0dd"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; position: absolute; top: 0; right: 7px; line-height: 26px; }
.btn-group > .dropdown-toggle.disabled { opacity: .6; cursor: not-allowed; }
.btn-group > .dropdown-toggle > .value { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.btn-group > .dropdown-toggle > .value > img { margin-right: 5px; }
.dropdown-menu { font-size: 15px; height: auto; overflow-x: hidden; max-height: 250px; }
.dropdown-menu li.selected { background-color: #eee; }
.dropdown-menu li:hover:not(.selected) { background-color: #fafafa; }
.dropdown-menu li { padding: 6px 10px; cursor: pointer; transition: 0.3s background-color ease; font-size: 14px; }
.dropdown-menu li > img { margin-right: 5px; }
.dropdown-menu li >  span { display: inline-block; vertical-align: middle; }
.dropdown-menu li.disabled { opacity: 0.5; }
*/
/* Tables */
.table th { font-weight: 500; } 


.btn-link { padding: 0; }
.btn-link:focus, 
.btn-link:hover { outline: none; }
.btn.off { opacity: 0.5; }
.btn .fa.right,
.btn [data-icon].right { margin-left: 0.5em; margin-right: 0; }
.btn .fa.center { margin-right: 0.5em; margin-left: 0.5em; }
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus { outline: 0; }

/* Accordions 
.collapse { overflow: hidden; display: block; height: 0; }
.collapse.in { height: auto; }
[id^=accordion] .panel { box-shadow: none; }
[id^=accordion] .panel-default { border: 0; border-radius: 0; background-color: #FFF; }
[id^=accordion] .panel-heading { border-bottom: 1px solid #e2e2e2; border-radius: 0; padding: 0; position: relative; }
[id^=accordion] .panel-heading a:after { text-transform: none !important; content: "\f0dd"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; position: absolute; top: 3px; right: 15px; -webkit-transition: 0.3s -webkit-transform ease; transition: 0.3s -webkit-transform ease; -o-transition: 0.3s transform ease; transition: 0.3s transform ease; transition: 0.3s transform ease, 0.3s -webkit-transform ease; }
[id^=accordion] .panel-heading.active a:after {content: "\f0de"; top: 10px;}
[id^=accordion] .panel-heading > .panel-title { display: block; padding: 10px 30px 10px 15px; position:relative; font-size: 14px}
[id^=accordion] .panel-heading > .panel-title > a { display: block; }
[id^=accordion] .panel-heading > .panel-title > a:hover { color: inherit; }
[id^=accordion] .panel-heading > .panel-title > a .minus { display: none; }
[id^=accordion] .panel-heading > .panel-title h1,
[id^=accordion] .panel-heading > .panel-title h2,
[id^=accordion] .panel-heading > .panel-title h3,
[id^=accordion] .panel-heading > .panel-title h4,
[id^=accordion] .panel-heading > .panel-title h5 { margin: 0; font-size: 1em; }
[id^=accordion] .panel-heading.active > .panel-title > a .plus { display: none; }
[id^=accordion] .panel-heading.active > .panel-title > a .minus { display: block; }
[id^=accordion] .panel-heading+.panel-collapse>.panel-body { border-style: solid; border-width: 0 1px 1px 1px; }
[id^=accordion] .panel-heading > .panel-title > a .fa:not(.plus):not(.minus) { padding-right: 0.5em; }
[id^=accordion] .panel-heading > .panel-title > a .fa.plus,
[id^=accordion] .panel-heading > .panel-title > a .fa.minus { position: absolute; top: 10px; right: 30px; }
[id^=accordion] .panel-default.light .panel-heading a:after { right: 0; position: absolute; top: 6px; height: 10px; }
[id^=accordion] .panel-default.light .panel-heading.active a:after { top: 14px; }
[id^=accordion] .panel-default.light .panel-heading > .panel-title > a,
[id^=accordion] .panel-default.light .panel-heading > .panel-title > a > h1,
[id^=accordion] .panel-default.light .panel-heading > .panel-title > a > h2 { padding: 0; text-transform: uppercase; font-weight: 500; font-size: 1em; margin: 0; line-height: 1.5em; }
[id^=accordion] .panel-heading > .panel-title .check { height: 18px; width: 18px; border: 1px solid #000; position: relative; }
[id^=accordion] .panel-heading > .panel-title .check:after { content: ""; width: 7px; height: 11px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); position: absolute; left: 5px; top: 1px; transition: .2s transform ease; }
[id^=accordion] .panel-heading.active > .panel-title .check { border: 1px solid #000; }
[id^=accordion] .panel-heading.active > .panel-title .check:after { transform: rotate(45deg) scale(1); }
[id^=accordion].white { background-color: #FFF; padding-bottom: 10px; }
[id^=accordion].white .panel-heading a:after { content: " "; display: table;position: relative; }
[id^=accordion].white .panel-heading > .panel-title {  }
[id^=accordion].white .panel-collapse.collapsing:after,
[id^=accordion].white .panel-collapse.in:after { content: ""; display: block; margin: 0 20px; border-bottom: 1px solid #e2e2e2; }
*/


/* ALERT BOX STYLES */
.alert{position:relative; padding:10px; text-align:left; border-width:0; border-style:solid; padding:15px; margin:20px 0; border:1px solid transparent; border-radius:4px}
.alert h4{margin-top:0; color:inherit}
.alert .alert-link{font-weight:700}
.alert>p,.alert>ul{margin-bottom:0}
.alert>p+p{margin-top:5px}
.alert .fa { margin-right: 0.5em; }
.alert-dismissable,.alert-dismissible{padding-right:35px}
.alert-dismissable .close,.alert-dismissible .close{position:relative; top:-2px; right:-21px; color:inherit}
.alert-success{color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2b542c}
.alert-info{color:#31708f; background-color:#d9edf7; border-color:#bce8f1}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#245269}
.alert-warning{color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#66512c}
.alert-danger{color:#a94442; background-color:#f2dede; border-color:#ebccd1}
.alert-danger hr{border-top-color:#e4b9c0}
.alert-danger .alert-link{color:#843534}
.alert-danger .fa { margin-right: 0.5em; }
.alert-close{padding-right:36px}
.alert a { text-decoration: underline; }
.alert .alert-icon{line-height:34px; float:left; width:34px; height:34px; margin:5px 10px 0 0; text-align:center; border-radius:3px;}
.alert .alert-title { font-size: 12px; font-weight: 400; margin: 4px 0 3px; padding: 0; text-transform: uppercase; }
.alert .alert-content{overflow:hidden}
.alert p{padding:0; opacity:.85; -moz-opacity:.85; filter:alpha(opacity=85);}
.alert p:last-child{margin:0}
.alert .alert-close-btn{font-size:12px; line-height:16px; position:absolute; z-index:2; top:50%; right:10px; display:block; width:16px; height:16px; margin-top:-10px; text-align:center; opacity:.5; color:#000; filter:alpha(opacity=50)}
.alert .alert-close-btn:hover{opacity:1; filter:alpha(opacity=100)}
.bg-warning{ color: white;border-color: #d67520; background: #e67e22; }
.bg-danger{ color: white;border-color: #e4b9c0; background: #e4b9c0; }
.bg-success{ color: white;border-color: #dff0d8; background: #dff0d8; }
.bg-info{ color: white;border-color: #d9edf7; background: #d9edf7; }

/* ----- [TAB Portrait] ----- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	/* Global */
	.text-sm-right { text-align: right; }
	.text-sm-left { text-align: left; }
	.text-sm-center { text-align: center; }
}

@media (max-width: 767px) {
	.text-xs-right { text-align: right; }
	.text-xs-left { text-align: left; }
	.text-xs-center { text-align: center; }
	.xs-block { display: block !important; width: 100%; }
	.xs-block + .xs-block { margin-top: 10px; }
	.xs-inline { display: inline !important; }
	.pull-right-xs { float: right; }
	.pull-left-xs { float: left; }	
	.modal-header { height: auto; } 
	
	/* Modal */
	.modal-dialog { width: 95% !important; }
	.modal-header .close { font-size: 1.2em; right: 15px; }
	
	/* Accordions 
	[id^=accordion] .panel-default.light .panel-heading { margin: 0; }
	[id^=accordion] .panel-default.light .panel-heading:after { top: 17px; right: 20px; }
	[id^=accordion] .panel-default.light .panel-heading > .panel-title > a { padding: 10px; }
	[id^=accordion] .panel-default.light .panel-heading > .panel-title > a, 
	[id^=accordion] .panel-default.light .panel-heading > .panel-title > a > h1 { line-height: 1.5em; }
	.panel-group .panel+.panel { margin-top: 0; }
	*/
	/* Inputs file */
	.file_custom > span { width: 155px; }
	
	
}