/*====Custom Styles===*/





/*General*/

fieldset {
    border: 0;
    padding: 0 0 0 0;
    margin: 0;
    min-width: 0;
}

.hiddenpars .tablePars {
	display: none;
}

.widget {
	position: relative;
}

.tOptions {
	position: absolute;
	top: 12px;
	right: 15px;
}

/*Layout*/

.container-left {
	margin-left: 0;
}

#top .columns {
	align-items: center;
	justify-content: space-between;
}

.userNav {
	float: right;
}

.userNav .logout:hover,
.userNav .logout:focus {
	text-decoration:none;
}

#top.navbar .navbar-brand, #top.navbar .navbar-menu {
	align-items: center;
}

.main-content {
	padding-top: 20px;
	padding-bottom: 20px;
}

.mainNav .user {
	align-items: center;
}

.mainNav .user img {
	max-height: 70px;

}

.mainNav .user{
	padding-left: 15px;
	padding-right: 15px;
}

.mainNav .user .username {
	padding-left: 15px !important;
}

/*Sidebar*/

#sidebar {
	position: relative;
	width: 80px;
	z-index: 9;
	transition: all 0.3s ease-in-out;
}

#sidebar.active {
	width: 285px;
}

#sidebar .user {
	overflow: hidden;
	margin-top: 0;
}

#sidebar .user > a {
	width: 100%;
	padding-left: 28px;
	cursor: initial;
	transition: all 0.3s ease-in-out;
}

#sidebar:not(.active) .menu-list li, #sidebar:not(.active) .menu-list li a {
	height: 62px;
}

#sidebar .menu-list li a {
	width: 70px;
	overflow: hidden;
	text-decoration: none;
	white-space: nowrap;
	padding-left: 28px;
	transition: all 0.3s ease-in-out;
}

#sidebar.active .menu-list > li a, #sidebar .menu-list > li:hover a {
	width: 285px;
}

#sidebar .menu-list li span:not(.icon) {
	display: inline-block;
	transform: scale(0);
	transform-origin: left;
	transition: all 0.3s ease-in-out;
}

#sidebar.active .menu-list > li span:not(.icon), #sidebar .menu-list > li:hover span:not(.icon) {
	transform: scale(1);
}

#sidebar .menu-list > li:hover a {
	background: #f5f5f5;
}

#sidebar .menu-list li .subNav {
	margin-top: 0;
	margin-left: 50px;
	transform: scale(0);
	transform-origin: top;
	transition: all 0.3s ease-in-out;
}

#sidebar:not(.active) .menu-list li .subNav {
	margin-left: 80px;
	border-left: none;
    padding-left: 0;
}

#sidebar .menu-list li:hover .subNav, #sidebar.active .menu-list li .subNav {
	transform: scale(1);
}

#sidebar .menu-list li .subNav li {
	height: 0;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

#sidebar .menu-list li:hover .subNav li {
	height: 62px;
	opacity: 1;
}

#sidebar.active .menu-list li .subNav li {
	height: 35px;
	opacity: 1;
}

#sidebar:not(.active) .menu-list li .subNav li a {
	background: #f5f5f5;
	width: 350px;
	line-height: 3;
}

#sidebar.active .menu-list > li .subNav a {
	width: 222px;
}

#sidebar .toggle-sidebar .icon {
	transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
}

#sidebar.active .toggle-sidebar .icon {
	transform: rotate(180deg);
}

#sidebar.active ~ #content {
	padding-right: 5%;
}

#sidebar:not(.active) ~ #content {
	width: 90%;
}

#content {
	transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
	#sidebar, #sidebar.active {
		width: inherit;
	}
	
	#sidebar .user > a {
		width: 70px;
	}
	
	#sidebar .menu-list li .subNav li {
		opacity: 1;
	}
	
	#sidebar:not(.active) .menu-list li, #sidebar:not(.active) .menu-list li a {
		width: inherit;
		height: inherit;
	}
	
	#sidebar .menu-list li span:not(.icon) {
		transform: inherit;
	}
	
	#sidebar:not(.active) .menu-list .subNav li, #sidebar:not(.active) .menu-list .subNav li a {
		height: inherit;
	}
	
	#sidebar:not(.active) .menu-list li .subNav {
		border-left: 1px solid #bbb;
]	    padding-left: .75em;
		transform: inherit;
	}
	
	#sidebar:not(.active) .menu-list li .subNav li a {
		background: inherit;
	}
	
	#sidebar .toggle-sidebar {
		display: none;
	}
}

/*Tables*/

.table-title {
	padding-right: 80px;
}

