/* � 2017 Slade Industries
* Tim Moller - All Rights Reserved
*
* COLORS
* This section is just for notes, and quick find/replace if needed.
*
* WHITES
* White #FFFFFF
*
* GRAYS
* Light Gray #AFAFAF
* Ghost Gray #F7F7F7
*
* REDS
* Red  #FF0000
*
* ORANGES
* Orange (Button)  #BF5F00
* Orange (Button Highlight) #FF7F00
* Orange (Button Shadow) #804000
*/

/* Fonts */
/* Cabin regular - latin */
* {
  box-sizing: border-box;
}
* {
	scrollbar-width: auto;
	scrollbar-color: #ccc transparent;
}

*::-webkit-scrollbar {
	width: 8px;
}

*::-webkit-scrollbar-track {
	background: transparent;
}

*::-webkit-scrollbar-thumb {
	background-color: #ccc;
}

a{
    color:#1680fb;
    text-decoration: none;
}
a:hover{
    color:#000;
}
.ui-widget-content {
    border: 1px solid #0e1827;
}
.ui-accordion .ui-accordion-header {
    margin: 0;
    text-transform: uppercase;
}
.ui-accordion .ui-accordion-content {
    padding: 1.5em;
}
.ui-widget-content a {
    color: #0082fb;
    text-decoration: none;
}
.editEvent {
    color: #0082fb;
    text-decoration: none;
    text-transform: capitalize;
}
#menuBar, #widgetArea {
	background-color: #131313;
	color: #FFFFFF;
	display: table-cell;
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	vertical-align: top;
	border-right: solid 8px #FFFFFF;
}

#container100 {
	background-color: #131313;
	color: #FFFFFF;
	display: table-cell;
	width: 100%;
}

#container100>div {
	padding: 0 8px;
}

#widgetArea {
	border-right: none;
	border-left: solid 8px #FFFFFF;
}

@media only screen and (max-width: 672px) {
	#menuBar, #widgetArea, #middle {
		width: 100%;
		display: table-row;
	}
}

/* For mobile phones: */
[class*="col-"] {
	width: 100%;
	border-spacing: 0;
	margin: 0;
	padding: 0 16px;
	float: left;
	vertical-align: middle;
/*	border-bottom: solid 1px #C0C0C0;*/
	/*max-height: 40px;*/
	max-height: 100px;
}

@media only screen and (min-width: 1480px) {
	/* For desktop: */
	.col-01 {
		width: 8.33%;
	}
	.col-02 {
		width: 16.66%;
	}
	.col-03 {
		width: 25%;
	}
	.col-04 {
		width: 33.33%;
	}
	.col-05 {
		width: 41.66%;
	}
	.col-06 {
		width: 50%;
	}
	.col-07 {
		width: 58.33%;
	}
	.col-08 {
		width: 66.66%;
	}
	.col-09 {
		width: 75%;
	}
	.col-10 {
		width: 83.33%;
	}
	.col-11 {
		width: 91.66%;
	}
	.col-12 {
		width: 100%;
	}
}

.row::after, .col-12, .col-d-12 {
	content: "";
	clear: both;
	display: table;
}

/* Dialog fields for mobile phones: */
[class*="col-d-"] {
	width: 100%;
	border-spacing: 0;
	margin: 0;
	padding: 0 16px;
	float: left;
	vertical-align: middle;
	border-bottom:0;
/*	max-height: 40px;*/
}

@media only screen and (min-width: 800px) {
	/* Dialog fields for desktop: */
	.col-d-01 {
		width: 8.33%;
	}
	.col-d-02 {
		width: 16.66%;
	}
	.col-d-03 {
		width: 25%;
	}
	.col-d-04 {
		width: 33.33%;
	}
	.col-d-05 {
		width: 41.66%;
	}
	.col-d-06 {
		width: 50%;
	}
	.col-d-07 {
		width: 58.33%;
	}
	.col-d-08 {
		width: 66.66%;
	}
	.col-d-09 {
		width: 75%;
	}
	.col-d-10 {
		width: 83.33%;
	}
	.col-d-11 {
		width: 91.66%;
	}
	.col-d-12 {
		width: 100%;
	}
}

