body {
    background: #f8f8f8
}

.text-primary {
    color: #4e87c0 !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #097cfe !important
}

.bg-primary {
    background-color: #4e87c0 !important
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #398ff1 !important
}

.bg-primary-dark {
    background-color: #3688e5 !important
}

a.bg-primary-dark:hover,
a.bg-primary-dark:focus {
    background-color: #3381da !important
}

.bg-primary-darker {
    background-color: #3380d8 !important
}

a.bg-primary-darker:hover,
a.bg-primary-darker:focus {
    background-color: #307acd !important
}

html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
    border-color: #4e87c0 !important
}

.badge-primary {
    background-color: #4e87c0;
    color: #fff
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    background-color: #398ff1;
    color: #fff;
    text-decoration: none
}

.btn .badge-primary {
    background-color: #4e87c0 !important;
    color: #fff !important
}

.badge-outline-primary {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 1px #4e87c0 inset;
    box-shadow: 0 0 0 1px #4e87c0 inset;
    color: #4e87c0
}

.badge-outline-primary[href]:hover,
.badge-outline-primary[href]:focus {
    color: #4e87c0;
    text-decoration: none
}

.btn .badge-outline-primary {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 1px #4e87c0 inset !important;
    box-shadow: 0 0 0 1px #4e87c0 inset !important;
    color: #4e87c0 !important
}

.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus {
    border-color: #4e87c0 !important;
    background-color: #4e87c0 !important;
    color: #fff !important
}

.progress-bar {
    background-color: #4e87c0;
    color: #fff
}

.list-group-item-primary {
    border-color: rgba(0, 0, 0, 0.07);
    background-color: #ecf5ff;
    color: #5e6266
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #5e6266
}

a.list-group-item-primary:hover,
a.list-group-item-primary:focus,
button.list-group-item-primary:hover,
button.list-group-item-primary:focus {
    background-color: #eaf3fc;
    color: #5e6266
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
    border-color: #4e87c0;
    background-color: #4e87c0;
    color: #5e6266
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    border-color: #4e87c0;
    background-color: #4e87c0;
    color: #fff
}

.alert-primary {
    border-color: #d4e1f0;
    background-color: #e2efff;
    color: #5a6066
}

.alert-primary hr {
    border-top-color: #d4e1f0
}

.alert-primary .alert-link {
    color: #5a6066
}

.alert-dark-primary {
    background-color: #4e87c0;
    color: #fff
}

.alert-dark-primary hr {
    border-top-color: rgba(255, 255, 255, 0.2)
}

.alert-dark-primary .close,
.alert-dark-primary .alert-link {
    color: #fff
}

.tooltip-primary .tooltip-inner,
.tooltip-primary > .tooltip .tooltip-inner,
.ngb-tooltip-primary + ngb-tooltip-window .tooltip-inner {
    background: #4e87c0;
    color: #fff
}

.tooltip-primary.bs-tooltip-top .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-top .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-top .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #4e87c0
}

.tooltip-primary.bs-tooltip-right .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-right .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-right .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #4e87c0
}

.tooltip-primary.bs-tooltip-bottom .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-bottom .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-bottom .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #4e87c0
}

.tooltip-primary.bs-tooltip-left .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-left .arrow::before,
.tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-left .arrow::before,
.ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #4e87c0
}

.popover-primary,
.popover-primary > .popover,
.ngb-popover-primary + ngb-popover-window {
    border-color: transparent;
    background: #4e87c0
}

.popover-primary .popover-header,
.popover-primary > .popover .popover-header,
.ngb-popover-primary + ngb-popover-window .popover-header {
    border-color: rgba(255, 255, 255, 0.2);
    background: transparent;
    color: #fff
}

.popover-primary .popover-body,
.popover-primary > .popover .popover-body,
.ngb-popover-primary + ngb-popover-window .popover-body {
    background: transparent;
    color: #fff
}

.popover-primary .arrow::before,
.popover-primary > .popover .arrow::before,
.ngb-popover-primary + ngb-popover-window .arrow::before {
    border-color: transparent !important
}

.popover-primary.bs-popover-top .arrow::after,
.popover-primary.bs-popover-auto[x-placement^="top"] .arrow::after,
.popover-primary > .popover.bs-popover-top .arrow::after,
.popover-primary > .popover.bs-popover-auto[x-placement^="top"] .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-top .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^="top"] .arrow::after {
    border-top-color: #4e87c0
}

.popover-primary.bs-popover-right .arrow::after,
.popover-primary.bs-popover-auto[x-placement^="right"] .arrow::after,
.popover-primary > .popover.bs-popover-right .arrow::after,
.popover-primary > .popover.bs-popover-auto[x-placement^="right"] .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-right .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^="right"] .arrow::after {
    border-right-color: #4e87c0
}

.popover-primary.bs-popover-bottom .arrow::after,
.popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow::after,
.popover-primary > .popover.bs-popover-bottom .arrow::after,
.popover-primary > .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-bottom .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-bottom-color: #4e87c0
}

.popover-primary.bs-popover-left .arrow::after,
.popover-primary.bs-popover-auto[x-placement^="left"] .arrow::after,
.popover-primary > .popover.bs-popover-left .arrow::after,
.popover-primary > .popover.bs-popover-auto[x-placement^="left"] .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-left .arrow::after,
.ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^="left"] .arrow::after {
    border-left-color: #4e87c0
}

.table .table-primary,
.table .table-primary > th,
.table .table-primary > td {
    border-color: rgba(0, 0, 0, 0.035);
    background-color: #ecf5ff;
    color: #5e6266
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #eaf3fc
}

.btn {
    padding: 4px 1.125rem !important;
}

.btn-primary {
    border-color: transparent;
    background: #4e87c0;
    color: #fff
}

.btn-primary:hover {
    border-color: transparent;
    background: #398ff1;
    color: #fff
}

.btn-primary:focus,
.btn-primary.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(60, 151, 254, 0.4);
    box-shadow: 0 0 0 2px rgba(60, 151, 254, 0.4)
}

.btn-primary.disabled,
.btn-primary:disabled {
    border-color: transparent !important;
    background: #4e87c0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important
}

