
/*****************************************************************************************/
/*** COMMON LAYOUT STYLES
/*****************************************************************************************/

body{
	overflow-x: hidden;
}

section {
  padding: 150px 0;
}

.uv-container{
	font-family: 'Arial',Heveltica,sans-serif;
}

.uv-content{
	margin-top: 45px;
	margin-bottom: 0px;
}


/*****************************************************************************************/
/*** NAVBAR
/*****************************************************************************************/

.uv-navbar-background{
	background-color: #1B3552;
}

.uv-navbar{
	color:white;
	padding-left:5px;
	margin-left:0px;
	left:0px;
}

.uv-navbar a{
	color:white;
}

.uv-navbar-left{
	left:5px;
	font-size: 18px !important;
}

.uv-navbar-container{
	padding-top:5px;
	min-height: 33px;
	max-width:100% !important;
	width:100% !important;
}

.uv-navbar-separator{
	max-width:1px;
	min-width:1px;
	width:5px;
	height: 156px;
	min-height:156px;
	border-left: 1px solid white;
	margin-left: 10px;
	margin-right: 10px;
}

.uv-navbar-img{
	margin-top: -5px;
	max-height:33px;
}

.uv-navbar-right{
	z-index:2;
	margin-top: -20px;
	margin-right: -40px;
	top:0px;
	padding-left:15px;
	-ms-transform: translateY(30%);
	transform: translateY(30%);
}

.uv-navbar-nav{
	text-align: center;
	margin: 0 auto;
	font-size: 18px !important;
}

.uv-navbar-menu-text{
	color: #fff;
    font-family: 'Clear Sans', Arial, sans-serif !important;
    font-size: 14px !important;
}

.uv-navbar-li-separator{
	border-right: 1px solid white;
	margin-right: 5px;
	max-height: 20px;
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.uv-navbar-li-separator-black{
	border-right: 1px solid #495057;
	margin-right: 5px;
	max-height: 20px;
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.uv-navbar-dropdown{
	z-index:99999;
}

.uv-navbar-dropdown > a{
	color: black;
}

.uv-navbar-text{
	font-family: 'Arial', Heveltica, sans-serif;
}

.uv-navbar-toggle{
	color:white;
	cursor:pointer;
}

.nav-link-black{
	color:#495057;
}

.uv-sidebar-heading{
	color:#495057;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	text-align:center;
}

.uv-sidebar-toggle{
	border:0px;
	color:white;
	background:none;
}

.uv-dropdown-item{
	color:black;
}

.uv-list-group-item{
	font-size: 1.0em;
	margin-left:0px;
}

.uv-list-group-bottom-item{
	font-size: 0.9em;
	margin-left:5px;
}

.uv-list-group-bottom{
	bottom: 5px;
	position: inherit;
}

.uv-sidebar-nav-item{
	padding-left: .5rem !important;
}

.uv-dropright{
	padding-left: .5rem !important; 
	padding-right: .5rem;
}

.uv-list-group-item{
    padding: .75rem .50rem !important;
}

/*****************************************************************************************/
/*** SIDEBAR
/*****************************************************************************************/

#uv-sidebar-wrapper {
	min-height: 88vh;
	margin-left: -150px;
	-webkit-transition: margin .25s ease-out;
	-moz-transition: margin .25s ease-out;
	-o-transition: margin .25s ease-out;
	transition: margin .25s ease-out;
}

#sidebarResponsive {
	position: fixed;
	top: 48;
	height: 100%;
	width:166px;
	z-index:1;
}

#sidebarResponsive .sidebar-heading {
	padding: 0.875rem 1.25rem;
	font-size: 1rem;
}

#sidebarResponsive .list-group {
	width: 165px;
	font-size: 0.9rem;
}

#uv-content-wrapper {
	margin-left: 0px;
	right: 0;
	padding: 30px;
	min-width:100%;
	width:100%;
}

.navVisible{
	margin-left:165px !important;
	right: 0;
	left:0;
	padding: 30px;
	min-width: -webkit-calc(100% - 160px) !important;
    min-width:    -moz-calc(100% - 160px) !important;
    min-width:         calc(100% - 160px) !important;
	width: -webkit-calc(100% - 160px) !important;
    width:    -moz-calc(100% - 160px) !important;
    width:         calc(100% - 160px) !important;
}

@media (min-width: 768px) {
	#uv-sidebar-wrapper {
		margin-left: 0;
	}
	#uv-wrapper.navVisible #uv-content-wrapper {
	    width: -webkit-calc(100% - 160px);
	    width:    -moz-calc(100% - 160px);
	    width:         calc(100% - 160px);
		margin-right: 0px;
		padding: 30px;
	}
}

/*****************************************************************************************/
/*** HEADER
/*****************************************************************************************/

header {
	padding-top: 20px;
	padding-bottom: 10px;
}

.uv-header-bg{
	background-color: #666666;
	
}

.uv-header-text{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}

/*****************************************************************************************/
/*** HOMEPAGE
/*****************************************************************************************/

.uv-home-section{
	margin-left:0px;
	padding-top: 20px !important;
	background-color:#f5f5f5;
	height:100%;
	min-height: calc(100vh - 75px);
}

.uv-container-floating{
	padding-top: 20px !important;
	background-color:#f5f5f5;
	height:100%;
	min-height:100%;
	overflow: hidden;
    z-index: 2400;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.uv-home-text{
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.uv-home-text > a{
	color:#00366A;
}

.uv-home-titles{
	border-color: black black #C9BF95;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 7px;
    border-left-width: 0px;
    font-size: 1em;
    color: #333333;
    font-weight: bold;
}

.uv-home-row{
	margin-top:50px;
}

/*****************************************************************************************/
/*** FOOTER
/*****************************************************************************************/

.uv-footer {
	height:30px;
	background-color:#3F4545;
	color: #c7c7c7;
	font-family: 'Clear Sans', Arial, sans-serif !important;
    font-size: 12px !important;
    padding:4px;
    padding-bottom:0px;
    margin-bottom:0px;
}

.uv-footer-container{
	margin-top:5px;
}

.uv-footer-text{
	font-size: 0.9em;
	font-family: 'Arial',Heveltica,sans-serif;
	color: #000000;
}

.uv-footer-separator {
	max-width:1px;
	min-width:1px;
	width:5px;
	height:50%;
	min-height:50%;
	border-left:1px solid white;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
}


/*****************************************************************************************/
/*** LOGIN FORM
/*****************************************************************************************/

.uv-container-login{
	display: flex;
	align-items: center;
	flex-direction: column; 
	justify-content: center;
	width: 100%;
	padding: 20px;
	margin-top:25px;
}

.uv-login-form-group{
	width:280px;
	height:55px;
	background-color:#DCE1E1;
}

.uv-notice-container{
	margin-top:15px;
	width:280px;
	height:300px;
	max-height:300px;
	text-align: justify;
	overflow: auto;
	padding: 5px;
	font-size: 70%;
}

.uv-login-input{
	width: 280px;
	height:55px;
	border-width: 0px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
	background: transparent;
	text-align: center;
	font-size: 0.8em;
	font-family: 'Arial',Heveltica,sans-serif;
	outline: none;
}

.uv-login-button{
	float:right;
	width:143px;
	height:33px;
	background-color:#939899;
	border:0;
	color:white;
	font-size: 0.8em;
	font-family: 'Arial',Heveltica,sans-serif;
}

.uv-login-title{
	color:#9ea5ad;
	font-size: 1.1em;
	font-weight: bold;
    line-height: 0.8em;
	font-family: 'Arial',Heveltica,sans-serif;
	margin-bottom:20px;
}

.uv-login-row{
	min-width: 100%;
	width:100%;
	text-align: center;
	display:block;
    margin:auto;
}

.uv-login-img{
	display:block;
    margin:auto;
}

/*****************************************************************************************/
/*** ITEM FORMS
/*****************************************************************************************/
.itemFormContainer{
	margin-top:20px;
}

.uv-btnContainer{
	margin-top: 50px;
	margin-bottom: 50px;
    justify-content: center;
    text-align: right;
}

.delConfirmation{
	background-color:orange;
	top:0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:50px;
	padding-right:50px;
	border-radius:5px;
}

.uv-itemSelector{
	pointer-events:none;
}

.uv-filePicker{
	cursor:pointer;
}

.uv-datePicker{
	cursor:pointer;
}

.uv-date-icon{
	cursor:pointer;
}

/*****************************************************************************************/
/*** BUTTONS
/*****************************************************************************************/

.uv-btn{
	background-color:#1B3552;
	text-align: right;
	cursor:pointer;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px !important;
	padding-left:5px !important;
	font-size: 15px;
	font-family: 'Arial',Heveltica,sans-serif;
}

.uv-btn-close-container-right{
	text-align: right;
	margin-bottom:20px;
}

.uv-btn-close-container-left{
	text-align: left;
	margin-bottom:20px;
}

.uv-btn-right-container{
	text-align: right;
}

.uv-btn-save{
	text-align: right;
	cursor:pointer;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px !important;
	padding-left:5px !important;
	font-size: 15px;
	font-family: 'Arial',Heveltica,sans-serif;
}

.uv-btn-close{
	text-align: right;
	cursor:pointer;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px !important;
	padding-left:5px !important;
	font-size: 15px;
	font-family: 'Arial',Heveltica,sans-serif;
}

.uv-btn-preclose{
	text-align: right;
	cursor:pointer;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px !important;
	padding-left:5px !important;
	font-size: 15px;
	font-family: 'Arial',Heveltica,sans-serif;
}

.uv-btn-plus{
	margin-top: -5px;
	cursor:pointer;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px !important;
	padding-left:5px !important;
	font-size: 15px;
	font-family: 'Arial',Heveltica,sans-serif;
}

.uv-btn-plus-right{
	text-align: right;
	cursor:pointer;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px !important;
	padding-left:5px !important;
	font-size: 15px;
	margin:0px;
	font-family: 'Arial',Heveltica,sans-serif;
}

.btn-y{
	color: #fff;
	background-color: #A8FFBC;
	border-color: #A8FFBC;
	width:100px;
}

.btn-y-active{
	color: #fff;
	background-color: #28A745;
	border-color: #28A745;
}

.btn-n{
	color: #fff;
	background-color: #FFA5AD;
	border-color: #FFA5AD;
	width:100px;
}

.btn-n-active{
	color: #fff;
	background-color: #DC3545;
	border-color: #DC3545;
}

.uv-btn-selector{
	color: #000 !important;
	background-color: #D7D7D7 !important;
	border-color: #A9A9A9 !important;
}

.uv-btn-selector:hover{
	color: #000 !important;
	background-color: #f8f9fa !important;
	border-color: #A9A9A9 !important;
}

/*****************************************************************************************/
/*** TABLES
/*****************************************************************************************/

.table{
	font-size:14px;
	width:100%
}

.uv-table-group-container{
	margin-top:25px;
}

.uv-table-group{
	margin-top:10px;
	margin-bottom:10px;
}

.uv-table-group-procedure{
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
}

.uv-table-group-procedure-info{
	margin-top:10px;
	margin-bottom:10px;
}

.uv-table-section{
	margin-top:20px;
	margin-bottom:30px;
}

.uv-table-header{

}
.uv-procedure-hr{
	margin-top:10px;
	margin-bottom: 10px;
}
.uv-table-header-hr{
	margin-top:2px;
}

.uv-table-header-h6{
	margin-bottom:0px;
	font-size:16px;
	font-weight: bolder;
}

.uv-table-subheader{
	margin-top:30px;
	margin-bottom:20px;
}

.uv-table-subheader-h6{
	margin-top:5px;
	margin-bottom:5px;
	font-weight: normal;
	font-size:16px;
	font-style: italic;
}

.uv-table-title{
	margin-top:5px;
	margin-bottom:10px;
}

.uv-table-title-h6{
	margin-bottom:0px;
	font-weight: normal;
	font-size:15px;
}

.uv-table-delete-button{
	cursor:pointer;
	color:red;
}

.uv-table-edit-button{	
	margin-left:15px;
	margin-right:15px;
	cursor:pointer;
	color:orange;
}

.uv-table-info-button{	
	margin-left:10px;
	cursor:pointer;
	color:#1B3552;
}

.uv-table-upload-button{	
	margin-left:5px;
	margin-right:20px;
	cursor:pointer;
	color:blue;
}

.uv-table-download-button{	
	cursor:pointer;
	color:green;
}

.uv-table-th-date{
	width:60px;
}

.uv-table-th-actions{
	width:65px;
}

.uv-table-th-actions-slim{
	width:50px;
	padding-right: .75rem !important;
}

.uv-table-footer-right{
	text-align: right;
}

.uv-table-footer-td{
	padding-top:5px !important;
	padding-bottom:5px !important;
}

.uv-table-no-sort::after { display: none!important; }
.uv-table-no-sort::before { display: none!important; }
.uv-table-no-sort { pointer-events: none!important; cursor: default!important; }


/*****************************************************************************************/
/*** ADMIN SECTION
/*****************************************************************************************/
.uv-admin-instance-success{
	margin-top:50px;
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb; 
	padding: 10px; 
	border-radius:5px;
}

.uv-admin-instance-error{
	margin-top:50px;
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	padding: 10px; 
	border-radius:5px;
}

.uv-clear-input{
	outline: none !important;
	border: none !important;
	background: none !important;
}

/*****************************************************************************************/
/*** COMPONENTS
/*****************************************************************************************/

.yearItemsSelector{
	margin-top:20px;
}

.yearItemOuter{
	margin-right:8px;
}

.yearItemSelected{
	background-color:#1B3552;
}

.yearItem{
	background-color:gray;
}

.yearItemOuter > a{
	color: inherit;
	text-decoration: inherit;
}

.yearItemInner{
	font-weight: bold;
	color:white;
	border-radius:5px;
	padding:5px;
}

.fas-green{
	color:green;
}

.fas-red{
	color:red;
}

.fas-orange{
	color:orange;
	font-size:95%;
	margin-left: -3px;
}

.fas-blue{
	color:#1B3552;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

.card-body-inner-action{
	width:100%;
}

.card-body-up-btn{
	padding-top:40px;
	padding-left:20px;
}

.uv-accordion{
	
}

.card-header-active{
	background-color:#d4edda;
	border-color: #c3e6cb;
}

.card-header-active-other{
	background-color: #fff3cd;
    border-color: #ffeeba;
}

.card-header-expired{
	background-color: #f8d7da;
    border-color: #f5c6cb;
}

.card-header-blocked{
	background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.uv-card-body{
	margin-left:20px;
}

.pointer{
	cursor:pointer;
}

.procedure{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 5px;
	border-radius:10px;
}

.procedure-active{
	background-color:#d4edda;
	border-color: #c3e6cb;
}

.procedure-cancelled{
	background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.procedure-expired{
	background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.procedure-active-other{
	background-color: #fff3cd;
    border-color: #ffeeba;
}

.procedure-status{
	text-align:center;
	margin-top:25px;
}

.procedure-extension-alert{
	color:red;
}

.clear {
    clear: both;
}

.legend-active{
	background-color:#d4edda;
	border-style: solid;
	border-color: #c3e6cb;
	border-radius:5px;
	padding:5px;
}

.legend-active-other{
	background-color: #fff3cd;
	border-style: solid;
    border-color: #ffeeba;
    border-radius:5px;
    padding:5px;
}

.legend-expired{
	background-color: #f8d7da;
	border-style: solid;
    border-color: #f5c6cb;
    border-radius:5px;
    padding:5px;
}

.legend-blocked{
	background-color: #d6d8d9;
	border-style: solid;
    border-color: #c6c8ca;
    border-radius:5px;
    padding:5px;
}

.legend-done{
    border-color: #c6c8ca;
    border-style: solid;
    border-radius:5px;
    padding:5px;
}

.legend-none{
    background-color: #d6d8d9;
    border-color: #c6c8ca;
    border-style: solid;
    border-radius:5px;
    padding:5px;
}

/*****************************************************************************************/
/*** LOADING SPINNER
/*****************************************************************************************/

.uv-loading-spinner {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.uv-loading-spinner:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
	background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

.uv-loading-spinner:not(:required) {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.uv-loading-spinner:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

.alert-expired {
     margin-top:10px;
     position: fixed;
}

/* Animation */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}



input:valid{
	border: 1px solid #ced4da;
}
input:invalid{
	border: 1px solid #f00;
}

input:required {
	
}

.file-invalid{
	border: 1px solid #FFB5B0 !important;
	color: red;
}

/*****************************************************************************************/
/*** GENERAL UTILS
/*****************************************************************************************/

.uv-mar-r-10{
	margin-right:10px;	
}

.uv-mar-l-0{
	margin-left:0px;
}

.uv-mar-t-10{
	margin-top:10px;	
}

.uv-mar-t-20{
	margin-top:20px;	
}

.tox .tox-editor-header{
	z-index:0 !important;
}

.uv-invisible{
	display:none;
}

.uv-visible{
	display:block;
}

/*  TEMPLATE EDITOR  */
.mceTableA4H{
		max-width:297mm;
}

.mceTableA4V{
	max-width:210mm;
}

.tox-promotion{
	display:none !important;
}
/*
.tox-statusbar__right-container{
	display:none !important;
}
*/

/*******   DASHBOARD *******/
.gj-list-md-active{ background-color:transparent !important; }
	
.gantt .bar {
   	fill: dodgerblue !important;
}
.gantt .bar-progress {
    fill: dodgerblue !important;
}
.gantt .bar-label {
    fill: white !important;
}

option {
	max-width:100%;
	white-space: normal;
 		word-wrap: break-word;
}
.details-container{
	color:white !important;
}
.gantt-task-done .bar-progress{
	/*fill: #82ffa0 !important;
	stroke: #00fc3d !important;
	*/
	fill: #d4edda !important;
	stroke: #c3e6cb !important;
}
.gantt-task-done .bar-label{
	fill: black !important;
	stroke: none !important;
}
.gantt-task-pending .bar-progress{
	fill: #f8d7da !important;
	stroke: #f5c6cb !important;
}
.gantt-task-pending .bar-label{
	fill: black !important;
	stroke: none !important;
}
.gantt-task-delayed .bar-progress{
	fill: #fff3cd !important;
	stroke: #ffeeba !important;
}
.gantt-task-delayed .bar-label{
	fill: black !important;
	stroke: none !important;
}
.gantt-task-closed .bar-progress{
	fill: rgb(197, 197, 197) !important;
	stroke: rgb(171, 171, 171) !important;
}
.gantt-task-closed .bar-label{
	fill: black !important;
	stroke: none !important;
}
.gantt-legend-done{
	background-color:#d4edda;
	border-style: solid;
	border-color: #c3e6cb;
	border-radius:5px;
	padding:5px;
	font-size: 80%;
}
.gantt-legend-expired{
	background-color: #f8d7da;
	border-style: solid;
    border-color: #f5c6cb;
    border-radius:5px;
    padding:5px;
    font-size: 80%;
}
.gantt-legend-active{
	background-color: #fff3cd;
	border-style: solid;
    border-color: #ffeeba;
    border-radius:5px;
    padding:5px;
    font-size: 80%;
}
.gantt-legend-closed{
	background-color: rgb(197, 197, 197) !important;
	border-style: solid;
    border-color: rgb(171, 171, 171) !important;;
    border-radius:5px;
    padding:5px;
    font-size: 80%;
}
.data-legend-t{
    background-color:rgb(0,123,255);
    border-color:rgb(0,123,255);
    border-style: solid;
    border-width:1px;
    border-radius:50%;
    width:4px;
    height:4px;
    margin-top:-3px;
    padding:4px;
    font-size: 80%;
}
.data-legend-c{
	background-color:rgb(154,240,41);
    border-color:rgb(154,240,41);
    border-style: solid;
    border-width:1px;
    border-radius:50%;
    width:4px;
    height:4px;
    margin-top:-3px;
    padding:4px;
    font-size: 80%;
}
.data-legend-u{
	background-color:rgb(255,0,0);
    border-color:rgb(255,0,0);
    border-style: solid;
    border-width:1px;
    border-radius:50%;
    width:4px;
    height:4px;
    margin-top:-3px;
    padding:4px;
    font-size: 80%;
}

.date-group-lg{
	width:305px;
	max-width:305px;
	min-width:305px;
}
.date-group-sm{
	width:245px;
	max-width:245px;
	min-width:245px;
}
.date-group-prep{
	width:40px;
	max-width:40px;
	min-width:40px;
}
.date-group-icon{
	background-color: transparent !important;
	border:none;
}
.date-group-text-lg{
	width:265px;
	max-width:265px;
	min-width:265px;
	background-color:transparent !important;
	border:none;
	padding-left: 2px;
}
.date-group-text-sm{
	width:205px;
	max-width:205px;
	min-width:205px;
	background-color:transparent !important;
	border:none;
	padding-left: 2px;
}

