/* BODY ADJUST */
body{
  overflow-y: auto !important;
}

/* RECAPTCHA V2 */
div.g-recaptcha{
  margin-top: 20px;
}

/* NPROGRESS */
#nprogress .bar{
  background: #ffffff !important;
  box-shadow: 0 0 4px 0px #434343 !important;
  z-index: 9000 !important;
}

/* BLOCK ELEMENT */
.element-user-block{
  pointer-events: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/* BADGE ELEMENT */
.badge {
  padding: 1em 0.63em !important;
  font-size: 95% !important;
  line-height: 0 !important;
}

/* BREADCRUMB */
.sl-breadcrumb{
  height: 29px !important;
  position: fixed;
  width: 100%;
  z-index: 10;
  padding-top: 14px;
}

/* CONTAINER-CONTENT */
div.container-content-platform{
  position: fixed;
  margin-left: 220px;
  margin-top: 50px;
  width: calc(100% - 220px);
  overflow-y: auto;
  height: calc(100% - 50px);
}

/* PAGEBODY */
div.sl-pagebody{
  position: relative;
  width: 100%;
  height: 100%;
}

/* PAGECONTAINER */
div.sl-page-container{
  margin-top: 29px;
}

/* PAGEMAINPANEL */
.sl-mainpanel {
  top: 0px !important;
  margin-top: 0px !important;
  height: 100%;
}

/* CONTENTPAGE */
div.content-page{
  padding-left: 5px;
  padding-right: 5px;
  height: calc(100% - 88px);
  overflow-y: auto;
  overflow-x: hidden;
}

div.content-page.fix-height-footer{
  height: calc(100% - 210px);
  overflow-x: hidden;
  overflow-y: auto;
}

/* FOOTER-REPORT */
div.footer-report{
  position: absolute;
  bottom: 0px;
}
div.footer-report .footer-container{
  height: 115px;
}

/* SCROLLBAR-STYLE */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #b6b6b6;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #8c8c8c;
}
::-webkit-scrollbar-thumb:active {
  background: #8c8c8c;
}
::-webkit-scrollbar-track {
  background: #e6e6e6;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #e6e6e6;
}
::-webkit-scrollbar-track:active {
  background: #e6e6e6;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/* LOADERS */
.container-loader {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background-color: #00000061;
  z-index: 200;
}
.container-my-loader{
  top: 0;
  left: 0;
  position: fixed;
  border-radius: 6px;
  height: 100%;
  width: 100%;
  background-color: #00000073;
  z-index: 5000;
}
.my-loader {
  border: 5px solid #ffffff;
  border-radius: 50%;
  width: 47px;
  height: 47px;
  animation: spin 1s linear infinite;
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  z-index: 5005;
  background: transparent;
}
.my-loader.loader-red{
  border-top: 5px solid #dc3545;
}
.my-loader.loader-blue{
  border-top: 5px solid #0866c6;
}
.my-loader.loader-orange{
  border-top: 5px solid #f49917;
}
.my-loader.loader-gray{
  border-top: 5px solid #495057;
}
.my-loader.loader-default{
  border-top: 5px solid #42a8e0;
}
.small-my-loader{
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #3592c4;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 auto;
  top: calc(50% - 25px);
}
  
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* BUTTON STYLES */
.btn-noColor{
  background-color: transparent;
}

.btn-binLight{
  background-color: #ffffff;
  padding: 0.52rem 0.34rem !important;
}
.drop-button.btn-success{
  padding: 0.52rem 0.34rem !important;
}
.drop-button.drop-custom{
  background-color: #fffbce;
  color: #495057;
}
button.largebtn{
  height: 55px;
}
.btn:focus{
  outline: 0;
  box-shadow: none !important;
}
button.return-page{
  background: transparent;
  padding: 0rem 0.5em 0em 0em;
  border-right: 1px solid #d4d4d4;
  border-radius: 0;
}

/* CONTENT TITLE */
span.content-title{
  padding: 3px 5px;
  border-radius: 4px;
  font-weight: 600;
}

/* MODAL CORRECTION */
.modal .close{
  font-size: 1.5125rem;
}
.modal-open{
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.modal-footer-content{
  width: 100%;
}
.modal-title{
  font-weight: 400;
}
.modal-backdrop{
  z-index: 3500;
}
.modal{
  z-index: 3600;
}
.modal-body{
  max-height: 740px;
  overflow-y: auto;
}

/* FORM CORRECTION */
.form-footer-content{
  width: 100%;
  height: 40px;
}
.modal-form-title{
  font-size: 0.90rem;
  font-weight: 400;
  background: #f0f8ff73;
  border: 1px solid #d6e0e9;
  border-radius: 3px;
  margin-bottom: 0.7em;
  padding: 0.6em 0.7em 0.6em 0.7em;
}
.info-form-field{
  font-size: 1rem;
  font-weight: 400;
  border-radius: 3px;
  margin-top: 0.5em;
  padding: 0.3em 1.1em 0.3em 1.1em;
  background-color: rgb(252, 248, 227);
  border: 1px solid rgb(218 201 168 / 68%);
  color: rgb(138, 109, 59);
}
.info-form-text{
  font-size: 0.77rem;
  margin-left: 0.5rem;
  line-height: 1;
  font-weight: 500;
  color: rgb(138, 109, 59);
}
.form-title{
  font-size: 1.04375rem;
  margin-bottom: 0.7em;
  padding: 0.6em 0.7em 0.4em 0em;
}
.form-row{
  margin-bottom: 5px;
}
.form-check-custom{
  padding-top: 26px;
}
input[type=checkbox],input[type=radio]{
  height: 16px;
  width: 16px;
  vertical-align: text-top;
  margin-right: 2px;
}
.input-validate{
  border-left: 3px solid #3592c4  !important;
}

.input-compiled{
  border-left: 3px solid #3592c4  !important;
}
.input-invalidate{
  border-color: red !important;
  background: #ff233014 !important;
}
.form-group {
  margin-bottom: 0.52rem;
}
.addon-date, .addon-price, .addon-percentage, .addon-combo{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.addon-percentage .fa-percent{
  font-size: 13px;
}
.addon-date .fa-calendar{
  font-size: 14px;
}
input.form-control{
  text-overflow: ellipsis !important;
  overflow-x: hidden !important;
  white-space: nowrap;
}
select.form-control{
  text-overflow: ellipsis !important;
  overflow-x: hidden !important;
  white-space: nowrap;
  height: calc(2.187rem) !important;
  padding: 0.45rem 0.55rem !important;
}
.formbox-gray{
  padding: 16px 25px;
  background: #dee2e647;
  border-radius: 10px;
  box-shadow: 0 0 7px 0px #2d2d2d42;
}
div.container-multiple-inputs > .form-group{
  padding-left: 6px;
  padding-right: 6px;
}
div.container-multiple-inputs{
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 2fr 0fr auto;
  gap: 5px
}
div.container-trash-btn{
  margin-top: 22px;
}
div.container-trash-btn > button{
  height: 34.89px;
}

/* TABLE CORRECTION */
div.form-table-custom{
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #dee2e6;
}
div.form-table-custom table{
  margin-bottom: 0px;
}
div.form-table-custom tr{
  background: white;
}
button.form-table-trash{
  padding: 0.2rem;
  background: transparent;
  border: none;
}
button.form-table-trash i{
  font-size: 18px;
}

/* DATATABLE CORRECTION */
.dataTable.hover tbody tr:hover{
  background-color: #fffbce !important;
}
div.dataTables_wrapper table td{
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
}
.trhover{
  background-color: #fffbce;
}
div.dataTables_wrapper div.dataTables_filter input{
  width: 30em;
  margin-bottom: 5px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 4px 5px !important;
  padding-left: 26px;
}
.dataTables_wrapper{
  margin-bottom: none;
}
.form-check.form-check-table{
  padding-left: 22px;
  margin-bottom: 0.4rem;
}
.form-check.form-check-table > input{
  margin-top: 0.30rem !important;
}
.form-check.form-check-state > input{
  margin-top: 0.40rem !important;
}
button.rows_delete{
  margin-left: 15px;
}
.dataTables_wrapper td > button.btn-cell{
  width: 0.95rem;
  height: 0.95rem;
  padding: .35rem .35rem;
}
.dataTables_wrapper td > button.btn-cell.locked{
  cursor: default;
}
.dataTables_wrapper td button.dropdown-toggle{
  padding: 0.503em !important;
  font-size: 95% !important;
  font-weight: 500 !important;
}
.dataTables_wrapper td .dropdown-item{
  padding: 0.3rem 1.2rem !important;
}
.dataTables_wrapper .table td,
.table th {
	padding: 0.26rem .66rem !important;
	vertical-align: middle !important;
	border-bottom: 1px solid #c4c8ccd4;
}
input.form-table{
  height: 18px;
  width: calc(100% - 26px);
  font-size: 13px;
}
.dataTables_wrapper .table th.form-table_th{
  padding: 2px 2px 2px 2px !important;
}
.drop-table{
  width: calc(100% - 20px);
  height: 100%;
}
.drop-table > button.drop-button{
  width: 100%;
  height: 100%;
  text-align: left;
  font-size: 13px;
  padding-left: 10px !important;
  border: 1px solid #c3c3c6;
}
table.dataTable thead th {
  position: sticky;
  top: 0;
  z-index: 100;
  border-top: 1px solid #c4c8cc;
  border-bottom: 1px solid #c4c8cc !important;
}
table.dataTable thead th, table.dataTable thead td {
  border-bottom: 0;
  white-space: nowrap;
}
.dataTables_info {
  font-size: 0.9em;
  font-weight: 500;
}
.dataTables_custom-select {
	display: inline-block;
	height: calc(1.8125rem + 2px);
	padding: .25rem 1.7rem .25rem .7rem;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .7rem center/8px 10px;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .2rem;
	-webkit-appearance: none;
	-moz-appearance: none;
  appearance: none;
  margin-left: 4px;
  margin-right: 4px;
}
.dataTables_empty{
  height: 7.5em;
}
.no-results-title{
  font-size: 1.10rem;
}
span.no-results-span{
  font-size: .75rem;
}
.dataTables_paginate i {
  font-size: 14px;
}
.table-w{
  max-height: calc(100vh - 348px);
  width: 100%;
  overflow-y: auto;
  margin-bottom: 10px;
  overflow-x: auto;
  padding-right: 4px;
}
table.dataTable{
  margin-bottom: 0px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #c4c8cc;
  border-top: 0;
}
table.dataTable.no-footer{
  border-bottom: 0 !important;
}

/* MYTABLE */
table.myTable{
  border: 1px solid #dee2e6;
}
table.myTable tbody tr{
  background: white;
  height: 38px;
}
table.myTable tbody tr:hover{
  background-color: white;
}
table.myTable tbody td{
  padding: 0.40rem 0.40rem 0.40rem 0.90rem;
  vertical-align: middle;
}
table.myTable button.form-table-trash:hover{
  background: transparent;
}

/* DROPSELECT */
div.drop-table > div.dropdown-menu{
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 350px;
  box-shadow: 0px 3px 9px 1px rgb(0 0 0 / 28%) !important;
}
a.my-drop-item{
  padding: .35rem 1.1rem;
  text-transform: capitalize;
  letter-spacing: 0;
}
a.my-drop-item.drop-active {
  color: white;
  text-decoration: none;
  background-color: #41a8df;
}
.btn-binLight.drop-select {
  background-color: #d7d7d7;
  height: 16.5px;
}
.btn-binLight.drop-select:hover {
  background-color: #c8c8c8;
}
.yellow-box{
  background: #fffbce !important;
}
.green-box{
  background: #2ceb0b59  !important;
}
.red-box{
  background: #ff00183b !important;
}
.gray-box{
  background: #eeeeee !important;
}

/* CONTEXT MENU CORRECTION */
.context-menu-item.context-menu-hover {
  background-color: #b8c2cd !important;
}
.context-menu-item {
  padding: .5em 2em .5em 2.7em !important;
  font-size: 0.97em !important;
  font-weight: 500;
}
.context-menu-separator {
  padding: 0 !important;
}
.context-menu-icon:before {
  left: 4px !important;
  font-size: 1.12em !important;
  color: #1b95e0 !important;
}
.context-menu-icon.context-menu-icon--fa.muted-icon::before {
  color: #d9d9da !important;
}
.context-menu-list {
  max-height: 472px;
  overflow-x: hidden;
  overflow-y: auto;
}
.context-menu-icon.context-menu-icon--fa5 i,.context-menu-icon.context-menu-icon--fa5 svg {
  position: absolute;
  top: 0.72em !important;
  left: 0.72em !important;
  color: #2980b9
}

/* PROGRESS-BAR */
.progress {
  background-color: #f0f0f0;
}
.progress-body {
  height: 1.15rem !important;
}

/* MYSWAL */
.swal2-popup.swal2-toast .swal2-title {
  font-size: 0.86em !important;
  font-weight: 400 !important;
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 10px !important;
}
.swal2-popup.swal2-toast {
  box-shadow: 0 0 7px 2px #595959b3 !important;
  border: 1px solid #afafaf !important;
}
div#swal2-content {
  font-size: 0.9em !important;
  color: #979797 !important;
}
div.swal2-container.swal2-backdrop-show {
  max-width: 100%;
  overflow: hidden;
}
body.swal2-shown.swal2-height-auto{
  padding-right: 0 !important;
}

/* MYDROPZONE */
.dropzone {
  border: 2px dashed #ccc !important;
  border-radius: 5px !important;
  background: white !important;
  min-height: 0 !important;
  padding: 10px 10px !important;
}
.dropzone-area-logo{
  border: 0.5px solid #d2d2d2 !important;
  /* box-shadow: 0px 2px 5px 0px #b3b3b3; */
}
.dropzone .dz-message {
  font-weight: 400 !important;
  color: #8b8b8b !important;
  font-size: 1.3em !important;
}
.dropzone .dz-message .note {
  font-size: 0.8em !important;
  font-weight: 200 !important;
  display: block !important;
  margin-top: 1.4rem !important; 
}
.dropzone .dz-preview .dz-progress {
  height: 10px !important;
  top: 85% !important;
}
div.container-uploads{
  border: 1px solid #ced4da;
  border-radius: 3px;
  max-height: 9.7em;
  overflow-y: auto;
  background: #ffeb3b21;
}
div.container-uploads .fa-paperclip{
  font-size: 14px;
}
div.list-group.list-uploads{
  padding: 5px;
  font-weight: 500;
  font-size: 0.90em;
}
div.list-group.list-uploads a.list-group-item{
  border: none;
  padding: .24rem 0.5rem;
  background: transparent;
}
div.list-group.list-uploads a.list-group-item:hover{
  background: #f2eb92c9;
}
div.dz-progress span.dz-upload{
  background: linear-gradient(to bottom,#CDDC39,#8BC34A) !important;
}
button.dz-button{
  font-size: 0.9em !important;
}
.my-dropzone-drag{
  border: 2px solid #cacaca !important;
  opacity: 0.8;
}

/* AUTOCOMPLETE */
div.autocomplete-suggestions{
  margin-top: 1px !important;
  border: none;
  box-shadow: 0 0px 4px 1px rgb(50 50 50 / 33%);
}
.autocomplete-selected {
  background: #efefef91 !important;
}
div.autocomplete-suggestions.suggests-witdhAuto{
  width: auto !important;
}
div.autocomplete-suggestion{
  text-align: left !important;
  font-size: 1em !important;
  font-weight: 500 !important;
  width: auto !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.autocomplete-no-suggestion{
  padding: 0
}
div.autocomplete-no-suggestion .no-suggestion-container{
  padding: 4px 12px;
}
div.autocomplete-no-suggestion .no-suggestion-container:hover{
  background: #efefef91
}
span.suggests-main-display{
  display: block;
  margin-bottom: 1px;
}
span.suggests-sub-display{
  display: block;
  font-size: 11px;
  margin-top: 0px;
  margin-bottom: -1px;
}

/* MYTAB */
div.tab-pane{
  padding: 9px 7px;
}

/* MYDATERANGE */
div.custom-report-range{
  background: #fffdec;
  cursor: pointer;
  padding: 5.1px 10px;
  border: 1px solid #ddd29c;
  width: 100%;
  line-height: 20px;
  border-radius: 4px;
  border-width: 1px 1px 4px;
  font-size: 13px;
}
div.custom-report-range.onlymonth{
  background: #f8f9fa;
  border: 1px solid #a8a7a7;
  border-width: thin;
}
div.btn-report-range button{
  font-weight: 500;
  color: #5f6372;
}
div.custom-report-range i{
  font-size: 14px;
}
select.monthselect{
  border: 1px solid #ddd;
  height: 28px;
}
select.yearselect{
  border: 1px solid #ddd;
  height: 28px;
}
select.hourselect{
  border: 1px solid #ddd !important;
  background: transparent !important;
}
select.minuteselect{
  border: 1px solid #ddd !important;
  background: transparent !important;
}
select.secondselect{
  border: 1px solid #ddd !important;
  background: transparent !important;
}
div.ms-parent {
  height: 34.985px !important;
}
.daterangepicker .ranges ul{
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.daterangepicker .drp-buttons .btn{
  margin-left: 3px !important;
}
.span-daterange{
  font-weight: 500;
  vertical-align: middle;
}
div.drp-calendar select{
  font-weight: 500;
}
.daterangepicker{
  box-shadow: rgb(158 158 158) 0px 2px 4px 0px;
}
.daterangepicker .drp-calendar.left .calendar-time {
  padding-right: 8px;
}
.blink-border{
  animation: blinkingText 2.8s infinite;
}
@keyframes blinkingText{
  0%{     border-color: #00000026;   }
  25%{    border-color: #F49917;   }
  50%{    border-color: #00000026 }
  75%{    border-color: #F49917;  }
  100%{   border-color: #00000026;   }
}

/* MYCALENDAR */
div.container-deadlines{
  padding: 0 8px;
  margin-top: 30px;
  margin-bottom: 30px;
}
div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr{
  height: 24px;
}
div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr th{
  vertical-align: middle;
}
.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number {
  padding: 3px 7px !important;
  color: #9d9d9d;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -1px;
}
.fc-center h2{
  font-size: 1.9em;
  font-weight: 400;
}
.fc-view-container{
  margin-top: 22px;
}
.fc-day-grid-event {
  padding: 0 6px;
}
.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead {
  border-color: #b1b1b1b8 !important;
}
.fc-toolbar {
  text-transform: capitalize;
}
.fc-row .fc-widget-header{
  text-transform: uppercase;
  color: #3f3f3f;
  font-size: 12px;
  font-weight: 500;
}
.fc-content{
  margin: 2px 4px 2px 4px;
}
.fc-content i{
  font-size: 15px;
}
.fc-title{
  margin-left: 4px;
}
.fc button {
  height: 2.5em !important;
  background: transparent;
  border: none;
  box-shadow: none;
}
.fc-today-button {
  border: 1px solid !important;
  border-color: #dadada !important;
}
div.fc-button-group button{
  border: 1px solid !important;
  border-color: #dadada !important;
  padding: 6px;
}
div.fc-button-group button.fc-prev-button{
  border: none !important;
  color: #5f6372;
  font-weight: 300;
}
div.fc-button-group button.fc-prev-button:hover{
  background: #eaeaea !important;
}
div.fc-button-group button.fc-next-button{
  border: none !important;
  color: #5f6372;
  font-weight: 300;
}
div.fc-button-group button.fc-next-button:hover{
  background: #eaeaea !important;
}
.fc-icon {
  font-size: 1.1em !important;
  font-family: monospace !important;
}
.fc button .fc-icon {
  top: -0.16em !important;
}
.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active {
  background: #42a8e0;
  border-color: #42a8e0;
  color: white;
  text-shadow: none;
}
span.fc-time{
  margin-left: 5px;
}
a.fc-event{
  -webkit-transition: 0s;
  transition: 0s;
}

/* MULTIPLE-SELECT */
button.ms-choice {
  height: 22px;
  border: 1px solid #aaa0;
  line-height: 33px;
}
.ms-choice>span {
  padding-left: 13px !important;
}
.ms-drop input[type="radio"],.ms-drop input[type="checkbox"] {
  margin-top: 0px !important;
}
.ms-drop ul {
  overflow: auto;
  margin: 0;
  padding-top: 4px !important;
  padding-bottom: 7px !important;;
}
div.ms-drop.bottom{
  transform: translate(-12px, 2px);
  z-index: 7777;
}

/* CROPPER CORRECTION */
div.cropper-container{
  box-shadow: 0 0 9px 1px #9f9f9f;
  border: 1px solid #626262;
}
div.cropper-view-box {
  outline: 2px solid #fff !important;
  outline-color: rgb(255 255 255 / 75%) !important;
}

/* APPENDGRID CORRECTION */
div.myAppendGrid-library{
  overflow-x: auto;
}
div.myAppendGrid-library table thead th{
  border-bottom: 1px solid #c4c8cc;
  text-align: center;
}
div.myAppendGrid-library table thead tr{
  vertical-align: middle;
  height: 37px;
  background-color: #eeeeee;
}
div.myAppendGrid-library table tbody td{
  padding: 0px;
  vertical-align: middle;
  text-align: center;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
div.myAppendGrid-library table tbody td.empty-info{
  padding-top: 8px;
  padding-bottom: 8px;
  height: 140px;
}
div.myAppendGrid-library table tbody td .form-control{
  border: 1px solid #fff;
  border-radius: 0 !important;
  padding: 0.56rem 0.60rem !important;
  font-weight: 450;
  font-size: 12px;
}
div.myAppendGrid-library table tbody td select.form-control{
  padding: 0.49rem 0.25rem !important;
  height: calc(2.2rem) !important;
}
div.myAppendGrid-library table tbody td .form-control:focus{
  border: 1px solid #42a8e0;
}
div.myAppendGrid-library table tbody td .form-check-input{
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
}
div.myAppendGrid-library table tbody button{
  padding: 8px;
  color: #969696;
  background: #ffffff;
  border-color: #ffffff;
}
div.myAppendGrid-library table tbody button > span{
  font-size: 14px;
}
div.myAppendGrid-library table tfoot button{
  padding: 0.26rem 0.5rem !important;
}
div.myAppendGrid-library table{
  border: 1px solid #c4c8cc;
  border-left: 1px solid #c4c8cc;
  background-color: #fff;
  /* min-width: 800px; */
}
div.myAppendGrid-library table tfoot td{
  background-color: #ffffff;
  box-shadow: inset 0px 0px 7px 2px #ddddddb5;
  padding: 0.60rem;
  padding-top: 15px;
}
div.myAppendGrid-library [id^='appendGrid-body_$rowButton_']{
  /* display: inline-flex !important; */
}
#appendGrid-body [id^='appendGrid-body_date_']{
  padding: 0.46rem 0.40rem !important;
}
div.myAppendGrid-library .form-control:disabled{
  background-color: #f4f4f4 !important;
}
div.myAppendGrid-library td:disabled{
  background-color: #dee2e663 !important;
}

/* ELFINDER */
div.elfinder{
  font-size: 17px !important;
}
.elfinder-button-search input[type=text]{
  border-radius: 3px !important;
}
.elfinder-dialog-active{
  box-shadow: 0 0 8px 0px #2f2f2f;
}
.elfinder-cwd-view-list thead td .ui-resizable-handle{
  top: 3px !important;
}

/* MYCARD */
div.myCard-container{
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  border-top: 4px solid #707881;
}
div.myCard-container .card-body{
  padding: 0;
}
div.myCard-container .card-title{
  padding: 13px;
  margin-bottom: 0px;
  font-size: 19px;
  text-transform: uppercase;
}
div.myCard-container .card-subtitle{
  border-bottom: 1px solid #d8d8d8;
  padding: 13px;
  margin-top: -26px;
  font-size: 13px;
}
div.myCard-container .card-text{
  font-size: 13px;
  border-bottom: 1px solid #d8d8d8;
  padding: 13px 21px;
}
div.myCard-container .card-footer{
  padding: 13px;
}

/* MYWIZARD */
.wizard > .actions{
    margin-top: 12px !important;
}
.wizard > .steps .text-title{
    font-size: 1.379em;
}
.wizard > .actions > ul > li{
    margin-left: 0px !important;
    margin-right: 6px !important;
}
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active{
    background: #eeeeee78 !important;
    color: #aaa;
    cursor: pointer;
    border-radius: 3px !important;
    border: 1px solid rgb(0 0 0 / 10%);
}
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active{
    border-left: 6px solid #23BF08;
    background: #fff !important;
    color: #979797 !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    box-shadow: 0 0 6px 1px #c2c2c2;
}
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active{
    background: #f7f7f7 !important;
    color: #979797 !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    border: 1px solid rgb(0 0 0 / 10%);
}
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active{
    margin: 0.5em 0.5em 0.5em !important;
}
.wizard > .content{
    border-radius: 2px !important;
    background: #f7f7f761 !important;
    border: 1px solid rgb(0 0 0 / 10%);
    margin-top: 12px !important;
    min-height: 39em !important;
    overflow: auto !important;
}
.actions a[href$='#next']{
  background-color: #23BF08 !important;
}
.actions a[href$='#finish']{
  background-color: #23BF08 !important;
}
.actions a[href$='#previous']{
  background-color: #dc3545 !important;
}
.actions li.disabled a[href$='#previous']{
  background-color: #d8dce37a !important;
}
.wizard > .content > .body ul > li{
  display: block !important;
}
.wizard > .content > .body{
    width: 100% !important;
    height: 100% !important;
    padding: 1.6% !important;
}


/* REMOVE SPINNER INPUT TYPE NUMBER */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* TRANSITION VIEWS */
div.sl-mainpanel{
  -webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.3s; /* Firefox < 16 */
  -ms-animation: fadein 0.3s; /* Internet Explorer */
  -o-animation: fadein 0.3s; /* Opera < 12.1 */
  animation: fadein 0.3s;
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* MYFRAMEWORK */
.lead{
  font-size: 1rem;
  font-weight: 400;
}
[contenteditable] {
  padding: 6px;
}
[contenteditable]:hover {
  cursor: pointer;
}
[contenteditable]:focus {
  cursor: unset;
  background-color:#fffbce;
  outline: 1px solid #6e6e6e40;
  padding: 6px;
}
.contenteditable-invalidate{
  cursor: unset;
  background-color: #ff001826;
  outline: 1px solid #ff001873;
  padding: 6px;
}

/* INFORMATIVE STYLES */
div.informative-container{
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  color: #646777;
}
div.informative-header{
  position: fixed;
  width: 100%;
  z-index: 50;
  display: block;
  height: 10em;
  background: white;
  padding-left: 300px;
  padding-right: 300px;
  box-shadow: 0px 3px 4px 2px #00000026;
}
div.informative-title{
  position: relative;
  font-size: 33px;
  font-weight: 500;
  top: 36px;
  margin-left: 35px;
  display: block;
}
div.informative-subtitle{
  position: relative;
  font-size: 15px;
  top: 30px;
  margin-left: 35px;
  display: block;
}
div.informative-body{
  position: absolute;
  top: 8.5rem;
  height: 100%;
  padding-left: 380px;
  padding-right: 380px;
}
div.informative-body .informative-content{
  padding: 52px;
  background-color: white;
  box-shadow: 0px 0px 4px 4px #0000000a;
}
div.informative-body .informative-content p{
  padding-left: 5px;
  padding-right: 5px;
}

/* COOKIES BANNER CONTAINER */
.cookieConsentContainer {
	color: aliceblue;
	z-index: 9999;
	width: 350px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;
	background: #fcfcfc;
	overflow: hidden;
	position: fixed;
	bottom: 30px;
	left: 30px;
	display: none;
	box-shadow: 0 0 7px 1px #04040473;
	border-radius: 5px;
}
.cookieConsentContainer .cookieTitle {
	font-family: OpenSans, arial, "sans-serif";
	color: #8a8a8a;
	font-size: 22px;
	line-height: 20px;
	display: block;
}
.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	font-family: OpenSans, arial, "sans-serif";
	color: #a7a7a7;
	font-size: 13px;
	line-height: 20px;
	display: block;
	margin-top: 10px;
	margin-bottom: 18px;
}
.cookieConsentContainer .cookieDesc a {
	font-family: OpenSans, arial, "sans-serif";
	text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 0px 8px;
	text-align: center;
	transition: background 0.3s;
	width: 100%;
}
.cookieButton{
  cursor: pointer;
  margin-right: 5px;
}

/* VERTICAL RIGHT BORDER */
.vertical-right-divider{
  border-right: 1px solid #ddd !important;
}

@media(max-width: 1550px){
  table.table.dataTable{
    display: block;
    overflow-y: unset;
    overflow-x: unset;
  }
}

@media(max-width: 1310px){
  div.informative-header{
    padding-left: 200px;
    padding-right: 200px;
  }
  div.informative-body{
    height: 100%;
    padding-left: 200px;
    padding-right: 200px;
  }
}
@media (min-width: 992px){
  .modal-bg{
    max-width: 1450px !important;
    width: 1000px;
  }
  .modal-lbg{
    max-width: 1050px !important;
  }
  .sl-mainpanel {
    margin-left: 0px !important;
  }
  .collapsed-menu div.container-content-platform{
    margin-left: 50px !important;
    width: calc(100% - 50px);
  }
  div.footer-report{
    width: calc(100% - 38px) !important;
  }
  .collapsed-menu div.footer-report{
    width: calc(100% - 38px) !important;
  }
}
@media(max-width: 768px){
  .vertical-right-divider{
    border-right: none !important;
  }
}
@media(max-width: 991px){
  div.informative-header{
    padding-left: 10px;
    padding-right: 10px;
  }
  div.informative-title{
    margin-left: 20px;
  }
  div.informative-subtitle{
    margin-left: 20px;
  }
  div.informative-body{
    padding-left: 0;
    padding-right: 0;
  }
  div.informative-body .informative-content{
    padding: 20px;
    padding-top: 35px;
  }
  div.container-content-platform{
    margin-left: 0px !important;
    width: 100% !important;
  }
  .sl-mainpanel {
    margin-left: 0px !important;
  }
  div.footer-report{
    width: calc(100% - 38px) !important;
  }
}
@media (max-width: 980px) {
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
		padding-bottom: 70px;
	}
}
@media (max-width: 640px) {
  div.container-deadlines .fc-center{
    margin-top: 20px;
  }
  div.steps li{
    display: block !important;
    width: 100% !important;
  }
  div.steps li a{
    display: flex !important;
  }
}
@media(max-width: 500px){
  div.sl-pagebody{
    padding: 10px !important;
  }
  div.sl-pagebody.file-manager{
    padding: 1px !important;
  }
  div.informative-title{
    margin-left: 0;
  }
  div.informative-subtitle{
    margin-left: 0;
  }
  div.informative-header{
    text-align: center;
  }
}
@media (min-width: 576px){
  .sl-pagebody {
    padding: 19px;
  }
}