.btn-primary .badge {
    background: #fff;
    color: #4e87c0
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    border-color: transparent;
    background: #3483dd;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-group .btn-primary,
.input-group-prepend .btn-primary,
.input-group-append .btn-primary {
    border-right: 1px solid #3483dd;
    border-left: 1px solid #3483dd
}

.btn-outline-primary {
    border-color: #4e87c0;
    background: transparent;
    color: #4e87c0
}

.btn-outline-primary:hover {
    border-color: transparent;
    background: #4e87c0;
    color: #fff
}

.btn-outline-primary:hover .badge {
    background: #fff;
    color: #4e87c0
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 2px rgba(60, 151, 254, 0.4);
    box-shadow: 0 0 0 2px rgba(60, 151, 254, 0.4)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    border-color: #4e87c0 !important;
    background: transparent !important;
    color: #4e87c0 !important
}

.btn-outline-primary .badge {
    background: #4e87c0;
    color: #fff
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    border-color: transparent;
    background: #398ff1;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show > .btn-outline-primary.dropdown-toggle .badge {
    background: #fff;
    color: #4e87c0
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
    background-color: #4e87c0;
    color: #fff
}

.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
    background-color: #4e87c0;
    color: #fff
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
    background-color: #4e87c0;
    color: #fff
}

.tabs-alt.nav-tabs .nav-link.active,
.tabs-alt.nav-tabs .nav-link.active:hover,
.tabs-alt.nav-tabs .nav-link.active:focus,
.tabs-alt > .nav-tabs .nav-link.active,
.tabs-alt > .nav-tabs .nav-link.active:hover,
.tabs-alt > .nav-tabs .nav-link.active:focus {
    -webkit-box-shadow: 0 -2px 0 #4e87c0 inset;
    box-shadow: 0 -2px 0 #4e87c0 inset
}

.custom-control .custom-control-input:focus ~ .custom-control-label::before,
.custom-control .custom-control-input:active ~ .custom-control-label::before {
    border-color: #4e87c0
}

.custom-control .custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 2px rgba(60, 151, 254, 0.4);
    box-shadow: 0 0 0 2px rgba(60, 151, 254, 0.4)
}

.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #4e87c0;
    background-color: #4e87c0
}

.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.75 4.35 4.18 6.75 8.75 0.75' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E")
}

.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #4e87c0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.custom-file-input:focus ~ .custom-file-label::after {
    border-color: inherit
}

.form-control:focus,
.custom-select:focus {
    border-color: #4e87c0
}

.switcher-input:checked ~ .switcher-indicator {
    background: #4e87c0;
    color: #fff
}

.switcher-input:focus ~ .switcher-indicator {
    -webkit-box-shadow: 0 0 0 2px rgba(60, 151, 254, 0.4);
    box-shadow: 0 0 0 2px rgba(60, 151, 254, 0.4)
}

.switcher-input:active ~ .switcher-indicator {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.navbar.bg-primary {
    background-color: #4e87c0 !important;
    color: #daecff
}

.navbar.bg-primary .navbar-brand {
    color: #fff
}

.navbar.bg-primary .navbar-brand:hover,
.navbar.bg-primary .navbar-brand:focus {
    color: #fff
}

.navbar.bg-primary .navbar-nav .nav-link {
    color: #daecff
}

.navbar.bg-primary .navbar-nav .nav-link:hover,
.navbar.bg-primary .navbar-nav .nav-link:focus {
    color: #fff
}

.navbar.bg-primary .navbar-nav .nav-link.disabled {
    color: #9bcaff !important
}

.navbar.bg-primary .navbar-nav .show > .nav-link,
.navbar.bg-primary .navbar-nav .active > .nav-link,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .nav-link.active {
    color: #fff
}

.navbar.bg-primary .navbar-toggler {
    color: #daecff;
    border-color: rgba(255, 255, 255, 0.15)
}

.navbar.bg-primary .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar.bg-primary .navbar-text {
    color: #daecff
}

.navbar.bg-primary .navbar-text a {
    color: #fff
}

.navbar.bg-primary .navbar-text a:hover,
.navbar.bg-primary .navbar-text a:focus {
    color: #fff
}

.navbar.bg-primary hr {
    border-color: rgba(255, 255, 255, 0.15)
}

.sidenav.bg-primary {
    background-color: #4e87c0 !important;
    color: #daecff
}

.sidenav.bg-primary .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev,
.sidenav.bg-primary .sidenav-horizontal-next {
    color: #daecff
}

.sidenav.bg-primary .sidenav-link:hover,
.sidenav.bg-primary .sidenav-link:focus,
.sidenav.bg-primary .sidenav-horizontal-prev:hover,
.sidenav.bg-primary .sidenav-horizontal-prev:focus,
.sidenav.bg-primary .sidenav-horizontal-next:hover,
.sidenav.bg-primary .sidenav-horizontal-next:focus {
    color: #fff
}

.sidenav.bg-primary .sidenav-link.active,
.sidenav.bg-primary .sidenav-horizontal-prev.active,
.sidenav.bg-primary .sidenav-horizontal-next.active {
    color: #fff
}

.sidenav.bg-primary .sidenav-item.disabled .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev.disabled,
.sidenav.bg-primary .sidenav-horizontal-next.disabled {
    color: #9bcaff !important
}

.sidenav.bg-primary .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
.sidenav.bg-primary .sidenav-item.active > .sidenav-link {
    color: #fff
}

.sidenav.bg-primary .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background-color: #398ff1
}

.sidenav.bg-primary.sidenav-horizontal .sidenav-menu > .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background-color: #3688e5
}

.sidenav.bg-primary.sidenav-horizontal .sidenav-inner > .sidenav-item:not(.sidenav-item-closing) > .sidenav-menu,
.sidenav.bg-primary.sidenav-horizontal .sidenav-inner > .sidenav-item.open > .sidenav-toggle {
    background: #398ff1
}

.sidenav.bg-primary .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
    background: transparent;
    color: #daecff
}

.sidenav.bg-primary .sidenav-text {
    color: #fff
}

.sidenav.bg-primary .sidenav-header {
    color: #b3d7ff
}

.sidenav.bg-primary hr,
.sidenav.bg-primary .sidenav-divider,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
    border-color: rgba(255, 255, 255, 0.15) !important
}

.sidenav.bg-primary .sidenav-inner > .sidenav-header::before,
.sidenav.bg-primary .sidenav-block::before {
    background-color: rgba(255, 255, 255, 0.15)
}

