/*general*/
*,*:focus{outline:none !important;}
.mh-fs{min-height:100vh;}
/*tabler*/
.dropdown-menu-arrow.dropdown-menu-end:before{right:.75rem;left:auto}
.footer{margin:0;}
#navbar-menu.hide { display: none !important; }
/*bootstrap*/
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0; }
button.link-secondary { border: none; background: none; outline:none; }
/*validate*/
.invalid-feedback, div.is-invalid { display: none; width: 100%; margin-top: 0.25rem; font-size: 87.5%; color: #cd201f; }
.input-group-flat div.is-invalid { position: absolute; bottom: -25px; }
.input-group-text.is-valid{border-color:#5eba00;}
.input-group-text.is-invalid{border-color:#cd201f;}
/*selectize*/
.selectize-control .selectize-input.disabled { background-color: #f5f7fb !important; color: #6e7582 !important; opacity: 1; }
.selectize-control.border-0 .selectize-input { border: none; }
/*aside*/
.navbar-brand-image{height: 3rem; }
/*datatable*/
.table-datatable{width:100% !important;}
.table-datatable th.sorting { cursor: pointer; }
.table-datatable .dropdown-menu { min-width: auto; position: fixed !important; z-index: 99999 !important; transform: none !important; left:-9999999px !important; top:-9999999px !important; }
.table-datatable .dropdown-menu > .dropdown-item { min-width: fit-content !important; border-bottom: 1px solid #f5f5f5; }
.table-datatable .dropdown-menu > .dropdown-item:last-child { border-bottom: none; }
.table-datatable .dropdown-menu .dropdown-item .icon{height:auto;}
.table-datatable .dropdown-menu .dropdown-item .icon i { font-size: 13px; }
.table-datatable .btn .icon { margin: 0; vertical-align: middle; line-height: 1.2; font-size: 13px; }
.table-datatable .btn .icon i { font-size: 13px; }
.table-datatable.row-click td { cursor:pointer; }
.box-for-datatable td.status0 { opacity: 0.5; }
.box-for-datatable td.connection1 { }
.box-for-datatable td.connection1 span.connection { color: #4ba94b; }
.box-for-datatable td.connection, span.connection { color: #cd201f; }
.box-for-datatable td .state{display: block;font-size: 18px;}
.box-for-datatable td .state.danger { color: #cd201f !important; animation: blinker 0.9s linear infinite;}
.box-for-datatable td .state.success { color: #4ba94b !important; }
.box-for-datatable td .copy-url { position: relative;cursor: pointer; max-width: 150px; display: flex; white-space: nowrap; overflow: hidden; flex-direction: row-reverse; align-items: flex-start; }
.box-for-datatable td .copy-url:after{content:"";position: absolute; left: 0; top: 0; width: 50%; height: 100%;background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}
.box-for-datatable .dataTable tfoot { display: none; }
.box-for-datatable .dataTables_length,
.box-for-datatable .dataTables_filter{ display: flex; white-space: nowrap; align-items: center; }
.box-for-datatable .card-body label { display: flex; }
.box-for-datatable .card-body .d-flex .form-control { margin: 0 10px; }
.box-for-datatable .card-body .dataTables_filter .form-control { margin-right: 0; }
.box-for-datatable .card-footer .select-info { margin-left: 15px; font-weight: 600; }
.box-for-datatable .card-footer .pagination { margin: 0; }
.box-for-datatable th.sorting_desc:after { content: "\f106"; font-family: fontawesome; padding-left: 10px; }
.box-for-datatable th.sorting_asc:after { content: "\f107"; font-family: fontawesome; padding-left: 10px; }
.box-for-datatable .dataTables_processing { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; text-align: center; align-items: center; display: block; justify-content: center; box-shadow: none; margin: 0; border-radius: 0; padding-top: 40px; }
/*alert*/
#alert-wrapper{ cursor: pointer; position: fixed; right: 0; z-index: 9999; top: 0; margin-top: 22px; margin-right: 15px; max-width: 300px; }
/*applicationForm*/
.applicationForm.edit > .row { position: relative;}
.applicationForm.edit > .row:hover { background: #f8f8f8; }
.applicationForm.edit > .row.ui-state-highlight{ background:#fffed5;min-height: 32px;}

.applicationForm.edit > .row > .col{ position: relative; min-height: 32px;}
.applicationForm.edit > .row > .col:after { content: ""; width: 2px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; display:none; }
.applicationForm.edit.hover > .row > .col:after { display:block; }
.applicationForm.edit > .row > .col:hover,
.applicationForm.edit.hover > .row > .col{ background:#f1f1f1;}
.applicationForm.edit > .row > .col.ui-state-highlight,
.applicationForm.edit > .row > .col.ui-state-hover{ background:#fffed5;min-height: 32px;}

.applicationForm.edit > .row > .menu.for-row-edit { position: absolute; right: 100%; top: 0; width: auto; display: none; padding: 0 10px 0 0; margin: 0; background: #f8f8f8; border-radius: 4px 4px 0 0; overflow: hidden; height: 32px;}
.applicationForm.edit > .row:hover > .menu.for-row-edit { display: flex; }
.applicationForm.edit > .row > .menu.for-row-edit > .menu-element { cursor: pointer; font-size: 13px; display: flex; margin: auto; text-align: center; padding: 5px 8px; line-height: 1; align-items: center; }
.applicationForm.edit > .row > .menu.for-row-edit > .handle {cursor:grab; }
.applicationForm.edit > .row > .menu.for-row-edit > .delete { font-size: 15px;}

.applicationForm.edit .btn.create-row { display: block; margin: 0 0 0 -10px; opacity: 0; width: calc(100% + 20px); padding: 0; }
.applicationForm.edit:hover .btn.create-row {opacity:1;}

.applicationForm.edit > .row > .col > .btn.create-col { position: absolute; top: 0; right: 0; height: 100%; width: 15px; display: block; opacity: 0; padding: 0; }
.applicationForm.edit > .row > .col > .btn.create-col:first-child { left: 0; right:auto;}
.applicationForm.edit > .row > .col:hover > .btn.create-col { opacity:1; }
.applicationForm.edit > .row > .col > .menu.for-col-edit { position: absolute; top: 0; left: calc(50% - 20px); background: #e4e4e4; display: none; font-size: 13px; padding: 0; }
.applicationForm.edit > .row > .col:hover > .menu.for-col-edit { display: flex; }
.applicationForm.edit > .row > .col > .menu.for-col-edit .menu-element { padding: 0 4px; cursor: pointer; }
.applicationForm.edit > .row > .col > .menu.for-col-edit > .handle { cursor:grab;}
.applicationForm.edit > .row > .col > .menu.for-col-edit > .delete { font-size: 14px;}
.applicationForm.edit > .row > .col > .ui-resizable-handle { position: absolute; display: block; width: 1px; right: 0; height: calc(100% + 20px); cursor: col-resize; top: -10px; border-left: 1px dotted #ccc; opacity:0; }
.applicationForm.edit > .row > .col:hover > .ui-resizable-handle { opacity:1; }
.applicationForm.edit > .row > .col.ui-resizable-resizing{background:#fffed5;}

.applicationForm.edit > .row > .col > .element { cursor:pointer; }
.applicationForm.edit > .row > .col > .element > * { pointer-events: none; cursor:pointer; }
.applicationForm.edit > .row > .col > .element .form-file .progress { position: absolute; left: 0; top: 0; height: 100%; background: none; user-select: none; pointer-events: none; }
.applicationForm.edit > .row > .col > .element .form-file input[type="text"]  { position: fixed; background: none; border: none; width: 1px; height: 1px; left: -99999999px; top: -9999999px; }

.applicationForm-elements .badge { cursor:move; }
.applicationForm-elements .badge.no-drag { filter: grayscale(1); opacity: 0.5; cursor:no-drop; }

#applicationFormElementModal .options .option-list .option-item {height: 36px;}
#applicationFormElementModal .options .option-list .option-item.ui-state-highlight {background:#fffed5;}

/*application*/
#application .step-item { pointer-events: none; }
#application .contents .step-content .wait { width: 100%; display: flex; align-items: center; justify-content: center;min-height: 100px;}
#application .contents .step-content .wait i {margin-right:5px;}
#application .form-file .form-file-text { position: relative; overflow: hidden; }
#application .form-file .progress { position: absolute; left: 0; top: 0; height: 100%; background: none; user-select: none; pointer-events: none; border-radius: 0;}
#application .form-file .progress .progress-bar { background-color: #5eba00; }
#application .form-file .form-file-name,
#application .form-file .form-file-button { z-index: 1; position: relative; }
#application .form-file .form-file-input { cursor: pointer; position: absolute; top: 0; }
#application .form-file .is-invalid { padding-top: 35px; }
#application .form-file input[type="text"] { position: fixed; background: none; border: none; width: 1px; height: 1px; left: -99999999px; top: -9999999px; }
#application .form-check-input.is-valid~.form-check-label,
#application .was-validated .form-check-input:valid~.form-check-label { color: unset; }
#application .form-check-input.is-valid:checked,
#application .was-validated .form-check-input:valid:checked { background-color: #206bc4; }
#application .form-check-input.is-valid,
#application .was-validated .form-check-input:valid { border-color: rgba(110,117,130,.2); }
#application #traineeInfoTitle { position: sticky; z-index: 9; background: #fff; padding: 15px 0; top: 0; margin-top: 15px; }
#application .trainee-card.invalid { border-color: #cd201f; }
#application .trainee-card.invalid .nameSurname { color: #cd201f; }
/*applicationDetail*/
#applicationDetailContent .application-item-validity{margin: auto; display: inline-block;min-height: 0;}
#applicationDetailContent .application-item-validity .form-check-input { background-color:#ea2c2b; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");}
#applicationDetailContent .application-item-validity .form-check-input:checked { background-color: #4caf50;}
#applicationDetailContent .application-item-validity .form-check-input:focus{box-shadow:none;}
#applicationDetailContent table tr.invalid td { color: #ea2c2b; }

/*loading*/
#loading {display:flex; position: fixed; width: 100%; height: 100%; z-index: 999999999; background: rgba(255,255,255,0.7); justify-content: center; align-items: center; top: 0; left: 0;}
#loading i { margin-right: 5px; font-size: 15px; }
#loading.collapse{display:none;}
/*lightgallery*/
.lg-backdrop{z-index: 1050;background-color: rgba(0,0,0,0.7)}
@media (min-width: 75.25rem){
    .container, .container-lg, .container-md, .container-sm, .container-xl{max-width:80vw;}
}
@keyframes blinker {
    50% { opacity: 0; }
}