label {
	width: 24%;
	min-width: 24%;
	max-width:100%;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	white-space: pre-line;
	line-height: 14px;
    margin-bottom: 6px;
/*    white-space: nowrap;*/
    width: auto;
}

fieldset:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.quickLink {
	position: relative;
    
}

.quickLink>a {
/*	position: absolute;*/
	right: 0;
	top: 6px;
    left: 0;
}

.quickLink>a>img {
	width: 23px;
	height: 25px;
}

/* The element to be centered, can also be of any width and height */
.centered {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}

/* Unsorted */
body.dialog div.width50 {
	padding: 0 13px;
}
div.container30, div.container60 {
    width: 30%;
    margin: auto;
    min-width: 320px;
    text-align: center;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
}
div.container50 {
	width: 50%;
}

div.forminfobar, div.formwarnbar {
	width: 292px;
	background: #F7F7FF;
	border: solid 1px #D9D9D9;
	border-top: solid 1px #C0C0C0;
	border-left: solid 4px #0000FF;
	color: #00007F;
	font-size: 18px;
	text-align: left;
	padding: 9px 8px;
	margin: 8px auto;
}

div.formwarnbar {
	background: #FFF7F7;
	border-left: solid 4px #FF0000;
	color: #7F0000;
}

fieldset {
    border: none;
    margin-top: 25px;
}

footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
     background: #f4f6fb; 
    /* background: -webkit-linear-gradient(#FFFFFF 0%, #E8E7E5 100%); */
    border-top: 1px solid #dbdbdb;
    color: #000000;
    font-size: 1rem;
    padding: 10px;
    text-align: center;
}

footer span {
	float: left;
}

footer a {
    float: right;
    display: inline-block;
    padding: 11px 20px;
    text-decoration: none;
    background: #0082fb;
    margin: 0 10px;
    border-radius: 5px;
    color: #fff;
}
footer a:hover {
    background: #185abd;
    color: #fff;
}
.visible-lg a{
	color: #000000; 
    text-decoration: none;
}
.visible-lg a:hover{
	color: #0082fb; 
}

h1, h2, h3, h4, h5, h6 {
	font-size: 26px;
	text-align: center;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 20px;
	text-align: left;
}

p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ol, ul {
	margin: 0 20px;
	text-align: left;
	padding: 0 8px;
}

input, select, textarea {
	/*width: 274px;
  height: 32px;*/
	height: 24px;
	border: solid 1px #D9D9D9;
	border-top: solid 1px #C0C0C0;
	font-size: 18px;
	padding: 0 8px;
	box-sizing: border-box;
	margin: 8px 0;
}

textarea {
	min-height: 2.2em;
	height: auto;
	resize: vertical;
	width: 100%;
}

select:required, input:required, textarea:required, select:required+.custom-combobox>.custom-combobox-input
	{
	border-left: solid 1px #ccc !important;
}

select:required {
	padding-left: 4px;
}

span.required {
	font-weight: 700;
	color: #FF0000;
}

strong {
	font-weight: 700;
}

/* Generic styles */
.alert {
    font-weight: 700;
    text-align: center;
    font-size: 19px;
    /* background: rgb(255 0 0); */
    background: green;
    padding: 16px;
    border-left: 0;
    border-right: 0;
    color: #fff;
    border-radius: 8px;
    border: 0;
    margin-top: 20px;
}

.alert.red {
	color: #F00000;
}

.alert.green {
	color: #006040;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
	display: none !important;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.responsive-debug {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	color: #000000; /* #DADADA; */
	height: 32px;
	line-height: 32px;
}

@media ( max-width : 767px) {
	.visible-xs {
		display: block !important;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.visible-sm {
		display: block !important;
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.visible-md {
		display: block !important;
	}
}

@media ( min-width : 1200px) {
	.visible-lg {
		display: block !important;
	}
}

@media ( max-width : 1700px) {
	#formContainer {
		width: 100% !important;
	}
}

#menuBar, #widgetArea {
	color: #FFFFFF;
    background: #0e1827;
    box-shadow: 1px 1px 5px #ccc;	
    margin: 0;
	padding:0;
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	height: 100%;
	vertical-align: top;
	display: table-cell;
    border: 0;
}

#widgetArea {
	padding: 0;
}

#widgetBody {
	flex: 1 1 auto;
}

