@media only screen and (max-width: 600px) {.sidenav {width: 100vw !important;}}@media only screen and (min-width: 600px) and (max-width: 1200px) {.sidenav {width: calc(100vw / 2) !important;}}@media only screen and (min-width: 1200px) and (max-width: 1440px) {.sidenav {width: calc(100vw / 3) !important;}}.global_btn {height: 50px !important;width: 50px !important;padding: 0 13px !important;margin: 0 !important;border-radius: 0 !important;}.global_btn:hover {}.global_btn i {height: 50px !important;line-height: 50px !important;font-size: 24px !important;margin: 0 !important;}.global_btn span {height: 50px !important;line-height: 50px !important;font-size: 1em;}.unselectable,label,legend,i {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}.selectable {-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;}.tippy-popper {z-index: 2000 !important;}.tippy-popper .tippy-tooltip {text-align: left !important;font-size: 0.8em;border-radius: 5px;background-color: #616161 !important;border: 1px solid #616161 !important;z-index: 9999 !important;overflow: hidden;}.tippy-popper .tippy-tooltip[data-out-of-boundaries] {opacity: 0;}.tippy-popper[x-placement^=right] .tippy-tooltip .tippy-arrow {border-right: 7px solid #616161;}.tippy-popper[x-placement^=left] .tippy-tooltip .tippy-arrow {border-left: 7px solid #616161;}.tippy-popper[x-placement^=top] .tippy-tooltip .tippy-arrow {border-top: 7px solid #616161;}.tippy-popper[x-placement^=bottom] .tippy-tooltip .tippy-arrow {border-bottom: 7px solid #616161;}body {padding: 0 !important;margin: 0 !important;overflow: hidden;-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: grayscale;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling: touch;}body,html,.container {height: 100%;}.row {margin-top: 0;margin-bottom: 0;}.row .input-field {margin-bottom: 45px;}.row .chips.input-field .input {min-height: 44px;width: 100% !important;margin: 0;}.row .chips.input-field .chip {height: 34px;padding-left: 7px !important;padding-right: 4px;background-color: #e0e0e0;color: #757575;cursor: default;font-size: 16px !important;font-weight: 400;border-radius: 5px;margin-top: 8px !important;margin-bottom: 0 !important;margin-right: 5px !important;width: 100% !important;}.row .chips.input-field .chip i {color: #bdbdbd;font-size: 20px !important;}.row .chips.input-field .chip:focus {background-color: #bdbdbd;color: white;}.row .chips.input-field .chip:focus i {color: #e0e0e0;}fieldset {padding: 0;border: none;margin: 30px 0;}fieldset legend {width: 100% !important;color: #9e9e9e;font-weight: 500;font-size: 1.2rem;border-bottom: 5px solid #e0e0e0;margin-bottom: 15px;}.prefix ~ .select-wrapper,.input-field .prefix ~ input,.input-field .prefix ~ textarea,.input-field .prefix ~ label {margin-left: 3rem;width: calc(100% - 3rem);}.select-wrapper.disabled .caret {fill: #ffffff !important;}label {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}input,textarea,select {color: #757575;font-weight: 400;}textarea {line-height: 24px !important;}input,select {height: 43px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}::placeholder {font-weight: 300 !important;color: #cbcbcb !important;}.btn:disabled i,.btn[disabled] i {color: #e0e0e0 !important;}hr {border-top: 1px solid #f5f5f5;clear: both;margin-bottom: 60px;}ul {padding-inline-start: 0 !important;}ul.select-dropdown {top: -5px;max-height: 300px !important;z-index: 999999 !important;background-color: #eeeeee !important;}ul.select-dropdown li {height: 43px !important;}ul.select-dropdown li a,ul.select-dropdown li span,ul.select-dropdown li span > label,ul.select-dropdown li span > label > span,ul.select-dropdown li span > label > input {color: #757575;font-size: 0.9rem !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}ul.select-dropdown li span {padding-top: 10px;height: 43px;}ul.select-dropdown li span label,ul.select-dropdown li span label > input {height: 25px !important;}ul.select-dropdown li span label > span {padding-top: 0;}ul.select-dropdown li.disabled {display: none !important;}ul.select-dropdown li.selected {background-color: #bdbdbd !important;}ul.select-dropdown li.selected a,ul.select-dropdown li.selected span,ul.select-dropdown li.selected span > label {color: white !important;font-size: 1rem !important;}.dropdown-content li {min-height: 43px;}.tabs .tab a.active,.tabs .tab a:focus,.tabs .tab a:focus.active {background-color: transparent !important;}ul.tabs .tab {z-index: 910 !important;}ul.tabs .tab a {color: #9e9e9e !important;font-weight: 400;}ul.tabs .tab a i {line-height: 50px;font-size: 1.5rem;}ul.tabs .tab a.active {color: #757575 !important;font-weight: 600;}ul.tabs .tab a:hover {color: #757575 !important;}ul.tabs .indicator {z-index: 900 !important;top: 0 !important;background-color: #e0e0e0 !important;}#alert_modal {z-index: 1005 !important;width: 500px !important;max-width: 90% !important;margin-top: 15px !important;}#main_modal {z-index: 1003 !important;width: 90%;height: 80%;max-height: 90% !important;}#alert_modal,#main_modal {border-radius: 5px;cursor: default;background-color: #f5f5f5;border: none !important;}.modal.modal-fixed-footer {height: auto;}.modal {overflow: hidden;z-index: 3010 !important;}.modal-content {max-height: calc(100% - 100px) !important;}.modal-footer {padding: 0 !important;}label,.character-counter {color: #9e9e9e;}input.valid ~ label,input.valid:focus ~ label {color: #26a69a;}input.invalid ~ label,input.invalid:focus ~ label {color: #F44336;}.valid,.valid:focus {border-bottom: 1px solid #26a69a !important;-webkit-box-shadow: 0 1px 0 0 #26a69a !important;box-shadow: 0 1px 0 0 #26a69a !important;}.invalid,.invalid:focus {border-bottom: 1px solid #F44336 !important;-webkit-box-shadow: 0 1px 0 0 #F44336 !important;box-shadow: 0 1px 0 0 #F44336 !important;}.helper-text {color: #F44336 !important;}label.active,label.active:focus {background-color: transparent !important;}.mdi {overflow: hidden;}.autocomplete-content {position: absolute !important;width: auto !important;overflow-x: hidden;overflow-y: auto;}.m_content {overflow-y: auto !important;overflow-x: hidden !important;-webkit-overflow-scrolling: touch !important;background-color: white;}.m_content #alert_text {color: #616161;font-size: 1rem;padding: 0;margin: 0;text-align: left;}.m_content #alert_text_error {color: #F44336;font-size: 1rem;padding: 0;margin: 0;text-align: left;}.m_content #alert_input input {color: #616161 !important;}.m_upload:hover {background-color: #616161 !important;}.m_cancel,.m_save {height: 50px !important;cursor: pointer !important;text-align: center !important;font-weight: 500 !important;}.m_cancel > span,.m_save > span {color: #9e9e9e !important;}.m_cancel > span,.m_save > span,.m_error > span {position: relative !important;top: 14px;white-space: nowrap !important;overflow: hidden !important;}.m_cancel:hover {background-color: #9e9e9e;}.m_cancel:hover span {color: #eeeeee !important;}.m_save:hover {background-color: #4db6ac !important;}.m_save:hover span {color: #eeeeee !important;}.e_save:hover {background-color: #00897b !important;}.m_header {border-bottom: 1px solid #e0e0e0 !important;cursor: default;}.m_header > div {position: absolute;left: 15px;height: 35px;width: 35px;}.m_header img {position: absolute;left: 15px;height: 35px;}.m_header > span {position: absolute;left: 15px;width: calc(100% - 80px);color: #9e9e9e;line-height: 50px;font-size: 1.2em;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.m_header > span > span {color: #616161;font-size: 0.9em;margin-left: 10px;font-weight: 500;}.m_footer {border-top: 1px solid #e0e0e0 !important;}.m_header,.m_footer {display: flex;background-color: #eeeeee !important;height: 50px !important;overflow: hidden;}.navbar-fixed {height: 50px;z-index: 1000;}.navbar-fixed nav {height: 50px;z-index: 1000;}.navbar-fixed nav .nav-wrapper ul > li > a {height: 50px !important;width: 50px !important;padding: 0 13px !important;margin: 0 !important;border-radius: 0 !important;width: auto !important;}.navbar-fixed nav .nav-wrapper ul > li > a:hover {}.navbar-fixed nav .nav-wrapper ul > li > a i {height: 50px !important;line-height: 50px !important;font-size: 24px !important;margin: 0 !important;}.navbar-fixed nav .nav-wrapper ul > li > a span {height: 50px !important;line-height: 50px !important;font-size: 1em;}.navbar-fixed nav .nav-wrapper ul > li > a span {min-width: 50px !important;}#ispis_dd.dropdown-content {min-width: 200px !important;}#ispis_dd.dropdown-content li a {color: #9e9e9e !important;}.sidenav {width: calc(100vw / 4);}.sidenav-trigger {cursor: pointer;position: absolute;right: 0;display: block !important;}#navbar-slide {z-index: 995 !important;}#sidebar-slide {z-index: 975 !important;padding: 100px 50px 50px 0;}#sidebar-slide form {padding: 0 10px;}#sidebar-slide a {height: 50px !important;width: 50px !important;padding: 0 13px !important;margin: 0 !important;border-radius: 0 !important;position: absolute;bottom: 60px;left: 0;width: 250px;color: #616161;}#sidebar-slide a:hover {}#sidebar-slide a i {height: 50px !important;line-height: 50px !important;font-size: 24px !important;margin: 0 !important;}#sidebar-slide a span {height: 50px !important;line-height: 50px !important;font-size: 1em;}#sidebar-slide a:hover {filter: brightness(90%);}ul.notif_history {overflow-y: auto;background-color: #9e9e9e;margin: 0;}ul.notif_history li {padding: 0 15px;background-color: #9e9e9e;}ul.notif_history li:hover {filter: brightness(90%);}ul.notif_history li div.notif_div {border-bottom: 1px dotted #757575;}ul.notif_history li div.notif_div div .notif_stamp {font-size: 0.8rem;color: #616161;height: 30px;margin: 0;}ul.notif_history li div.notif_div div .notif_radnja {font-size: 1.2rem;color: #eeeeee;height: 30px;line-height: 30px;margin: 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}ul.notif_history li div.notif_div div .notif_link {font-size: 0.9rem;color: #e0e0e0;height: 20px;margin: 0 0 15px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}ul.notif_history li.selected {background-color: #bdbdbd !important;}ul.notif_history li.selected a,ul.notif_history li.selected span {color: white !important;font-size: 1rem !important;}#main {position: absolute;top: 50px;left: 0;right: 0;bottom: 0;overflow: hidden;}#main #header {position: absolute;top: 0;left: 0;right: 0;height: 50px;z-index: 990;color: #616161;border-bottom: 1px #e0e0e0 solid;}#main #header h6 {display: inline-block;height: 50px;line-height: 50px !important;margin: 0;padding: 0 15px;font-weight: 500;white-space: nowrap;}#main #header ul {height: 50px;margin: 0 50px 0 0;overflow: hidden;}#main #header ul li {height: 50px;color: #9e9e9e;}#main #header div {position: absolute;top: 0;right: 0;max-width: 300px;padding: 0;}#main #header div a {height: 50px !important;width: 50px !important;padding: 0 13px !important;margin: 0 !important;border-radius: 0 !important;color: #616161;}#main #header div a:hover {}#main #header div a i {height: 50px !important;line-height: 50px !important;font-size: 24px !important;margin: 0 !important;}#main #header div a span {height: 50px !important;line-height: 50px !important;font-size: 1em;}#main #header div a:hover {filter: brightness(90%);}#main #sidebar {position: absolute;top: 50px;right: 0;bottom: 0;width: 50px;z-index: 980;}#main #sidebar a {height: 50px !important;width: 50px !important;padding: 0 13px !important;margin: 0 !important;border-radius: 0 !important;right: 0;color: #757575 !important;}#main #sidebar a:hover {}#main #sidebar a i {height: 50px !important;line-height: 50px !important;font-size: 24px !important;margin: 0 !important;}#main #sidebar a span {height: 50px !important;line-height: 50px !important;font-size: 1em;}#main #sidebar a:hover {filter: brightness(90%);}#main #content {position: absolute;top: 50px;left: 0;right: 50px;bottom: 0;overflow-y: auto;z-index: 970;}.datepicker-modal {z-index: 1005 !important;width: 350px !important;}.datepicker-container {width: 350px !important;}.datepicker-table-wrapper {padding: 0 0 15px 0 !important;}.datepicker-date-display {width: 0 !important;display: none !important;}.datepicker-footer {height: 0 !important;display: none !important;}.datepicker-controls {border-bottom: 1px solid #e0e0e0 !important;background-color: #eeeeee !important;width: 100%;}table {font-size: 0.8rem;width: 100%;table-layout: fixed;}table thead {height: 50px !important;color: #757575;}table thead th,table thead tr {height: 50px !important;}table tbody {color: #757575;}table tbody tr {padding: 0;cursor: pointer;}table tbody .tr_x {cursor: default;}.scroll {border: 0;border-collapse: collapse;}.scroll tr {display: flex;}.scroll td {flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.scroll thead {display: block;overflow-y: scroll;}.scroll thead tr:after {overflow-y: scroll;visibility: hidden;height: 0;}.scroll thead th {flex: 1;display: block;}.scroll tbody {display: block;overflow-y: scroll;height: calc(100vh - 150px);}#toast-container {top: auto !important;left: 0 !important;bottom: 0;z-index: 971;min-width: 300px;max-width: 100%;}#toast-container > .toast {padding: 15px !important;margin: 0 !important;font-size: 0.9em !important;height: 50px !important;border-radius: 0 !important;box-shadow: none !important;}ul.token-input-list {overflow: hidden;height: auto !important;cursor: text;font-size: 12px !important;margin: 0;padding-bottom: 10px;list-style-type: none;clear: left;}ul.token-input-list li.token-input-token {height: 34px;padding-left: 7px !important;background-color: #e0e0e0;color: #757575;cursor: default;font-size: 16px !important;font-weight: 400;border-radius: 5px;margin-top: 8px !important;margin-right: 5px !important;width: 100% !important;}ul.token-input-list li.token-input-token p {width: calc(100% - 20px);margin: 0 5px 0 0;padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}ul.token-input-list li.token-input-token .token-input-delete-token {float: right !important;margin: 5px 5px 0 0;padding: 0;cursor: pointer !important;color: #bdbdbd;}ul.token-input-list li.token-input-token .token-input-delete-token i {font-size: 20px;}ul.token-input-list li.token-input-selected-token {background-color: #bdbdbd;color: white;}ul.token-input-list li.token-input-selected-token .token-input-delete-token {color: #e0e0e0;}ul.token-input-list li.token-input-input-token input {width: 100% !important;}.token-input-dropdown {z-index: 4000 !important;margin-top: -20px !important;height: 43px;}.token-input-dropdown p {margin: 0;padding: 0 16px;font-size: 0.9rem !important;font-weight: normal;background-color: #bdbdbd !important;color: white;height: 43px !important;line-height: 43px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.token-input-dropdown ul {-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);margin: 0;background-color: #eeeeee !important;border-top: 1px solid #26a69a !important;}.token-input-dropdown ul li {padding: 0 10px;color: #757575 !important;font-size: 0.9rem !important;height: 43px !important;line-height: 43px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}.token-input-dropdown ul li:hover {background-color: #e0e0e0 !important;}.token-input-dropdown ul li i {font-size: 20px !important;margin: 0 10px 0 0 !important;}.token-input-dropdown ul li span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.dropzone {border: 1px solid #e0e0e0 !important;background-color: #fafafa !important;border-radius: 10px;padding-bottom: 15px !important;}.dropzone .dz-message {margin-top: 45px !important;}.dropzone .dz-preview {margin: 15px 15px 0 15px !important;width: 100% !important;cursor: default !important;}.dropzone .dz-preview .dz-progress {top: 75% !important;left: 55px !important;width: calc(100% - 60px) !important;animation: none !important;-webkit-animation: none !important;}.dropzone .dz-preview .dz-image {border-radius: 15px !important;margin: 0 !important;width: calc(100% - 30px) !important;height: 100px !important;}.dropzone .dz-preview .dz-details {padding: 15px !important;}.dropzone .dz-preview .dz-details .dz-size {width: calc(100% - 30px) !important;margin-bottom: 10px !important;}.dropzone .dz-preview .dz-details .dz-size span {margin-left: 30px !important;background-color: transparent !important;color: #9e9e9e !important;}.dropzone .dz-preview .dz-details .dz-filename > span {background-color: transparent !important;color: #757575 !important;}.dropzone .dz-preview .dz-remove {position: absolute !important;top: 15px;right: 45px;text-align: right !important;z-index: 100 !important;}.dropzone .dz-preview .dz-remove i {cursor: pointer !important;}.dropzone .dz-button {color: #9e9e9e !important;}.ql-toolbar {border: 1px solid #e0e0e0 !important;background-color: #fafafa !important;border-top-left-radius: 10px;border-top-right-radius: 10px;}.ql-container {font-family: "Roboto";font-size: 16px !important;color: #616161 !important;border: 1px solid #e0e0e0 !important;border-top: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}.ql-editor {min-height: 200px !important;padding: 30px 15px !important;line-height: 1.6 !important;}.ql-editor strong {font-weight: 600;}.ql-editor::before {color: #cbcbcb !important;font-style: normal !important;}.collapsible {margin: 0;}.collapsible li .collapsible-header {display: flex;}.collapsible li .collapsible-header div {flex: 1;font-size: 0.9rem;font-weight: 300;color: #757575;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.collapsible li .collapsible-body {border-bottom: 3px solid #b0bec5;}.collapsible li .home.collapsible-body {max-height: 450px;padding: 0 !important;}@-webkit-keyframes passing-through {0% {opacity: 0;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);}30%,70% {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}100% {opacity: 0;-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);}}@-moz-keyframes passing-through {0% {opacity: 0;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);}30%,70% {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}100% {opacity: 0;-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);}}@keyframes passing-through {0% {opacity: 0;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);}30%,70% {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}100% {opacity: 0;-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);}}@-webkit-keyframes slide-in {0% {opacity: 0;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);}30% {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}}@-moz-keyframes slide-in {0% {opacity: 0;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);}30% {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}}@keyframes slide-in {0% {opacity: 0;-webkit-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);}30% {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}}@-webkit-keyframes pulse {0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}10% {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}20% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}}@-moz-keyframes pulse {0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}10% {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}20% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}}@keyframes pulse {0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}10% {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}20% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}}.dropzone,.dropzone * {box-sizing: border-box;}.dropzone {min-height: 150px;border: 2px solid rgba(0, 0, 0, 0.3);background: #fff;padding: 20px 20px;}.dropzone.dz-clickable {cursor: pointer;}.dropzone.dz-clickable * {cursor: default;}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message * {cursor: pointer;}.dropzone.dz-started .dz-message {display: none;}.dropzone.dz-drag-hover {border-style: solid;}.dropzone.dz-drag-hover .dz-message {opacity: 0.5;}.dropzone .dz-message {text-align: center;margin: 2em 0;}.dropzone .dz-message .dz-button {background: none;color: inherit;border: none;padding: 0;font: inherit;cursor: pointer;outline: inherit;}.dropzone .dz-preview {position: relative;display: inline-block;vertical-align: top;margin: 16px;min-height: 100px;}.dropzone .dz-preview:hover {z-index: 1000;}.dropzone .dz-preview:hover .dz-details {opacity: 1;}.dropzone .dz-preview.dz-file-preview .dz-image {border-radius: 20px;background: #999;background: linear-gradient(to bottom, #eee, #ddd);}.dropzone .dz-preview.dz-file-preview .dz-details {opacity: 1;}.dropzone .dz-preview.dz-image-preview {background: #fff;}.dropzone .dz-preview.dz-image-preview .dz-details {-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}.dropzone .dz-preview .dz-remove {font-size: 14px;text-align: center;display: block;cursor: pointer;border: none;}.dropzone .dz-preview .dz-remove:hover {text-decoration: underline;}.dropzone .dz-preview:hover .dz-details {opacity: 1;}.dropzone .dz-preview .dz-details {z-index: 20;position: absolute;top: 0;left: 0;opacity: 0;font-size: 13px;min-width: 100%;max-width: 100%;padding: 2em 1em;text-align: center;color: rgba(0, 0, 0, 0.9);line-height: 150%;}.dropzone .dz-preview .dz-details .dz-size {margin-bottom: 1em;font-size: 16px;}.dropzone .dz-preview .dz-details .dz-filename {white-space: nowrap;}.dropzone .dz-preview .dz-details .dz-filename:hover span {border: 1px solid rgba(200, 200, 200, 0.8);background-color: rgba(255, 255, 255, 0.8);}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {overflow: hidden;text-overflow: ellipsis;}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {border: 1px solid transparent;}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span {background-color: rgba(255, 255, 255, 0.4);padding: 0 0.4em;border-radius: 3px;}.dropzone .dz-preview:hover .dz-image img {-webkit-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05);-ms-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05);transform: scale(1.05, 1.05);-webkit-filter: blur(8px);filter: blur(8px);}.dropzone .dz-preview .dz-image {border-radius: 20px;overflow: hidden;width: 120px;height: 120px;position: relative;display: block;z-index: 10;}.dropzone .dz-preview .dz-image img {display: block;}.dropzone .dz-preview.dz-success .dz-success-mark {-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);}.dropzone .dz-preview.dz-error .dz-error-mark {opacity: 1;-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark {pointer-events: none;opacity: 0;z-index: 500;position: absolute;display: block;top: 50%;left: 50%;margin-left: -27px;margin-top: -27px;}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg {display: block;width: 54px;height: 54px;}.dropzone .dz-preview.dz-processing .dz-progress {opacity: 1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}.dropzone .dz-preview.dz-complete .dz-progress {opacity: 0;-webkit-transition: opacity 0.4s ease-in;-moz-transition: opacity 0.4s ease-in;-ms-transition: opacity 0.4s ease-in;-o-transition: opacity 0.4s ease-in;transition: opacity 0.4s ease-in;}.dropzone .dz-preview:not(.dz-processing) .dz-progress {-webkit-animation: pulse 6s ease infinite;-moz-animation: pulse 6s ease infinite;-ms-animation: pulse 6s ease infinite;-o-animation: pulse 6s ease infinite;animation: pulse 6s ease infinite;}.dropzone .dz-preview .dz-progress {opacity: 1;z-index: 1000;pointer-events: none;position: absolute;height: 16px;left: 50%;top: 50%;margin-top: -8px;width: 80px;margin-left: -40px;background: rgba(255, 255, 255, 0.9);-webkit-transform: scale(1);border-radius: 8px;overflow: hidden;}.dropzone .dz-preview .dz-progress .dz-upload {background: #333;background: linear-gradient(to bottom, #666, #444);position: absolute;top: 0;left: 0;bottom: 0;width: 0;-webkit-transition: width 300ms ease-in-out;-moz-transition: width 300ms ease-in-out;-ms-transition: width 300ms ease-in-out;-o-transition: width 300ms ease-in-out;transition: width 300ms ease-in-out;}.dropzone .dz-preview.dz-error .dz-error-message {display: block;}.dropzone .dz-preview.dz-error:hover .dz-error-message {opacity: 1;pointer-events: auto;}.dropzone .dz-preview .dz-error-message {pointer-events: none;z-index: 1000;position: absolute;display: block;display: none;opacity: 0;-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;border-radius: 8px;font-size: 13px;top: 130px;left: -10px;width: 140px;background: #be2626;background: linear-gradient(to bottom, #be2626, #a92222);padding: 0.5em 1.2em;color: #fff;}.dropzone .dz-preview .dz-error-message:after {content: "";position: absolute;top: -6px;left: 64px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #be2626;}