.dataTables_wrapper .tablePars > .columns {
	justify-content: space-between;
}

.table {
	margin-top: 1.25rem;
}

.table.dTable th, .table.cTable th {
	padding-top: 16px;
	padding-bottom: 16px;
}

.table .tableActs {
	white-space: nowrap;
}

.dataTables_wrapper .tableFooter {
	justify-content: space-between;
}

.table .break {
	word-break: break-all;
}

.table.break-name td:nth-child(2), .table.break-name td:nth-child(3){
	word-break: break-all;	
}

/*Forms*/

.switch label {
	height: 28px;
}

.file .file-name input {
	border: 0;
	background: transparent;
}

/*Lists*/

.sub-categories li:not(:last-child) {
	border-bottom: 1px solid #bbb;
}


/* ===  Charts  === */

.chart, .bars, .updating, .pie { height: 250px; margin: 10px 0 0 0; z-index: 90; width: 100%; }
.pie { height: 350px !important; margin-top: 40px !important; margin: 0 auto; z-index: 90; width: auto !important; }
.secNav .chartS, .secNav .barsS, .secNav .updatingS, .secNav .pieS { width: 100%; height: 250px; z-index: 90; }
.sideChart { background: #f5f5f5; padding: 10px; border-top: 1px solid  #CDCDCD; border-bottom: 1px solid #CDCDCD; }
.chartWrapper { overflow: hidden; }


/* ===== UI Datepicker ===== */

#ui-datepicker-div {
	background:#ffffff;
}

#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {text-align: center;}
#ui-datepicker-div .ui-datepicker-prev:after {content: '<';}
#ui-datepicker-div .ui-datepicker-next:after {content: '>';}
#ui-datepicker-div .ui-datepicker-prev > span {display: none;}
#ui-datepicker-div .ui-datepicker-next > span {display: none;}


.datepicker { width: 78px!important; }
.datesRange li { float:left; }
.datesRange li.separator { margin: 0 10px; color: #ddd; }
.datesRange li input[type=text] { width: 78px!important; }
.ui-datepicker-append { margin-left: 14px; font-size: 11px; line-height: 26px; }
.ui-datepicker { width: 195px; /*padding: .2em .2em 0;*/ display: none; border: 1px solid #CDCDCD; }
.ui-datepicker-inline { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 35px; }
#sidebar .ui-datepicker-inline, .widget .ui-datepicker-inline { margin-top: 0; }
.formRow .ui-datepicker-inline { width: 195px; }
.ui-datepicker .ui-datepicker-header { position:relative; padding: 8px 0 7px 0; border:0px; font-weight: bold; font-size: 11px; width: 100%; color: #636363; text-shadow: 0 1px white; border-bottom: 1px solid #CDCDCD; border-radius: 0!important; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; background: #F8F8F8; background: -moz-linear-gradient(top, #F8F8F8 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#ececec)); background: -webkit-linear-gradient(top, #F8F8F8 0%,#ececec 100%); background: -o-linear-gradient(top, #F8F8F8 0%,#ececec 100%); background: -ms-linear-gradient(top, #F8F8F8 0%,#ececec 100%); background: linear-gradient(top, #F8F8F8 0%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 ); }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 9px; width: 1.8em; height: 1.8em; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background: none; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:7px; }
.ui-datepicker .ui-datepicker-prev-hover { }
.ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; width: 6px; cursor: pointer; height: 9px; position: absolute; left: 50%; top: 4px; background: url(../images/elements/ui/dateArrows.png) no-repeat 0; }
.ui-datepicker .ui-datepicker-prev span { background-position: 0 0; }
.ui-datepicker .ui-datepicker-next span { background-position: -8px 0; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; line-height: 14px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.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; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; border-left: 1px solid #cdcdcd; }
.ui-datepicker-multi .ui-datepicker-group:first-child { border-left: none; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

.ui-datepicker th { font-weight: bold; color: gray; }
.ui-datepicker-today a:hover{ background-color: #808080; color: #ffffff; }
.ui-datepicker-today a{ background-color: #BFBFBF; cursor: pointer; padding: 0 1px; margin-bottom:0px; }
.ui-datepicker td a{ margin-bottom:0px; border:0px; }
.ui-datepicker td:hover{ color:white; }
.ui-datepicker td .ui-state-default { border:0px; background:none; margin-bottom:0px; padding:6px; color: #505050; text-align: center; filter:none; }
.ui-datepicker td .ui-state-active{ background:#67919d; margin-bottom:0px; font-size:normal; text-shadow: 0px; color:white;   -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.ui-datepicker td .ui-state-default:hover{ background:#476981; color:white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }