#loading {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 9998; display: none;}
#loading div.loader {position: relative; width: 200px; top: 200px; left: 50%; margin-left: -100px;}

/*BADGES*/
.wmin-90 {min-width: 90px;}
.wmin-175 {min-width: 175px;}

/*CARDS*/
.card-footer {background-color: #F8F8F8 !important; border-top: 1px solid #CCCCCC !important;}

/*IMAGES*/
.custom-avatar {width: 64px; height: 64px; background-color: white; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.home-logo {width: auto; height: 60px;}
.home-logo-mini {width: auto; height: 32px;}
.avatar-preview {width: 150px; height: auto;}

/*MAIN*/
.alert-form {display: none; background-color: #bf322f; color: white; padding: 0 5px; margin: 3px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.ok-form {display: none; font-weight: normal; background-color: #006929; color: white; padding: 5px; margin: 3px 0; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.alert-form a, .ok-form a {color: white; font-weight: bold; text-decoration: underline;}
div.custom-control.custom-radio {line-height: 17pt;}
div.custom-control.custom-checkbox {font-size: 1rem;}
.form-control-grey {background-color: #F0F0F0;}
.custom-file-label {overflow: hidden;}

div.loading {display: none; width: 100%; padding: 5px; margin: 0 auto; text-align: center; border: solid 2px #CCCCCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: white; color: black;}
div.loading div.progress_bar {margin-top: 3px;}
div.loading div.progress_bar div.bar_container {width: 100%; height: 8px; padding: 1px; margin-top: 6px;}
div.loading div.progress_bar div.bar_container div.bar {background-color: #CCCCCC; height: 8px; width: 10%;}
div.loading div.progress_bar span.percent {color: #CCCCCC;}

img.navbar-flag {width: 20px; height: 20px;}

/*TABLE*/
table.table-hover tbody tr {cursor: pointer;}