html,
body {
height: 100%;
min-height: 100%;
}
html,
button,
input,
optgroup,
select,
textarea {
font-family: 'Roboto',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.ps__fixed_rails {
overflow: hidden !important;
position: relative !important;
}
.no-prefix:before {
display: none;
}
.no-suffix:after {
display: none;
}
.no-select {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome and Opera */
}
.no-select::selection {
background: transparent;
}
.no-select::-moz-selection {
background: transparent;
}
.no-background {
background: none !important;
}
.no-border,
.no-border:focus,
.no-border:hover { border: none !important; }
.no-border-top { border-top: none !important; }
.no-border-left { border-left: none !important; }
.no-border-right { border-right: none !important; }
.no-border-bottom { border-bottom: none !important; }
.no-shadow,
.no-shadow:focus,
.no-shadow:hover { box-shadow: none !important; }
.border-1 { border: 1px solid rgba(0,0,0,.1) !important; }
.border-1-top { border-top: 1px solid rgba(0,0,0,.1) !important; }
.border-1-left { border-left: 1px solid rgba(0,0,0,.1) !important; }
.border-1-right { border-right: 1px solid rgba(0,0,0,.1) !important; }
.border-1-bottom { border-bottom: 1px solid rgba(0,0,0,.1) !important; }
.border-2 { border: 2px solid rgba(0,0,0,.1) !important; }
.border-2-top { border-top: 2px solid rgba(0,0,0,.1) !important; }
.border-2-left { border-left: 2px solid rgba(0,0,0,.1) !important; }
.border-2-right { border-right: 2px solid rgba(0,0,0,.1) !important; }
.border-2-bottom { border-bottom: 2px solid rgba(0,0,0,.1) !important; }
.border-3 { border: 3px solid rgba(0,0,0,.1) !important; }
.border-3-top { border-top: 3px solid rgba(0,0,0,.1) !important; }
.border-3-left { border-left: 3px solid rgba(0,0,0,.1) !important; }
.border-3-right { border-right: 3px solid rgba(0,0,0,.1) !important; }
.border-3-bottom { border-bottom: 3px solid rgba(0,0,0,.1) !important; }
.border-dotted { border-style: dotted !important }
.border-dashed { border-style: dashed !important }
.border-solid { border-style: solid !important }
.no-margin { margin: 0 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.overflow-both {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important;
}
.no-wrap {
white-space: nowrap !important;
}
.pre-wrap {
white-space: pre !important;
}
.break-spaces {
white-space: break-spaces !important;
}
/* padding def ~ begin */
.no-padding { padding: 0 0 0 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-left { padding-left: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.padding-top-1 { padding-top: 1px !important; }
.padding-top-2 { padding-top: 2px !important; }
.padding-top-3 { padding-top: 3px !important; }
.padding-top-4 { padding-top: 4px !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-6 { padding-top: 6px !important; }
.padding-top-7 { padding-top: 7px !important; }
.padding-top-8 { padding-top: 8px !important; }
.padding-top-9 { padding-top: 9px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-11 { padding-top: 11px !important; }
.padding-top-12 { padding-top: 12px !important; }
.padding-top-13 { padding-top: 13px !important; }
.padding-top-14 { padding-top: 14px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-left-1 { padding-left: 1px !important; }
.padding-left-2 { padding-left: 2px !important; }
.padding-left-3 { padding-left: 3px !important; }
.padding-left-4 { padding-left: 4px !important; }
.padding-left-5 { padding-left: 5px !important; }
.padding-left-6 { padding-left: 6px !important; }
.padding-left-7 { padding-left: 7px !important; }
.padding-left-8 { padding-left: 8px !important; }
.padding-left-9 { padding-left: 9px !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-11 { padding-left: 11px !important; }
.padding-left-12 { padding-left: 12px !important; }
.padding-left-13 { padding-left: 13px !important; }
.padding-left-14 { padding-left: 14px !important; }
.padding-left-15 { padding-left: 15px !important; }
.padding-right-1 { padding-right: 1px !important; }
.padding-right-2 { padding-right: 2px !important; }
.padding-right-3 { padding-right: 3px !important; }
.padding-right-4 { padding-right: 4px !important; }
.padding-right-5 { padding-right: 5px !important; }
.padding-right-6 { padding-right: 6px !important; }
.padding-right-7 { padding-right: 7px !important; }
.padding-right-8 { padding-right: 8px !important; }
.padding-right-9 { padding-right: 9px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-right-11 { padding-right: 11px !important; }
.padding-right-12 { padding-right: 12px !important; }
.padding-right-13 { padding-right: 13px !important; }
.padding-right-14 { padding-right: 14px !important; }
.padding-right-15 { padding-right: 15px !important; }
.padding-bottom-1 { padding-bottom: 1px !important; }
.padding-bottom-2 { padding-bottom: 2px !important; }
.padding-bottom-3 { padding-bottom: 3px !important; }
.padding-bottom-4 { padding-bottom: 4px !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-6 { padding-bottom: 6px !important; }
.padding-bottom-7 { padding-bottom: 7px !important; }
.padding-bottom-8 { padding-bottom: 8px !important; }
.padding-bottom-9 { padding-bottom: 9px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-11 { padding-bottom: 11px !important; }
.padding-bottom-12 { padding-bottom: 12px !important; }
.padding-bottom-13 { padding-bottom: 13px !important; }
.padding-bottom-14 { padding-bottom: 14px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.margin-top-1 { margin-top: 1px !important; }
.margin-top-2 { margin-top: 2px !important; }
.margin-top-3 { margin-top: 3px !important; }
.margin-top-4 { margin-top: 4px !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-6 { margin-top: 6px !important; }
.margin-top-7 { margin-top: 7px !important; }
.margin-top-8 { margin-top: 8px !important; }
.margin-top-9 { margin-top: 9px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-11 { margin-top: 11px !important; }
.margin-top-12 { margin-top: 12px !important; }
.margin-top-13 { margin-top: 13px !important; }
.margin-top-14 { margin-top: 14px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-left-1 { margin-left: 1px !important; }
.margin-left-2 { margin-left: 2px !important; }
.margin-left-3 { margin-left: 3px !important; }
.margin-left-4 { margin-left: 4px !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-6 { margin-left: 6px !important; }
.margin-left-7 { margin-left: 7px !important; }
.margin-left-8 { margin-left: 8px !important; }
.margin-left-9 { margin-left: 9px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-11 { margin-left: 11px !important; }
.margin-left-12 { margin-left: 12px !important; }
.margin-left-13 { margin-left: 13px !important; }
.margin-left-14 { margin-left: 14px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-right-1 { margin-right: 1px !important; }
.margin-right-2 { margin-right: 2px !important; }
.margin-right-3 { margin-right: 3px !important; }
.margin-right-4 { margin-right: 4px !important; }
.margin-right-5 { margin-right: 5px !important; }
.margin-right-6 { margin-right: 6px !important; }
.margin-right-7 { margin-right: 7px !important; }
.margin-right-8 { margin-right: 8px !important; }
.margin-right-9 { margin-right: 9px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-11 { margin-right: 11px !important; }
.margin-right-12 { margin-right: 12px !important; }
.margin-right-13 { margin-right: 13px !important; }
.margin-right-14 { margin-right: 14px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-bottom-1 { margin-bottom: 1px !important; }
.margin-bottom-2 { margin-bottom: 2px !important; }
.margin-bottom-3 { margin-bottom: 3px !important; }
.margin-bottom-4 { margin-bottom: 4px !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-6 { margin-bottom: 6px !important; }
.margin-bottom-7 { margin-bottom: 7px !important; }
.margin-bottom-8 { margin-bottom: 8px !important; }
.margin-bottom-9 { margin-bottom: 9px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-11 { margin-bottom: 11px !important; }
.margin-bottom-12 { margin-bottom: 12px !important; }
.margin-bottom-13 { margin-bottom: 13px !important; }
.margin-bottom-14 { margin-bottom: 14px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-1 { margin: 1px !important }
.margin-2 { margin: 2px !important }
.margin-3 { margin: 3px !important }
.margin-4 { margin: 4px !important }
.margin-5 { margin: 5px !important }
.margin-6 { margin: 6px !important }
.margin-7 { margin: 7px !important }
.margin-8 { margin: 8px !important }
.margin-9 { margin: 9px !important }
.margin-10 { margin: 10px !important }
.margin-11 { margin: 11px !important }
.margin-12 { margin: 12px !important }
.margin-13 { margin: 13px !important }
.margin-14 { margin: 14px !important }
.margin-15 { margin: 15px !important }
.margin-top--1 { margin-top: -1px !important; }
.margin-top--2 { margin-top: -2px !important; }
.margin-top--3 { margin-top: -3px !important; }
.margin-top--4 { margin-top: -4px !important; }
.margin-top--5 { margin-top: -5px !important; }
.margin-top--6 { margin-top: -6px !important; }
.margin-top--7 { margin-top: -7px !important; }
.margin-top--8 { margin-top: -8px !important; }
.margin-top--9 { margin-top: -9px !important; }
.margin-top--10 { margin-top: -10px !important; }
.margin-top--11 { margin-top: -11px !important; }
.margin-top--12 { margin-top: -12px !important; }
.margin-top--13 { margin-top: -13px !important; }
.margin-top--14 { margin-top: -14px !important; }
.margin-top--15 { margin-top: -15px !important; }
.margin-left--1 { margin-left: -1px !important; }
.margin-left--2 { margin-left: -2px !important; }
.margin-left--3 { margin-left: -3px !important; }
.margin-left--4 { margin-left: -4px !important; }
.margin-left--5 { margin-left: -5px !important; }
.margin-left--6 { margin-left: -6px !important; }
.margin-left--7 { margin-left: -7px !important; }
.margin-left--8 { margin-left: -8px !important; }
.margin-left--9 { margin-left: -9px !important; }
.margin-left--10 { margin-left: -10px !important; }
.margin-left--11 { margin-left: -11px !important; }
.margin-left--12 { margin-left: -12px !important; }
.margin-left--13 { margin-left: -13px !important; }
.margin-left--14 { margin-left: -14px !important; }
.margin-left--15 { margin-left: -15px !important; }
.margin-right--1 { margin-right: -1px !important; }
.margin-right--2 { margin-right: -2px !important; }
.margin-right--3 { margin-right: -3px !important; }
.margin-right--4 { margin-right: -4px !important; }
.margin-right--5 { margin-right: -5px !important; }
.margin-right--6 { margin-right: -6px !important; }
.margin-right--7 { margin-right: -7px !important; }
.margin-right--8 { margin-right: -8px !important; }
.margin-right--9 { margin-right: -9px !important; }
.margin-right--10 { margin-right: -10px !important; }
.margin-right--11 { margin-right: -11px !important; }
.margin-right--12 { margin-right: -12px !important; }
.margin-right--13 { margin-right: -13px !important; }
.margin-right--14 { margin-right: -14px !important; }
.margin-right--15 { margin-right: -15px !important; }
.margin-bottom--1 { margin-bottom: -1px !important; }
.margin-bottom--2 { margin-bottom: -2px !important; }
.margin-bottom--3 { margin-bottom: -3px !important; }
.margin-bottom--4 { margin-bottom: -4px !important; }
.margin-bottom--5 { margin-bottom: -5px !important; }
.margin-bottom--6 { margin-bottom: -6px !important; }
.margin-bottom--7 { margin-bottom: -7px !important; }
.margin-bottom--8 { margin-bottom: -8px !important; }
.margin-bottom--9 { margin-bottom: -9px !important; }
.margin-bottom--10 { margin-bottom: -10px !important; }
.margin-bottom--11 { margin-bottom: -11px !important; }
.margin-bottom--12 { margin-bottom: -12px !important; }
.margin-bottom--13 { margin-bottom: -13px !important; }
.margin-bottom--14 { margin-bottom: -14px !important; }
.margin-bottom--15 { margin-bottom: -15px !important; }
.margin--1 { margin: -1px !important }
.margin--2 { margin: -2px !important }
.margin--3 { margin: -3px !important }
.margin--4 { margin: -4px !important }
.margin--5 { margin: -5px !important }
.margin--6 { margin: -6px !important }
.margin--7 { margin: -7px !important }
.margin--8 { margin: -8px !important }
.margin--9 { margin: -9px !important }
.margin--10 { margin: -10px !important }
.margin--11 { margin: -11px !important }
.margin--12 { margin: -12px !important }
.margin--13 { margin: -13px !important }
.margin--14 { margin: -14px !important }
.margin--15 { margin: -15px !important }
.padding-1 { padding: 1px !important }
.padding-2 { padding: 2px !important }
.padding-3 { padding: 3px !important }
.padding-4 { padding: 4px !important }
.padding-5 { padding: 5px !important }
.padding-6 { padding: 6px !important }
.padding-7 { padding: 7px !important }
.padding-8 { padding: 8px !important }
.padding-9 { padding: 9px !important }
.padding-10 { padding: 10px !important }
.padding-11 { padding: 11px !important }
.padding-12 { padding: 12px !important }
.padding-13 { padding: 13px !important }
.padding-14 { padding: 14px !important }
.padding-15 { padding: 15px !important }
.border-radius-1 { border-radius: 1px }
.border-radius-2 { border-radius: 2px }
.border-radius-3 { border-radius: 3px }
.border-radius-4 { border-radius: 4px }
.border-radius-5 { border-radius: 5px }
.border-radius-6 { border-radius: 6px }
.border-radius-7 { border-radius: 7px }
.border-radius-8 { border-radius: 8px }
.border-radius-9 { border-radius: 9px }
.border-radius-10 { border-radius: 10px }
.border-radius-11 { border-radius: 11px }
.border-radius-12 { border-radius: 12px }
.border-radius-13 { border-radius: 13px }
.border-radius-14 { border-radius: 14px }
.border-radius-15 { border-radius: 15px }
.left-align { text-align: left !important; }
.right-align { text-align: right !important; }
.center-align { text-align: center !important; }
/* padding def `xl` */
@media only screen and (min-width: 1201px) {
.xl-left-align { text-align: left; }
.xl-right-align { text-align: right; }
.xl-center-align { text-align: center; }
.xl-left-align { text-align: left !important; }
.xl-right-align { text-align: right !important; }
.xl-no-padding { padding: 0 !important; }
.xl-no-margin { margin: 0 !important; }
.xl-no-padding-top { padding-top: 0 !important; }
.xl-no-padding-left { padding-left: 0 !important; }
.xl-no-padding-right { padding-right: 0 !important; }
.xl-no-padding-bottom { padding-bottom: 0 !important; }
.xl-padding-top-1 { padding-top: 1px !important; }
.xl-padding-top-2 { padding-top: 2px !important; }
.xl-padding-top-3 { padding-top: 3px !important; }
.xl-padding-top-4 { padding-top: 4px !important; }
.xl-padding-top-5 { padding-top: 5px !important; }
.xl-padding-top-6 { padding-top: 6px !important; }
.xl-padding-top-7 { padding-top: 7px !important; }
.xl-padding-top-8 { padding-top: 8px !important; }
.xl-padding-top-9 { padding-top: 9px !important; }
.xl-padding-top-10 { padding-top: 10px !important; }
.xl-padding-top-11 { padding-top: 11px !important; }
.xl-padding-top-12 { padding-top: 12px !important; }
.xl-padding-top-13 { padding-top: 13px !important; }
.xl-padding-top-14 { padding-top: 14px !important; }
.xl-padding-top-15 { padding-top: 15px !important; }
.xl-padding-left-1 { padding-left: 1px !important; }
.xl-padding-left-2 { padding-left: 2px !important; }
.xl-padding-left-3 { padding-left: 3px !important; }
.xl-padding-left-4 { padding-left: 4px !important; }
.xl-padding-left-5 { padding-left: 5px !important; }
.xl-padding-left-6 { padding-left: 6px !important; }
.xl-padding-left-7 { padding-left: 7px !important; }
.xl-padding-left-8 { padding-left: 8px !important; }
.xl-padding-left-9 { padding-left: 9px !important; }
.xl-padding-left-10 { padding-left: 10px !important; }
.xl-padding-left-11 { padding-left: 11px !important; }
.xl-padding-left-12 { padding-left: 12px !important; }
.xl-padding-left-13 { padding-left: 13px !important; }
.xl-padding-left-14 { padding-left: 14px !important; }
.xl-padding-left-15 { padding-left: 15px !important; }
.xl-padding-right-1 { padding-right: 1px !important; }
.xl-padding-right-2 { padding-right: 2px !important; }
.xl-padding-right-3 { padding-right: 3px !important; }
.xl-padding-right-4 { padding-right: 4px !important; }
.xl-padding-right-5 { padding-right: 5px !important; }
.xl-padding-right-6 { padding-right: 6px !important; }
.xl-padding-right-7 { padding-right: 7px !important; }
.xl-padding-right-8 { padding-right: 8px !important; }
.xl-padding-right-9 { padding-right: 9px !important; }
.xl-padding-right-10 { padding-right: 10px !important; }
.xl-padding-right-11 { padding-right: 11px !important; }
.xl-padding-right-12 { padding-right: 12px !important; }
.xl-padding-right-13 { padding-right: 13px !important; }
.xl-padding-right-14 { padding-right: 14px !important; }
.xl-padding-right-15 { padding-right: 15px !important; }
.xl-padding-bottom-1 { padding-bottom: 1px !important; }
.xl-padding-bottom-2 { padding-bottom: 2px !important; }
.xl-padding-bottom-3 { padding-bottom: 3px !important; }
.xl-padding-bottom-4 { padding-bottom: 4px !important; }
.xl-padding-bottom-5 { padding-bottom: 5px !important; }
.xl-padding-bottom-6 { padding-bottom: 6px !important; }
.xl-padding-bottom-7 { padding-bottom: 7px !important; }
.xl-padding-bottom-8 { padding-bottom: 8px !important; }
.xl-padding-bottom-9 { padding-bottom: 9px !important; }
.xl-padding-bottom-10 { padding-bottom: 10px !important; }
.xl-padding-bottom-11 { padding-bottom: 11px !important; }
.xl-padding-bottom-12 { padding-bottom: 12px !important; }
.xl-padding-bottom-13 { padding-bottom: 13px !important; }
.xl-padding-bottom-14 { padding-bottom: 14px !important; }
.xl-padding-bottom-15 { padding-bottom: 15px !important; }
.xl-margin-top-1 { margin-top: 1px !important; }
.xl-margin-top-2 { margin-top: 2px !important; }
.xl-margin-top-3 { margin-top: 3px !important; }
.xl-margin-top-4 { margin-top: 4px !important; }
.xl-margin-top-5 { margin-top: 5px !important; }
.xl-margin-top-6 { margin-top: 6px !important; }
.xl-margin-top-7 { margin-top: 7px !important; }
.xl-margin-top-8 { margin-top: 8px !important; }
.xl-margin-top-9 { margin-top: 9px !important; }
.xl-margin-top-10 { margin-top: 10px !important; }
.xl-margin-top-11 { margin-top: 11px !important; }
.xl-margin-top-12 { margin-top: 12px !important; }
.xl-margin-top-13 { margin-top: 13px !important; }
.xl-margin-top-14 { margin-top: 14px !important; }
.xl-margin-top-15 { margin-top: 15px !important; }
.xl-margin-left-1 { margin-left: 1px !important; }
.xl-margin-left-2 { margin-left: 2px !important; }
.xl-margin-left-3 { margin-left: 3px !important; }
.xl-margin-left-4 { margin-left: 4px !important; }
.xl-margin-left-5 { margin-left: 5px !important; }
.xl-margin-left-6 { margin-left: 6px !important; }
.xl-margin-left-7 { margin-left: 7px !important; }
.xl-margin-left-8 { margin-left: 8px !important; }
.xl-margin-left-9 { margin-left: 9px !important; }
.xl-margin-left-10 { margin-left: 10px !important; }
.xl-margin-left-11 { margin-left: 11px !important; }
.xl-margin-left-12 { margin-left: 12px !important; }
.xl-margin-left-13 { margin-left: 13px !important; }
.xl-margin-left-14 { margin-left: 14px !important; }
.xl-margin-left-15 { margin-left: 15px !important; }
.xl-margin-right-1 { margin-right: 1px !important; }
.xl-margin-right-2 { margin-right: 2px !important; }
.xl-margin-right-3 { margin-right: 3px !important; }
.xl-margin-right-4 { margin-right: 4px !important; }
.xl-margin-right-5 { margin-right: 5px !important; }
.xl-margin-right-6 { margin-right: 6px !important; }
.xl-margin-right-7 { margin-right: 7px !important; }
.xl-margin-right-8 { margin-right: 8px !important; }
.xl-margin-right-9 { margin-right: 9px !important; }
.xl-margin-right-10 { margin-right: 10px !important; }
.xl-margin-right-11 { margin-right: 11px !important; }
.xl-margin-right-12 { margin-right: 12px !important; }
.xl-margin-right-13 { margin-right: 13px !important; }
.xl-margin-right-14 { margin-right: 14px !important; }
.xl-margin-right-15 { margin-right: 15px !important; }
.xl-margin-bottom-1 { margin-bottom: 1px !important; }
.xl-margin-bottom-2 { margin-bottom: 2px !important; }
.xl-margin-bottom-3 { margin-bottom: 3px !important; }
.xl-margin-bottom-4 { margin-bottom: 4px !important; }
.xl-margin-bottom-5 { margin-bottom: 5px !important; }
.xl-margin-bottom-6 { margin-bottom: 6px !important; }
.xl-margin-bottom-7 { margin-bottom: 7px !important; }
.xl-margin-bottom-8 { margin-bottom: 8px !important; }
.xl-margin-bottom-9 { margin-bottom: 9px !important; }
.xl-margin-bottom-10 { margin-bottom: 10px !important; }
.xl-margin-bottom-11 { margin-bottom: 11px !important; }
.xl-margin-bottom-12 { margin-bottom: 12px !important; }
.xl-margin-bottom-13 { margin-bottom: 13px !important; }
.xl-margin-bottom-14 { margin-bottom: 14px !important; }
.xl-margin-bottom-15 { margin-bottom: 15px !important; }
.xl-border-1-top { border-top: 1px solid rgba(0 0 0 / 10%); }
.xl-border-1-left { border-left: 1px solid rgba(0 0 0 / 10%); }
.xl-border-1-right { border-right: 1px solid rgba(0 0 0 / 10%); }
.xl-border-1-bottom { border-bottom: 1px solid rgba(0 0 0 / 10%); }
.xl-center-align { text-align: center; }
.xl-right-align { text-align: right; }
.xl-left-align { text-align: left; }
}
/* padding def `l` */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
.l-left-align { text-align: left; }
.l-right-align { text-align: right; }
.l-center-align { text-align: center; }
.l-no-padding { padding: 0 !important; }
.l-no-margin { margin: 0 !important; }
.l-no-padding-top { padding-top: 0 !important; }
.l-no-padding-left { padding-left: 0 !important; }
.l-no-padding-right { padding-right: 0 !important; }
.l-no-padding-bottom { padding-bottom: 0 !important; }
.l-padding-top-1 { padding-top: 1px; }
.l-padding-top-2 { padding-top: 2px; }
.l-padding-top-3 { padding-top: 3px; }
.l-padding-top-4 { padding-top: 4px; }
.l-padding-top-5 { padding-top: 5px; }
.l-padding-top-6 { padding-top: 6px; }
.l-padding-top-7 { padding-top: 7px; }
.l-padding-top-8 { padding-top: 8px; }
.l-padding-top-9 { padding-top: 9px; }
.l-padding-top-10 { padding-top: 10px; }
.l-padding-top-11 { padding-top: 11px; }
.l-padding-top-12 { padding-top: 12px; }
.l-padding-top-13 { padding-top: 13px; }
.l-padding-top-14 { padding-top: 14px; }
.l-padding-top-15 { padding-top: 15px; }
.l-padding-left-1 { padding-left: 1px; }
.l-padding-left-2 { padding-left: 2px; }
.l-padding-left-3 { padding-left: 3px; }
.l-padding-left-4 { padding-left: 4px; }
.l-padding-left-5 { padding-left: 5px; }
.l-padding-left-6 { padding-left: 6px; }
.l-padding-left-7 { padding-left: 7px; }
.l-padding-left-8 { padding-left: 8px; }
.l-padding-left-9 { padding-left: 9px; }
.l-padding-left-10 { padding-left: 10px; }
.l-padding-left-11 { padding-left: 11px; }
.l-padding-left-12 { padding-left: 12px; }
.l-padding-left-13 { padding-left: 13px; }
.l-padding-left-14 { padding-left: 14px; }
.l-padding-left-15 { padding-left: 15px; }
.l-padding-right-1 { padding-right: 1px; }
.l-padding-right-2 { padding-right: 2px; }
.l-padding-right-3 { padding-right: 3px; }
.l-padding-right-4 { padding-right: 4px; }
.l-padding-right-5 { padding-right: 5px; }
.l-padding-right-6 { padding-right: 6px; }
.l-padding-right-7 { padding-right: 7px; }
.l-padding-right-8 { padding-right: 8px; }
.l-padding-right-9 { padding-right: 9px; }
.l-padding-right-10 { padding-right: 10px; }
.l-padding-right-11 { padding-right: 11px; }
.l-padding-right-12 { padding-right: 12px; }
.l-padding-right-13 { padding-right: 13px; }
.l-padding-right-14 { padding-right: 14px; }
.l-padding-right-15 { padding-right: 15px; }
.l-padding-bottom-1 { padding-bottom: 1px; }
.l-padding-bottom-2 { padding-bottom: 2px; }
.l-padding-bottom-3 { padding-bottom: 3px; }
.l-padding-bottom-4 { padding-bottom: 4px; }
.l-padding-bottom-5 { padding-bottom: 5px; }
.l-padding-bottom-6 { padding-bottom: 6px; }
.l-padding-bottom-7 { padding-bottom: 7px; }
.l-padding-bottom-8 { padding-bottom: 8px; }
.l-padding-bottom-9 { padding-bottom: 9px; }
.l-padding-bottom-10 { padding-bottom: 10px; }
.l-padding-bottom-11 { padding-bottom: 11px; }
.l-padding-bottom-12 { padding-bottom: 12px; }
.l-padding-bottom-13 { padding-bottom: 13px; }
.l-padding-bottom-14 { padding-bottom: 14px; }
.l-padding-bottom-15 { padding-bottom: 15px; }
.l-margin-top-1 { margin-top: 1px !important; }
.l-margin-top-2 { margin-top: 2px !important; }
.l-margin-top-3 { margin-top: 3px !important; }
.l-margin-top-4 { margin-top: 4px !important; }
.l-margin-top-5 { margin-top: 5px !important; }
.l-margin-top-6 { margin-top: 6px !important; }
.l-margin-top-7 { margin-top: 7px !important; }
.l-margin-top-8 { margin-top: 8px !important; }
.l-margin-top-9 { margin-top: 9px !important; }
.l-margin-top-10 { margin-top: 10px !important; }
.l-margin-top-11 { margin-top: 11px !important; }
.l-margin-top-12 { margin-top: 12px !important; }
.l-margin-top-13 { margin-top: 13px !important; }
.l-margin-top-14 { margin-top: 14px !important; }
.l-margin-top-15 { margin-top: 15px !important; }
.l-margin-left-1 { margin-left: 1px !important; }
.l-margin-left-2 { margin-left: 2px !important; }
.l-margin-left-3 { margin-left: 3px !important; }
.l-margin-left-4 { margin-left: 4px !important; }
.l-margin-left-5 { margin-left: 5px !important; }
.l-margin-left-6 { margin-left: 6px !important; }
.l-margin-left-7 { margin-left: 7px !important; }
.l-margin-left-8 { margin-left: 8px !important; }
.l-margin-left-9 { margin-left: 9px !important; }
.l-margin-left-10 { margin-left: 10px !important; }
.l-margin-left-11 { margin-left: 11px !important; }
.l-margin-left-12 { margin-left: 12px !important; }
.l-margin-left-13 { margin-left: 13px !important; }
.l-margin-left-14 { margin-left: 14px !important; }
.l-margin-left-15 { margin-left: 15px !important; }
.l-margin-right-1 { margin-right: 1px !important; }
.l-margin-right-2 { margin-right: 2px !important; }
.l-margin-right-3 { margin-right: 3px !important; }
.l-margin-right-4 { margin-right: 4px !important; }
.l-margin-right-5 { margin-right: 5px !important; }
.l-margin-right-6 { margin-right: 6px !important; }
.l-margin-right-7 { margin-right: 7px !important; }
.l-margin-right-8 { margin-right: 8px !important; }
.l-margin-right-9 { margin-right: 9px !important; }
.l-margin-right-10 { margin-right: 10px !important; }
.l-margin-right-11 { margin-right: 11px !important; }
.l-margin-right-12 { margin-right: 12px !important; }
.l-margin-right-13 { margin-right: 13px !important; }
.l-margin-right-14 { margin-right: 14px !important; }
.l-margin-right-15 { margin-right: 15px !important; }
.l-margin-bottom-1 { margin-bottom: 1px !important; }
.l-margin-bottom-2 { margin-bottom: 2px !important; }
.l-margin-bottom-3 { margin-bottom: 3px !important; }
.l-margin-bottom-4 { margin-bottom: 4px !important; }
.l-margin-bottom-5 { margin-bottom: 5px !important; }
.l-margin-bottom-6 { margin-bottom: 6px !important; }
.l-margin-bottom-7 { margin-bottom: 7px !important; }
.l-margin-bottom-8 { margin-bottom: 8px !important; }
.l-margin-bottom-9 { margin-bottom: 9px !important; }
.l-margin-bottom-10 { margin-bottom: 10px !important; }
.l-margin-bottom-11 { margin-bottom: 11px !important; }
.l-margin-bottom-12 { margin-bottom: 12px !important; }
.l-margin-bottom-13 { margin-bottom: 13px !important; }
.l-margin-bottom-14 { margin-bottom: 14px !important; }
.l-margin-bottom-15 { margin-bottom: 15px !important; }
.l-border-1-top { border-top: 1px solid rgba(0 0 0 / 10%); }
.l-border-1-left { border-left: 1px solid rgba(0 0 0 / 10%); }
.l-border-1-right { border-right: 1px solid rgba(0 0 0 / 10%); }
.l-border-1-bottom { border-bottom: 1px solid rgba(0 0 0 / 10%); }
.l-center-align { text-align: center; }
.l-right-align { text-align: right; }
.l-left-align { text-align: left; }
}
/* padding def `m` */
@media only screen and (min-width: 601px) and (max-width: 992px) {
.m-left-align { text-align: left; }
.m-right-align { text-align: right; }
.m-center-align { text-align: center; }
.m-no-padding { padding: 0 !important; }
.m-no-margin { margin: 0 !important; }
.m-no-border-bottom { border-bottom: none !important; }
.m-no-padding-top { padding-top: 0; }
.m-no-padding-left { padding-left: 0; }
.m-no-padding-right { padding-right: 0; }
.m-no-padding-bottom { padding-bottom: 0; }
.m-padding-top-1 { padding-top: 1px !important; }
.m-padding-top-2 { padding-top: 2px !important; }
.m-padding-top-3 { padding-top: 3px !important; }
.m-padding-top-4 { padding-top: 4px !important; }
.m-padding-top-5 { padding-top: 5px !important; }
.m-padding-top-6 { padding-top: 6px !important; }
.m-padding-top-7 { padding-top: 7px !important; }
.m-padding-top-8 { padding-top: 8px !important; }
.m-padding-top-9 { padding-top: 9px !important; }
.m-padding-top-10 { padding-top: 10px !important; }
.m-padding-top-11 { padding-top: 11px !important; }
.m-padding-top-12 { padding-top: 12px !important; }
.m-padding-top-13 { padding-top: 13px !important; }
.m-padding-top-14 { padding-top: 14px !important; }
.m-padding-top-15 { padding-top: 15px !important; }
.m-padding-left-1 { padding-left: 1px !important; }
.m-padding-left-2 { padding-left: 2px !important; }
.m-padding-left-3 { padding-left: 3px !important; }
.m-padding-left-4 { padding-left: 4px !important; }
.m-padding-left-5 { padding-left: 5px !important; }
.m-padding-left-6 { padding-left: 6px !important; }
.m-padding-left-7 { padding-left: 7px !important; }
.m-padding-left-8 { padding-left: 8px !important; }
.m-padding-left-9 { padding-left: 9px !important; }
.m-padding-left-10 { padding-left: 10px !important; }
.m-padding-left-11 { padding-left: 11px !important; }
.m-padding-left-12 { padding-left: 12px !important; }
.m-padding-left-13 { padding-left: 13px !important; }
.m-padding-left-14 { padding-left: 14px !important; }
.m-padding-left-15 { padding-left: 15px !important; }
.m-padding-right-1 { padding-right: 1px !important; }
.m-padding-right-2 { padding-right: 2px !important; }
.m-padding-right-3 { padding-right: 3px !important; }
.m-padding-right-4 { padding-right: 4px !important; }
.m-padding-right-5 { padding-right: 5px !important; }
.m-padding-right-6 { padding-right: 6px !important; }
.m-padding-right-7 { padding-right: 7px !important; }
.m-padding-right-8 { padding-right: 8px !important; }
.m-padding-right-9 { padding-right: 9px !important; }
.m-padding-right-10 { padding-right: 10px !important; }
.m-padding-right-11 { padding-right: 11px !important; }
.m-padding-right-12 { padding-right: 12px !important; }
.m-padding-right-13 { padding-right: 13px !important; }
.m-padding-right-14 { padding-right: 14px !important; }
.m-padding-right-15 { padding-right: 15px !important; }
.m-padding-bottom-1 { padding-bottom: 1px; }
.m-padding-bottom-2 { padding-bottom: 2px; }
.m-padding-bottom-3 { padding-bottom: 3px; }
.m-padding-bottom-4 { padding-bottom: 4px; }
.m-padding-bottom-5 { padding-bottom: 5px; }
.m-padding-bottom-6 { padding-bottom: 6px; }
.m-padding-bottom-7 { padding-bottom: 7px; }
.m-padding-bottom-8 { padding-bottom: 8px; }
.m-padding-bottom-9 { padding-bottom: 9px; }
.m-padding-bottom-10 { padding-bottom: 10px; }
.m-padding-bottom-11 { padding-bottom: 11px; }
.m-padding-bottom-12 { padding-bottom: 12px; }
.m-padding-bottom-13 { padding-bottom: 13px; }
.m-padding-bottom-14 { padding-bottom: 14px; }
.m-padding-bottom-15 { padding-bottom: 15px; }
.m-margin-top-1 { margin-top: 1px !important; }
.m-margin-top-2 { margin-top: 2px !important; }
.m-margin-top-3 { margin-top: 3px !important; }
.m-margin-top-4 { margin-top: 4px !important; }
.m-margin-top-5 { margin-top: 5px !important; }
.m-margin-top-6 { margin-top: 6px !important; }
.m-margin-top-7 { margin-top: 7px !important; }
.m-margin-top-8 { margin-top: 8px !important; }
.m-margin-top-9 { margin-top: 9px !important; }
.m-margin-top-10 { margin-top: 10px !important; }
.m-margin-top-11 { margin-top: 11px !important; }
.m-margin-top-12 { margin-top: 12px !important; }
.m-margin-top-13 { margin-top: 13px !important; }
.m-margin-top-14 { margin-top: 14px !important; }
.m-margin-top-15 { margin-top: 15px !important; }
.m-margin-left-1 { margin-left: 1px !important; }
.m-margin-left-2 { margin-left: 2px !important; }
.m-margin-left-3 { margin-left: 3px !important; }
.m-margin-left-4 { margin-left: 4px !important; }
.m-margin-left-5 { margin-left: 5px !important; }
.m-margin-left-6 { margin-left: 6px !important; }
.m-margin-left-7 { margin-left: 7px !important; }
.m-margin-left-8 { margin-left: 8px !important; }
.m-margin-left-9 { margin-left: 9px !important; }
.m-margin-left-10 { margin-left: 10px !important; }
.m-margin-left-11 { margin-left: 11px !important; }
.m-margin-left-12 { margin-left: 12px !important; }
.m-margin-left-13 { margin-left: 13px !important; }
.m-margin-left-14 { margin-left: 14px !important; }
.m-margin-left-15 { margin-left: 15px !important; }
.m-margin-right-1 { margin-right: 1px !important; }
.m-margin-right-2 { margin-right: 2px !important; }
.m-margin-right-3 { margin-right: 3px !important; }
.m-margin-right-4 { margin-right: 4px !important; }
.m-margin-right-5 { margin-right: 5px !important; }
.m-margin-right-6 { margin-right: 6px !important; }
.m-margin-right-7 { margin-right: 7px !important; }
.m-margin-right-8 { margin-right: 8px !important; }
.m-margin-right-9 { margin-right: 9px !important; }
.m-margin-right-10 { margin-right: 10px !important; }
.m-margin-right-11 { margin-right: 11px !important; }
.m-margin-right-12 { margin-right: 12px !important; }
.m-margin-right-13 { margin-right: 13px !important; }
.m-margin-right-14 { margin-right: 14px !important; }
.m-margin-right-15 { margin-right: 15px !important; }
.m-margin-bottom-1 { margin-bottom: 1px !important; }
.m-margin-bottom-2 { margin-bottom: 2px !important; }
.m-margin-bottom-3 { margin-bottom: 3px !important; }
.m-margin-bottom-4 { margin-bottom: 4px !important; }
.m-margin-bottom-5 { margin-bottom: 5px !important; }
.m-margin-bottom-6 { margin-bottom: 6px !important; }
.m-margin-bottom-7 { margin-bottom: 7px !important; }
.m-margin-bottom-8 { margin-bottom: 8px !important; }
.m-margin-bottom-9 { margin-bottom: 9px !important; }
.m-margin-bottom-10 { margin-bottom: 10px !important; }
.m-margin-bottom-11 { margin-bottom: 11px !important; }
.m-margin-bottom-12 { margin-bottom: 12px !important; }
.m-margin-bottom-13 { margin-bottom: 13px !important; }
.m-margin-bottom-14 { margin-bottom: 14px !important; }
.m-margin-bottom-15 { margin-bottom: 15px !important; }
.m-max-width-25 { max-width: 25%; }
.m-max-width-50 { max-width: 50%; }
.m-max-width-75 { max-width: 75%; }
.m-max-width-100 { max-width: 100%; }
.m-max-width-350px { max-width: 350px; }
.m-max-width-450px { max-width: 450px; }
.m-min-height-300px { min-height: 300px; }
.m-border-1-top { border-top: 1px solid rgba(0 0 0 / 10%); }
.m-border-1-left { border-left: 1px solid rgba(0 0 0 / 10%); }
.m-border-1-right { border-right: 1px solid rgba(0 0 0 / 10%); }
.m-border-1-bottom { border-bottom: 1px solid rgba(0 0 0 / 10%); }
.m-center-align { text-align: center; }
.m-right-align { text-align: right; }
.m-left-align { text-align: left; }
}
/* padding def `s` */
@media only screen and (max-width: 601px) {
.s-thin-border { padding: 12px 9px 12px 9px !important; }
.s-left-align { text-align: left; }
.s-right-align { text-align: right; }
.s-center-align { text-align: center; }
.s-no-padding { padding: 0 !important; }
.s-no-margin { margin: 0 !important; }
.s-no-padding-top { padding-top: 0; }
.s-no-padding-left { padding-left: 0; }
.s-no-padding-right { padding-right: 0; }
.s-no-padding-bottom { padding-bottom: 0; }
.s-margin-top-1 { margin-top: 1px !important; }
.s-margin-top-2 { margin-top: 2px !important; }
.s-margin-top-3 { margin-top: 3px !important; }
.s-margin-top-4 { margin-top: 4px !important; }
.s-margin-top-5 { margin-top: 5px !important; }
.s-margin-top-6 { margin-top: 6px !important; }
.s-margin-top-7 { margin-top: 7px !important; }
.s-margin-top-8 { margin-top: 8px !important; }
.s-margin-top-9 { margin-top: 9px !important; }
.s-margin-top-10 { margin-top: 10px !important; }
.s-margin-top-11 { margin-top: 11px !important; }
.s-margin-top-12 { margin-top: 12px !important; }
.s-margin-top-13 { margin-top: 13px !important; }
.s-margin-top-14 { margin-top: 14px !important; }
.s-margin-top-15 { margin-top: 15px !important; }
.s-margin-left-1 { margin-left: 1px !important; }
.s-margin-left-2 { margin-left: 2px !important; }
.s-margin-left-3 { margin-left: 3px !important; }
.s-margin-left-4 { margin-left: 4px !important; }
.s-margin-left-5 { margin-left: 5px !important; }
.s-margin-left-6 { margin-left: 6px !important; }
.s-margin-left-7 { margin-left: 7px !important; }
.s-margin-left-8 { margin-left: 8px !important; }
.s-margin-left-9 { margin-left: 9px !important; }
.s-margin-left-10 { margin-left: 10px !important; }
.s-margin-left-11 { margin-left: 11px !important; }
.s-margin-left-12 { margin-left: 12px !important; }
.s-margin-left-13 { margin-left: 13px !important; }
.s-margin-left-14 { margin-left: 14px !important; }
.s-margin-left-15 { margin-left: 15px !important; }
.s-margin-right-1 { margin-right: 1px !important; }
.s-margin-right-2 { margin-right: 2px !important; }
.s-margin-right-3 { margin-right: 3px !important; }
.s-margin-right-4 { margin-right: 4px !important; }
.s-margin-right-5 { margin-right: 5px !important; }
.s-margin-right-6 { margin-right: 6px !important; }
.s-margin-right-7 { margin-right: 7px !important; }
.s-margin-right-8 { margin-right: 8px !important; }
.s-margin-right-9 { margin-right: 9px !important; }
.s-margin-right-10 { margin-right: 10px !important; }
.s-margin-right-11 { margin-right: 11px !important; }
.s-margin-right-12 { margin-right: 12px !important; }
.s-margin-right-13 { margin-right: 13px !important; }
.s-margin-right-14 { margin-right: 14px !important; }
.s-margin-right-15 { margin-right: 15px !important; }
.s-margin-bottom-1 { margin-bottom: 1px !important; }
.s-margin-bottom-2 { margin-bottom: 2px !important; }
.s-margin-bottom-3 { margin-bottom: 3px !important; }
.s-margin-bottom-4 { margin-bottom: 4px !important; }
.s-margin-bottom-5 { margin-bottom: 5px !important; }
.s-margin-bottom-6 { margin-bottom: 6px !important; }
.s-margin-bottom-7 { margin-bottom: 7px !important; }
.s-margin-bottom-8 { margin-bottom: 8px !important; }
.s-margin-bottom-9 { margin-bottom: 9px !important; }
.s-margin-bottom-10 { margin-bottom: 10px !important; }
.s-margin-bottom-11 { margin-bottom: 11px !important; }
.s-margin-bottom-12 { margin-bottom: 12px !important; }
.s-margin-bottom-13 { margin-bottom: 13px !important; }
.s-margin-bottom-14 { margin-bottom: 14px !important; }
.s-margin-bottom-15 { margin-bottom: 15px !important; }
.s-padding-top-1 { padding-top: 1px !important; }
.s-padding-top-2 { padding-top: 2px !important; }
.s-padding-top-3 { padding-top: 3px !important; }
.s-padding-top-4 { padding-top: 4px !important; }
.s-padding-top-5 { padding-top: 5px !important; }
.s-padding-top-6 { padding-top: 6px !important; }
.s-padding-top-7 { padding-top: 7px !important; }
.s-padding-top-8 { padding-top: 8px !important; }
.s-padding-top-9 { padding-top: 9px !important; }
.s-padding-top-10 { padding-top: 10px !important; }
.s-padding-top-11 { padding-top: 11px !important; }
.s-padding-top-12 { padding-top: 12px !important; }
.s-padding-top-13 { padding-top: 13px !important; }
.s-padding-top-14 { padding-top: 14px !important; }
.s-padding-top-15 { padding-top: 15px !important; }
.s-padding-left-1 { padding-left: 1px !important; }
.s-padding-left-2 { padding-left: 2px !important; }
.s-padding-left-3 { padding-left: 3px !important; }
.s-padding-left-4 { padding-left: 4px !important; }
.s-padding-left-5 { padding-left: 5px !important; }
.s-padding-left-6 { padding-left: 6px !important; }
.s-padding-left-7 { padding-left: 7px !important; }
.s-padding-left-8 { padding-left: 8px !important; }
.s-padding-left-9 { padding-left: 9px !important; }
.s-padding-left-10 { padding-left: 10px !important; }
.s-padding-left-11 { padding-left: 11px !important; }
.s-padding-left-12 { padding-left: 12px !important; }
.s-padding-left-13 { padding-left: 13px !important; }
.s-padding-left-14 { padding-left: 14px !important; }
.s-padding-left-15 { padding-left: 15px !important; }
.s-padding-right-1 { padding-right: 1px !important; }
.s-padding-right-2 { padding-right: 2px !important; }
.s-padding-right-3 { padding-right: 3px !important; }
.s-padding-right-4 { padding-right: 4px !important; }
.s-padding-right-5 { padding-right: 5px !important; }
.s-padding-right-6 { padding-right: 6px !important; }
.s-padding-right-7 { padding-right: 7px !important; }
.s-padding-right-8 { padding-right: 8px !important; }
.s-padding-right-9 { padding-right: 9px !important; }
.s-padding-right-10 { padding-right: 10px !important; }
.s-padding-right-11 { padding-right: 11px !important; }
.s-padding-right-12 { padding-right: 12px !important; }
.s-padding-right-13 { padding-right: 13px !important; }
.s-padding-right-14 { padding-right: 14px !important; }
.s-padding-right-15 { padding-right: 15px !important; }
.s-padding-bottom-1 { padding-bottom: 1px !important; }
.s-padding-bottom-2 { padding-bottom: 2px !important; }
.s-padding-bottom-3 { padding-bottom: 3px !important; }
.s-padding-bottom-4 { padding-bottom: 4px !important; }
.s-padding-bottom-5 { padding-bottom: 5px !important; }
.s-padding-bottom-6 { padding-bottom: 6px !important; }
.s-padding-bottom-7 { padding-bottom: 7px !important; }
.s-padding-bottom-8 { padding-bottom: 8px !important; }
.s-padding-bottom-9 { padding-bottom: 9px !important; }
.s-padding-bottom-10 { padding-bottom: 10px !important; }
.s-padding-bottom-11 { padding-bottom: 11px !important; }
.s-padding-bottom-12 { padding-bottom: 12px !important; }
.s-padding-bottom-13 { padding-bottom: 13px !important; }
.s-padding-bottom-14 { padding-bottom: 14px !important; }
.s-padding-bottom-15 { padding-bottom: 15px !important; }
.s-border-1-top { border-top: 1px solid rgba(0 0 0 / 10%); }
.s-border-1-left { border-left: 1px solid rgba(0 0 0 / 10%); }
.s-border-1-right { border-right: 1px solid rgba(0 0 0 / 10%); }
.s-border-1-bottom { border-bottom: 1px solid rgba(0 0 0 / 10%); }
.s-center-align { text-align: center; }
.s-right-align { text-align: right; }
.s-left-align { text-align: left; }
}
.monospace-text {
font-family: monospace;
}
.thin-text {
font-weight: 100 !important;
}
.medium-text {
font-weight: 400 !important;
}
.bold-text {
font-weight: 500 !important;
}
.justify-text {
text-align: justify;
text-justify: inter-word;
}
.underline-text {
text-decoration: underline;
}
.anchor-right {
position: absolute !important;
right: 0 !important;
}
.anchor-left {
position: absolute !important;
left: 0 !important;
}
.border-top-transparent {
border-top: 1px solid transparent !important;
}
.border-left-transparent {
border-left: 1px solid transparent !important;
}
.border-left-transparent:before {
border-left: 1px solid transparent !important;
}
.border-right-transparent {
border-right: 1px solid transparent !important;
}
.border-bottom-transparent {
border-bottom: 1px solid transparent !important;
}
.border-top-1 {
border-top: 1px solid rgba(0,0,0,.10) !important;
}
.border-bottom-1 {
border-bottom: 1px solid rgba(0,0,0,.10) !important;
}
.bg-transparent {
background-color: transparent !important;
}
.relative {
position: relative;
}
.undefined {
background-image: linear-gradient(-45deg, #f5f5f5 25%, transparent 25%, transparent 50%, #f5f5f5 50%, #f5f5f5 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
-webkit-animation: stripes 2s linear infinite;
animation: stripes 2s linear infinite;
}
.selectable .undefined {
box-shadow: 0 0 0 1pt #e3f2fd;
background-image: linear-gradient(-45deg, #e3f2fd 25%, transparent 25%, transparent 50%, #e3f2fd 50%, #e3f2fd 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
-webkit-animation: stripes 2s linear infinite;
animation: stripes 2s linear infinite;
}
.disabled {
pointer-events: none;
}
.dropdown-content li a {
display: flex !important;
text-wrap: nowrap;
justify-content: space-between;
}
.dropdown-content li a > span.accelerator,
.dropdown-content.select-dropdown li span[data-accelerator]:after,
.autocomplete-content.dropdown-content li span[data-accelerator]:after {
/*
float: right;
content: attr(data-accelerator);
padding: 0px 3px 0 10px;
margin: 3px 0px;
font-size: 10pt;
font-weight: 300;
background: transparent;
border: 1px solid transparent;
position: relative;
top: -5px;
*/
/* float: right; */
/* height: 30px; */
/* line-height: 30px; */
content: attr(data-accelerator);
/* padding: 0px 3px 0 10px; */
/* margin: 3px 0px; */
font-size: 10pt;
font-weight: 300;
background: transparent;
/* border: 1px solid transparent; */
/*position: relative;*/
padding-left: 20px;
/* top: -5px;
}
.dropdown-content li > span {
display: block;
white-space: nowrap;
/*
overflow: hidden;
text-overflow: ellipsis;
*/
}
.flex {
display: flex !important;
}
.flex-right-align {
justify-content: flex-end;
}
.flex-center-align {
justify-content: center;
}
.block {
display: block !important;
}
.inline-flex {
display: inline-flex !important;
}
.inline-block {
display: inline-block !important;
}
.position-static {
position: static !important;
}
.flex-grow {
flex-grow: 1;
display: inline-flex;
position: relative;
}
.block-grow {
display: block;
/* width: 100%; */
position: relative;
}
.image-autofit {
max-width: -webkit-fill-available;
max-height: -webkit-fill-available;
}
.row {
margin-bottom: 5px;
}
.preloader-overlay {
position: fixed;
z-index: 999;
top: -25%;
left: 0;
bottom: 0;
right: 0;
height: 125%;
width: 100%;
background: #0000007f;
display: block;
will-change: opacity;
/*
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,.8);
z-index: 9999;
*/
}
@media only screen and (min-width: 993px) {
.container {
width: 88% !important;
}
}
.container {
max-width: 1690px !important;
}
.preloader-overlay.large .preloader-wrapper.big {
width: 128px;
height: 128px;
}
.preloader-overlay.large .circle-clipper .circle {
border-width: 6px;
}
/*
.preloader-overlay.large {
margin-top: -64px;
}
*/
.spinner-white .spinner-layer {
border-color: #ffffff !important;
}
.spinner-purple .spinner-layer {
border-color: #4a148c !important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MAIN NAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 992px) {
nav .brand-logo {
color: white !important;
width: 225px;
text-align: center;
background-color: #78909c;
/*background-color: #455a64;*/
transition: all .3s ease-in-out;
}
nav .nav-wrapper .nav-submenu {
position: relative !important;
padding-left: 225px !important;
top: 0px !important;
background-color: transparent !important;
}
nav .nav-profile a.chip {
max-width: 100% !important;
}
}
nav i,
nav [class^="mdi-"],
nav [class*="mdi-"],
nav i.material-icons {
/*font-size: 1.3rem;*/
font-size: 24px;
}
nav i.las,
nav i.lar {
/*font-size: 1.8rem;*/
font-size: 24px;
}
nav.nav-extended {
position: fixed;
z-index: 10;
}
nav .brand-logo {
color: white;
font-size: 2rem;
line-height: 20px;
z-index: 1;
padding: 5px;
}
nav .brand-logo strong {
font-weight: bolder;
}
nav .brand-logo sup {
top: -1rem;
font-size: .75rem;
}
nav .sidenav-trigger {
color: white;
margin: 0 0 !important;
padding: 0 0;
transition: all .3s ease;
}
nav,
nav .nav-wrapper i,
nav a.sidenav-trigger,
nav a.sidenav-trigger i {
height: 48px;
line-height: 48px;
min-height: 48px;
}
nav .nav-wrapper {
display: inline-flex;
position: absolute;
width: 100%;
left: 0px;
}
nav a.sidenav-trigger i {
line-height: 48px;
}
nav .nav-profile {
padding: 4px 4px 4px 0px;
}
nav .nav-profile,
nav .nav-profile a.chip,
nav .nav-profile a.chip > img {
height: 40px;
min-height: 40px;
max-height: 40px;
line-height: 40px;
}
nav .nav-profile a.chip {
/* border-radius: 20px; */
border-radius: 2px;
/*background-color: rgba(0,0,0,.07);*/
/*background-color: rgba(255,255,255,.05);*/
background-color: rgba(255,255,255,.3);
box-shadow: 0 0 1pt 0 rgba(0,0,0,.15);
transition: all .3s ease-in-out;
margin: 0;
max-width: 40px;
overflow: hidden;
}
nav .nav-profile a.chip:hover {
background-color: white;/*rgba(168, 138, 138, 0.15);*/
color: black;
box-shadow: 0 0 2pt 1pt rgba(0,0,0,.15);
/*box-shadow: 0 0 0 1pt white;*//*rgba(0,0,0,.20);*/
transition: all .3s ease-in-out;
}
nav .nav-profile a.chip > img {
width: 40px;
border-radius: 4px;
padding: 1.5pt;
}
nav a.sidenav-trigger i {
width: 48px;
min-width: 48px;
max-width: 48px;
text-align: center;
}
nav .nav-wrapper ul.right > li {
float: right !important;
}
nav.nav-extended .nav-wrapper {
min-height: 48px;
}
nav .nav-wrapper .nav-submenu {
position: absolute;
width: 100%;
padding-left: 225px;
max-height: 48px;
height: 48px;
min-height: 48px;
line-height: 48px;
transition: all .3s ease-in-out;
top: 48px;
background-color: #cfd8dc;
padding-left: 0px;
-webkit-overflow-scrolling: touch;
overflow-x: touch;
overflow-y: hidden;
display: inline-flex;
}
/*nav .nav-wrapper .nav-submenu a.btn-header > i {*/
a.btn-header > i {
width: 40px;
text-align: center;
margin: 4px;
max-height: 40px;
min-height: 40px;
line-height: 40px;
border-radius: 2px;
color: rgba(0,0,0,.3);
transition: all .3s ease-in-out;
border: .5pt solid transparent;
/* background-image: radial-gradient(rgba(0,0,0,0.1) 10%, #b0bec5 80%); */
}
nav .nav-wrapper .nav-submenu a.btn-header.separator > i {
margin-right: 5px;
}
/*nav .nav-wrapper .nav-submenu a.btn-header > i:hover {*/
a.btn-header > i:hover {
background-color: rgba(255,255,255,1);
color: black;
box-shadow: 0 0 0 1pt rgba(0,0,0,.20);
transition: all .3s ease-in-out;
}
nav .nav-wrapper .nav-submenu a.btn-header.separator:after {
content: '';
min-width: 0px;
max-width: 0px;
width: 0px;
height: 24px;
border-right: 1px solid rgba(0,0,0,.25);
margin-left: -1px;
margin-top: 12px;
position: absolute;
}
/* -- header: search menu -- */
nav .nav-wrapper .nav-submenu > form {
display: inline-flex;
width: 100%;
}
nav .nav-wrapper .nav-submenu input.content-search {
display: flex;
flex-grow: 1;
margin: 4px;
height: 40px;
line-height: 40px;
padding: 0 40px;
border: none;
border-radius: 2px;
outline: none;
background-color: rgba(255,255,255,.3);
transition: all .3s ease-in-out;
}
nav .nav-wrapper .nav-submenu i.prefix {
position: absolute;
width: 48px;
text-align: center;
color: rgba(255,255,255,.3);
transition: all .3s ease-in-out;
}
nav .nav-wrapper .nav-submenu:hover i.prefix,
nav .nav-wrapper .nav-submenu:focus-within i.prefix {
color: rgba(0,0,0,.3);
transition: all .3s ease-in-out;
}
nav .nav-wrapper .nav-submenu i.sufix {
position: absolute;
right: 0px;
width: 48px;
text-align: center;
color: rgba(0,0,0,.3);
transition: all .3s ease-in-out;
}
nav .nav-wrapper .nav-submenu:hover i.sufix,
nav .nav-wrapper .nav-submenu i.sufix:focus,
nav .nav-wrapper .nav-submenu a:focus i.sufix,
nav .nav-wrapper .nav-submenu a:hover i.sufix,
nav .nav-wrapper .nav-submenu:focus-within i.sufix {
color: black;
transition: all .3s ease-in-out;
}
nav .nav-wrapper .nav-submenu:hover input.content-search,
nav .nav-wrapper .nav-submenu input.content-search:focus {
background-color: white;
transition: all .3s ease-in-out;
}
nav .nav-wrapper .nav-submenu input.content-search::placeholder {
color: rgba(0,0,0,.25) !important;
}
nav .nav-wrapper .nav-submenu input.content-search::placeholder:focus {
color: rgba(0,0,0,.50)
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SIDE NAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 992px) {
.sidenav.show-on-high-and-up {
transform: translateX(0%);
display: block !important;
z-index: 0;
padding-top: 48px;
width: 225px;
}
}
.sidenav {
background-color: #546e7a;
width: 225px;
}
.sidenav li > a {
border-left: 5px solid transparent;
padding: 0 7px;
color: white;
font-weight: 300;
transition: all .3s ease-in-out;
}
ul:not(.submenu).sidenav > li > a:hover {
background-color: rgba(0,0,0,.25) !important;
transition: all .3s ease-in-out;
}
ul:not(.submenu).sidenav > li > a.active,
ul:not(.submenu).sidenav > li > a.active.submenu {
z-index: 2;
position: sticky;
background-color: #2196f3;
-webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
ul:not(.submenu).sidenav > li > a.active.submenu.relatorios {
/*background-color: #00bcd4;*/
}
ul:not(.submenu).sidenav ul#submenu-relatorios li a.submenu.active {
background-color: #1565c0;
border-color: white;
color: white;
overflow: overlay;
-webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
/*background-color: #80deea;*/
}
ul:not(.submenu).sidenav ul#submenu-relatorios li a.submenu.active > i {
color: white;
}
ul:not(.submenu).sidenav > li > a.active > i {
color: white;
transition: all .3s ease-in-out;
}
ul:not(.submenu).sidenav a.submenu.expanded {
-webkit-box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
}
ul:not(.submenu).sidenav > li > a.active:hover,
ul:not(.submenu).sidenav > li > a.active.submenu:hover {
background-color: #42a5f5 !important;
}
ul:not(.submenu).sidenav > li > a.active:hover:before,
ul:not(.submenu).sidenav > li > a.active.submenu:hover:before {
border-left: 8px solid white;
box-shadow: -2px 0 0px 0 white;
transition: all .3s ease-in-out;
}
.sidenav li>a>i,
.sidenav li>a>[class^="mdi-"],
.sidenav li>a li>a>[class*="mdi-"],
.sidenav li>a>i.material-icons {
margin: 0 12px 0 0;
color: rgba(255,255,255,.4);
font-size: 1.3rem;
text-align: center;
}
.sidenav li>a>i.lar,
.sidenav li>a>i.las {
/*font-size: 24px;*/
/*margin: 0 12px 0 0;*/
font-size: 32px;
margin: 0 18px 0 0;
}
/*
.sidenav li > ul.submenu.extended > li:first-child:after {
content: '';
position: absolute;
left: 2px;
width: 0;
height: 48px;
border-top: 24px solid transparent;
border-bottom: 24px solid transparent;
border-left: 8px solid #ffffff60;
transition: all .3s ease-in-out;
box-shadow: -2px 0 0px 0 #ffffff60;
margin-top: -96px;
}
*/
.sidenav ul:not(.active).submenu {
background-color: rgba(0,0,0,.15);
/*overflow: overlay;*/
/*position: sticky;*/
z-index: 1;
}
/*
.sidenav li > ul.submenu:before {
content: "\f078";
font-family: 'Line Awesome Free';
font-weight: 900;
position: absolute;
right: 10px;
line-height: 24px;
height: 24px;
width: 24px;
height: 24px;
margin-top: -36px;
text-align: center;
cursor: pointer;
color: rgba(255,255,255,.4);
transition: all .3s ease-in-out;
}
*/
.sidenav li > ul.submenu:hover:before {
color: white;
transition: all .3s ease-in-out;
}
.sidenav li > ul.submenu.extended:before {
font-weight: 300;
content: "\f078";
font-family: 'Line Awesome Free';
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
animation-iteration-count: 1;
animation-name: rotate_A;
animation-duration: .3s;
}
/*
@keyframes rotate_A {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
*/
/*
.sidenav li > ul.submenu.collapsed:before {
font-weight: 300;
content: "\f077";
font-family: 'Line Awesome Free';
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
animation-iteration-count: 1;
animation-name: rotate_B;
animation-duration: .3s;
}
*/
.sidenav ul.submenu li > a {
border-left: 4px solid #ffffff60;
padding-left: 8px;
}
.sidenav ul.submenu li > a:hover {
border-left: 4px solid #ffffff;
background-color: rgba(0,0,0,.6);
padding-left: 8px;
}
.sidenav ul.submenu li > a.active {
border-left: 4px solid rgba(0,0,0,.3);
background-color: #42a5f5;
background-color: rgba(66,165,245, .6);
background-color: #fafafa;
color: black;
padding-left: 8px;
-webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
/*
-webkit-box-shadow: 0 8px 17px 2px rgba(255,255,255,0.14), 0 3px 14px 2px rgba(255,255,255,0.12), 0 5px 5px -3px rgba(255,255,255,0.2);
box-shadow: 0 8px 17px 2px rgba(255,255,255,0.14), 0 3px 14px 2px rgba(255,255,255,0.12), 0 5px 5px -3px rgba(255,255,255,0.2);
*/
}
.sidenav ul.submenu li > a.active > i {
color: black;
}
/* ~~ submenu de relatórios ~~ */
.sidenav ul.submenu a.submenu.level-0 {
/*padding-left: 20px;*/
}
.sidenav ul.submenu .submenu a.level-0 {
/*padding-left: 30px;*/
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PRELOADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.preloader-middle {
top: 50%;
/*margin-top: 32px;*/
position: relative;
width: 100%;
height: 100%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BUTTONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.btn {
letter-spacing: 0;
}
.btn-light {
background-color: transparent;
}
.btn-light:hover {
background-color: transparent;
}
.btn-icon,
.btn-default {
background-color: rgba(0,0,0,.1)/* !important;*/
}
.btn-icon:hover,
.btn-icon:focus,
.btn-default:hover,
.btn-default:focus {
background-color: rgba(0,0,0,.2) !important;
}
.btn-icon:focus,
.btn-default:focus {
-webkit-box-shadow: 0 0 0 1pt rgba(0,0,0,.3);
box-shadow: 0 0 0 1pt rgba(0,0,0,.3);
}
.btn-icon {
padding: 0 10px;
margin-right: 10px /*!important*/;
/*background-color: rgba(255,255,255,.7);*/
background-color: white;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.1);
min-width: 40px;
text-align: center;
}
.dashboard .chart-box:not(.selected) .btn-icon.disabled {
background-color: rgba(0,0,0,.05) !important;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.05);
}
.btn-icon.dark {
background-color: rgba(0,0,0,.2);
}
.btn-inline {
padding: 3px 9px !important;
margin: 0;
line-height: 22px;
height: 26px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CARD x MODAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.card.modal.large {
height: 600px;
position: fixed;
}
.card.large .card-image {
max-height: unset;
overflow: hidden;
z-index: 0;
}
.card.modal {
max-width: 600px;
}
.card.modal .card-image img {
object-fit: cover;
max-height: 530px;
height: 530px;
min-height: 530px;
}
.card.modal .card-reveal,
.card.modal .card-content {
position: absolute;
bottom: 0;
width: 100%;
background-color: white;
padding: 0px;
}
.card.modal .card-reveal .content,
.card.modal .card-content .content {
padding: 24px;
margin-bottom: 56px;
}
.card.modal .card-reveal .content .card-tabs {
margin-top: 24px;
}
.card.modal .card-reveal .footer,
.card.modal .card-content .footer {
padding: 4px 6px;
background-color: rgba(0,0,0,.1);
position: absolute;
bottom: 0px;
}
.card.modal .card-reveal .footer a.btn-flat,
.card.modal .card-content .footer a.btn-flat {
margin: 6px 0;
}
.card.modal .footer {
width: 100%;
text-align: right;
}
.card.small .card-image+.card-content,
.card.medium .card-image+.card-content,
.card.large .card-image+.card-content {
max-height: unset;
}
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal .card-title {
font-weight: 700;
}
.modal.confirm.large:not(.card) {
max-width: 700px;
}
.modal .modal-footer {
/*background-color: rgba(0,0,0,.1);*/
background-color: #eceff1;
border-top: 1px solid rgba(0,0,0,.03);
}
.modal.confirm .modal-content {
/*max-height: 400px;*/
max-height: 80% !important;
overflow: auto;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TABS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.tabs.tabs-grey {
background-color: white;
}
.tabs.tabs-grey .tab a,
.tabs.tabs-grey .tab.disabled a,
.tabs.tabs-grey .tab.disabled a:hover {
color: #607d8b;
}
.tabs.tabs-grey .tab a:hover,
.tabs.tabs-grey .tab a.active {
background-color: #eceff1;
color: grey;
}
.tabs.tabs-grey .indicator {
background-color: #cfd8dc;
height: 3px;
}
.card-tabs-contents {
border: 1px solid #cfd8dc;
margin-top: 2px;
display: absolute;
height: calc(100% - 216px);
padding: 24px;
overflow: auto;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 992px) {
main.content {
padding-top: 48px !important;
padding-left: 225px !important;
}
main .dashboard .row .col.header {
text-align: left !important;
}
main .dashboard .row .col.header,
main .dashboard .row .col.filter {
width: auto !important;
padding-left: 10px !important;
}
/*
main .select-wrapper {
width: 120px !important;
}
*/
}
main.content {
height: 100%;
padding-top: 96px;
/*
padding-left: 225px;
*/
transition: all .3s ease-in-out;
}
main div.content {
padding: 10px;
transition: all .3s ease-in-out;
}
main .dashboard {
border-radius: 2px;
}
/*
main input:not([type]),
main input[type=text]:not(.browser-default),
main input[type=password]:not(.browser-default),
main input[type=email]:not(.browser-default),
main input[type=url]:not(.browser-default),
main input[type=time]:not(.browser-default),
main input[type=date]:not(.browser-default),
main input[type=datetime]:not(.browser-default),
main input[type=datetime-local]:not(.browser-default),
main input[type=tel]:not(.browser-default),
main input[type=number]:not(.browser-default),
main input[type=search]:not(.browser-default),
main textarea.materialize-textarea {
background-color: white;
height: 30px;
line-height: 30px;
border-radius: 15px;
padding: 0px 5px;
margin-bottom: 0px;
font-size: .75rem;
}
main .select-wrapper input.select-dropdown {
border-bottom: 1px solid transparent;
padding-left: 10px;
z-index: 0;
}
main .select-wrapper {
padding-top: 5px;
width: auto !important;
}
*/
/*
main .select-wrapper .caret {
top: 5px;
z-index: 0;
right: -10px;
line-height: 30px;
height: 30px;
}
*/
/*
main .input-field.col label {
left: 1.5rem;
}
main .input-field.col label:before {
font-weight: 300;
content: "\f101";
font-family: 'Line Awesome Free';
left: -10px;
top: 1px;
position: absolute;
color: black;
}
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DROPDOWN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.autocomplete-content li .highlight {
color: #2196f3;
background-color: #e3f2fd;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DATEPICKER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.datepicker-modal .datepicker-date-display .year-text {
font-size: 3.5rem;
line-height: 3.5rem;
}
.datepicker-modal .datepicker-date-display {
background-color: #78909c; /*#546e7a*/
}
.datepicker-modal .datepicker-table td.is-selected {
background-color: #78909c;
}
.datepicker-modal .datepicker-table td.is-selected > .datepicker-day-button {
font-weight: 900;
}
.datepicker-modal .month-prev,
.datepicker-modal .month-next {
border-radius: 50%;
height: 42px;
width: 42px;
}
/*
.datepicker-modal .select-month > .select-dropdown {
margin: 5px 5px 0px 0px !important;
}
.datepicker-modal .select-year > .select-dropdown {
margin: 5px 0px 0px 0px !important;
}
*/
.datepicker-modal [id*=datepicker-title] {
background-color: #b0bec5;
width: 100%;
margin: 0;
padding: 5px;
}
.datepicker-modal input[readonly]:not(.browser-default) {
border: none;
}
.datepicker-modal .datepicker-controls .select-month input {
width: 80px;
}
.datepicker-modal .datepicker-footer {
margin: 0 !important;
padding: 10px 10px !important;
width: 100% !important;
background-color: #eceff1;
}
.datepicker-modal .datepicker-footer .confirmation-btns button:nth-child(1) {
margin-right: 10px;
}
.datepicker-modal .datepicker-cancel,
.datepicker-modal .datepicker-clear,
.datepicker-modal .datepicker-today {
color: rgba(0,0,0,.5);
}
.datepicker-modal .datepicker-done {
background-color: rgba(0,0,0,.1) !important;
}
.datepicker-modal .datepicker-done:hover,
.datepicker-modal .datepicker-done:focus {
background-color: rgba(0,0,0,.2) !important;
}
.datepicker-modal .datepicker-done:focus {
-webkit-box-shadow: 0 0 0 1pt rgba(0,0,0,.3);
box-shadow: 0 0 0 1pt rgba(0,0,0,.3);
}
.datepicker-modal .datepicker-done {
color: black;
padding: 0 1rem;
}
.datepicker-modal .is-today > .datepicker-day-button {
color: #78909c;
}
.datepicker-modal .is-today.is-selected > .datepicker-day-button {
color: #fff;
}
.datepicker-modal .datepicker-table {
margin: 1rem;
}
/*dropdown-content select-dropdown*/
.dropdown-content li > a,
.dropdown-content li > span,
.dropdown-content li > span > label {
font-size: 1rem;
color: black;
display: block;
line-height: 1.5rem;
font-weight: 400;
}
/* .dropdown-content li > span {
display: flex;
justify-content: space-between;
} */
.autocomplete-content.dropdown-content li > a {
padding: 8px 12px 8px 12px;
}
.dropdown-content li > span > label {
/*height: 38px;*/
height: 1.5rem;
}
.dropdown-content.popup-menu > li > a {
padding: 8px 12px 8px 12px;
}
.dropdown-content.popup-menu-medium > li > a,
.dropdown-content.popup-menu-medium > li > span {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 300;
padding: 6px 8px 6px 12px;
}
/*
.dropdown-content li {
min-height: 2rem;
clear: both;
color: rgba(0,0,0,0.87);
cursor: pointer;
line-height: 2rem;
width: 100%;
text-align: left;
}
*/
.dropdown-content li {
min-height: 1rem;
clear: both;
color: rgba(0,0,0,0.87);
cursor: pointer;
line-height: 1.5rem;
width: 100%;
text-align: left;
text-wrap: nowrap;
}
[type="checkbox"]+span:not(.lever) {
/*
height: 2.5rem;
line-height: 2.5rem;
*/
height: 1.5rem;
line-height: 1.5rem;
}
[type="checkbox"]+span:not(.lever):before,
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
/*
top: 6px;
left: 3px;
border-color: #0d47a1;
border-radius: 50%;
*/
top: -1px;
left: 2px;
border-color: #0d47a1;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-width: 1px;
border-radius: 0;
}
[type="checkbox"]:checked+span:not(.lever):before {
border-radius: 0;
border-right-color: #2196f3;
border-bottom-color: #2196f3;
border-width: 1pt;
width: 6px;
height: 16px;
left: 4px;
top: -2px;
}
.dropdown-content li > a,
.select-dropdown li.optgroup ~ li.optgroup-option {
padding-left: 1rem;
}
/*
.select-dropdown.dropdown-content > li:not(.optgroup) {
padding-left: 15px;
}
*/
.btn-secondary,
.btn-cancel {
color: rgba(0,0,0,.5) !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
color: rgba(0,0,0,1) !important;
background-color: rgba(0,0,0,.05);
}
.btn-cancel:hover,
.btn-cancel:focus {
color: rgba(0,0,0,1) !important;
}
.out-of-frame {
z-index: 0 !important;
position: absolute !important;
top: -1000px !important;
}
.background-center-fit {
background-repeat: no-repeat;
background-position: center;
/*background-size: contain;*/
background-size: 400px;
}
.width-0 { width: 0% !important; }
.width-1 { width: 10% !important; }
.width-2 { width: 20% !important; }
.width-3 { width: 30% !important; }
.width-4 { width: 40% !important; }
.width-5 { width: 50% !important; }
.width-6 { width: 60% !important; }
.width-7 { width: 70% !important; }
.width-8 { width: 80% !important; }
.width-9 { width: 90% !important; }
.width-10 { width: 100% !important; }
.width-20px { width: 20px !important; min-width: 20px !important }
.width-36px { width: 36px !important; min-width: 36px !important }
.width-40px { width: 40px !important; min-width: 40px !important }
.width-65px { width: 65px !important; min-width: 65px !important; }
.width-120px { width: 120px !important; min-width: 120px !important; }
.width-75px { width: 75px !important; min-width: 75px !important }
.width-100px { width: 100px !important; min-width: 100px !important }
.width-150px { width: 150px !important; min-width: 150px !important }
.width-200px { width: 200px !important; min-width: 200px !important }
.width-250px { width: 250px !important; min-width: 250px !important }
.width-300px { width: 300px !important; min-width: 300px !important }
.width-350px { width: 350px !important; min-width: 350px !important }
.width-400px { width: 400px !important; min-width: 400px !important }
.width-450px { width: 450px !important; min-width: 450px !important }
.width-500px { width: 500px !important; min-width: 500px !important }
.width-600px { width: 600px !important; min-width: 600px !important }
.width-700px { width: 700px !important; min-width: 700px !important }
.flex-width-1 { min-width: 100px !important; flex-grow: 1 }
.flex-width-2 { min-width: 200px !important; flex-grow: 1 }
.flex-width-3 { min-width: 300px !important; flex-grow: 1 }
.flex-width-4 { min-width: 400px !important; flex-grow: 1 }
.flex-width-5 { min-width: 500px !important; flex-grow: 1 }
.font-size-1 { font-size: 0.1rem !important }
.font-size-2 { font-size: 0.2rem !important }
.font-size-3 { font-size: 0.3rem !important }
.font-size-4 { font-size: 0.4rem !important }
.font-size-5 { font-size: 0.5rem !important }
.font-size-6 { font-size: 0.6rem !important }
.font-size-7 { font-size: 0.7rem !important }
.font-size-8 { font-size: 0.8rem !important }
.font-size-9 { font-size: 0.9rem !important }
.font-size-10 { font-size: 1.0rem !important }
.font-size-11 { font-size: 1.1rem !important }
.font-size-12 { font-size: 1.2rem !important }
.font-size-13 { font-size: 1.3rem !important }
.font-size-14 { font-size: 1.4rem !important }
.font-size-15 { font-size: 1.5rem !important }
.line-height-1 { line-height: 0.1rem !important }
.line-height-2 { line-height: 0.2rem !important }
.line-height-3 { line-height: 0.3rem !important }
.line-height-4 { line-height: 0.4rem !important }
.line-height-5 { line-height: 0.5rem !important }
.line-height-6 { line-height: 0.6rem !important }
.line-height-7 { line-height: 0.7rem !important }
.line-height-8 { line-height: 0.8rem !important }
.line-height-9 { line-height: 0.9rem !important }
.line-height-10 { line-height: 1.0rem !important }
.line-height-11 { line-height: 1.1rem !important }
.line-height-12 { line-height: 1.2rem !important }
.line-height-13 { line-height: 1.3rem !important }
.line-height-14 { line-height: 1.4rem !important }
.line-height-15 { line-height: 1.5rem !important }
.max-height-124px {
max-height: 124px !important;
}
.width-400px {
max-width: 400px;
}
.width-500px {
max-width: 500px;
}
.width-600px {
max-width: 600px;
}
.width-680px {
max-width: 680px;
}
.width-800px {
max-width: 800px;
}
.width-1000px {
max-width: 1000px;
}
.width-1200px {
max-width: 1200px;
}
.max-height-20 {
max-height: 20% !important;
}
.max-height-30 {
max-height: 30% !important;
}
.max-height-40 {
max-height: 40% !important;
}
.max-height-50 {
max-height: 50% !important;
}
.max-height-60 {
max-height: 60% !important;
}
.max-height-70 {
max-height: 70% !important;
}
.max-height-80 {
max-height: 80% !important;
}
.min-width-50 {
min-width: 50% !important;
}
.min-width-60 {
min-width: 60% !important;
}
.min-width-70 {
min-width: 70% !important;
}
.min-width-80 {
min-width: 80% !important;
}
.min-width-90 {
min-width: 90% !important;
}
.min-width-100 {
min-width: 100% !important;
}
.min-width-124px {
min-width: 124px;
}
.height-10 { height: 10%; }
.height-20 { height: 20%; }
.height-30 { height: 30%; }
.height-40 { height: 40%; }
.height-50 { height: 50%; }
.height-60 { height: 60%; }
.height-70 { height: 70%; }
.height-80 { height: 80%; }
.height-90 { height: 90%; }
.height-100 { height: 100%; }
.min-width-80px {
min-width: 80px !important;
}
.min-width-100px {
min-width: 100px !important;
}
.min-width-120px {
min-width: 120px !important;
}
.min-width-180px {
min-width: 180px !important;
}
.min-width-240px {
min-width: 240px !important;
}
.heigh-1px { height: 1x; }
.heigh-2px { height: 2px; }
.heigh-3px { height: 3px; }
.heigh-4px { height: 4px; }
.heigh-5px { height: 5px; }
.heigh-6px { height: 6px; }
.heigh-7px { height: 7px; }
.heigh-8px { height: 8px; }
.heigh-9px { height: 9px; }
.heigh-10px { height: 10px; }
.height-100px {
height: 100px;
}
.min-height-100px {
min-height: 100px;
}
.min-height-200px {
min-height: 200px;
}
.min-height-300px {
min-height: 300px;
}
.heigh-660px {
min-height: 676px;
}
.height-485px {
height: 485px;
}
.focus-box {
margin-top: 10px !important;
}
/* SPINNER */
.circle-clipper .circle {
border-width: 5px;
}
.modal .modal-footer {
height: auto !important;
min-height: 56px !important;
}
/** estilos de cards */
.cards-float-bottom-right {
position: fixed;
z-index: 99999;
transition: all .3s ease-in-out;
top: 10%;
right: 7%;
max-width: 86%;
}
.card-popup {
min-width: 450px;
max-width: 100%;
max-height: 100%;
}
.card-popup button {
background: none;
border: none;
position: absolute;
top: 15px;
right: 10px;
font-size: 20px;
color: #fff;
cursor: pointer;
}
.card-popup .card-action .row {
margin-bottom: 0px;
}
.card-content .error-stack {
max-height: 250px;
overflow: auto;
background-color: rgba(0,0,0,.15);
padding: 10px;
margin-top: 10px;
border: 1px solid rgba(0,0,0,.1);
transition: all .3s ease-in-out;
}
.card-content .error-stack div {
background-color: rgba(0,0,0,.1);
padding: 5px 10px;
margin-top: -8px;
margin-left: -8px;
margin-right: -8px;
margin-bottom: 10px;
}
.card-content .error-stack pre {
margin: 0px;
}
.card-content .error-details {
max-height: 450px;
overflow: auto;
background-color: rgba(0,0,0,.15);
padding: 10px;
margin-top: 10px;
border: 1px solid rgba(0,0,0,.1);
transition: all .3s ease-in-out;
}
.card-content .error-details div {
background-color: rgba(0,0,0,.1);
padding: 5px 10px;
margin-top: -8px;
margin-left: -8px;
margin-right: -8px;
margin-bottom: 10px;
}
.card-content .error-details span {
margin: 0px;
}
/*
.select-dropdown.dropdown-trigger {
border-width: 1px !important;
}
*/
.hiddendiv {
box-sizing: content-box !important;
}
.pointer,
.pointer input {
cursor: pointer !important;
}
.horizontal-separator {
width: 1px;
background-color: rgba(0,0,0,.25);;
margin: 10px 0;
}
#qrcode-stream {
object-fit: cover;
width: 100%;
/*transform: scaleX(-1);*/
}
#qrcode-frame {
position: relative;
overflow: hidden;
border-radius: 5px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQYV2NkQAX/GZH4/xkYGBhhAmAOSBJEwDkgAQCCrgQEjpMcPgAAAABJRU5ErkJggg==);
}
#qrcode-target {
position: absolute;
border: 2px solid transparent;
z-index: 999;
transform: scale(1);
left: 50%;
top: 50%;
-webkit-box-shadow: 0 0 0 999px rgba(0,0,0,.5);
box-shadow: 0 0 0 999px rgba(0,0,0,.5);
}
.hidden-children-rows > .row {
display: none !important;
}
.drag-target {
height: 100%;
width: 20px;
position: fixed;
top: 0;
z-index: 10000;
}
ul.sidenav li > a[data-target].submenu:after {
position: absolute;
right: 12px;
font-weight: 900;
content: "\f078";
font-family: 'Line Awesome Free';
transition: all linear .3s;
font-size: 20px;
}
ul.sidenav li > a[data-target].submenu.expanded:after {
/*content: "\f053";*/
content: "\f104";
animation-iteration-count: 1;
animation-name: rotate_A;
animation-duration: .3;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
ul.sidenav li > a[data-target].submenu.collapse:after {
/*content: "\f053";*/
content: "\f104";
}
@keyframes rotate_A {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
/*
@keyframes rotate_B {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
}
*/
.dropdown-content .disabled.optgroup-option [type="checkbox"]:not(:checked):disabled+span:not(.lever):before {
background-color: white !important;
}
.dropdown-content .disabled.optgroup-option span {
color: #bdbdbd !important;
}
/* bordas */
/* red */
.red-border.border-lighten-5 { border-color: #ffebee !important }
.red-border.border-lighten-4 { border-color: #ffcdd2 !important }
.red-border.border-lighten-3 { border-color: #ef9a9a !important }
.red-border.border-lighten-2 { border-color: #e57373 !important }
.red-border.border-lighten-1 { border-color: #ef5350 !important }
.red-border { border-color: #f44336 !important }
.red-border.border-darken-1 { border-color: #e53935 !important }
.red-border.border-darken-2 { border-color: #d32f2f !important }
.red-border.border-darken-3 { border-color: #c62828 !important }
.red-border.border-darken-4 { border-color: #b71c1c !important }
.red-border.border-accent-1 { border-color: #ff8a80 !important }
.red-border.border-accent-2 { border-color: #ff5252 !important }
.red-border.border-accent-3 { border-color: #ff1744 !important }
.red-border.border-accent-4 { border-color: #d50000 !important }
/* pink */
.pink-border.border-lighten-5 { border-color: #fce4ec !important }
.pink-border.border-lighten-4 { border-color: #f8bbd0 !important }
.pink-border.border-lighten-3 { border-color: #f48fb1 !important }
.pink-border.border-lighten-2 { border-color: #f06292 !important }
.pink-border.border-lighten-1 { border-color: #ec407a !important }
.pink-border { border-color: #e91e63 !important }
.pink-border.border-darken-1 { border-color: #d81b60 !important }
.pink-border.border-darken-2 { border-color: #c2185b !important }
.pink-border.border-darken-3 { border-color: #ad1457 !important }
.pink-border.border-darken-4 { border-color: #880e4f !important }
.pink-border.border-accent-1 { border-color: #ff80ab !important }
.pink-border.border-accent-2 { border-color: #ff4081 !important }
.pink-border.border-accent-3 { border-color: #f50057 !important }
.pink-border.border-accent-4 { border-color: #c51162 !important }
/* purple */
.purple-border.border-lighten-5 { border-color: #f3e5f5 !important }
.purple-border.border-lighten-4 { border-color: #e1bee7 !important }
.purple-border.border-lighten-3 { border-color: #ce93d8 !important }
.purple-border.border-lighten-2 { border-color: #ba68c8 !important }
.purple-border.border-lighten-1 { border-color: #ab47bc !important }
.purple-border { border-color: #9c27b0 !important }
.purple-border.border-darken-1 { border-color: #8e24aa !important }
.purple-border.border-darken-2 { border-color: #7b1fa2 !important }
.purple-border.border-darken-3 { border-color: #6a1b9a !important }
.purple-border.border-darken-4 { border-color: #4a148c !important }
.purple-border.border-accent-1 { border-color: #ea80fc !important }
.purple-border.border-accent-2 { border-color: #e040fb !important }
.purple-border.border-accent-3 { border-color: #d500f9 !important }
.purple-border.border-accent-4 { border-color: #aa00ff !important }
/* deep-purple */
.deep-purple-border.border-lighten-5 { border-color: #ede7f6 !important }
.deep-purple-border.border-lighten-4 { border-color: #d1c4e9 !important }
.deep-purple-border.border-lighten-3 { border-color: #b39ddb !important }
.deep-purple-border.border-lighten-2 { border-color: #9575cd !important }
.deep-purple-border.border-lighten-1 { border-color: #7e57c2 !important }
.deep-purple-border { border-color: #673ab7 !important }
.deep-purple-border.border-darken-1 { border-color: #5e35b1 !important }
.deep-purple-border.border-darken-2 { border-color: #512da8 !important }
.deep-purple-border.border-darken-3 { border-color: #4527a0 !important }
.deep-purple-border.border-darken-4 { border-color: #311b92 !important }
.deep-purple-border.border-accent-1 { border-color: #b388ff !important }
.deep-purple-border.border-accent-2 { border-color: #7c4dff !important }
.deep-purple-border.border-accent-3 { border-color: #651fff !important }
.deep-purple-border.border-accent-4 { border-color: #6200ea !important }
/* indigo */
.indigo-border.border-lighten-5 { border-color: #e8eaf6 !important }
.indigo-border.border-lighten-4 { border-color: #c5cae9 !important }
.indigo-border.border-lighten-3 { border-color: #9fa8da !important }
.indigo-border.border-lighten-2 { border-color: #7986cb !important }
.indigo-border.border-lighten-1 { border-color: #5c6bc0 !important }
.indigo-border { border-color: #3f51b5 !important }
.indigo-border.border-darken-1 { border-color: #3949ab !important }
.indigo-border.border-darken-2 { border-color: #303f9f !important }
.indigo-border.border-darken-3 { border-color: #283593 !important }
.indigo-border.border-darken-4 { border-color: #1a237e !important }
.indigo-border.border-accent-1 { border-color: #8c9eff !important }
.indigo-border.border-accent-2 { border-color: #536dfe !important }
.indigo-border.border-accent-3 { border-color: #3d5afe !important }
.indigo-border.border-accent-4 { border-color: #304ffe !important }
/* blue */
.blue-border.border-lighten-5 { border-color: #e3f2fd !important }
.blue-border.border-lighten-4 { border-color: #bbdefb !important }
.blue-border.border-lighten-3 { border-color: #90caf9 !important }
.blue-border.border-lighten-2 { border-color: #64b5f6 !important }
.blue-border.border-lighten-1 { border-color: #42a5f5 !important }
.blue-border { border-color: #2196f3 !important }
.blue-border.border-darken-1 { border-color: #1e88e5 !important }
.blue-border.border-darken-2 { border-color: #1976d2 !important }
.blue-border.border-darken-3 { border-color: #1565c0 !important }
.blue-border.border-darken-4 { border-color: #0d47a1 !important }
.blue-border.border-accent-1 { border-color: #82b1ff !important }
.blue-border.border-accent-2 { border-color: #448aff !important }
.blue-border.border-accent-3 { border-color: #2979ff !important }
.blue-border.border-accent-4 { border-color: #2962ff !important }
/* light-blue */
.light-blue-border.border-lighten-5 { border-color: #e1f5fe !important }
.light-blue-border.border-lighten-4 { border-color: #b3e5fc !important }
.light-blue-border.border-lighten-3 { border-color: #81d4fa !important }
.light-blue-border.border-lighten-2 { border-color: #4fc3f7 !important }
.light-blue-border.border-lighten-1 { border-color: #29b6f6 !important }
.light-blue-border { border-color: #03a9f4 !important }
.light-blue-border.border-darken-1 { border-color: #039be5 !important }
.light-blue-border.border-darken-2 { border-color: #0288d1 !important }
.light-blue-border.border-darken-3 { border-color: #0277bd !important }
.light-blue-border.border-darken-4 { border-color: #01579b !important }
.light-blue-border.border-accent-1 { border-color: #80d8ff !important }
.light-blue-border.border-accent-2 { border-color: #40c4ff !important }
.light-blue-border.border-accent-3 { border-color: #00b0ff !important }
.light-blue-border.border-accent-4 { border-color: #0091ea !important }
/* cyan */
.cyan-border.border-lighten-5 { border-color: #e0f7fa !important }
.cyan-border.border-lighten-4 { border-color: #b2ebf2 !important }
.cyan-border.border-lighten-3 { border-color: #80deea !important }
.cyan-border.border-lighten-2 { border-color: #4dd0e1 !important }
.cyan-border.border-lighten-1 { border-color: #26c6da !important }
.cyan-border { border-color: #00bcd4 !important }
.cyan-border.border-darken-1 { border-color: #00acc1 !important }
.cyan-border.border-darken-2 { border-color: #0097a7 !important }
.cyan-border.border-darken-3 { border-color: #00838f !important }
.cyan-border.border-darken-4 { border-color: #006064 !important }
.cyan-border.border-accent-1 { border-color: #84ffff !important }
.cyan-border.border-accent-2 { border-color: #18ffff !important }
.cyan-border.border-accent-3 { border-color: #00e5ff !important }
.cyan-border.border-accent-4 { border-color: #00b8d4 !important }
/* teal */
.teal-border.border-lighten-5 { border-color: #e0f2f1 !important }
.teal-border.border-lighten-4 { border-color: #b2dfdb !important }
.teal-border.border-lighten-3 { border-color: #80cbc4 !important }
.teal-border.border-lighten-2 { border-color: #4db6ac !important }
.teal-border.border-lighten-1 { border-color: #26a69a !important }
.teal-border { border-color: #009688 !important }
.teal-border.border-darken-1 { border-color: #00897b !important }
.teal-border.border-darken-2 { border-color: #00796b !important }
.teal-border.border-darken-3 { border-color: #00695c !important }
.teal-border.border-darken-4 { border-color: #004d40 !important }
.teal-border.border-accent-1 { border-color: #a7ffeb !important }
.teal-border.border-accent-2 { border-color: #64ffda !important }
.teal-border.border-accent-3 { border-color: #1de9b6 !important }
.teal-border.border-accent-4 { border-color: #00bfa5 !important }
/* green */
.green-border.border-lighten-5 { border-color: #e8f5e9 !important }
.green-border.border-lighten-4 { border-color: #c8e6c9 !important }
.green-border.border-lighten-3 { border-color: #a5d6a7 !important }
.green-border.border-lighten-2 { border-color: #81c784 !important }
.green-border.border-lighten-1 { border-color: #66bb6a !important }
.green-border { border-color: #4caf50 !important }
.green-border.border-darken-1 { border-color: #43a047 !important }
.green-border.border-darken-2 { border-color: #388e3c !important }
.green-border.border-darken-3 { border-color: #2e7d32 !important }
.green-border.border-darken-4 { border-color: #1b5e20 !important }
.green-border.border-accent-1 { border-color: #b9f6ca !important }
.green-border.border-accent-2 { border-color: #69f0ae !important }
.green-border.border-accent-3 { border-color: #00e676 !important }
.green-border.border-accent-4 { border-color: #00c853 !important }
/* light-green */
.light-green-border.border-lighten-5 { border-color: #f1f8e9 !important }
.light-green-border.border-lighten-4 { border-color: #dcedc8 !important }
.light-green-border.border-lighten-3 { border-color: #c5e1a5 !important }
.light-green-border.border-lighten-2 { border-color: #aed581 !important }
.light-green-border.border-lighten-1 { border-color: #9ccc65 !important }
.light-green-border { border-color: #8bc34a !important }
.light-green-border.border-darken-1 { border-color: #7cb342 !important }
.light-green-border.border-darken-2 { border-color: #689f38 !important }
.light-green-border.border-darken-3 { border-color: #558b2f !important }
.light-green-border.border-darken-4 { border-color: #33691e !important }
.light-green-border.border-accent-1 { border-color: #ccff90 !important }
.light-green-border.border-accent-2 { border-color: #b2ff59 !important }
.light-green-border.border-accent-3 { border-color: #76ff03 !important }
.light-green-border.border-accent-4 { border-color: #64dd17 !important }
/* lime */
.lime-border.border-lighten-5 { border-color: #f9fbe7 !important }
.lime-border.border-lighten-4 { border-color: #f0f4c3 !important }
.lime-border.border-lighten-3 { border-color: #e6ee9c !important }
.lime-border.border-lighten-2 { border-color: #dce775 !important }
.lime-border.border-lighten-1 { border-color: #d4e157 !important }
.lime-border { border-color: #cddc39 !important }
.lime-border.border-darken-1 { border-color: #c0ca33 !important }
.lime-border.border-darken-2 { border-color: #afb42b !important }
.lime-border.border-darken-3 { border-color: #9e9d24 !important }
.lime-border.border-darken-4 { border-color: #827717 !important }
.lime-border.border-accent-1 { border-color: #f4ff81 !important }
.lime-border.border-accent-2 { border-color: #eeff41 !important }
.lime-border.border-accent-3 { border-color: #c6ff00 !important }
.lime-border.border-accent-4 { border-color: #aeea00 !important }
/* yellow */
.yellow-border.border-lighten-5 { border-color: #fffde7 !important }
.yellow-border.border-lighten-4 { border-color: #fff9c4 !important }
.yellow-border.border-lighten-3 { border-color: #fff59d !important }
.yellow-border.border-lighten-2 { border-color: #fff176 !important }
.yellow-border.border-lighten-1 { border-color: #ffee58 !important }
.yellow-border { border-color: #ffeb3b !important }
.yellow-border.border-darken-1 { border-color: #fdd835 !important }
.yellow-border.border-darken-2 { border-color: #fbc02d !important }
.yellow-border.border-darken-3 { border-color: #f9a825 !important }
.yellow-border.border-darken-4 { border-color: #f57f17 !important }
.yellow-border.border-accent-1 { border-color: #ffff8d !important }
.yellow-border.border-accent-2 { border-color: #ffff00 !important }
.yellow-border.border-accent-3 { border-color: #ffea00 !important }
.yellow-border.border-accent-4 { border-color: #ffd600 !important }
/* amber */
.amber-border.border-lighten-5 { border-color: #fff8e1 !important }
.amber-border.border-lighten-4 { border-color: #ffecb3 !important }
.amber-border.border-lighten-3 { border-color: #ffe082 !important }
.amber-border.border-lighten-2 { border-color: #ffd54f !important }
.amber-border.border-lighten-1 { border-color: #ffca28 !important }
.amber-border { border-color: #ffc107 !important }
.amber-border.border-darken-1 { border-color: #ffb300 !important }
.amber-border.border-darken-2 { border-color: #ffa000 !important }
.amber-border.border-darken-3 { border-color: #ff8f00 !important }
.amber-border.border-darken-4 { border-color: #ff6f00 !important }
.amber-border.border-accent-1 { border-color: #ffe57f !important }
.amber-border.border-accent-2 { border-color: #ffd740 !important }
.amber-border.border-accent-3 { border-color: #ffc400 !important }
.amber-border.border-accent-4 { border-color: #ffab00 !important }
/* orange */
.orange-border.border-lighten-5 { border-color: #fff3e0 !important }
.orange-border.border-lighten-4 { border-color: #ffe0b2 !important }
.orange-border.border-lighten-3 { border-color: #ffcc80 !important }
.orange-border.border-lighten-2 { border-color: #ffb74d !important }
.orange-border.border-lighten-1 { border-color: #ffa726 !important }
.orange-border { border-color: #ff9800 !important }
.orange-border.border-darken-1 { border-color: #fb8c00 !important }
.orange-border.border-darken-2 { border-color: #f57c00 !important }
.orange-border.border-darken-3 { border-color: #ef6c00 !important }
.orange-border.border-darken-4 { border-color: #e65100 !important }
.orange-border.border-accent-1 { border-color: #ffd180 !important }
.orange-border.border-accent-2 { border-color: #ffab40 !important }
.orange-border.border-accent-3 { border-color: #ff9100 !important }
.orange-border.border-accent-4 { border-color: #ff6d00 !important }
/* deep-orange */
.deep-orange-border.border-lighten-5 { border-color: #fbe9e7 !important }
.deep-orange-border.border-lighten-4 { border-color: #ffccbc !important }
.deep-orange-border.border-lighten-3 { border-color: #ffab91 !important }
.deep-orange-border.border-lighten-2 { border-color: #ff8a65 !important }
.deep-orange-border.border-lighten-1 { border-color: #ff7043 !important }
.deep-orange-border { border-color: #ff5722 !important }
.deep-orange-border.border-darken-1 { border-color: #f4511e !important }
.deep-orange-border.border-darken-2 { border-color: #e64a19 !important }
.deep-orange-border.border-darken-3 { border-color: #d84315 !important }
.deep-orange-border.border-darken-4 { border-color: #bf360c !important }
.deep-orange-border.border-accent-1 { border-color: #ff9e80 !important }
.deep-orange-border.border-accent-2 { border-color: #ff6e40 !important }
.deep-orange-border.border-accent-3 { border-color: #ff3d00 !important }
.deep-orange-border.border-accent-4 { border-color: #dd2c00 !important }
/* brown */
.brown-border.border-lighten-5 { border-color: #efebe9 !important }
.brown-border.border-lighten-4 { border-color: #d7ccc8 !important }
.brown-border.border-lighten-3 { border-color: #bcaaa4 !important }
.brown-border.border-lighten-2 { border-color: #a1887f !important }
.brown-border.border-lighten-1 { border-color: #8d6e63 !important }
.brown-border { border-color: #795548 !important }
.brown-border.border-darken-1 { border-color: #6d4c41 !important }
.brown-border.border-darken-2 { border-color: #5d4037 !important }
.brown-border.border-darken-3 { border-color: #4e342e !important }
.brown-border.border-darken-4 { border-color: #3e2723 !important }
/* grey */
.grey-border.border-lighten-5 { border-color: #fafafa !important }
.grey-border.border-lighten-4 { border-color: #f5f5f5 !important }
.grey-border.border-lighten-3 { border-color: #eeeeee !important }
.grey-border.border-lighten-2 { border-color: #e0e0e0 !important }
.grey-border.border-lighten-1 { border-color: #bdbdbd !important }
.grey-border { border-color: #9e9e9e !important }
.grey-border.border-darken-1 { border-color: #757575 !important }
.grey-border.border-darken-2 { border-color: #616161 !important }
.grey-border.border-darken-3 { border-color: #424242 !important }
.grey-border.border-darken-4 { border-color: #212121 !important }
/* blue-grey */
.blue-grey-border.border-lighten-5 { border-color: #eceff1 !important }
.blue-grey-border.border-lighten-4 { border-color: #cfd8dc !important }
.blue-grey-border.border-lighten-3 { border-color: #b0bec5 !important }
.blue-grey-border.border-lighten-2 { border-color: #90a4ae !important }
.blue-grey-border.border-lighten-1 { border-color: #78909c !important }
.blue-grey-border { border-color: #607d8b !important }
.blue-grey-border.border-darken-1 { border-color: #546e7a !important }
.blue-grey-border.border-darken-2 { border-color: #455a64 !important }
.blue-grey-border.border-darken-3 { border-color: #37474f !important }
.blue-grey-border.border-darken-4 { border-color: #263238 !important }
/* b & w */
.black-border { border-color: #000000 !important }
.white-border { border-color: #ffffff !important }
.border-1px { border-width: 1px; border-style: solid; }
.border-2px { border-width: 2px; border-style: solid; }
.border-3px { border-width: 3px; border-style: solid; }
.border-1pt { border-width: 1pt; border-style: solid; }
.border-2pt { border-width: 2pt; border-style: solid; }
.border-3pt { border-width: 3pt; border-style: solid; }
/* switches */
/* red */
.switch.red label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #f44336 !important }
.switch.red label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #ef9a9a; }
/* pink */
.switch.pink label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #e91e63 !important }
.switch.pink label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #f48fb1; }
/* purple */
.switch.purple label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #9c27b0 !important }
.switch.purple label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #ce93d8; }
/* deep-purple */
.switch.deep-purple label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #673ab7 !important }
.switch.deep-purple label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #b39ddb; }
/* indigo */
.switch.indigo label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #3f51b5 !important }
.switch.indigo label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #9fa8da ; }
/* blue */
/*
.switch.blue label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #2196f3 !important }
.switch.blue label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #90caf9 ; }
*/
.switch.blue label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #90caf9 !important }
.switch.blue label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #2196f3 ; }
/* light-blue */
.switch.light-blue label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #03a9f4 !important }
.switch.light-blue label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #81d4fa ; }
/* cyan */
.switch.cyan label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #00bcd4 !important }
.switch.cyan label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #80deea ; }
/* teal */
.switch.teal label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #009688 !important }
.switch.teal label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #80cbc4 ; }
/* green */
/*
.switch.green label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #4caf50 !important }
.switch.green label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #c8e6c9 ; }
*/
.switch.green label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #c8e6c9 !important }
.switch.green label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #4caf50; }
/* light-green */
.switch.light-green label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #8bc34a !important }
.switch.light-green label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #c5e1a5 ; }
/* lime */
.switch.lime label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #cddc39 !important }
.switch.lime label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #e6ee9c ; }
/* yellow */
.switch.yellow label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #ffeb3b !important }
.switch.yellow label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #fff59d ; }
/* amber */
.switch.amber label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #ffc107 !important }
.switch.amber label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #ffe082 ; }
/* orange */
.switch.orange label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #ff9800 !important }
.switch.orange label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #ffcc80 ; }
/* deep-orange */
.switch.deep-orange label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #ff5722 !important }
.switch.deep-orange label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #ffab91 ; }
/* brown */
.switch.brown label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #795548 !important }
.switch.brown label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #bcaaa4 ; }
/* grey */
.switch.grey label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #9e9e9e !important }
.switch.grey label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #eeeeee ; }
/* blue-grey */
.switch.blue-grey label input[type=checkbox]:not([disabled]):checked+.lever:after { background-color: #607d8b !important }
.switch.blue-grey label input[type=checkbox]:not([disabled]):checked+.lever { background-color: #b0bec5 ; }
.modal {
max-height: 80%;
}
.carousel .indicators .indicator-item {
height: 12px;
width: 12px;
margin: 24px 6px;
}
/*
.carousel.carousel-indicators-grey .indicators .indicator-item.active {
background-color: rgba(0,0,0,.2) !important;
}
.carousel.carousel-indicators-grey .indicators .indicator-item {
background-color: rgba(0,0,0,.1) !important;
}
*/
.carousel .indicators .indicator-item.active {
background-color: #90caf9;
border: 1px solid #42a5f5;
box-shadow: 0 0 4px 1px #64b5f6;
width: 10px !important;
height: 10px !important;
top: 2px;
border-radius: 2px;
}
.carousel .indicators .indicator-item {
margin: 9px 4px !important;
background-color: rgba(0 0 0 / 10%);
border: 1px solid rgba(0 0 0 / 5%);
height: 6px !important;
width: 6px !important;
top: 0px;
border-radius: 2px;
}
.carousel .indicators {
bottom: 10px;
}
@media only screen and (max-width: 992px) {
.modal {
width: 90%;
}
}
.fade-in {
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: .3s;
}
@keyframes fadeInOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.draggable-item {
cursor: move;
}
.draggable-over {
transition: all .3s ease-in-out;
/*
background-size: 30px 30px;
background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
-webkit-animation: stripes 2s linear infinite;
animation: stripes 2s linear infinite;
*/
}
.draggable-over::after {
content: "";
display: block;
height: 38px;
/*
border: 1px solid blue;
background-color: red;
*/
background-size: 30px 30px;
/*
background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
*/
background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, white 25%, white 50%, #F6F6F6 50%, #F6F6F6 75%, white 75%, white);
background-image: linear-gradient(-45deg, #F6F6F6 25%, white 25%, white 50%, #F6F6F6 50%, #F6F6F6 75%, white 75%, white);
-webkit-animation: stripes 2s linear infinite;
animation: stripes 2s linear infinite;
border-top: 1px solid #e0e0e0;
transition: all .3s ease-in-out;
margin-bottom: -5px; /* deve ser alinhado com a classe contida em: 'default-form.css' => [ul.collection li.collection-item.draggable-item] */
}
@-webkit-keyframes stripes {
from {
background-position: 0 0; }
to {
background-position: 60px 30px; }
}
@keyframes stripes {
from {
background-position: 0 0; }
to {
background-position: 60px 30px; }
}
.dropdown-content {
border: 1px solid rgba(0,0,0,.2);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);
}
.la,
.lar,
.las,
.btn-flat .la,
.btn-flat .lar,
.btn-flat .las {
font-size: 24px;
}
#notificacoes_quantidade {
position: absolute;
top: 6px;
right: 2px;
padding: 2px;
background-color: red;
height: 16px;
line-height: 13px;
width: 16px;
text-align: center;
font-size: 9px;
border-radius: 50%;
}
.greyscale-5 {
background-color: rgba(0 0 0 / 5%);
}
.greyscale-10 {
background-color: rgba(0 0 0 / 10%);
}
.greyscale-15 {
background-color: rgba(0 0 0 / 15%);
}
.greyscale-20 {
background-color: rgba(0 0 0 / 20%);
}
.greyscale-25 {
background-color: rgba(0 0 0 / 25%);
}
.greyscale-30 {
background-color: rgba(0 0 0 / 30%);
}
.modal .modal-footer .btn-flat.btn-icon {
margin-right: 10px;
}
.text-pre {
white-space: pre;
overflow: hidden;
line-break: anywhere;
}
.print-preview .padding-0 { padding: 0 0 0 0 !important }
.print-preview .padding-1 { padding: 1rem 1rem 1rem 1rem !important }
.print-preview .padding-2 { padding: 2rem 2rem 2rem 2rem !important }
.print-preview .padding-3 { padding: 3rem 3rem 3rem 3rem !important }
.print-preview .padding-4 { padding: 4rem 4rem 4rem 4rem !important }
.print-preview .padding-5 { padding: 5rem 5rem 5rem 5rem !important }
.print-preview .text-field {
text-decoration: underline;
text-decoration-color: #bdbdbd;
}
.print-preview .padding-0 { padding: 0 0 0 0 !important }
.print-preview .padding-1 { padding: 1rem 1rem 1rem 1rem !important }
.print-preview .padding-2 { padding: 2rem 2rem 2rem 2rem !important }
.print-preview .padding-3 { padding: 3rem 3rem 3rem 3rem !important }
.print-preview .padding-4 { padding: 4rem 4rem 4rem 4rem !important }
.print-preview .padding-5 { padding: 5rem 5rem 5rem 5rem !important }
.print-preview .padding-top-0 { padding-top: 0 !important }
.print-preview .padding-top-1 { padding-top: 1rem !important }
.print-preview .padding-top-2 { padding-top: 2rem !important }
.print-preview .padding-top-3 { padding-top: 3rem !important }
.print-preview .padding-top-4 { padding-top: 4rem !important }
.print-preview .padding-top-5 { padding-top: 5rem !important }
.print-preview .padding-left-0 { padding-left: 0 !important }
.print-preview .padding-left-1 { padding-left: 1rem !important }
.print-preview .padding-left-2 { padding-left: 2rem !important }
.print-preview .padding-left-3 { padding-left: 3rem !important }
.print-preview .padding-left-4 { padding-left: 4rem !important }
.print-preview .padding-left-5 { padding-left: 5rem !important }
.print-preview .padding-right-0 { padding-right: 0 !important }
.print-preview .padding-right-1 { padding-right: 1rem !important }
.print-preview .padding-right-2 { padding-right: 2rem !important }
.print-preview .padding-right-3 { padding-right: 3rem !important }
.print-preview .padding-right-4 { padding-right: 4rem !important }
.print-preview .padding-right-5 { padding-right: 5rem !important }
.print-preview .padding-bottom-0 { padding-bottom: 0 !important }
.print-preview .padding-bottom-1 { padding-bottom: 1rem !important }
.print-preview .padding-bottom-2 { padding-bottom: 2rem !important }
.print-preview .padding-bottom-3 { padding-bottom: 3rem !important }
.print-preview .padding-bottom-4 { padding-bottom: 4rem !important }
.print-preview .padding-bottom-5 { padding-bottom: 5rem !important }
.print-preview .border-0 { border: 0 solid transparent }
.print-preview .border-1 { border: thin solid black }
.print-preview .border-2 { border: 2pt solid black }
.print-preview .border-3 { border: 3pt solid black }
.print-preview .border-top-0 { border-top: 0 solid transparent !important }
.print-preview .border-top-2 { border-top: 2pt solid black !important }
.print-preview .border-top-3 { border-top: 3pt solid black !important }
.print-preview .border-left-0 { border-left: 0 solid transparent }
.print-preview .border-left-2 { border-left: 2pt solid black }
.print-preview .border-left-3 { border-left: 3pt solid black }
.print-preview .border-right-0 { border-right: 0 solid transparent !important }
.print-preview .border-right-2 { border-right: 2pt solid black !important }
.print-preview .border-right-3 { border-right: 3pt solid black !important }
.print-preview .border-bottom-0 { border-bottom: 0 solid transparent !important }
.print-preview .border-bottom-2 { border-bottom: 2pt solid black !important }
.print-preview .border-bottom-3 { border-bottom: 3pt solid black !important }
.height-auto {
height: auto;
}