body, html {
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	width: 100%;
}

body.main {
	display: table;
}

#menuBranding {
    width: 100%;
    padding-bottom: 10px;
    background: #000;
}
#menuBar a {
	color: #FFFFFF;
}

.signinBlock {
	text-align: center;
	padding: 16px 0;
	min-width: 500px;
}

.miniCal {
	float: left;
	display: inline-block;
	background: #FFFFF0;
	border: solid 1px #000000;
	height: 200px;
}

.miniCal td {
	width: 28px;
	height: 21px;
}

#miniCal, #noteTable td {
	text-align: left !important;
}

.miniCal td.thisDate {
    background: #0084fb;
    border: solid 1px #000000;
    cursor: pointer;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}

.day {
	text-align: center;
}

#formContainer {
	/* width: 75%; */
	margin: auto;
	max-width: 1368px;
}

/*
h1 {
	font-size: 20px;
	padding-bottom: 8px;
}
*/
/*

h1 {
    font-size: 20px;
    padding: 26px;
    background: #fff;
    box-shadow: 1px 1px 5px #ccc;
    margin: -20px -20px 20px;
}
*/
h1 {
    font-size: 1.5rem;
    padding: 24px;
    background: #fff;
    box-shadow: 1px 1px 5px #ccc;
    margin: -20px -20px 20px;
    text-transform: uppercase;
}

h1 span a {
    padding: 11px 20px;
    text-decoration: none;
    background: #0a1827;
    margin: 0 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
}

h1 span a:hover {
    color: #fff;
}

h1 a:last-child {
    padding: 11px 20px;
    text-decoration: none;
    background: #0a1827;
    margin: 0 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
}

h1 a:last-child:hover {
    color: #fff;
}

.export-btn {
    padding: 11px 20px;
    text-decoration: none;
    background: #0a1827;
    margin: 0 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 1rem;
    display: inline-block;
}

.export-btn:hover {
    color: #fff;
}
h1.no-shadow {
    margin: 0;
    box-shadow: none;
}

.formPhone h1{
    box-shadow: none;
    margin: 0px;
    padding: 0;
    
}

.dayAgenda {
	border-spacing: 0;
	width: 100%;
	border-collapse: separate;
}

.dayAgenda th, div.accordion h1 {
    font-weight: 700;
    color: #ffffff;
    font-size: 14px;
    padding: 4px 8px;
    background: #0e1827;
    border: 1px solid #ebeff7;
    border-left: 0;
    border-right: 0;}

th {
	text-align: left;
	color: #fff;
    height: 34px;
}

th a {
	color: #fff;
	text-decoration: none;
}

.dayAgenda thead th:first-child {
	border-top-left-radius: 5px;
	border-left: solid 1px #c9ced7;
}

.dayAgenda thead th:last-child {
	border-top-right-radius: 5px;
	border-right: solid 1px #c9ced7;
}

.dayAgenda tbody td:first-child {
	border-left: solid 1px #c9ced7;
}

.dayCalendar tbody td:first-child {
	color: #FFFFFF;
	background: #ebeff7;
	text-align: center;
	border-color: #FFFFFF;
}

.dayAgenda tbody td {
	border-bottom: solid 1px #c9ced7;
	border-right: solid 1px #c9ced7;
    padding: 5px 10px;
    font-size: .9em;
}

