.dropzona {
    min-height: 150px;
    border: 2px dashed rgba(237,242,247,var(--border-opacity));
    background: #fff;
    padding: 20px;
    cursor: pointer;
}
.multi > .dropzona { cursor: default;}
.dropzona .dz-message {
    text-align: center;
    margin: 2em 0;
}
.cropPopup {
    margin: 0 !important;
    position: relative !important;
    visibility: visible !important;
    transition: none !important;
    opacity: 1 !important;
    height: auto;
    width: auto;
    background: none;
}
.cropPopup .modal__content {
    transition: none !important;
    margin: 0 auto !important;
}
#cropImg { max-height: 75vh !important; }
.imgWrapper { background: #ddd; }
.imgWrapper img { margin: 0 auto; }
.cursor-pointer { cursor: pointer !important; }
.dropzona.hot,
.dragover .dropzona {
    border-color: rgba(51, 140, 230, 1) !important;
    border-width: 4px !important;
}

.loaderWrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: rgba(0,0,0,0.8);
}
.loader {
    position: absolute;
    top: 30%;
    height: 40%;
    width: 100%;
}
.loader svg {
    margin: 0 auto;
    color: white;
}
.loader svg * {
    border-color: white;
    color: white;
    fill: white;
}
.loader p {
    text-align: center;
    color: white;
    font-size: 2em;
    margin-top: 30px;
}

.deleteImgMultiSingle svg {
    margin: 2px;
    height: 16px;
    width: 16px;
}
.deleteImgMultiSingle {
    display: none;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    z-index: 20;
    background: #e74c3c;
    color: white;
    border-radius: 20px;
    cursor: pointer;
}
.showDelButton .deleteImgMultiSingle { display: block !important; }

.galItem { cursor: grab; }
.galItem.over {
    border: 3px dotted #666;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.rectangle:after {
    content: "";
    display: block;
    padding-bottom: 60%;
}

.ghostDrag { opacity: 0.4; }

.has-error.border {
    --border-opacity: 1 !important;
    border-color: #D32929 !important;
    border-color: rgba(211, 41, 41, var(--border-opacity)) !important;
    border-width: 1px !important;
}
.checkHead {
    position: absolute;
    margin-top: 2px;
}
.checko, #checkoFather
{
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    padding: 5px;
    cursor: pointer;
}

#toTop { z-index: 99; }

/* font picker */
.icon-picker-list{display:flex;flex-flow:row wrap;list-style:none;padding-left:0}.icon-picker-list li{display:flex;flex:0 0 20%;float:left;width:20%}.icon-picker-list a{background-color:#f9f9f9;border:1px solid #fff;color:#000;display:block;flex:1 1 auto;font-size:12px;line-height:1.4;min-height:100px;padding:10px;text-align:center;user-select:none}.icon-picker-list a span:first-child{font-size:50px}.icon-picker-list a.active,.icon-picker-list a:hover{background-color:#009e49;color:#fff;cursor:pointer;text-decoration:none}.icon-picker-list .fa{font-size:24px;margin-bottom:10px;margin-top:5px}.icon-picker-list .name-class{display:block;text-align:center;word-wrap:break-word;margin:15px 0}

/* Chrome, Safari, Edge, Opera */
input.noArrows::-webkit-outer-spin-button,
input.noArrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input.noArrows[type=number] {
  -moz-appearance: textfield;
}

.menu-disabled {
    color: red !important;
    text-decoration: line-through;
    cursor:not-allowed;
}
.logo-mobile { height: 50px; }

.month-item-weekdays-row > div {
    text-align: center;
    font-size: 10px !important;
}

.anexos .dropzona { cursor: initial !important; }

.single.readonly .dz-message,
.anexos.readonly .anexoDel,
.anexos.readonly .dz-message { display: none !important; }

.pr-90 {padding-right: 90px;}

.logger::-webkit-scrollbar {
    width: 12px;               /* width of the entire scrollbar */
}
.logger::-webkit-scrollbar-track {
    background: #fff;        /* color of the tracking area */
}
.logger::-webkit-scrollbar-thumb {
    background-color: #ccc;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid #fff;  /* creates padding around scroll thumb */
}
.logger {
    max-height: 511px;
    overflow-y: scroll;
}
.itemGrabber {
    background: #ccc;
    border: 1px solid #BBBBBB;
    height: 37px;
    border-radius: 5px;
    text-align: center;
    line-height: 37px;
}
.itemGrabber svg {
    margin: 8px auto;
    color: #313a55;
}
.tabulator-row .tabulator-cell {
    white-space: break-spaces;
    word-wrap: break-word !important;
    /*word-break: break-all;*/
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #e2e8f0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}
.break-word {
    word-break: break-all;
}

/* anexos horizontal */
.fileList.horizontal {
    display: block !important;
}
.fileList.horizontal .ficheiro {
    width: 100% !important;
}
.fileList.horizontal .file {
    transform: none !important;
    padding: 0 35px 0 60px;
    margin: 10px 0;
    height: 65px;
    display: table;
    width: 100%;
}
.fileList.horizontal .file__icon {
    max-width: 50px !important;
    max-height: 50px !important;
    margin-top: -25px;
    top: 50%;
    left: 5px;
    position: absolute;
}
.fileList.horizontal .file > * {
    display: inline-block;
}
.fileList.horizontal .text-center {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.fileList.horizontal .text-center.font-medium {
    text-align: left !important;
}
.fileList.horizontal .absolute {
    top: 50% !important;
    margin-top: -10px;
}
.form-check * {
    cursor: pointer;
}
.msgBox {
    position: relative;
    padding-right: 50px;
    height: 110px;
}
.msgBox textarea {
    border-radius: 0.375rem 0 0 0.375rem;
    width: 100%;
    height: 100%;
    box-shadow: none !important;
}
.msgBox button {
    border-radius: 0 0.375rem 0.375rem 0;
    position: absolute;
    width: 50px;
    top:0;
    right:0;
    height: 100%;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%) !important;
}
#refreshMsg,
#refreshList {
    float: right;
    display: block;
    padding: 0 8px;
    cursor: pointer;
    -moz-transition: transform 0.6s;
    -webkit-transition: transform 0.6s;
    transition: transform 0.6s;
}
.flip {
    transform: rotate(360deg);
}

.dayWrapper h2 {
    font-size: 28px;
}
#verMais {
    font-size: 20px;
    padding: 12px 16px;
}
.magnificBigger .mfp-content .mfp-iframe-scaler {
    padding-top: 0 !important;
    height: 80vh !important;
}
.w-100 {width: 100%;}
.bg-white {background-color: white;}

.expandMenu {
    position: fixed;
    left: 0;
    bottom: 10%;
    width: 30px;
    height: 60px;
    background: #e2e8f0;
    border: #718096;
    border-radius: 0 10px 10px 0;
}
.expandMenu a {
    display: block;
    height: 100%;
}
.expandMenu svg {
    height: 100%;
    width: 100%;
}

.materialHolder.done {
    background-color: #27ae6059;
}

.limpar {
    cursor: pointer;
}