/* @import url("/styles/assets/vendor_components/Magnific-Popup-master/dist/magnific-popup.css");
@import url("/styles/css/bootstrap-extend.css"); */
/* @import url("navigation.css"); */


/*	PLUGIN STYLES*/
/* @import url("/styles/assets/vendor_components/bootstrap-daterangepicker/daterangepicker.css");
@import url("/styles/assets/vendor_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css");
@import url("/styles/assets/vendor_components/bootstrap-switch/switch.css");
@import url("/styles/assets/vendor_plugins/iCheck/all.css");
@import url("/styles/assets/vendor_components/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css");
@import url("/styles/assets/vendor_plugins/timepicker/bootstrap-timepicker.min.css");
@import url("/plugins/select2/dist/css/select2.min.css");
@import url("/plugins/dropzone/dist/dropzone.css");
@import url("/plugins/noty/lib/noty.css");
@import url("/plugins/multiselect/css/multi-select.css");
@import url("/plugins/sweetalert2/dist/sweetalert2.css");
@import url("/plugins/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css");
@import url("/plugins/bootstrap-datepaginator/dist/bootstrap-datepaginator.min.css");
@import url("/plugins/datetimepicker/build/jquery.datetimepicker.min.css");
@import url("/plugins/scanner.js/dist/scanner.css"); */

.flot-chart {
	width: 100%;
	height: 100px;
}

h1.form-element input {
    padding: 0 !important;
    line-height: 30px;
    font-size: 30px;
    margin: -3px 0 -10px 0;
    border: none !important;
}
.twitter-typeahead{
    width: calc(100%);
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.search-menu {
    display: block;
    background-color: white;
    border-top: 1px solid #f2f2f2;
    padding: 20px 15px 15px 15px;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: 0 5px 13px -4px rgba(0,0,0, 0.5);
    border-radius: 5px;
    border-bottom: 2px solid #fa6096;
    width: -webkit-fill-available;
}
.search-icon {
    position: absolute;
    left: 0;
    top: 1px;
    z-index: 999;
    font-size: 32px;
    float: left;
}
.search-hint {
    opacity: 0.5 !important;
    border-bottom: 0 !important;
}
.search-selected {
    background-color: #ccc;
}
.hidden {
    display: none;
}
.soft-hidden {
    display: none;
}
.force-hidden {
    display: none !important;
}
.search-header .form-control {
    border-radius: 0 !important;
    box-shadow: none;
    border:none !important;
    padding: 0 !important;
    font-size: 25px;
    line-height: 21px;
    margin: -5px 0 -5px 0 !important;
}
.search-header .input-group .input-group-addon{
    border: 0 !important;
    font-size: 30px !important;
    float: left;
}
.client-search-selectable:hover {
    background-color: #fbae1c36;
}
.client-search-selected {
    background-color: #03a9f4;
}
.client-search-selected p{
    color: #fff;
}


/*	*/
/*	*	DATATABLES	*/
/*	*/
.dataTables_wrapper .top .dt-buttons {
    padding-top: 5px;
    margin-bottom: 13px;
    float: left;
    width: 49%;
}
.dataTables_wrapper .top .dt-buttons .dt-button {
    padding: 0.5rem 1.25rem;
    border-radius: 5px;
    background: #398bf7;
    color: #fff;
    margin-right: 3px;
	display: inline-block;
}
.dataTables_wrapper .top .dt-buttons .dt-button:hover {
    background: #2f3d4a;
}
.dataTables_wrapper .top .dataTables_filter {
    float: right;
    padding-top: 5px;
    width: 49%;
    margin-bottom: 20px;
}
.dataTables_wrapper .bottom .dataTables_length {
    display: block;
    float: left;
    width: 20%;
    text-align: left;
}
.dataTables_wrapper .bottom .dataTables_length label{
    float:left;
    min-width: 177px !important;
}
.dataTables_wrapper .bottom .dataTables_length select.form-control:not([size]):not([multiple]){
    min-width: 20%;
}
.dataTables_wrapper .bottom .dataTables_info{
    width: 30%;
    padding-top: 15px;
    text-align: center;
    float: left;
}
.dataTables_wrapper .form-control {
	margin: 0 0px !important;
	padding: 5px 5px 5px 15px;
	height: auto;
	max-width: 100% !important;
}
.dataTables_wrapper .input-group-addon:nth-child(3){
	border-radius: 0 5px 5px 0;

}

.dataTables_filter input.form-control:not([size]):not([multiple]) {
	padding: 5px !important;
}

.dataTables_wrapper .dataTables_processing {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f0f8ff61;
    text-align: center;
    padding-top: 13vh;
    font-size: xx-large;
}

table td.tableselect2,
table td.input2
{
	padding: 0 !important;
}


table td.tableselect2 .select2-selection
{
	border-radius: 0 !important;
	border: none;
}

table td.input2 input {

}



/*	*/
/*	*	DROPZONE	*/
/*	*/
#dropBackground, #dropLogo, #dropCover {
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 5px !important;
    position: relative;
    overflow: scroll;
}
.dz-line {
	min-height: auto !important;
}
.dz-line .dz-message {
	padding: 0px;
    margin: 0px;
}
.dz-line .dz-image-preview {
    padding: 0px !important;
    margin: 0px !important;
    height: 25px;
    width: 100%;
    border-radius: 5px !important;
    border-style: dashed !important;
}
.dz-line .dz-image-preview .dz-details {
    padding: 0px !important;
    margin: 0px !important;
    height: auto;
    width: 100%;
}
.dz-line .dz-image {
	border-radius: 5px !important;
	width: 100% !important;
	max-height: 78%;
	position: relative;
	display: block;
	z-index: 10;
}
.dz-line .dz-image img {
	display: block;
	width: 100%;
}