.dayAgenda tfoot tr {
	font-weight: 700;
	color: #FFFFFF;
	height: 16px;
	padding: 4px 0;
	background: #E8E7E5;
	background: -webkit-linear-gradient(#FFFFFF 0%, #E8E7E5 100%);
	background: -moz-linear-gradient(#FFFFFF 0%, #E8E7E5 100%);
	border-top: 1px solid #D7D6D6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#091644',
		endColorstr= '#224FF6', GradientType= 0);
}

.dayAgenda tfoot td {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid #ebeff7;
	border-top: none;
}

.stripedTable tr:nth-child(odd) {
	/*background-color: #F4F4F4;*/
	color: #000000;
}

.stripedTable tr:nth-child(even) {
	background-color: #ebeff7;
	color: #000000;
}

/*
.stripedTable tr:nth-child(odd):hover, .stripedTable tr:nth-child(odd):active
	{
	background-color: #ebeff7;
}

.stripedTable tr:nth-child(even):hover, .stripedTable tr:nth-child(even):active
	{
	background-color: #ebeff7;
}
*/

.clickable {
	cursor: pointer;
}

.callEvent {
	background: #FFFFEF;
	display: inline-block;
	border: solid 1px #000000;
	width: 60px;
	height: 39px;
}

div.width-01-01, div.width-11-12, div.width-05-06, div.width-03-04, div.width-02-03,
	div.width-07-12, div.width-01-02, div.width-05-12, div.width-01-03, div.width-01-04,
	div.width-01-06, div.width-01-12 {
	float: left;
}

div.width-01-01 {
	width: 100%;
}

div.width-11-12 {
	width: 91.6666%
}

div.width-05-06 {
	width: 83.3333%;
}

div.width-03-04 {
	width: 75%;
}

div.width-02-03 {
	width: 66.6666%;
}

div.width-07-12 {
	width: 58.3333%;
}

div.width-01-02 {
	width: 50%;
}

div.width-05-12 {
	width: 41.6666%;
}

div.width-01-03 {
	width: 33.3333%;
}

div.width-01-04 {
	width: 25%;
}

div.width-01-06 {
	width: 16.6666%;
}

div.width-01-12 {
	width: 8.3333%;
}

div.width50 {
	float: left;
	width: 50%;
	min-height: 50px;
}

div.width100 {
	float: none;
	width: 100%;
	display: block;
	clear: both;
	text-align: center;
    padding: 0 16px;
}
.logo-login {
    background: #000;
    border-radius: 12px;
    margin-bottom: 30px;
}
input[type=text], input[type=email], input[type=url], input[type=date],
	input[type=time], input[type=file], input[type=password], select,
	.custom-combobox {
    height: 40px;
    background-color: #fff;
    border:1px solid #ccc;
    color: #353f4f;
    font-size:1rem;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 25px;
    padding: 5px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    width: 100%;
        margin-top: 0;
}

input:focus-visible {
  outline: 0px solid #ccc;
}
.ui-autocomplete-input {
	min-width: 90%;
	/*width: auto;*/
	max-width: 100%;
}

.custom-combobox-toggle {
	max-width: 24px;
}

input[type=submit] {
	height: auto !important;
	text-align: center;
	cursor: pointer;
}

input[type=checkbox] {
	cursor: pointer;
	width: 18px;
	height: 18px;
	margin-top: 9px;
	margin-bottom: 12px;
}

a.topLink {
	height: 32px;
	padding: 9px;
	line-height: 32px;
	text-decoration: none;
	border-radius: 8px;
	display: inline-block;
	border: solid 1px #C0C0C0;
	color: #000000;
	background: #E8E7E5;
	background: -webkit-linear-gradient(#FFFFFF 0%, #E8E7E5 100%);
	background: -moz-linear-gradient(#FFFFFF 0%, #E8E7E5 100%);
	border-top: 1px solid #D7D6D6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#091644',
		endColorstr= '#224FF6', GradientType= 0);
}

.prevLink, .nextLink {
	float: left;
	padding: 0 2px;
	border: solid 1px #A0A0A0;
	margin: 7px;
	border-radius: 4px;
	background: #E8E7E5;
	background: -webkit-linear-gradient(#FFFFFF 0%, #E8E7E5 100%);
	background: -moz-linear-gradient(#FFFFFF 0%, #E8E7E5 100%);
	border-top: 1px solid #D7D6D6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#091644',
		endColorstr= '#224FF6', GradientType= 0);
}

.nextLink {
	float: right;
}

.prevLink a, .nextLink a {
	color: #000000;
	text-decoration: none;
}

input[type=submit].searchField {
	height: auto;
}

input[type=text].searchField {
	width: 100%;
	max-width: 99%;
}

input[type=submit].searchField, input[type=text].searchField {
/*
	padding: 1px 2px;
	margin: 2px;
	height: auto;
	width: auto;
  max-width: 120px;
	font-size: 14px;
    padding: 1px 8px;
    height: 30px;
    border-radius: 5px;
*/
    margin: 2px;
}

code {
	white-space: pre-wrap;
	font-family: 'Courier New';
	width: 800px;
	display: block;
	margin: 1em auto 4.8em auto;
	background: beige;
	border: solid 1px forestgreen;
	padding: 8px;
	border-radius: 4px;
}

.editEvent,.editEvent2 {
	color: #0082fb;
	cursor: pointer;
}
.editEvent:hover,.editEvent2:hover {
	color: #000;
}

section {
	white-space: pre;
	width: 800px;
	display: block;
	margin: 1em auto;
	background: beige;
	border: solid 1px forestgreen;
	padding: 8px;
	border-radius: 4px;
}

section.warning {
	background: #FFAFAF;
	border-color: #7F3F3F;
}

.newContactForm input, .newContactForm select {
/*	height: 24px;*/
}

input.searchable {
	
}

div.searchable {
	font-weight: 400;
	border: none;
	width: 100%;
	max-width: 274px;
	background: #FFFFFF;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	width: 270px;
	position: absolute;
}

div.searchable a {
	text-decoration: none;
	display: block;
	padding: 4px 8px;
}

.jumpSelected, .jumpSelected a, div.searchable a:hover {
	background: #7F7FFF;
	color: #FFFFFF;
}

.searchableContainer {
	position: relative;
	top: -8px;
	left: 33%;
	width: 0;
	height: 0;
}

option {
	color: #000000;
}

select option:first-child {
	color: #757575;
}

input[required]::placeholder, select[required] option:first-child {
	color: #353f4f;
}

#showCompanies {
	max-width: 45%;
}

.lateTask, .lateTask td {
	/*background-color: rgba(255, 180, 255, 0.3);*/
}
/* hackey */
.callBar {
/*	width: 75%;*/
	margin: auto;
	max-width: 100%;
    margin-bottom: 20px;
}

div.accordion h1 {
	cursor: pointer;
	font-size: 14px;
	margin-top: 1em;
	border:0;
}

.custom-combobox {
	position: relative;
	display: inline-block;
}

/*
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}
*/

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -10px;
    padding: 0;
    right: 0;
    border: 0;
}

.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
	max-width: 243px;
	border-radius: 0;
	border: solid 1px #D9D9D9;
	border-top: solid 1px #C0C0C0;
	font-size: 18px !important;
}

.ui-state-default {
	background: #FFFFFF;
}

.custom-file-input {
	font-size: 18px;
}

.custom-file-input::-webkit-file-upload-button {
	background: none;
	cursor: pointer;
	border: none;
	border-right: solid 2px #000000;
}

#widgetCalFrame {
	height: 200px;
	width: 172px;
	border: none;
}

#widgetCalHeader {
	color: #FFFFFF;
}

.widgetCal {
	background: none;
	border: none;
	font-size: 12px;
	position: absolute;
	left: 4px;
	height: 200px;
	margin: 0;
	color: #FFFFFF;
}

.widgetCal td {
	color: #000000;
	width: 20px;
}

.widgetCal thead {
	display: none;
}

.widgetCal .day, .widgetCal th {
	color: #FFFFFF;
}

#widgetCalHeader {
	text-align: center;
	font-size: 16px;
	line-height: 10px;
}

#widgetCalLeft, #widgetCalRight {
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	padding: 0 0 0 12px;
}

#widgetCalRight {
	float: right;
	padding: 0 12px 0 0;
}

.callBarTitle {
	position: absolute;
	height: 25px;
	top: 5px;
	left: 8px;
    filter: brightness(0) invert(1);
}

.callBarTitleRight {
	left: auto;
	right: 8px;
}

.ui-accordion-header-icon {
	display: none;
}

.collapsibleTime {
	display: none;
}

.persistentTime {
	height: 2em;
}

#calCollapseToggle {
	float: right;
	padding-right: 13px;
	cursor: pointer;
	font-size: 11px;
}

#newEventHistory {
	width: 100%;
	border: none;
	max-height: 200px;
	height: 200px;
}

#hideWidgets, #showWidgets, #hideMenuBar, #showMenuBar {
	float: left;
}

#showWidgets, #showMenuBar {
	display: none;
}

.container100 {
	width: 100%;
	display: table-cell;
}

.newMenuLink {
	text-decoration: none;
	font-size: 24px;
	line-height: 18px;
	padding-left: 8px;
}

.pageLinks {
	padding-left: 4px;
	float: left;
}