.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
    background-color: #57a0f3
}

.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
    background-color: #fff
}

.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
    -webkit-box-shadow: 0 0 0 2px #398ff1;
    box-shadow: 0 0 0 2px #398ff1
}

.sidenav.bg-primary .ps__thumb-y,
.sidenav.bg-primary .ps__rail-y.ps--clicking > .ps__thumb-y {
    background: rgba(255, 255, 255, 0.612601) !important
}

.footer.bg-primary {
    background-color: #4e87c0 !important;
    color: #daecff
}

.footer.bg-primary .footer-link {
    color: #daecff
}

.footer.bg-primary .footer-link:hover,
.footer.bg-primary .footer-link:focus {
    color: #fff
}

.footer.bg-primary .footer-link.disabled {
    color: #9bcaff !important
}

.footer.bg-primary .footer-text {
    color: #fff
}

.footer.bg-primary .show > .footer-link,
.footer.bg-primary .active > .footer-link,
.footer.bg-primary .footer-link.show,
.footer.bg-primary .footer-link.active {
    color: #fff
}

.footer.bg-primary hr {
    border-color: rgba(255, 255, 255, 0.15)
}

.fill-primary {
    fill: #4e87c0
}

.slider-primary .slider-selection,
.slider-primary .slider-reversed .slider-track-high,
.slider-primary.slider-reversed .slider-track-high {
    background: #4e87c0
}

.noUi-primary .noUi-base .noUi-connect {
    background: #4e87c0 !important
}

.default-style .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4e87c0 !important;
    color: #fff !important
}

.default-style .select2-container--default.select2-container--focus .select2-selection,
.default-style .select2-container--default.select2-container--open .select2-selection {
    border-color: #4e87c0 !important
}

.default-style .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #4e87c0;
    color: #fff
}

.bootstrap-tagsinput.focus {
    border-color: #4e87c0 !important
}

.bootstrap-select .dropdown-menu.inner a[aria-selected=true] {
    background: #4e87c0 !important;
    color: #fff !important
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active.today,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td.range-start,
.datepicker table tr td.range-end {
    background: #4e87c0 !important;
    color: #fff !important
}

.datepicker table tr td.range,
.datepicker table tr td.range.highlighted,
.datepicker table tr td.range.today {
    background: #e2efff !important;
    color: #5a6066 !important
}

.datepicker table tr td.range.focused,
.datepicker table tr td.range.highlighted.focused,
.datepicker table tr td.range.today.focused {
    background: #c3deff !important
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.today.disabled {
    background: rgba(226, 239, 255, 0.5) !important;
    color: rgba(90, 96, 102, 0.5) !important
}

.daterangepicker td.active {
    background-color: #4e87c0 !important;
    color: #fff !important
}

.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
    background-color: #e2efff !important;
    color: #5a6066 !important
}

.daterangepicker .input-mini.active {
    border-color: #4e87c0 !important
}

.ranges li.active {
    background-color: #4e87c0 !important;
    color: #fff !important
}

.dtp-date,
.dtp-time {
    background: #4e87c0;
    color: #fff
}

.dtp-close > a {
    color: #fff
}

header.dtp-header {
    background: #3380d8;
    color: #fff
}

table.dtp-picker-days tr > td > a.selected {
    background: #4e87c0;
    color: #fff !important
}

.dtp-actual-meridien a.selected {
    background: #4e87c0 !important;
    color: #fff !important
}

.dtp .year-picker-item:hover {
    color: #4e87c0
}

.dtp .year-picker-item.active {
    color: #4e87c0
}

.dtp .svg-clock [stroke="#8BC34A"] {
    stroke: #4e87c0 !important
}

.dtp .svg-clock [fill="#8BC34A"] {
    fill: #4e87c0 !important
}

.dtp .svg-clock [fill="#fff"] {
    fill: #fff !important
}

li.ui-timepicker-selected,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #4e87c0 !important;
    color: #fff !important
}

.growl-default {
    background: #4e87c0 !important;
    color: #fff !important
}

.md-editor.active {
    border-color: #4e87c0 !important
}

.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar button:hover,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #4e87c0 !important
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #4e87c0 !important
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #4e87c0 !important
}

.tt-suggestion:active,
.tt-cursor {
    background: #4e87c0 !important;
    color: #fff !important
}

.dropzone.dz-drag-hover {
    border-color: #4e87c0 !important
}

.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #4e87c0 !important
}

.sk-primary.sk-rotating-plane,
.sk-primary.sk-double-bounce .sk-child,
.sk-primary.sk-wave .sk-rect,
.sk-primary.sk-wandering-cubes .sk-cube,
.sk-primary.sk-spinner-pulse,
.sk-primary.sk-chasing-dots .sk-child,
.sk-primary.sk-three-bounce .sk-child,
.sk-primary.sk-circle .sk-child:before,
.sk-primary.sk-cube-grid .sk-cube,
.sk-primary.sk-fading-circle .sk-circle:before,
.sk-primary.sk-folding-cube .sk-cube:before {
    background-color: #4e87c0
}

.sw-theme-default .step-anchor > li.active > a .sw-icon,
.sw-theme-default .step-anchor > li.active > a .sw-number {
    color: #4e87c0;
    border-color: #4e87c0
}

.plyr input[type='range']::-ms-fill-lower {
    background: #4e87c0 !important
}

.plyr input[type='range']:active::-webkit-slider-thumb {
    background: #4e87c0 !important
}

.plyr input[type='range']:active::-moz-range-thumb {
    background: #4e87c0 !important
}

.plyr input[type='range']:active::-ms-thumb {
    background: #4e87c0 !important
}

