/* GENERAL */
.without-padding {
    padding: 0px !important;
}

.hide {
  display: none !important;
}

.remaining-characters-label {
    font-size:11px; 
    font-weight:normal;
    margin-top:5px;
    float:right;        
}

.to-validate.is-invalid  {    
    border: 1px solid #dc3545;
    padding: 1px 8px 1px 8px;
    border-radius: 3px;
}

/* END GENERAL */


/* VIEW USERS */
.user-edit-img {
	height: 9rem; /* auto */
    width: 9rem;
    border-radius: 50%;
}
/* END VIEW USERS  */


/* GENERAL GRIDS */
.table tbody td .table-actions {
	height:21px;
	padding-right: 2px;
}

.table tbody td .table-actions a {
	margin-left: 2px;
}

.table tbody td .table-actions a:hover {
	color: #404E67;
}

.table thead th .table-actions, .table tfoot td .table-actions {
	height:21px;
}

.table thead th .table-actions a {
    color: #bcc1c6;
    display: inline-block;
    margin-left: 2px;
    font-size: 16px;
}

.table thead th .table-actions a:hover, .table tfoot td .table-actions a:hover  {
	color: #404E67;
}

.table tfoot td .table-actions a {
    color: #bcc1c6;
    display: inline-block;
    margin-left: 2px;
    font-size: 16px;
}

.table tfoot td .table-actions .number-page-active {
	color: #404E67;
	font-size: 16px;
	margin-left: 4px;
}

.table tfoot td .table-actions .number-page {
	margin-left: 2px;
}

.table tfoot {
    background-color: #f6f8fb;
}

.table tfoot td {
    font-weight: 600;
    color: #879099;
    font-size: 14px;
}

.table .row-selected {
    background-color: #dee2e6;
}
/* END GENERAL GRIDS */


/* UPLOAD FILE */
.upload-file-panel {border: none;margin: 0px auto 0px; max-width: 200px; text-align: center;}
.upload-file-view {border: none; max-width: 200px; margin: 0px auto; text-align: center; position: relative; transition: .2s; padding: 15px;}
.upload-file-view img {max-width: 100%;}
.upload-file-remove{width: 30px; height: 30px; border-radius: 50%; position: absolute; background: #aaa; line-height: 30px; color: #fff; font-size: 12px; cursor: pointer; right: 10px; top: 10px;}
.upload-file-remove:hover {background: #222; transition: .2s;}
.upload-file-btn-outer {background: #83ccd3; border-radius:20px; text-align: center; height: 30px; width: 100px; display: inline-block; transition: .2s; position: relative; overflow: hidden;}
.upload-file-btn-upload {padding: 7px 11px 12px; color: #fff; text-align: center; position: relative; display: inline-block; overflow: hidden; z-index: 3; white-space: nowrap;}
.upload-file-btn-upload input {position: absolute; width: 100%; left: 0; top: 0; width: 100%; height: 105%; cursor: pointer; opacity: 0;}
.upload-file-uploading {width: 100%; height: 10px; margin-top: 20px; background: #ccc;}
.upload-file-uploading .upload-file-btn-upload {display: none;}
.upload-file-processing-bar {position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: 30px; background:#83ccd3; transition: 3s;}
.upload-file-uploading .upload-file-processing-bar {width: 100%;}
.upload-file-uploaded {background:#83ccd3;}
.upload-file-error-msg {text-align: center; color: #f00}

/* ENF - UPLOAD FILE */

.grid-field-editable {
  padding: 0px !important;  
}

.grid-field-editable:focus {  
  background-color: #fffeea !important;
}