/*
.pageLinks>a, .pageLinks>span {
	padding-right: 4px;
	text-decoration: none;
}
*/
tfoot tr td a{
    padding-right: 4px;
    text-decoration: none;
    background: #1680fb;
    border-color: #1680fb;
    color: #fff;
    box-shadow: none;
    min-width: 80px;
    text-align: center;
    padding: 8px;
    font-size: 1rem;
    margin: 8px 4px;
    display: inline-block;
    border-radius: 5px;
}
tfoot tr td a:hover{
    background: #185abd;
    color: #fff;
}
.pageLinks>a, .pageLinks>span {
    padding-right: 4px;
    text-decoration: none;
    background: #1680fb;
    border-color: #1680fb;
    color: #fff;
    box-shadow: none;
    min-width: 80px;
    text-align: center;
    padding: 8px;
    font-size: 1rem;
    margin: 8px 4px;
    display: inline-block;
    border-radius: 5px;
}
.pageLinks>a:hover, .pageLinks>span:hover {
    background: #185abd;
}
.pageLinks>span.disabledLink{
    background: #585858;
    border-color: #585858;
}
.totalPages {
    padding-right: 4px;
    float: right;
    display: inline-block;
    margin: 16px;
}

.enabledLink {
	color: #00007F;
}

.disabledLink {
	color: #C0C0C0;
}
/*

.controlPanelIcon {
	vertical-align: top;
	height: 108px;
	display: inline-block;
	margin: 0 8px 8px 0;
	width: 95px;
	text-align: center;
	border: solid 1px #C0C0C0;
	border-radius: 4px;
	text-decoration: none;
	background: #7F7F7F;
	color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
*/

.admin-user {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    padding:30px;
    align-items: stretch;
}
.controlPanelIcon {
    background: #0a1827;
    width: 31.65%;
    padding: 50px 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    color: #fff;
    font-size: 1.7rem;
    text-decoration: none;
    text-align: center;
}
.controlPanelIcon:hover {
    background: #0082fb;
    color: #fff;
}

.dataTables_wrapper label {
	display: inline;
}

.dataTables_length {
	text-align: left;
	width: 50%;
	float: left;
}

.dataTables_length label select {
	max-width: 122px;
	width: 60px;
	min-width: 0;
}

.listTable {
	width: 100%;
}


.container100 {
    padding:20px;
}

#menuBar hr {display:none;}

#tabsContainer ul {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0 8px;
}
#tabsContainer ul li{}
#tabsContainer ul li a{
	color:inherit;
	font-size:16px;
	display:block;
	padding:8px;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 600;
}
#tabsContainer ul a:hover{
    color:#1680fb;
}
#tabsContainer ul li span {
    font-size: 1.5em;
    margin-bottom: 5px;
}

	/* Submenu */
	#tabsContainer ul li li{position: relative;}
	#tabsContainer ul li ul{margin: 0;padding:0;}
	#tabsContainer ul li ul li{border-bottom: none;display: flex;}
	#tabsContainer ul li a{padding:20px 0;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;text-transform: uppercase;font-weight: 400;border-radius: 5px;color: #d0cfd7;}
	#tabsContainer ul li a:hover{
		background:#1680fb;
        color: #fff;
	}

#tabsContainer ul li a.newMenuLink:hover {background:transparent;}
#tabsContainer ul li a.newMenuLink {
    position: absolute;
    right: -1px;
    bottom: 52px;
    font-size: 26px;
    width: auto;
    padding: 0 8px;
    font-weight: 200;
}

.ui-widget.ui-widget-content {
    border: 0 !important;
    height: 29px;
    padding: 0;
    font-size: 16px !important;
}

textarea:focus-within{
    outline: 0;
}

ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    background: #fff;
    padding: 20px;
    height: auto;
    max-height: 300px;
    overflow: auto;
}
ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content .ui-menu-item{
    padding: 5px 10px;
}

ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content .ui-menu-item:hover{
    background: #efefef;
    border:0;
}

.flex {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.flex label {
    width: auto;
    min-width: auto;
    max-width: fit-content;
    margin: 0;
}

.justify-center{
    justify-content: center;
}

.fieldset .width50{
    
    display: flex;
    align-items: center;
}
.width50 label {
    width: auto;
    margin: 0;
}