.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__controls button:hover {
    background: #4e87c0 !important;
    color:  !important
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover {
    background: #4e87c0 !important;
    color:  !important
}

.plyr__play-large {
    background: #4e87c0 !important;
    color:  !important
}

.plyr__progress--played,
.plyr__volume--display {
    color: #4e87c0 !important
}

.fc-event,
.fc-event-dot {
    background: rgba(60, 151, 254, 0.15)
}

.fc-highlight,
.fc-bgevent {
    background: #4e87c0 !important
}

.ui-product-color.active {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4e87c0 !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4e87c0 !important
}

.bg-navbar-theme {
    background-color: #f8f8f8 !important;
    color: #a3a4a6
}

.bg-navbar-theme .navbar-brand {
    color: #4E5155
}

.bg-navbar-theme .navbar-brand:hover,
.bg-navbar-theme .navbar-brand:focus {
    color: #4E5155
}

.bg-navbar-theme .navbar-nav .nav-link {
    color: #a3a4a6
}

.bg-navbar-theme .navbar-nav .nav-link:hover,
.bg-navbar-theme .navbar-nav .nav-link:focus {
    color: #4E5155
}

.bg-navbar-theme .navbar-nav .nav-link.disabled {
    color: #c5c6c7 !important
}

.bg-navbar-theme .navbar-nav .show > .nav-link,
.bg-navbar-theme .navbar-nav .active > .nav-link,
.bg-navbar-theme .navbar-nav .nav-link.show,
.bg-navbar-theme .navbar-nav .nav-link.active {
    color: #4E5155
}

.bg-navbar-theme .navbar-toggler {
    color: #a3a4a6;
    border-color: rgba(78, 81, 85, 0.0763725)
}

.bg-navbar-theme .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(24,28,33,0.4)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.bg-navbar-theme .navbar-text {
    color: #a3a4a6
}

.bg-navbar-theme .navbar-text a {
    color: #4E5155
}

.bg-navbar-theme .navbar-text a:hover,
.bg-navbar-theme .navbar-text a:focus {
    color: #4E5155
}

.bg-navbar-theme hr {
    border-color: rgba(78, 81, 85, 0.0763725)
}

.layout-navbar {
    -webkit-box-shadow: 0 1px 0 rgba(24, 28, 33, 0.04);
    box-shadow: 0 1px 0 rgba(24, 28, 33, 0.04)
}

.bg-sidenav-theme {
    background-color: #fcfcfc !important;
    color: #a3a4a6;
}

.bg-sidenav-theme .sidenav-link,
.bg-sidenav-theme .sidenav-horizontal-prev,
.bg-sidenav-theme .sidenav-horizontal-next {
    color: #a3a4a6
}

.bg-sidenav-theme .sidenav-link:hover,
.bg-sidenav-theme .sidenav-link:focus,
.bg-sidenav-theme .sidenav-horizontal-prev:hover,
.bg-sidenav-theme .sidenav-horizontal-prev:focus,
.bg-sidenav-theme .sidenav-horizontal-next:hover,
.bg-sidenav-theme .sidenav-horizontal-next:focus {
    color: #4E5155
}

.bg-sidenav-theme .sidenav-link.active,
.bg-sidenav-theme .sidenav-horizontal-prev.active,
.bg-sidenav-theme .sidenav-horizontal-next.active {
    color: #4E5155
}

.bg-sidenav-theme .sidenav-item.disabled .sidenav-link,
.bg-sidenav-theme .sidenav-horizontal-prev.disabled,
.bg-sidenav-theme .sidenav-horizontal-next.disabled {
    color: #c5c6c7 !important
}

.bg-sidenav-theme .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
.bg-sidenav-theme .sidenav-item.active > .sidenav-link {
    color: #4E5155
}

.bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background-color: #f2f2f2
}

.bg-sidenav-theme.sidenav-horizontal .sidenav-menu > .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background-color: #ececec
}

.bg-sidenav-theme.sidenav-horizontal .sidenav-inner > .sidenav-item:not(.sidenav-item-closing) > .sidenav-menu,
.bg-sidenav-theme.sidenav-horizontal .sidenav-inner > .sidenav-item.open > .sidenav-toggle {
    background: #f2f2f2
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
.bg-sidenav-theme .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
    background: transparent;
    color: #a3a4a6
}

.bg-sidenav-theme .sidenav-text {
    color: #4E5155
}

.bg-sidenav-theme .sidenav-header {
    color: #b8b9bb
}

.bg-sidenav-theme hr,
.bg-sidenav-theme .sidenav-divider,
.bg-sidenav-theme .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
    border-color: rgba(78, 81, 85, 0.0763725) !important
}

.bg-sidenav-theme .sidenav-inner > .sidenav-header::before,
.bg-sidenav-theme .sidenav-block::before {
    background-color: rgba(78, 81, 85, 0.0763725)
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
    background-color: #e5e5e6
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
    background-color: #4E5155
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before,
.bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
    -webkit-box-shadow: 0 0 0 2px #f2f2f2;
    box-shadow: 0 0 0 2px #f2f2f2
}

.bg-sidenav-theme .ps__thumb-y,
.bg-sidenav-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
    background: rgba(78, 81, 85, 0.21098) !important
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item > .sidenav-link .sidenav-icon,
.bg-sidenav-theme .sidenav-inner > .sidenav-item > .sidenav-link:hover .sidenav-icon,
.bg-sidenav-theme .sidenav-inner > .sidenav-item > .sidenav-link:focus .sidenav-icon {
    color: rgba(24, 28, 33, 0.2)
}

.bg-sidenav-theme .sidenav-inner > .sidenav-item.active > .sidenav-link .sidenav-icon {
    color: #4e87c0 !important
}

.bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background: none !important
}

.layout-sidenav {
    -webkit-box-shadow: 0 0 0 1px rgba(24, 28, 33, 0.04);
    box-shadow: 0 0 0 1px rgba(24, 28, 33, 0.04)
}

.layout-sidenav-horizontal {
    -webkit-box-shadow: 0 -1px 0 rgba(24, 28, 33, 0.04) inset;
    box-shadow: 0 -1px 0 rgba(24, 28, 33, 0.04) inset;
    position: fixed;
}

.bg-footer-theme {
    background-color: #f8f8f8 !important;
    color: #a3a4a6
}

.bg-footer-theme .footer-link {
    color: #a3a4a6
}

.bg-footer-theme .footer-link:hover,
.bg-footer-theme .footer-link:focus {
    color: #4E5155
}

.bg-footer-theme .footer-link.disabled {
    color: #c5c6c7 !important
}

.bg-footer-theme .footer-text {
    color: #4E5155
}

.bg-footer-theme .show > .footer-link,
.bg-footer-theme .active > .footer-link,
.bg-footer-theme .footer-link.show,
.bg-footer-theme .footer-link.active {
    color: #4E5155
}

.bg-footer-theme hr {
    border-color: rgba(78, 81, 85, 0.0763725)
}

