@import "icons.css";
@import "bootstrap.css";
@import "bootstrap-responsive.css";
@import "fullcalendar.css";
@import "ui.css";
@import "select2.css";
@import "uniform.default.css";
@import "validation.css";
@import "mCustomScrollbar.css";
@import "elfinder.min.css";
@import "elfinder.css";
@import "stylesheet.css";
@import "custom3.css";
@import "safety.css";
@import "../js/plugins/toastr/toastr.min.css";


#translation_helper_box {
    z-index: 9999;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: white;
    resize: both;
    padding: 10px;
    border: 1px solid #808080;
    max-height: 200px;
    overflow: hidden;
}

#translation_hide {
    float: right;
}

#missing_translation_container {
    height: 270px;
    width: 100%;
    overflow: scroll;
}

#missing_translation_container > li {
    list-style: none;
}


/* input class when input is changed */
.no-translation {
    background-color: #F66!important;
}

.support {
	text-align: center;
}

html { height: 100%; }
body { min-height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; position: relative; background: url("../img/backgrounds/body.jpg") left top repeat;}


@media only screen and (max-width: 1350px) {
    /*body > .menu{display: block;}*/
	.header .header_menu li.user_icon{display: block;}
	.header .header_menu li.close_icon{display: block;}
	.header .menu{display:block;}
}

