.attachment-box {
    position: relative;
    overflow: hidden;
    word-break: break-all;
    padding: 5px 0 0 7px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 32px;
    font-size: 13px;
    border: 1px solid #ccc;
}
.attachment-box > .attachment-link {
    height: 20px;
    display: block;
    overflow: hidden;
}
.attachment-box > .attachment-link > .fa, .attachment-box > .attachment-link > .fa-solid, 
.attachment-box > .attachment-link > .fa-regular { margin-right: 6px; }
.attachment-box > .attachment-link > a {
    text-decoration: underline;
}
.attachment-box > .attachment-size {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px 5px;
    margin: 5px 5px;
    background-color: #ffffff;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    background-color: #999;
}

.error-input { background: #fff0f0; }
em.error-message {
	display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #D56161;
}
.error-message { margin: 0px; }
.alert.error-message+.alert.error-message { margin-top: 10px; }

.bg-color-greyLight { background-color: #eeeeee !important;  }

.ellipsis {
	overflow: hidden;
}
.ellipsis:before {
    content: "";
    float: left;
    width: 5px;
}
.ellipsis:after {
    content: "\02026";
    box-sizing: content-box;
    float: right;
    position: relative;
    left: 100%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background: linear-gradient(to right, rgba(255,255,255,0), #fff 50%, #fff);
}
.ellipsis>*:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}

/* Additional SmartForm element */
.fieldset-header { padding: 10px 15px; }

/* Additional fa class */
.fa-prepend, .icon-prepend { margin-right: 7px; }
.fa-append, .icon-append { margin-left: 7px; }

/* Additional padding class */
.padding-15 { padding: 15px; }

/* Additional margin class */
.margin-right-10 { margin-right: 10px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-5 { margin-left: 5px !important; }

/* IIS items */
.iis-item-parent-5 { padding: 5px 0 0 5px; }
.iis-item-parent-5 > .iis-item-child { margin: 0 5px 5px 0; }
.iis-item-parent { padding: 10px 0 0 10px; }
.iis-item-parent > .iis-item-child { margin: 0 10px 10px 0; }
.iis-item-parent-15 { padding: 15px 0 0 15px; }
.iis-item-parent-15 > .iis-item-child { margin: 0 15px 15px 0; }

/* Label Pill */
.label.label-capsule { overflow: clip; padding-left: 10px !important; padding-right: 10px !important; }
.label.label-capsule .capsule-head { 
    background: rgb(0 0 0 / 15%); padding: inherit; position: relative; left: -10px; color: inherit; display: inline;
    font-weight: normal; font-size: inherit; border-radius: 6px 0 0 6px;
}
.label.label-white { background-color: white; color: black; border: 1px solid #CCCCCC; }
.label.label-white.label-capsule > .capsule-head { background: transparent; border-right: 1px solid #CCCCCC; }

/* Additional Typhography class */
.text-white { color: #fff; }

/* iCEPS Theme */
.text-iceps-blue { color:#282561; }
.text-iceps-purple { color:#673090; }
.text-iceps-purpleLight { color:#91298e; }
.text-iceps-orange { color:#f4783a; }
.text-iceps-orangeLight { color:#f99f2a; }

.bg-iceps-blue { background-color:#282561; }
.bg-iceps-purple { background-color:#673090; }
.bg-iceps-purpleLight { background-color:#91298e; }
.bg-iceps-orange { background-color:#f4783a; }
.bg-iceps-orangeLight { background-color:#f99f2a; }

.btn-iceps-blue { color: #fff; background-color: #282561; border-color: #222051; }
.btn-iceps-blue.active, .btn-iceps-blue:active, .btn-iceps-blue:hover, .open>.dropdown-toggle.btn-iceps-blue, 
.btn-iceps-blue:hover, .btn-iceps-blue:focus, .btn-iceps-blue.focus
{ color: #fff; background-color: #222051; border-color: #1D1B45; }
.btn-iceps-purple { color: #fff; background-color: #673090; border-color: #592B7C; }
.btn-iceps-purple.active, .btn-iceps-purple:active, .btn-iceps-purple:hover, .open>.dropdown-toggle.btn-iceps-purple, 
.btn-iceps-purple:hover, .btn-iceps-purple:focus, .btn-iceps-purple.focus 
{ color: #fff; background-color: #4F266E; border-color: #482364; }
.btn-iceps-orange { color: #fff; background-color: #f4783a; border-color: #E57238; }
.btn-iceps-orange.active, .btn-iceps-orange:active, .btn-iceps-orange:hover, .open>.dropdown-toggle.btn-iceps-orange, 
.btn-iceps-orange:hover, .btn-iceps-orange:focus, .btn-iceps-orange.focus 
{ color: #fff; background-color: #DD6F38; border-color: #D16934; }

.btn-black { color: #fff; background-color: #000000; border-color: #2b2a2a; }
.btn-black.active, .btn-black:active, .btn-black:hover, .open > .dropdown-toggle.btn-black, 
.btn-black:hover, .btn-black:focus, .btn-black.focus
{ color: #fff; background-color: #363636; border-color: #2a2a2b; }
.btn-grey { color: #fff; background-color: #a7a7a7; border-color: #8f8e8e; }
.btn-grey.active, .btn-grey:active, .btn-grey:hover, .open > .dropdown-toggle.btn-grey, 
.btn-grey:hover, .btn-grey:focus, .btn-grey.focus
{ color: #fff; background-color: #bebebe; border-color: #a7a7a7; }

/* IIS Header */
.iis-header { position: relative; }
.iis-header::before { content: ""; position: absolute; left: 0; bottom: -10%; height: 3px; width: 30px; background-color: #673090; }

/* IIS Loading */
#iis-loading .modal-dialog { top: calc(50% - 80px); width: 70px; margin: 0 auto; }
#iis-loading .modal-dialog .modal-content { height: 70px; border: 0; }
#iis-loading .modal-dialog .modal-body { padding: 21px 0; }
#iis-loading .book {
    position: relative;
    width: 40px; /* wider to fit 2 static pages + 1 flipping */
    height: 28px;
    perspective: 600px;
    margin: 0 auto;
}
#iis-loading .page {
    position: absolute;
    width: 20px;   /* 3 pages * 100px = 300px total */
    height: 100%;
    top: 0;
    backface-visibility: hidden;
}
#iis-loading .left-page {
    left: 0;
    background: #673090;
}
#iis-loading .right-page {
    left: 20px;
    background: #282561;
}
#iis-loading .flipping-page {
    width: 20px;
    left: 0;
    background: #f4783a;
    transform-origin: left center;
    animation: page-flip 1s infinite linear;
}

@keyframes page-flip {
	0% {
		width: 20px;
	}
    10% {
        transform: rotateY(0deg);
        width: 20px;
        left: 20px;
        transform-origin: left center;
    }
    55% {
        transform: rotateY(-100deg);
        width: 20px;
        left: 20px;
        transform-origin: left center;
    }
    55.1% {
        transform: rotateY(100deg);
        width: 20px;
        left: 0;
        transform-origin: right center;
        
    }
    100% {
        transform: rotateY(0deg);
        width: 20px;
        left: 0;
        transform-origin: right center;
    }
}

/* Loading.IO Spinner */
.lds-dual-ring {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid #014087;
    border-color: #014087 transparent #014087 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Blink Animation */
.blink { animation: blinker 2s linear infinite; }
@keyframes blinker {
    50% { opacity: 0; }
}

/* IIS Confirm */
#iis-confirm > .modal-dialog { top: calc(50% - 150px); }
#iis-confirm > .modal-dialog > .modal-content > .modal-footer { padding: 0 20px 20px 20px; border-top: 0; }

/********************************
*	Overriding existing style
*********************************/
body {
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
}
* {
    scrollbar-color: #D3D1CB rgba(0, 0, 0, 0);
}

#content { padding: 20px 20px; }

/* SmartAdmin Jarvis Widget */
.jarviswidget { margin-bottom: 20px; }
.jarviswidget > header { border: 1px solid #e3e2e0; border-radius: 8px 8px 0 0; }
.jarviswidget > div { 
    border-width: 1px 1px 1px;
    border-style: solid;
    border-top: none;
    border-right-color: #e3e2e0 !important;
    border-bottom-color: #e3e2e0 !important;
    border-left-color: #e3e2e0 !important;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.jarviswidget #calendar { margin-top: initial; }
.jarviswidget-color-blue > header { border-color: #1F5C92!important; background: #3276b1; color: #ffffff; }
.jarviswidget-color-blueOcean > header { border-color: #4c7687!important; background: #57889c; color: #ffffff; }
#jarviswidget-fullscreen-mode > .jarviswidget > header,
#jarviswidget-fullscreen-mode > .jarviswidget > div { border-radius: 0; }

nav>ul>li:last-child.open { border-bottom: 0px; }

hr { border-top: 1px solid #e3e2e0; }

/* SmartAdmin Button */
.btn-labeled { overflow: hidden; }
.btn.btn-labeled .btn-label-no-bg { 
    position: relative; left: -12px; display: inline-block; padding: 6px 12px; border-radius: 2px 0 0 2px; 
}
.btn.btn-labeled .btn-label { border-radius: 1px 0 0 1px; }

/* Bootstrap Panel */
.panel { border-radius: 8px; overflow: hidden; -webkit-box-shadow: none;  box-shadow: none; }
.panel-default { border-color:#dddddd; }
.panel-default .panel-heading { border-color:#dddddd; }
.panel-default .panel-footer { border-color:#dddddd; }

/* Bootstrap Alert */
.alert { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.alert.alert-default { border-color: #a5a4a4; color: #7e7e7e; background-color: #eeeeee; }
.alert.alert-capsule, .widget-body.no-padding .alert.alert-capsule { 
    border: 0px; padding: 0px !important; overflow:hidden; 
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
}
.alert.alert-capsule > .alert-head { display:table-cell; padding:10px 12px 10px 13px; font-weight:600; color:#ffffff; }
.alert.alert-capsule > .alert-body { display:table-cell; padding:10px 12px; vertical-align: top; }
.alert.alert-capsule .close { position:relative; top:8px; right:10px; }
.alert.alert-warning.alert-capsule > .alert-head { background-color:#c79121; }
.alert.alert-success.alert-capsule > .alert-head { background-color:#739e73; }
.alert.alert-danger.alert-capsule > .alert-head { background-color:#a90329; }
.alert.alert-danger.alert-capsule { background-color:#f2dede; color:#b94a48; }
.alert.alert-info.alert-capsule > .alert-head { background-color:#3276b1; }
.alert.alert-default.alert-capsule > .alert-head { background-color:#757575; }
.no-padding > .alert.alert-capsule, .widget-body.no-padding .no-padding > .alert.alert-capsule { border-radius:0px !important; }

/* CKEDITOR Plugin */
.cke { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border: 1px #cccccc solid !important;}

/* SmartAdmin SmartForm */
.smart-form .select2-container .select2-choice, .smart-form .select2-selection { padding: 0 8px; }

.smart-form .checkbox i, .smart-form .icon-append, .smart-form .icon-prepend, .smart-form .input input, .smart-form .radio i, .smart-form .select select, .smart-form .textarea textarea, .smart-form .toggle i { border-color: #ccc; }
.smart-form footer .btn.btn-labeled > .btn-label { left: -22px; padding: 0px 12px; }

.smart-form .select select { padding: 5px 10px; }

.smart-form fieldset { display: block; padding: 15px 15px 5px; }

.smart-form footer .btn.pull-left { margin: 10px 5px 0 0; }

/* SmartAdmin Typography */
h1, h2 { letter-spacing: normal; }
h1 small { letter-spacing: normal; }

/* SmartAdmin SmallBox Notification */
.SmallBox { top: 10px; right: 10px; }
.SmallBox .foto { font-size: 45px; }
.SmallBox .textoFoto span { letter-spacing: normal; font-weight: normal; }

/* Bootstrap Table */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th, 
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th 
{ border-color: #dddddd; }
table.table-bordered tfoot td, table.table-bordered tfoot th {
    border-left-width: 0;
    border-bottom-width: 0;
}

/* Bootstrap Button */
.btn {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.btn:active {
    position: initial;
    top: initial;
    left: initial;
}
.btn:not(.btn-default) { border: 0; }
.btn-group-sm > .btn, .btn-sm, .btn-group-lg > .btn, .btn-lg { border-radius: 8px; }
.btn-group-xs > .btn, .btn-xs { border-radius: 6px; }

/* Bootstrap Label */
.modal .modal-header .modal-title .label,
body #main #content .page-title .label { position: relative; top: -2px; }
body #main #content .page-title .label.label-capsule > .capsule-head { vertical-align: 0; }
.label { border-radius: 6px; }
/*.label-warning { background-color: #efc56d; }
.label-success { background-color: #95c195; }*/

/* Bootstrap Grid System */
.row.iis-grid { margin-right: 0px; margin-left: -10px; }
.row.iis-grid > [class*="col-"] { padding-right: 0px; padding-left: 10px; }
.row.iis-grid-5 { margin-right: 0px; margin-left: -5px; }
.row.iis-grid-5 > [class*="col-"] { padding-right: 0px; padding-left: 5px; }
.row.iis-grid-15 { margin-right: 0px; margin-left: -15px; }
.row.iis-grid-15 > [class*="col-"] { padding-right: 0px; padding-left: 15px; }
.row.iis-grid-20 { margin-right: 0px; margin-left: -20px; }
.row.iis-grid-20 > [class*="col-"] { padding-right: 0px; padding-left: 20px; }
.row.iis-grid > [class*="col-"], .row.iis-grid-5 > [class*="col-"], 
.row.iis-grid-15 > [class*="col-"], .row.iis-grid-20 > [class*="col-"] {
    box-sizing: border-box;
}

/* Bootstrap Modal */
.modal > .modal-dialog .modal-header { 
    padding: 15px 15px 10px 15px;
    border-bottom: 0; 
}
.modal > .modal-dialog .modal-footer {
    border-top: 0; 
}
.modal > .modal-dialog footer { border-top-color: #ccc; }
.modal > .modal-dialog .modal-content { 
    border-radius: 8px; 
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 17%); 
    box-shadow: 0 5px 15px rgb(0 0 0 / 17%); 
    overflow: hidden;
}
@media (min-width: 1201px)
{
    .modal-dialog.modal-xl { width: 1200px; margin: 30px auto; }
}
@media (min-width: 993px) and (max-width: 1200px)
{
    .modal-dialog.modal-xl { width: auto; margin: 10px; }
}
@media (min-width: 768px) and (max-width: 992px)
{
    .modal-dialog.modal-xl { width: auto; margin: 10px; }
}

.row.iis-column { margin: 0; padding: 10px 0 0 10px; }
.row.iis-column > [class*="col-"] { margin: 0; padding: 0 10px 10px 0; }
.row.iis-column-5 { margin: 0; padding: 5px 0 0 5px; }
.row.iis-column-5 > [class*="col-"] { margin: 0; padding: 0 5px 5px 0; }
.row.iis-column-15 { margin: 0; padding: 15px 0 0 15px; }
.row.iis-column-15 > [class*="col-"] { margin: 0; padding: 0 15px 15px 0; }
.row.iis-column-20 { margin: 0; padding: 20px 0 0 20px; }
.row.iis-column-20 > [class*="col-"] { margin: 0; padding: 0 20px 20px 0; }
.row.iis-column > [class*="col-"], .row.iis-colum-5 > [class*="col-"],
.row.iis-column-15 > [class*="col-"], .row.iis-column-20 > [class*="col-"] {
    box-sizing: border-box;
}

.smart-form .row.iis-column > [class*="col-"] { margin: 0; }
.row.iis-column.no-padding > [class*="col-"] { padding: 0; }

/* Bootstrap Well */
.well { border-radius: 9px; overflow: hidden; }

/* Bootstrap Input */
.input-xs { border-radius: 6px; }

/* Bootstrap Input Group */
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn,
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { border-radius: 8px; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-addon { border-radius: 8px; }

/* Dropzone Custom Styling .dz-list */
.dropzone.dz-list .dz-preview *, 
.dropzone.dz-list .dz-preview .dz-error-message:after { all: unset; }
.dropzone.dz-list { padding: 10px; min-height: 200px; }
.dropzone.dz-list .dz-default.dz-message { margin: unset; margin-bottom: 5px; }
.dropzone.dz-list .dz-preview { width: 100%; height: auto; min-height: initial; padding: 5px 0 0 8px; 
    margin: 0 0 5px 0; border: 1px solid #ccc; background-color: white; display: block; }
.dropzone.dz-list .dz-preview > * { display: inline-block; margin: 0 5px 5px 0; }
.dropzone.dz-list .dz-preview::after { content: ""; clear: both; display: table; }
.dropzone.dz-list .dz-preview .dz-image { display: none; }
.dropzone.dz-list .dz-preview .dz-details .dz-size, .dropzone.dz-list .dz-preview .dz-details .dz-filename
{ font-size: 12px; display: inline-block; }
.dropzone.dz-list .dz-preview .dz-details::after { content: ""; clear: both; display: table; }
.dropzone.dz-list .dz-preview .dz-details .dz-size { margin: 0 8px 0 0; font-weight: bold; }
.dropzone.dz-list .dz-preview .dz-details .dz-filename { max-width: 130px; }
.dropzone.dz-list .dz-preview .dz-details .dz-size span, .dropzone.dz-list .dz-preview .dz-details .dz-filename span { padding: 0; }
.dropzone.dz-list .dz-preview .dz-details .dz-filename span { display: inline-block; text-decoration: underline; }
.dropzone.dz-list .dz-preview .dz-error-mark, .dropzone.dz-list .dz-preview .dz-success-mark { display: none; }
.dropzone.dz-list .dz-preview .dz-error-mark svg, .dropzone.dz-list .dz-preview .dz-success-mark svg 
{ display: none; }
.dropzone.dz-list .dz-progress { display: none; }
.dropzone.dz-list .dz-error-message { color: red; margin-top: 1px; }
.dropzone.dz-list .dz-remove { color: red; text-decoration: underline; cursor: pointer; }

/* x-editable */
.editable-block+.editable-container.editable-inline,
.editable-block+.editable-container.editable-inline .control-group.form-group,
.editable-block+.editable-container.editable-inline .control-group.form-group .editable-input,
.editable-block+.editable-container.editable-inline .control-group.form-group .editable-input textarea,
.editable-block+.editable-container.editable-inline .control-group.form-group .editable-input input,
.editable-block+.editable-container.editable-inline .control-group.form-group .editable-input select,
.editable-block+.editable-container.editable-inline .control-group.form-group .editable-input .select2
{ width: 100% !important; }
.editable-block+.editable-container.editable-inline .control-group.form-group > div:not([class="editable-error-block"]) { display: table-row; }
.editable-block+.editable-container.editable-inline .control-group.form-group .editable-input,
.editable-block+.editable-container.editable-inline .control-group.form-group .editable-buttons { display: table-cell; }
.editable-block+.editable-container.editable-inline .control-group.form-group .editable-buttons { padding-left: 10px; }

.editable-error-block { font-size: 12px; }

/* Select2 */
.select2-selection__clear { 
    display: inline-block; cursor: pointer; 
    font-weight: 600; font-size: inherit;
    padding: 0 10px; margin: 0 8px 0 -8px;
    border: 1px solid #900323;
    color: #fff; background-color: #a90329;
}
.select2-container--open .select2-dropdown { border-bottom-width: 1px; }
.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

/* Fullcalendar */
.fc .fc-toolbar .fc-button { font-size: 15px; line-height: 15px; }
.fc .fc-toolbar .fc-button .fc-icon { font-size: 15px; line-height: 15px; }
.fc .fc-toolbar .fc-toolbar-title { font-size: 23px; font-weight: 400; }
.fc .fc-view .fc-highlight { background-color: #bce8f1; }

/* Datepicker */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { padding: 2px; width: 48%; }
.ui-datepicker select.ui-datepicker-month { float: left; }
.ui-datepicker select.ui-datepicker-year { float: right; }