.layout-footer {
    -webkit-box-shadow: 0 -1px 0 rgba(24, 28, 33, 0.04);
    box-shadow: 0 -1px 0 rgba(24, 28, 33, 0.04)
}

hr {
    border-color: rgba(24, 28, 33, 0.1)
}

.card,
.nav-tabs-top > .tab-content,
.nav-tabs-right > .tab-content,
.nav-tabs-bottom > .tab-content,
.nav-tabs-left > .tab-content {
    border-color: transparent;
    -webkit-box-shadow: 0 10px 30px 0 rgba(24, 28, 33, 0.04);
    box-shadow: 0 10px 30px 0 rgba(24, 28, 33, 0.04)
}

.ng2-archwizard-boxed-steps ul.steps-indicator,
.form-wizard-boxed-steps .wizard-nav {
    border-color: transparent !important;
    -webkit-box-shadow: 0 10px 30px 0 rgba(24, 28, 33, 0.04) !important;
    box-shadow: 0 10px 30px 0 rgba(24, 28, 33, 0.04) !important
}

.nav-tabs-top > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-right > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-left > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
    border-color: transparent !important
}

.nav-tabs-top > .nav .nav-link.active,
.nav-tabs-top > div > .nav .nav-link.active,
.nav-tabs-right > .nav .nav-link.active,
.nav-tabs-right > div > .nav .nav-link.active,
.nav-tabs-bottom > .nav .nav-link.active,
.nav-tabs-bottom > div > .nav .nav-link.active,
.nav-tabs-left > .nav .nav-link.active,
.nav-tabs-left > div > .nav .nav-link.active {
    border-color: #fff !important
}

.nav-tabs-top > .nav-tabs:not(.tabs-alt),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) {
    padding-right: 1px;
    padding-left: 1px
}

.nav-tabs-right > .nav-tabs:not(.tabs-alt),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > .nav-tabs:not(.tabs-alt),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) {
    padding-top: 1px;
    padding-bottom: 1px
}

.login-logo {
    max-width: 180px
}

.bg-secondary-dark {
    background: #ededed !important;
}

.top-logo {
    max-height: 50px !important;
    max-width: 100px
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
    background-color: #F5FFFA !important;
    color: #4E5156 !important;

}

.container-p-y:not([class^="pt-"]):not([class*=" pt-"]) {
    padding-top: 4.5rem !important;
}

h5.inner-title {
    color: #8b9aa2;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
}

label {
    display: inline-block;
    margin-bottom: 0rem !important;
}

.nav-tabs-top > .nav .nav-link.active,
.nav-tabs-top > div > .nav .nav-link.active,
.nav-tabs-right > .nav .nav-link.active,
.nav-tabs-right > div > .nav .nav-link.active,
.nav-tabs-bottom > .nav .nav-link.active,
.nav-tabs-bottom > div > .nav .nav-link.active,
.nav-tabs-left > .nav .nav-link.active,
.nav-tabs-left > div > .nav .nav-link.active {
    border-bottom: #92c46a 3px solid !important;
}

.nav-tabs-top > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-top > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-right > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-right > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-bottom > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-bottom > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-left > .nav-tabs:not(.tabs-alt) .nav-link:not(.active),
.nav-tabs-left > div > .nav-tabs:not(.tabs-alt) .nav-link:not(.active) {
    border-bottom: transparent 3px solid !important;
}

i.fas.fa-star.yellow {
    color: burlywood;
}

i.fas.fa-star.light-gray {
    color: #f1f1fc;
}

th.table-header-code {
    width: 120px !important;
}

th.table-header-ID {
    width: 120px;
}

select.selectcompany {
    padding-top: .54709rem;
    padding-bottom: .54709rem;
}

.input-w-60 {
    width: 60px;
}

.input-w-70 {
    width: 70px;
}

.input-w-80 {
    width: 80px;
}

.input-w-90 {
    width: 90px;
}

.input-w-100 {
    width: 100px;
}

.input-w-105 {
    width: 105px;
}

.input-w-110 {
    width: 110px;
}

.input-w-115 {
    width: 115px;
}

.input-w-120 {
    width: 120px;
}

.input-w-125 {
    width: 125px;
}

.input-w-130 {
    width: 130px;
}

.input-w-135 {
    width: 135px;
}

.input-w-140 {
    width: 140px;
}

.input-w-145 {
    width: 145px;
}

.input-w-150 {
    width: 150px;
}

.input-w-155 {
    width: 155px;
}

.input-w-155 {
    width: 155px;
}

.input-w-160 {
    width: 160px;
}

.input-w-165 {
    width: 165px;
}

.input-w-170 {
    width: 170px;
}

.input-w-175 {
    width: 175px;
}

.input-w-180 {
    width: 180px;
}

.input-w-185 {
    width: 185px;
}

.input-w-190 {
    width: 190px;
}

.input-w-195 {
    width: 195px;
}

.input-w-200 {
    width: 200px;
}

.input-w-205 {
    width: 205px;
}

.input-w-210 {
    width: 210px;
}

.input-w-215 {
    width: 215px;
}

.input-w-220 {
    width: 220px;
}

.input-w-225 {
    width: 225px;
}

.input-w-230 {
    width: 230px;
}

.input-w-235 {
    width: 235px;
}

.input-w-240 {
    width: 240px;
}

.input-w-245 {
    width: 245px;
}

.input-w-250 {
    width: 250px;
}

.input-w-255 {
    width: 255px;
}

.input-w-260 {
    width: 260px;
}

.input-w-265 {
    width: 265px;
}

.input-w-270 {
    width: 270px;
}

.input-w-272 {
    width: 270px;
}

.input-w-275 {
    width: 275px;
}

.input-w-280 {
    width: 280px;
}

.input-w-285 {
    width: 285px;
}

.input-w-290 {
    width: 290px;
}

.input-w-295 {
    width: 295px;
}

.input-w-300 {
    width: 300px;
}

.input-w-305 {
    width: 305px;
}

.input-w-310 {
    width: 310px;
}

.input-w-315 {
    width: 315px;
}

.input-w-320 {
    width: 320px;
}

.input-w-325 {
    width: 325px;
}

.input-w-330 {
    width: 330px;
}

.input-w-335 {
    width: 335px;
}

.input-w-340 {
    width: 340px;
}

.input-w-345 {
    width: 345px;
}