@media only screen and (max-width: 1024px) {
    /*body > .menu{display: block;}*/
	.header .header_menu li.user_icon{display: block;}
	.header .header_menu li.close_icon{display: block;}
	.header .menu{display:block;}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    /*body > .menu {display: none; position: absolute; left: 100%; margin-top: 0px; margin-left: -55px !important; top: 35px; z-index: 999; height: auto; min-height: auto;}*/
    body > .menu .breadLine .arrow {display: block;}
    body > .content{margin-left: 0px;}
		.header .header_menu li.search_icon{display: block;}
		.header .header_menu li.user_icon{display: block;}
		.header .header_menu li.close_icon{display: block;}
	.header .top_bar_search{ display:none; top:40px; background-color:#CCC; position:absolute; padding:10px; padding-top:15px; border:1px solid #999;}
	.header .header_menu li.user_icon{display: block;}
	/*.header .menu{display:none;}*/
	.header .menu_divider{display:none;}
	.header .header_menu li.list_icon{display: block;}
	.table-sorting{
		overflow-x: scroll;
   	 	overflow-y: hidden;
    	width: 100%;
		}
}

@media only screen and (min-width: 481px) {

}

@media only screen and (max-width: 768px) {
    .wBlock.auto{width: auto; float: left;}
        .wBlock.auto .dSpace{padding: 3px;}
    .wBlock .dSpace{width: 100%; padding: 3px 0px;}
    .wBlock .rSpace{float: left; width: 100%;}
	.header .header_menu li.user_icon{display: block;}
	.header .header_menu li.close_icon{display: block;}
	.header .header_menu li.search_icon{display: block;}
	.header .header_menu li.list_icon{display: block;}
	/*.header .menu{display:none;}*/

	.top_bar_search{display:none;}
	.table-sorting{
		overflow-x: scroll;
   	 	overflow-y: hidden;
    	width: 100%;
		}
}

@media only screen and (min-width: 769px) {
.header .header_menu li.user_icon{display: block;}
.header .header_menu li.close_icon{display: block;}
	.table-sorting{
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 980px) {
    /*body > .menu {display: none; position: absolute; left: 100%; margin-top: 0px; margin-left: -55px !important; top: 35px;  z-index: 999; height: auto; min-height: auto;}*/
    body > .menu .breadLine .arrow {display: block;}
    body > .content{margin-left: 0px;}
		.header .header_menu li.user_icon{display: block;}
		.header .header_menu li.user_icon{display: block;}
		.header .header_menu li.close_icon{display: block;}
		.header .header_menu li.list_icon{display: block;}
		/*.header .menu{display:none;}*/
		.table-sorting{
		overflow-x: scroll;
   	 	overflow-y: hidden;
    	width: 100%;
		}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    /*body > .menu {display: none; position: absolute; left: 100%; margin-top: 0px; margin-left: -55px !important; top: 35px; z-index: 999; height: auto; min-height: auto;}*/
    body > .menu .breadLine .arrow {display: block;}
    body > .content{margin-left: 0px;}
		.header .header_menu li.search_icon{display: block;}
		.header .header_menu li.user_icon{display: block;}
		.header .header_menu li.close_icon{display: block;}
	.header .top_bar_search{ display:none; top:40px; background-color:#CCC; position:absolute; padding:10px; padding-top:15px; border:1px solid #999;}
	/*.header .menu{display:none;}	*/
	.header .menu_divider{display:none;}
	.header .header_menu li.list_icon{display: block;}
	.table-sorting{
		overflow-x: scroll;
   	 	overflow-y: hidden;
    	width: 100%;
		}
	.change_language{
		display:none;
	}
}

.responsive-dropup {
	display: none;
	float: right;
}

.responsive-tab-nav-mobile {
	display: none;
}

.search_icon_2 {
	display: none;
}

@media all and (max-width: 768px){
	.search_icon_2 {
		display: block;
	}
}

/* Responsive table */
@media all and (max-width: 640px){

	.responsive-tab-nav-desktop {
		display: none;
	}

	.responsive-tab-nav-mobile {
		display: inline-block;
	}

	.responsive-tab-nav-mobile, .responsive-tab-nav-mobile .dropdown-menu, .responsive-tab-nav-mobile button {
		width: 100%;

	}


	.responsive-tab-nav-mobile .dropdown-menu a {
		text-align: center;
	}

	.responsive-buttonset {
		display: none;
	}

	.responsive-dropup {
		display: inline-block;
	}


	.responsive-table,
	.responsive-row,
	.responsive-column,
	.responsive-column:before{
		display:block;	/* Converts a table, table row, table column and table column:before into a block element */
	}
	.responsive-table,
	.responsive-row .responsive-column:last-child{
		border-bottom:none;
	}
	.responsive-table-head{
		position:absolute;	/* Hides table head but not using display none */
		top:-1000em;
		left:-1000em;
	}
	.responsive-table-body{
		display:block;	/* Takes all space available */
	}
	.responsive-row{
		border:1px solid #eeeeee;
		border-top:20px solid #0D4E88;
		border-bottom:20px solid #0D4E88;
		margin:20px 0;
	}
	.responsive-row .responsive-column:nth-child(1){ /* first column of the row */
		border-left:none;
	}
	.responsive-row .responsive-column:last-child{ /* last column of the row */
		border-right:none;
	}
	.responsive-row:last-child .responsive-column,
	.responsive-column{ /* Column in the last row and column */
		border-bottom:1px solid #eeeeee;
	}
	.responsive-column:before{ /* prints the value of data-label attribute before the column data */
		font-weight:bold;
		padding-right:20px;
		font-size:12px;
		content:" "attr(data-label)" //";	/* call the attribute value of data-label and adds a string // */
	}

	.responsive-row .responsive-column [class*="isw-"], .responsive-row .responsive-column [class*="isb-"], .responsive-row .responsive-column [class*="isc-"], .responsive-row .responsive-column [class*="lia-"]{
		float: none;
	}

}

.staticHeader .navbar {
	margin-bottom: 0px;
}

.navbar {
	border-bottom: 1px #b1b1b1 solid;
}

/** renewed file uploader classes */
#fileUploaderDropArea {
	border: 2px dashed #829E18;
	padding: 20px;
	margin: 20px auto;
	text-align: center;
	font-size: 20px;
	cursor: pointer!important;
}
#fileUploaderDropArea.hover {
	border-color: #829E18;
}
#fileUploaderFileInput {
	display: none;
}

.fileUploaderFileItem {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
}
.fileUploaderFileItem button {
	margin-left: auto;
}
.fileUploaderFileItemAdditionalInputs {
	margin: 10px 0;
}

#fileUploaderUploadProgress {
	margin-top: 10px;
	display: flex;
	align-items: center;
}

#fileUploaderProgressBar {
	width: 100%;
	height: 20px;
	background-color: #daebda;
	border-radius: 5px;
	overflow: hidden; /* Ensures the progress bar is contained within the border radius */
}

#fileUploaderProgressBar::-webkit-progress-bar {
	background-color: #daebda;
}

#fileUploaderProgressBar::-webkit-progress-value {
	background-color: forestgreen;
}

#fileUploaderProgressBar::-moz-progress-bar {
	background-color: forestgreen;
}

#fileUploaderProgressText {
	margin-left: 10px;
}