.dz-big {
	position: relative;
	min-height: 250px !important;
}
.dz-big .dz-message {
	min-height: 200px !important;
	padding: 90px;
	margin: auto;
	font-size: 35px;
}
.dz-big .dz-image-preview {
    padding: 0px !important;
    margin: 0px !important;
    height: 164px;
    width: 100%;
    border-radius: 5px !important;
    border-style: dashed !important;
}
.dz-big .dz-image-preview .dz-details {
    padding: 0px !important;
	margin: 0px !important;
	height: 25px;
	width: 100%;
}
.dz-big .dz-image {
	position: relative !important;
	display: block !important;
	z-index: 10;
	max-height: 180px;
	height: 160px !important;
	clear: both;
	width: auto !important;
	border-radius: 5px !important;
}
.dz-big .dz-image img {
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}


/*	dropzone full box body */
.dz-box-body-full {}
.dz-box-body-full .dz-preview.dz-file-preview.dz-processing
{
	display: block;
	margin-top:  40px;
	border: none;
}
.dz-box-body-full .dz-preview.dz-file-preview.dz-processing .dz-progress
{
	display: block;width: 100%;position: absolute;top: -24px;left: 40px;margin-top: 0;margin-bottom: 30px;border-radius: 3px;
}
.dz-box-body-full .dz-image-preview {
    position: absolute;
    padding: 0px !important;
    margin: 0px !important;
    height: -webkit-fill-available;
    width: 100%;
    border: 0 none !important;
    top:  0;
    left: 0;
    z-index: 0;
    overflow: scroll;
}

.dz-box-body-full .dz-preview .dz-image {
	width: -webkit-fill-available;
	height: -webkit-fill-available;
	position: relative;
	display: block;
	z-index: 0;
	display: none !important;
}


/*	*/
/*	*	SELECT2.JS	*/
/*	*/

span.select2-container {
    position: relative;
    display: block;
}

.select2 .selection .ul li{
	line-height: 10px;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
	background-color: #efefef;
	color: #0000007a;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true]::before {
	content: "✔️ "
}
.select2-container--bootstrap .select2-results__option[aria-selected=true]:hover {
	background-color: #eea4a378;
	color: #242a33;
}

.form-control:focus,
.select2-container--focus,
.select2-container--open {
    box-shadow: 0 0 0 2pt #03a9f499;
    border-radius: 5px;
}