.input-w-350 {
    width: 350px;
}

.input-w-355 {
    width: 355px;
}

.input-w-360 {
    width: 360px;
}

.input-w-365 {
    width: 365px;
}

.input-w-370 {
    width: 370px;
}

.input-w-375 {
    width: 375px;
}

.input-w-380 {
    width: 380px;
}

.input-w-385 {
    width: 385px;
}

.input-w-390 {
    width: 390px;
}

.input-w-395 {
    width: 395px;
}

.input-w-400 {
    width: 400px;
}

.input-w-405 {
    width: 405px;
}

.input-w-410 {
    width: 410px;
}

.input-w-415 {
    width: 415px;
}

.input-w-420 {
    width: 420px;
}

.input-w-425 {
    width: 425px;
}

.input-w-430 {
    width: 430px;
}

.input-w-435 {
    width: 435px;
}

.input-w-440 {
    width: 440px;
}

.input-w-445 {
    width: 445px;
}

.input-w-450 {
    width: 450px;
}

.input-w-455 {
    width: 455px;
}

.input-w-460 {
    width: 460px;
}

.input-w-465 {
    width: 465px;
}

.input-w-470 {
    width: 470px;
}

.input-w-472 {
    width: 472px;
}

.input-w-475 {
    width: 475px;
}

.input-w-480 {
    width: 480px;
}

.input-w-485 {
    width: 485px;
}

.input-w-490 {
    width: 490px;
}

.input-w-495 {
    width: 495px;
}

.input-w-500 {
    width: 500px;
}

.input-w-505 {
    width: 505px;
}

.input-w-510 {
    width: 250px;
}

.input-w-515 {
    width: 515px;
}

.input-w-520 {
    width: 520px;
}

.input-w-525 {
    width: 525px;
}

.input-w-530 {
    width: 530px;
}

.input-w-535 {
    width: 535px;
}

.input-w-540 {
    width: 540px;
}

.input-w-542 {
    width: 545px;
}

.input-w-545 {
    width: 545px;
}

.input-w-550 {
    width: 550px;
}

.input-w-555 {
    width: 555px;
}

.input-w-560 {
    width: 560px;
}

.input-w-565 {
    width: 565px;
}

.input-w-570 {
    width: 570px;
}

.input-w-575 {
    width: 575px;
}

.input-w-580 {
    width: 580px;
}

.input-w-585 {
    width: 585px;
}

.input-w-590 {
    width: 590px;
}

.input-w-595 {
    width: 595px;
}

.input-w-600 {
    width: 600px;
}

.input-w-605 {
    width: 605px;
}

.input-w-610 {
    width: 260px;
}

.input-w-615 {
    width: 615px;
}

.input-w-620 {
    width: 620px;
}

.input-w-625 {
    width: 625px;
}

.input-w-630 {
    width: 630px;
}

.input-w-635 {
    width: 635px;
}

.input-w-640 {
    width: 640px;
}

.input-w-645 {
    width: 645px;
}

.input-w-650 {
    width: 650px;
}

.input-w-655 {
    width: 655px;
}

.input-w-660 {
    width: 660px;
}

.input-w-665 {
    width: 665px;
}

.input-w-670 {
    width: 670px;
}

.input-w-675 {
    width: 675px;
}

.input-w-680 {
    width: 680px;
}

.input-w-685 {
    width: 685px;
}

.input-w-690 {
    width: 690px;
}

.input-w-695 {
    width: 695px;
}

.input-w-700 {
    width: 700px;
}

.input-w-705 {
    width: 705px;
}

.input-w-710 {
    width: 270px;
}

.input-w-715 {
    width: 715px;
}

.input-w-720 {
    width: 720px;
}

.input-w-725 {
    width: 725px;
}

.input-w-730 {
    width: 730px;
}

.input-w-735 {
    width: 735px;
}

.input-w-740 {
    width: 740px;
}

.input-w-745 {
    width: 745px;
}

.input-w-750 {
    width: 750px;
}

.input-w-755 {
    width: 755px;
}

.input-w-760 {
    width: 760px;
}

.input-w-765 {
    width: 765px;
}

.input-w-770 {
    width: 770px;
}

.input-w-775 {
    width: 775px;
}

.input-w-780 {
    width: 780px;
}

.input-w-785 {
    width: 785px;
}

.input-w-790 {
    width: 790px;
}

.input-w-795 {
    width: 795px;
}

.input-w-800 {
    width: 800px;
}

.input-w-805 {
    width: 805px;
}

.input-w-810 {
    width: 280px;
}

.input-w-815 {
    width: 815px;
}

.input-w-820 {
    width: 820px;
}

.input-w-825 {
    width: 825px;
}

.input-w-830 {
    width: 830px;
}

.input-w-835 {
    width: 835px;
}

.input-w-840 {
    width: 840px;
}

.input-w-845 {
    width: 845px;
}

.input-w-850 {
    width: 850px;
}

.input-w-855 {
    width: 855px;
}

.input-w-860 {
    width: 860px;
}

.input-w-865 {
    width: 865px;
}

.input-w-870 {
    width: 880px;
}

.input-w-875 {
    width: 885px;
}

.input-w-880 {
    width: 880px;
}

.input-w-885 {
    width: 885px;
}

.input-w-890 {
    width: 890px;
}

.input-w-895 {
    width: 895px;
}

.input-w-900 {
    width: 900px;
}

.input-w-905 {
    width: 905px;
}

.input-w-910 {
    width: 290px;
}

.input-w-915 {
    width: 915px;
}

.input-w-920 {
    width: 920px;
}

.input-w-925 {
    width: 925px;
}

.input-w-930 {
    width: 930px;
}

.input-w-935 {
    width: 935px;
}

.input-w-940 {
    width: 940px;
}

.input-w-945 {
    width: 945px;
}

.input-w-950 {
    width: 950px;
}

.input-w-955 {
    width: 955px;
}

.input-w-960 {
    width: 960px;
}

.input-w-965 {
    width: 965px;
}

.input-w-970 {
    width: 990px;
}

.input-w-975 {
    width: 995px;
}

.input-w-980 {
    width: 990px;
}

.input-w-985 {
    width: 995px;
}

.input-w-990 {
    width: 990px;
}

.input-w-995 {
    width: 995px;
}

.input-w-1000 {
    width: 1000px;
}