.input-group .select2:last-child .select2-selection {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.input-group .select2:not(:last-child) .select2-selection {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.input-group .select2 {
	display: table-cell !important;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1% !important;
}

.has-error .select2-container,
.has-error .select2-dropdown,
.has-error .select2-selection
{
	color:red;
	box-shadow: 0 0 0 2pt #ef535063;
	border-radius: 5px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered
{
	min-height: 0;
	/* line-height: 1.128571429; */
	/* display: table-cell; */
	padding: 3px 0 3px 3px;
	width: 100%;
	list-style: none;
	margin: 0 !important;
	line-height: 0px;
}
.select2-container .select2-selection--single .select2-selection__rendered
{
	min-height: 0;
	line-height: 1.128571;
	display: table-cell;
	padding: 4px 0 6px 0;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
	color: #000000;
	cursor: pointer;
	display: inline-block;
	font-weight: bolder;
	margin-right: 5px;
	line-height: 16px;
	font-size: large;
}

.select2-container .select2-selection--single {
	height: 36px;
}




/*	*/
/*	*	MULTISELECT.JS	*/
/*	*/
.ms-container{
	width: 100%;
}

.ms-container .input-group-addon {
	background-color: none !important;
}



/*	*/
/*	*	MULTISELECT.JS	*/
/*	*/
table th, table td {
	vertical-align: middle !important;
	padding: 0.5rem !important;
}
.dataTables_filter input[type="search"]
{
	margin-left:10px !important;
	margin-right: 3px  !important;
}




/*	*/
/*	*	Channels.JS	*/
/*	*/
.channel-logo img
{
	max-width: -webkit-fill-available;
	max-height: -webkit-fill-available;
}



/*	*/
/*	*	modifications	*/
/*	*/
.box-header {
	padding: 10px !important;
}

.content {
	min-height: 250px;
	padding: 0 10px 10px 10px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	POSITION: relative;
}
.content-header {
	padding: 10px 20px;
	margin: 0px 10px 10px 10px;
	border-radius: 5px;
}

.breadcrumb {
	margin: 0 !important;
	padding: 0px !important;
}
.box {
	margin-bottom: 10px !important;
}

.bg-input {
	padding: 0.65rem 0.8rem !important;
}



/*
	TYPEAHEAD SEARCH
*/
input.form-control[wf-search]{
	/* height: 3.7rem; */
	font-size: 2rem;
	/* background-color: #ffffff !important; */
	/* box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.3); */
}

.typeahead-no-result {
	font-size: 2rem;
	padding: 22px 10px 10px;
}
.typeahead-no-result-mini {
	font-size: 1rem;
	padding: 5px 10px 5px;
	margin: 0 !important;
}
.tt-dataset hr {
	margin: 10px;
}

div.search-menu div.media.tt-suggestion.client-search-selectable
{
	padding: 3px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	margin-bottom: -1px;
}
div.search-menu div.media.tt-suggestion.client-search-selectable p
{
	font-size: 14px;
	line-height: 19px;
	padding: 2px 0;
	margin: 0;
}
div.search-menu div.media.tt-suggestion.client-search-selectable p.address
{
	font-size: 11px;
	line-height: 21px;
	padding: 0px;
	margin: 0;
}
div.search-menu div.media.tt-suggestion.client-search-selectable h4.media-heading
{
	font-size: 26px;
	line-height: 25px;
	padding: 2px 0;
	margin: 0;
}

div.search-menu div.media.tt-suggestion.client-search-selectable .media-left
{
	padding: 0;
	margin-left:  0;
	min-width: 30px;
}

div.search-menu div.media.tt-suggestion.client-search-selectable i
{
	padding-right: 5px;
}






/*
	TABLE
*/
table.table-settings input,
table.table-settings select {
	padding: 4px auto !important;
	min-width: 50px;
}

table.table-settings td {
	min-height: 3.5rem !important;
	height: 3.5rem;
}

table.table-settings .editableform .form-control
{
	height: 2.3rem;
	min-width: 200px;
}
td .tableimage {
	max-height: 42px;
}


/*	*/
/*	*	EDITABLE	*/
/*	*/
.editable-input{
	min-width: 150px;
}


/*
		MODALS
*/


@media (max-width: 991px)
{
	.modal-xl {
		min-width: 100% !important;
	}

	.modal-90 {
		min-width: 90%;
	}
}

@media (min-width: 992px)
{
	.modal-xl
	{
		min-width: 845px;
	}

	.modal-90 {
		min-width: 90%;
	}
}

@media (min-width: 1160px)
{
	.modal-xl
	{
		width: 1000px;
		min-width: 1000px;
	}
}

@media (min-width: 1361px)
{
	.modal-xl
	{
		width: 1200px;
		min-width: 1200px;
	}
}

@media (min-width: 1600px)
{
	.modal-xl
	{
		width: 1500px;
		max-width: 1500px;
	}
}


[hiden], [hidden], [wf-hiden], [wf-hidden] {
	display: none;
}

.nav-tabs i.fa.fa-play {
	/* display: inline-block; */
	/* float: left; */
	/* font-size: 34px; */
	/* padding-right: 10px; */
}




.channel-logo-dropzone
{
    display: block;
    border-radius: 5px;
    border: 2px dashed #ccc;
    min-height: -webkit-fill-available !important;
    position: relative;
    padding: 0px;
}

.channel-logo-dropzone img.real_image
{
    display: block;
    width: 100%;
    height: 100%;
}

.channel-logo-dropzone .dz-message
{
    display: block;
    width: 100% !important;
    height: auto;
    max-height: 100%;
    margin: 0px;

}

.channel-logo-dropzone .dz-message h3
{
    /* position:absolute; */
    /* top: 5px; */
    /* left: 5px; */
    max-width: 50%;
    padding: 15px;
    text-align: left;
}

.channel-logo-dropzone .channel-logo {
	border-radius: 10px;
	text-align: center;
	padding: 5px;
	max-width: 50%;
	min-width: 30%;
	height: 58px !important;
	float: right;
	position: absolute;
	right: 1px;
	top: 1px;
	/* background-color: cornsilk; */
}


.channel-cover-holder
{
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	background-color: #f7f4f0;
}
img[wf-channel-cover] {
	max-width: -webkit-fill-available;
	max-height: 220px !important;
}

/*
	BORDERS
*/
.rounded-1 { border-radius: 1px;}
.rounded-3 { border-radius: 3px;}
.rounded-5 { border-radius: 5px;}
.rounded-8 { border-radius: 8px;}
.rounded-10{ border-radius:10px;}
.rounded-15{ border-radius:15px;}
.rounded-20{ border-radius:20px;}
.border-dashed {border: dashed}

.sidebar-mini.sidebar-collapse .main-sidebar .user-panel{
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.ulogo{
	display: block;
	margin-bottom: 0;
	padding: 17px 0;
	z-index:1500;
}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.ulogo font.logo-more
{
    display: none;
}

body.sidebar-collapse aside.main-sidebar li.treeview span:nth-child(2)
{
	padding: 21px !important;
}

body.sidebar-collapse aside.main-sidebar li.treeview span:nth-child(3)
{
	padding: 15px !important;
	top: 7px;
	margin-top: 2px;
}

body.sidebar-collapse ul.sidebar-menu li:not(.treeview) span {
	padding: 21px !important;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control
{
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
}

.input-group {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}

.input-group-addon.btn {
	min-width: 40px;
	text-align: center;
	position: relative;
}
.input-group-addon:not(:last-child):not(:first-child) {
	border-radius: 0 !important;
}
.input-group-addon:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group-addon:first-child {
	border-radius: 5px 0px 0px 5px;
}


td .table_image
{
	max-height: 50px;
}

.pa-5 {
	padding: 5px;
}


.video_player {
	width: 100%;
	max-height: 550px;
	height: auto;
}

.navbar:before, .navbar:after {
	display: table;
	content: none !important;
}


.required label::after {
	content: "*";
	color: red;
	padding: 5px;
}

.form-line .control-label {
	line-height: 2.7em;
	display: block;
	margin-bottom: 0 !important;
}