/*Buttons*/
.button-w-60 {
    width: 60px;
}

.button-w-70 {
    width: 70px;
}

.button-w-80 {
    width: 80px;
}

.button-w-90 {
    width: 90px;
}

.button-w-100 {
    width: 100px;
}

.button-w-105 {
    width: 105px;
}

.button-w-110 {
    width: 110px;
}

.button-w-115 {
    width: 115px;
}

.button-w-120 {
    width: 120px;
}

.button-w-125 {
    width: 125px;
}

.button-w-130 {
    width: 130px;
}

.button-w-135 {
    width: 135px;
}

.button-w-140 {
    width: 140px;
}

.button-w-145 {
    width: 145px;
}

.button-w-150 {
    width: 150px;
}

.button-w-155 {
    width: 155px;
}

.button-w-155 {
    width: 155px;
}

.button-w-160 {
    width: 160px;
}

.button-w-165 {
    width: 165px;
}

.button-w-170 {
    width: 170px;
}

.button-w-175 {
    width: 175px;
}

.button-w-180 {
    width: 180px;
}

.button-w-185 {
    width: 185px;
}

.button-w-190 {
    width: 190px;
}

.button-w-195 {
    width: 195px;
}

.button-w-200 {
    width: 200px;
}

.button-w-205 {
    width: 205px;
}

.button-w-210 {
    width: 210px;
}

.button-w-215 {
    width: 215px;
}

.button-w-220 {
    width: 220px;
}

.button-w-225 {
    width: 225px;
}

.button-w-230 {
    width: 230px;
}

.button-w-235 {
    width: 235px;
}

.button-w-240 {
    width: 240px;
}

.button-w-245 {
    width: 245px;
}

.button-w-250 {
    width: 250px;
}

.button-w-255 {
    width: 255px;
}

.button-w-260 {
    width: 260px;
}

.button-w-265 {
    width: 265px;
}

.button-w-270 {
    width: 270px;
}

.button-w-275 {
    width: 275px;
}

.button-w-280 {
    width: 280px;
}

.button-w-285 {
    width: 285px;
}

.button-w-290 {
    width: 290px;
}

.button-w-295 {
    width: 295px;
}

.button-w-300 {
    width: 300px;
}

.button-w-305 {
    width: 305px;
}

.button-w-310 {
    width: 230px;
}

.button-w-315 {
    width: 315px;
}

.button-w-320 {
    width: 320px;
}

.button-w-325 {
    width: 325px;
}

.button-w-330 {
    width: 330px;
}

.button-w-335 {
    width: 335px;
}

.button-w-340 {
    width: 340px;
}

.button-w-345 {
    width: 345px;
}

.button-w-350 {
    width: 350px;
}

.button-w-355 {
    width: 355px;
}

.button-w-360 {
    width: 360px;
}

.button-w-365 {
    width: 365px;
}

.button-w-370 {
    width: 370px;
}

.button-w-375 {
    width: 375px;
}

.button-w-380 {
    width: 380px;
}

.button-w-385 {
    width: 385px;
}

.button-w-390 {
    width: 390px;
}

.button-w-395 {
    width: 395px;
}

.button-w-400 {
    width: 300px;
}

.button-w-405 {
    width: 405px;
}

.button-w-410 {
    width: 240px;
}

.button-w-415 {
    width: 415px;
}

.button-w-420 {
    width: 420px;
}

.button-w-425 {
    width: 425px;
}

.button-w-430 {
    width: 430px;
}

.button-w-435 {
    width: 435px;
}

.button-w-440 {
    width: 440px;
}

.button-w-445 {
    width: 445px;
}

.button-w-450 {
    width: 450px;
}

.button-w-455 {
    width: 455px;
}

.button-w-460 {
    width: 460px;
}

.button-w-465 {
    width: 465px;
}

.button-w-470 {
    width: 470px;
}

.button-w-475 {
    width: 475px;
}

.button-w-480 {
    width: 480px;
}

.button-w-485 {
    width: 485px;
}

.button-w-490 {
    width: 490px;
}

.button-w-495 {
    width: 495px;
}

.button-w-500 {
    width: 500px;
}

.button-w-505 {
    width: 505px;
}

.button-w-510 {
    width: 250px;
}

.button-w-515 {
    width: 515px;
}

.button-w-520 {
    width: 520px;
}

.button-w-525 {
    width: 525px;
}

.button-w-530 {
    width: 530px;
}

.button-w-535 {
    width: 535px;
}

.button-w-540 {
    width: 540px;
}

.button-w-545 {
    width: 545px;
}

.button-w-550 {
    width: 550px;
}

.button-w-555 {
    width: 555px;
}

.button-w-560 {
    width: 560px;
}

.button-w-565 {
    width: 565px;
}

.button-w-570 {
    width: 570px;
}

.button-w-575 {
    width: 575px;
}

.button-w-580 {
    width: 580px;
}

.button-w-585 {
    width: 585px;
}

.button-w-590 {
    width: 590px;
}

.button-w-595 {
    width: 595px;
}

.button-w-600 {
    width: 600px;
}

.button-w-605 {
    width: 605px;
}

.button-w-610 {
    width: 260px;
}

.button-w-615 {
    width: 615px;
}

.button-w-620 {
    width: 620px;
}

.button-w-625 {
    width: 625px;
}

.button-w-630 {
    width: 630px;
}

.button-w-635 {
    width: 635px;
}

.button-w-640 {
    width: 640px;
}

.button-w-645 {
    width: 645px;
}

.button-w-650 {
    width: 650px;
}

.button-w-655 {
    width: 655px;
}

.button-w-660 {
    width: 660px;
}

.button-w-665 {
    width: 665px;
}

.button-w-670 {
    width: 670px;
}

.button-w-675 {
    width: 675px;
}

.button-w-680 {
    width: 680px;
}

.button-w-685 {
    width: 685px;
}

.button-w-690 {
    width: 690px;
}

.button-w-695 {
    width: 695px;
}

.button-w-700 {
    width: 700px;
}

.button-w-705 {
    width: 705px;
}

.button-w-710 {
    width: 270px;
}

.button-w-715 {
    width: 715px;
}

.button-w-720 {
    width: 720px;
}

.button-w-725 {
    width: 725px;
}

.button-w-730 {
    width: 730px;
}

.button-w-735 {
    width: 735px;
}

.button-w-740 {
    width: 740px;
}

.button-w-745 {
    width: 745px;
}

.button-w-750 {
    width: 750px;
}

.button-w-755 {
    width: 755px;
}

.button-w-760 {
    width: 760px;
}

.button-w-765 {
    width: 765px;
}

.button-w-770 {
    width: 770px;
}

.button-w-775 {
    width: 775px;
}

.button-w-780 {
    width: 780px;
}

.button-w-785 {
    width: 785px;
}

.button-w-790 {
    width: 790px;
}

.button-w-795 {
    width: 795px;
}

.button-w-800 {
    width: 800px;
}

.button-w-805 {
    width: 805px;
}

.button-w-810 {
    width: 280px;
}

.button-w-815 {
    width: 815px;
}

.button-w-820 {
    width: 820px;
}

.button-w-825 {
    width: 825px;
}

.button-w-830 {
    width: 830px;
}

.button-w-835 {
    width: 835px;
}

.button-w-840 {
    width: 840px;
}

.button-w-845 {
    width: 845px;
}

.button-w-850 {
    width: 850px;
}

.button-w-855 {
    width: 855px;
}

.button-w-860 {
    width: 860px;
}

.button-w-865 {
    width: 865px;
}

.button-w-870 {
    width: 880px;
}

.button-w-875 {
    width: 885px;
}

.button-w-880 {
    width: 880px;
}

.button-w-885 {
    width: 885px;
}

.button-w-890 {
    width: 890px;
}

.button-w-895 {
    width: 895px;
}

.button-w-900 {
    width: 900px;
}

.button-w-905 {
    width: 905px;
}

.button-w-910 {
    width: 290px;
}

.button-w-915 {
    width: 915px;
}

.button-w-920 {
    width: 920px;
}

.button-w-925 {
    width: 925px;
}

.button-w-930 {
    width: 930px;
}

.button-w-935 {
    width: 935px;
}

.button-w-940 {
    width: 940px;
}

.button-w-945 {
    width: 945px;
}

.button-w-950 {
    width: 950px;
}

.button-w-955 {
    width: 955px;
}

.button-w-960 {
    width: 960px;
}

.button-w-965 {
    width: 965px;
}

.button-w-970 {
    width: 990px;
}

.button-w-975 {
    width: 995px;
}

.button-w-980 {
    width: 990px;
}

.button-w-985 {
    width: 995px;
}

.button-w-990 {
    width: 990px;
}

.button-w-995 {
    width: 995px;
}

.button-w-1000 {
    width: 1000px;
}

/*Margins*/
.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-65 {
    margin-left: 65px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-85 {
    margin-left: 85px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-100 {
    margin-left: 100px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-11 {
    margin-right: 11px;
}

.mr-12 {
    margin-right: 12px;
}

.mr-13 {
    margin-right: 13px;
}

.mr-14 {
    margin-right: 14px;
}



.mr-16 {
    margin-right: 16px;
}

.mr-17 {
    margin-right: 17px;
}

.mr-18 {
    margin-right: 18px;
}

.mr-19 {
    margin-right: 19px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-85 {
    margin-right: 85px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-95 {
    margin-right: 95px;
}

.mr-100 {
    margin-right: 100px;
}

/*Paddings*/
.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-65 {
    padding-left: 65px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-75 {
    padding-left: 75px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-85 {
    padding-left: 85px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-95 {
    padding-left: 95px;
}

.pl-100 {
    padding-left: 100px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ul.cimek {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

#cimek-lista th {
    height: 39px;
    background-color: #8b9aa2;
    color: #ffffff;
}

.input-w-275 {
    width: 275px !important
}

.form-control-plaintext.cim-tipus {
    font-weight: 600;
}

.form-group label {
    font-weight: 600;
}

.add-new {
    color: #4e87c0 !important;
    padding-left: 0 !important;
    margin-bottom: 1em;
}


.delete-icon {
    color: #8b9aa2;
}

/*#cegvalaszto span.select2.select2-container.select2-container--default {
    height: 24px !important;
}*/

div#cegvalaszto {
    height: 24px;
}

i.icon-flag-hun {
    display: inline-block;
    background: url("/assets/img/iconhu.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;

}

i.icon-flag-gb {
    display: inline-block;
    background: url("/assets/img/icongb.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;

}

label.form-check-label.hidden {
    display: none;
}

.details .row {
    margin-left: 0px !important;
}

.custom-control.custom-checkbox2 .custom-control-input2:indeterminate ~ .custom-control-label::before,
.custom-control.custom-checkbox2 .custom-control-input2:checked ~ .custom-control-label::before,
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #92c46a !important;
    background-color: #92c46a !important;
}

.custom-control-input2:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #92c46a !important;
    border-color: #92c46a !important;

}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #92c46a !important;
    border-color: #92c46a !important;

}

.card-body.main-top-card {
    padding-left: 2rem !important;
}

.custom-control-label::before {

    border: 1px solid rgba(24, 28, 33, 0.2) !important;

}

.col-form-label {
    font-size: .894rem !important;
    font-weight: 400 !important;
}

.form-group.row.col-12 {
    margin-left: -10px !important;
}

.mh-649 {
    min-height: 649px;
}

.fly-over {
    width: 100% !important;
    text-align: right !important;
    margin: 0 auto !important;
    right: 0px !important;
    bottom: 0px !important;
    background: #ffffff;
    bottom: 37px !important;
    height: 50px;
    line-height: 50px;
    position: fixed;
    left: 0;
    z-index: 1046;
    border: 1px solid;
    border-color: rgba(24, 28, 33, 0.1);
}

.custom.fields-table.mb-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.ml-12 {
    margin-left: 12px;
}

button.btn.formfeldolgoz.btn-primary.btn-sm-wide {
    margin-right: 32px;
}

.h-36 {
    height: 36px;
}

.mt-22 {
    margin-top: 22px;
}

.modal-body .row {
    margin: 0 auto;
}

div#new-custom-field .modal-content {
    width: 428px;
    margin: 0 auto;
    margin-top: 200px;
}

.order-mennyiseg {
    width: 60px;
    text-align: center;
}

.special-caret{
    margin-left:-10px!important;
}

.special-caret > a.sidenav-link.sidenav-toggle{
    padding:calc(1rem)!important;
}