body {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 400;

    overflow-x: hidden;

    letter-spacing: -0.25px;

    color: #1D4670;
}
a,
a:hover,
a:focus,
img,
img:hover,
img:focus {
    cursor: pointer !important;
    text-decoration: none !important;

    outline: 0;
}
.disabled {
    cursor: default !important;
}

.row {
    margin-right: 0;
}
[class^="col-"] {
    padding-right: 0;
}

i.fa.text-orange {
    cursor: pointer !important;
}

.icon-links {
    display: inline-block;

    padding: 6px 6px;
    padding-bottom: 0;

    text-decoration: none;

    color: #1D4670 !important;
}
.icon-links:focus,
.icon-links:hover {
    color: #1D4670;
}
.icon-links > i {
    float: left;

    margin-top: 3px;
    margin-right: 3px;

    color: #F79D23;
}
.icon-links > span {
    font-weight: 500;

    float: left;

    padding: 5px;
    padding-top: 0;

    letter-spacing: -1.15px;
}
.icon-links.active > span,
.icon-links:hover > span {
    padding-bottom: 3px;

    border-bottom: 2px solid #F79D23;
}
.icon-links > span > i {
    font-size: 10px;

    float: right;

    margin-top: 5px;
    margin-left: 5px;
}
.btn {
    font-size: 13px;
    font-weight: bold;

    padding: 5px 15px;

    border-color: transparent !important;
    border-radius: 20px;
    box-shadow: none !important;
}
.btn > i {
    margin-right: 5px;
}

.dropdown-item {
    font-weight: 400;

    display: block;
    clear: both;

    width: 100%;
    padding: 0.25rem 1.5rem;

    text-align: inherit;
    white-space: nowrap;
    text-decoration: none !important;

    color: #212529;
    border: 0;
}

.badge {
    font-size: 11px;
}

.btn-default {
    color: #1D4670 !important;
    border: 1px solid #CCCCCC !important;
    background-color: #FFFFFF !important;;
}
.btn-primary {
    background-color: #1D4670 !important;
}
.btn-orange {
    color: #FFFFFF !important;
    background-color: #F79D23 !important;
}
.btn-success {
    color: #FFFFFF !important;
    background-color: #27D46C !important;
}
.btn-info {
    color: #FFFFFF !important;
    background-color: #31B0D5 !important;
}
.btn-danger {
    color: #FFFFFF;
    background-color: #D9534F !important;;
}
.btn-ash-blue {
    color: #1D4670 !important;
    background-color: #D6DADC !important;
}
.btn-full {
    width: 100% !important;
}
.btn.dropdown-toggle {
    padding-left: 28px;
}
.btn.dropdown-toggle {
    overflow: hidden;

    padding-right: 10px;
    padding-left: 21px;

    text-align: left;
    text-overflow: ellipsis;
}
.btn.dropdown-toggle.right {
    padding-right: 28px;
    padding-left: 12px;
}
.btn.dropdown-toggle .caret {
    position: absolute;
    top: 15px;
    left: 8px;
}
.btn.dropdown-toggle.right .caret {
    right: 10px;
    left: unset;
}
.open > .dropdown-menu {
    width: 100%;
}

.text-default {
    color: #FFFFFF !important;
}
.text-primary {
    color: #1D4670 !important;
}
.text-orange {
    color: #F79D23 !important;
}
.text-success {
    color: #27D46C !important;
}
.text-info {
    color: #31B0D5 !important;
}
.text-danger {
    color: #D9534F !important;
}
.text-ash-blue {
    color: #D6DADC !important;
}
.text-10 {
    font-size: 10px !important;
}
.text-12 {
    font-size: 12px !important;
}
.text-14 {
    font-size: 14px !important;
}
.text-16 {
    font-size: 16px !important;
}
.text-18 {
    font-size: 18px !important;
}
.text-19 {
    font-size: 19px !important;
}
.text-20 {
    font-size: 20px !important;
}
.text-25 {
    font-size: 25px !important;
}
.text-30 {
    font-size: 30px !important;
}
.text-40 {
    font-size: 40px !important;
}
.text-thin {
    font-weight: 100;
}
.text-extra-light {
    font-weight: 200;
}
.text-light {
    font-weight: 300;
}
.text-medium {
    font-weight: 500;
}
.text-strong {
    font-weight: bold;
}
.text-italic {
    font-style: italic;
}

.bg-default {
    background-color: #FFFFFF !important;
}
.bg-primary {
    color: #FFFFFF;
    background-color: #1D4670 !important;
}
.bg-orange {
    color: #FFFFFF !important;
    background-color: #F79D23 !important;
}
.bg-success {
    color: #FFFFFF !important;
    background-color: #27D46C !important;
}
.bg-info {
    color: #FFFFFF !important;
    background-color: #31B0D5 !important;
}
.bg-danger {
    color: #FFFFFF !important;
    background-color: #D9534F !important;
}
.bg-ash-blue {
    color: #1D4670 !important;
    background-color: #D6DADC !important;
}

.b-default {
    border: 1px solid #DDDDDD !important;
}
.b-primary {
    border: 1px solid #1D4670 !important;
}
.b-orange {
    border: 1px solid #F79D23 !important;
}
.b-success {
    border: 1px solid #27D46C !important;
}
.b-info {
    border: 1px solid #31B0D5 !important;
}
.b-danger {
    border: 1px solid #D9534F !important;
}
.b-ash-blue {
    border: 1px solid #D6DADC !important;
}

.m-auto {
    margin: auto !important;
}
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 5px !important;
}
.m-2 {
    margin: 10px !important;
}
.m-3 {
    margin: 15px !important;
}
.m-4 {
    margin: 20px !important;
}
.m-5 {
    margin: 30px !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.my-2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.my-3 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.my-4 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.my-5 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.mt-auto {
    margin-top: auto !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 5px !important;
}
.mt-2 {
    margin-top: 10px !important;
}
.mt-3 {
    margin-top: 15px !important;
}
.mt-4 {
    margin-top: 20px !important;
}
.mt-5 {
    margin-top: 30px !important;
}
.mt-6 {
    margin-top: 40px !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 5px !important;
}
.mb-2 {
    margin-bottom: 10px !important;
}
.mb-3 {
    margin-bottom: 15px !important;
}
.mb-4 {
    margin-bottom: 20px !important;
}
.mb-5 {
    margin-bottom: 30px !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mx-1 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.mx-2 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.mx-3 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}
.mx-4 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}
.mx-5 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}
.ml-auto {
    margin-left: auto !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.ml-1 {
    margin-left: 5px !important;
}
.ml-2 {
    margin-left: 10px !important;
}
.ml-3 {
    margin-left: 15px !important;
}
.ml-4 {
    margin-left: 20px !important;
}
.ml-5 {
    margin-left: 30px !important;
}
.mr-auto {
    margin-right: auto !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-1 {
    margin-right: 5px !important;
}
.mr-2 {
    margin-right: 10px !important;
}
.mr-3 {
    margin-right: 15px !important;
}
.mr-4 {
    margin-right: 20px !important;
}
.mr-5 {
    margin-right: 30px !important;
}
.mtn-2 {
    margin-top: -10px !important;
}

.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: 5px !important;
}
.p-2 {
    padding: 10px !important;
}
.p-3 {
    padding: 15px !important;
}
.p-4 {
    padding: 20px !important;
}
.p-5 {
    padding: 30px !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.py-2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.py-3 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.py-4 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.py-5 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-1 {
    padding-top: 5px !important;
}
.pt-2 {
    padding-top: 10px !important;
}
.pt-3 {
    padding-top: 15px !important;
}
.pt-4 {
    padding-top: 20px !important;
}
.pt-5 {
    padding-top: 30px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 5px !important;
}
.pb-2 {
    padding-bottom: 10px !important;
}
.pb-3 {
    padding-bottom: 15px !important;
}
.pb-4 {
    padding-bottom: 20px !important;
}
.pb-5 {
    padding-bottom: 30px !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.px-1 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.px-2 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.px-3 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.px-4 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.px-5 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-1 {
    padding-left: 5px !important;
}
.pl-2 {
    padding-left: 10px !important;
}
.pl-3 {
    padding-left: 15px !important;
}
.pl-4 {
    padding-left: 20px !important;
}
.pl-5 {
    padding-left: 30px !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-1 {
    padding-right: 5px !important;
}
.pr-2 {
    padding-right: 10px !important;
}
.pr-3 {
    padding-right: 15px !important;
}
.pr-4 {
    padding-right: 20px !important;
}
.pr-5 {
    padding-right: 30px !important;
}
.dis-inline-block {
    display: inline-block !important;
}
.text-strike {
    text-decoration: line-through!important;
}
.radio-button-links {
    font-size: 12px;
    font-weight: 500;

    float: left;

    padding: 0 5px;

    cursor: pointer;
    text-transform: lowercase;

    color: #96A2B9;
    border-right: 1px solid #96A2B9;
}
.radio-button-links:first-child {
    padding-left: 0;
}
.radio-button-links:last-child {
    border: none;
}
.radio-button-links.active {
    cursor: default;

    color: #F79D23;
}

.field-error {
    border-color: #D9534F !important;
}
[role=button] {
    text-decoration: none !important;

    color: #333333;
}
input:focus,
select:focus,
button:focus {
    outline: none !important;
}
input:not(.form-control) {
    padding: 1px 8px;
}
select {
            appearance: none;
    -webkit-appearance: none;
       -moz-appearance: none;
}
textarea:disabled,
input:not([type]):disabled,
input[type="color" i]:disabled,
input[type="date" i]:disabled,
input[type="datetime" i]:disabled,
input[type="datetime-local" i]:disabled,
input[type="email" i]:disabled,
input[type="month" i]:disabled,
input[type="password" i]:disabled,
input[type="number" i]:disabled,
input[type="search" i]:disabled,
input[type="tel" i]:disabled,
input[type="text" i]:disabled,
input[type="time" i]:disabled,
input[type="url" i]:disabled,
input[type="week" i]:disabled,
select:disabled {
    color: #FFFFFF !important;
    background-color: #C7C7C5;
}
.form-control {
    font-size: 12px;
    font-weight: 500;

    min-height: 35px;

    color: #96A2B9;
}
.form-control.rounded {
    padding: 6px 20px;

    border-radius: 20px;
}
.input-sm,
.form-control.input-sm {
    font-size: 12px !important;
    line-height: 21px !important;
}
.input-lg,
.form-control.input-lg {
    font-size: 18px !important;
    line-height: 26px !important;
}
textarea.form-control {
    width: 100% !important;
    min-height: 77px !important;
}
textarea.form-control[disabled],
textarea.form-control[readonly] {
    resize: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: #FFFFFF !important;
    background-color: #C7C7C5 !important;
}
.form-control:focus {
    -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
         -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
            transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;

    border-color: #CCCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.form-group > label {
    font-size: 12px;
    font-weight: bold;
}

.select-wrapper {
    position: relative;

    border-radius: 4px;
    background: transparent;
}
.select-wrapper.bordered {
    -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
         -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
            transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;

    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.select-wrapper.bordered.has-error {
    border-color: #D9534F;
}
.select-wrapper.disabled,
.select-wrapper.bordered.disabled {
    background: #C7C7C5 !important;
}
.select-wrapper.bordered.rounded {
    border-radius: 20px;
}
.select-wrapper > select {
    font-size: 12px;
    font-weight: 500;

    width: 100%;
    height: 34px;
    padding: 6px 29px 6px 12px;

    cursor: pointer;

    color: #96A2B9 !important;
    border: none;
    outline: none;
    background: transparent;
}
.select-wrapper.disabled > select,
.select-wrapper.bordered.disabled > select {
    color: #FFFFFF !important;
}
.select-wrapper.bordered > select {
    height: 33px;
    padding: 5px 28px 5px 12px;
}
.select-wrapper.bordered.rounded > select {
    padding: 5px 28px 5px 20px;
}
.select-wrapper > i {
    font-size: 14px;

    position: absolute;
    top: 10px;
    right: 10px;

    cursor: pointer;

    color: #F79D23;
}

.multi-select-wrapper ul.list-group {
    position: absolute;
    z-index: 999;
    top: 34px;
    left: 0;

    display: none;
    overflow: auto;

    max-height: 410px;

    border: 1.5px solid #CCCCCC;
    border-radius: 6px;
}
.multi-select-wrapper .msw-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;

    width: 100%;
    height: 28px;
    margin: 0;
    padding: 6px 29px 0 12px;

    cursor: pointer;

    color: #96A2B9 !important;
    border: none;
    outline: none;
    background: transparent;
}
.multi-select-wrapper ul.list-group .list-group-head {
    position: relative;

    display: block;

    margin-bottom: -1px;
    padding: 0 15px;

    white-space: nowrap;

    border: none;
    background-color: #FFFFFF;
}
.multi-select-wrapper ul.list-group .list-group-item {
    padding: 0 15px;

    white-space: nowrap;

    border: none;
}
.multi-select-wrapper ul.list-group .list-group-item:hover {
    background-color: #F0F0F0;
}
.multi-select-wrapper ul.list-group .list-group-item label {
    line-height: 20px;

    width: 100%;
    margin: 5px 0;
}

label.custom-checkbox {
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;

    position: relative;

    margin: 6px 0;
    padding-left: 21px;

    cursor: pointer;

    color: #96A2B9;
}
label.custom-checkbox > input[type="checkbox"],
label.custom-checkbox > input[type="radio"] {
    display: none;
}
label.custom-checkbox > span {
    position: absolute;
    top: 3.5px;
    left: 0;

    width: 16px;
    height: 14px;

    border: 1px solid #CCCCCC;
    background: #FFFFFF;
}
label.custom-checkbox > input[type="checkbox"][disabled] ~ span,
label.custom-checkbox > input[type="checkbox"][readonly] ~ span,
label.custom-checkbox > input[type="radio"][disabled] ~ span,
label.custom-checkbox > input[type="radio"][readonly] ~ span {
    background: #C7C7C5;
}
label.custom-checkbox > span:before {
    font-size: 11px;
    font-weight: bolder;
    line-height: 12px;

    position: absolute;
    top: 0;
    left: 3px;

    display: none;

    content: "\2713";
    text-align: center;

    color: #1D4670;
}
label.custom-checkbox:hover > span:before {
    display: block;

    opacity: 0.3;
}
label.custom-checkbox.selected > span:before,
label.custom-checkbox > input[type="checkbox"]:checked ~ span:before,
label.custom-checkbox > input[type="radio"]:checked ~ span:before {
    display: block;

    opacity: 1;
}

.form-datepicker {
    position: relative;

    padding: 0;

    border-radius: 4px;
    background: transparent;
}
.form-datepicker.bordered {
    -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
         -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
            transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;

    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.form-datepicker.bordered.has-error {
    border-color: #D9534F;
}
.form-datepicker.disabled,
.form-datepicker.bordered.disabled {
    background: #C7C7C5;
}
.form-datepicker.bordered.rounded {
    border-radius: 20px;
}
.form-datepicker > input {
    font-size: 12px;
    font-weight: 500;

    width: 100%;
    height: 34px;
    padding: 6px 12px;
    padding-right: 29px;

    cursor: pointer;

    color: #96A2B9;
    border: none;
    border-radius: 4px;
    outline: none;
    background: transparent;
}
.form-datepicker.bordered > input {
    height: 32px;
    padding: 5px 28px 5px 12px;
}
.form-datepicker.disabled > input {
    color: #96A2B9 !important;
    background: transparent;
}
.form-datepicker.disabled > input,
.form-datepicker.bordered.disabled > input {
    color: #FFFFFF !important;
    background: transparent;
}
.form-datepicker.bordered.rounded > input {
    padding: 5px 28px 5px 20px;

    border-radius: 20px;
}
.form-datepicker > i {
    font-size: 14px;

    position: absolute;
    top: 10px;
    right: 10px;

    cursor: pointer;

    color: #F79D23;
}

.ui-datepicker-div {
    z-index: 99;
}
.ui-datepicker.ui-widget {
    z-index: 10000000 !important;
}
.ui-widget-content a {
    font-size: 14px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 5px;
}
.daily-datepicker .ui-datepicker-current-day a,
.weekly-datepicker .ui-state-hovered,
.weekly-datepicker .ui-datepicker-current-day a {
    color: #FFFFFF !important;
    border: 1px solid #003EFF !important;
    background: #007FFF !important;
}
.monthly-datepicker .ui-state-default.ui-state-active {
    color: #454545;
    border: 1px solid #C5C5C5;
    background: #F6F6F6;
}

.ui-timepicker.ui-widget.ui-widget-content {
    border: none;
}

.ui-timepicker-standard a {
    margin-right: 15%;
}

.ui-timepicker-container {
    z-index: 9999999 !important;
}

.vue-monthly-picker {
    border-radius: 4px;
}
.vue-monthly-picker > .month-picker-wrapper {
    min-width: unset !important;
}
.vue-monthly-picker > .month-picker-wrapper > .month-year-label > .month-year-display {
    font-size: 12px;
    font-weight: 500;

    height: 34px;
    padding: 6px 12px;
    padding-right: 29px;

    color: #96A2B9;
    border: none;
    border-radius: 4px;
    background: transparent;
    box-shadow: none;
}
.vue-monthly-picker.bordered > .month-picker-wrapper > .month-year-label > .month-year-display {
    padding: 5px 28px 5px 12px;

    -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
         -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
            transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;

    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.vue-monthly-picker.disabled > .month-picker-wrapper > .month-year-label > .month-year-display,
.vue-monthly-picker.bordered.disabled > .month-picker-wrapper > .month-year-label > .month-year-display {
    color: #FFFFFF;
    background: #C7C7C5;
}
.vue-monthly-picker.bordered.rounded > .month-picker-wrapper > .month-year-label > .month-year-display {
    padding: 5px 28px 5px 20px;

    border-radius: 20px;
}
.vue-monthly-picker > .month-picker-wrapper > .month-year-label > i {
    position: absolute;
    top: 10px;
    right: 10px;

    cursor: pointer;

    color: #F79D23;
}
.vue-monthly-picker.bordered.rounded > .month-picker-wrapper > .month-year-label > i {
    right: 15px;
}
.vue-monthly-picker > .month-picker-wrapper > .month-year-label > .month-year-display > .vmp-input-append > i {
    display: none !important;
}
.vue-monthly-picker > .month-picker-wrapper > .date-popover {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;

    width: 200px;

    color: #333333;
}

.table-custom {
    margin-bottom: 0;
}
.table-custom > tfoot > tr {
    border-top: 2px solid #D2DAE9;
}
.table-custom > thead > tr > th {
    font-size: 12px;
    font-weight: 500;

    padding: 8px 4px;

    vertical-align: middle;

    color: #96A2B9;
    border: none;
}
.table-custom > tbody > tr:nth-of-type(odd) {
    background: #F4F7FB;
}
.table-custom > tbody > tr > td {
    font-size: 12px;

    padding: 5px 3px;

    vertical-align: middle;

    border: none;
}
.table-custom > tfoot > tr > td {
    font-size: 14px;
    font-weight: 600;

    padding: 8px 4px;

    vertical-align: middle;

    color: #1D4670;
    border: none;
}
.table-custom > thead > tr > th:first-child,
.table-custom > tbody > tr > td:first-child,
.table-custom > tfoot > tr > td:first-child {
    padding-left: 8px;
}
.table-custom > tbody > tr > td a {
    display: inline-block;

    text-decoration: none;

    color: #F79D23;
}
.table-custom > tfoot > tr > td span {
    margin-right: 10px;
}
.table-custom > tfoot > tr > td a {
    display: inline-block;

    padding: 0 2px;

    text-decoration: none;

    color: #FFFFFF;
}

.table-time-clock-report > tbody > tr.blue-clr {
    background: #F4F7FB;
}
.table-time-clock-report > tfoot > tr {
    border-top: 2px solid #D2DAE9;
}
.table-time-clock-report > thead > tr > th {
    font-size: 15px;
    font-weight: bold;

    padding: 8px 4px;

    vertical-align: middle;

    color: #1D4670;
    border: none;
}
.table-time-clock-report > tbody > tr > td {
    font-size: 12px;

    padding: 5px 3px;

    vertical-align: middle;

    border: none;
}
.table-time-clock-report > tfoot > tr > td {
    font-size: 16px;
    font-weight: 600;

    padding: 8px 4px;

    vertical-align: middle;

    color: #1D4670;
    border: none;
}
.table-time-clock-report tr.user-footer > td {
    border-top: #1D4670 solid 1px!important;
}
.table-time-clock-report tr.user-footer > td {
    font-weight: bold;

    padding-top: 10px;
    padding-bottom: 10px;

    color: #1D4670;
    border: none;
}


.table-primary {
    border-color: #1D4670;
}
.table-primary > thead > tr > th {
    color: #FFFFFF;
    border-color: #1D4670;
    background: #1D4670;
}
.table-primary > tbody > tr > td {
    border-color: #1D4670;
}

/************* Pagination Links **************/
.pagination-links > .btn {
    margin-right: 5px;
    padding: 6px 0;

    cursor: pointer;

    color: #F79D23;
    border: none !important;
    background-color: #FFFFFF;
}
.pagination-links > .btn.active {
    cursor: default;

    color: #1D4670;
}
.pagination-links > .btn > i {
    margin: 0;
}

/************* Boxed Forms **************/
.boxed-form .form-group > .form-control {
    border: 0;
    border-radius: 0;
    background-color: #F5F5F5;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.boxed-form .input-group {
    border: 1px solid #CCCCCC;
    background: #F5F5F5 !important;
}
.boxed-form .input-group.has-error {
    border: 1px solid #D9534F;
}
.boxed-form .input-group > .input-group-addon {
    font-size: 12px;
    font-weight: bold;

    position: relative;

    color: #1D4670;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.boxed-form .input-group > .input-group-addon::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    width: 1px;
    height: 90%;
    margin: auto;

    content: "";

    background: #B7B7B7;
}
.boxed-form .input-group > .form-control {
    border: none;
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: 0 0 0 #FFFFFF;
       -moz-box-shadow: 0 0 0 #FFFFFF;
            box-shadow: 0 0 0 #FFFFFF;
}

.tox-tinymce-aux {
    z-index: 99999999 !important;
}

/************* navbar cross toggle **************/
.navbar-toggle.collapsed .top-bar,
.navbar-toggle.collapsed .middle-bar,
.navbar-toggle.collapsed .bottom-bar {
    display: block;

    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}
.navbar-toggle .top-bar {
    -webkit-transition: all 0.3s ease-in-out 0s;
       -moz-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
    -webkit-transform: rotate(44deg);
        -ms-transform: rotate(44deg);
            transform: rotate(44deg);
    -webkit-transform-origin: 32% 6%;
        -ms-transform-origin: 32% 6%;
            transform-origin: 32% 6%;
}
.navbar-toggle .middle-bar {
    display: none;
}
.navbar-toggle .bottom-bar {
    -webkit-transition: all 0.3s ease-in-out 0s;
       -moz-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
    -webkit-transform: rotate(-43deg);
        -ms-transform: rotate(-43deg);
            transform: rotate(-43deg);
    -webkit-transform-origin: 23% 80%;
        -ms-transform-origin: 23% 80%;
            transform-origin: 23% 80%;
}

/************* Footer Section **************/
footer {
    padding: 50px 0;
    padding-bottom: 0;

    /*background: #FFFFFF;*/
}
footer > div.frontrunner-stories {
    margin-bottom: 120px;
}
footer > div.frontrunner-stories > h1 {
    font-size: 34px;
    font-weight: 500;

    margin: 80px 0;
}
footer > div.frontrunner-stories > h1 span {
    color: #F79D23;
}
footer > div.frontrunner-stories > div.row > div {
    margin-bottom: 40px;
}
footer > div.frontrunner-stories > div.row .slick-track {
    padding: 30px 0;
}
footer > div.frontrunner-stories > div.row .slick-list {
    width: 100%!important;
}
footer > div.frontrunner-stories > div.row .slick-prev:before,
footer > div.frontrunner-stories > div.row .slick-next:before {
    font-size: 30px;

    color: #F79D24;
}
footer > div.frontrunner-stories > div.row .story-box {
    position: relative;

    width: calc(100% - 20px);
    padding: 50px 25px;

    text-align: center;

    background: #96A2B9;
}
footer > div.frontrunner-stories > div.row .story-box:after {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: -1px;
    left: 0;
    /*width: 101%;
    height: calc(100% + 1px);*/

    content: "";

    background: #FFFFFF;

    -webkit-clip-path: polygon(100% 80%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 80%, 0% 100%, 100% 100%);
}
footer > div.frontrunner-stories > div.row .story-box > .quotes {
    position: absolute;
    top: -25px;
    left: 20px;
}
footer > div.frontrunner-stories > div.row .story-box > .quotes > img {
    width: 50px;
}
footer > div.frontrunner-stories > div.row .story-box > h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: 36px;

    width: 80%;
    margin: 0;
    margin: auto;

    text-transform: capitalize;
}
footer > div.frontrunner-stories > div.row .story-box > p {
    font-size: 13px;
    line-height: 25px;

    margin: 30px 0;

    opacity: 0.5;
}
footer > div.frontrunner-stories > div.row .story-box > label {
    font-size: 16px;

    position: absolute;
    z-index: 5;
    right: 20px;
    bottom: 0;

    display: block;

    text-align: right;
    text-decoration: none;

    color: #1D4670;
}
footer > div.frontrunner-stories > div.row .story-box > label > span {
    font-size: 12px;

    display: block;

    opacity: 0.6;
}
footer > div.footer-links {
    margin-top: 40px;
    padding: 60px 0;

    color: #FFFFFF;
    background: #1D4670;
}
footer > div.footer-links > div.container > div.row > div.logo-section {
    position: relative;

    padding: 0;
}
footer > div.footer-links > div.container > div.row > div.logo-section > img {
    position: absolute;
    top: -100px;
    left: 50%;

    transform: translateX(-50%);
}
footer > div.footer-links > div.container > div.row > div.logo-section > p {
    font-size: 11px;

    margin-top: 60px;

    text-align: center;

    color: #A5AEBF;
}

.panel {
    margin: 0 7%;
}
.panel > .collapse.in {
    height: auto !important;
}

.modal {
    z-index: 9999999;
}
.modal-header {
    text-align: center;

    color: #FFFFFF;
    background: #2E6DA4;
}
.modal-header h4 {
    font-size: 24px;
    font-weight: bold;

    margin: 0;

    color: #FFFFFF;
}

#toast-container {
    z-index: 99999991;
}

.help-block {
    font-size: 13px;

    margin-bottom: 0;

    color: #D9534F;
}
.alert {
    font-size: 14px !important;
}

.back-to-top {
    position: fixed;
    z-index: 99;
    right: 375px;
    bottom: 20px;

    display: none;

    cursor: pointer;
}

/************** Page Loader *************/
#page-loader {
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    background: rgba(0, 0, 0, 0.8);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.cssload-container {
    display: block;

    width: 113px;
    margin: 56px auto;
}
.cssload-container > .cssload-loading > i {
    display: inline-block;

    width: 23px;
    height: 23px;

    border-radius: 50%;
    background: rgb(255,255,255);
}
.cssload-container > .cssload-loading i:first-child {
    -webkit-transform: translate(-23px);
       -moz-transform: translate(-23px);
        -ms-transform: translate(-23px);
         -o-transform: translate(-23px);
            transform: translate(-23px);
    -webkit-animation: cssload-loading-ani2 0.58s linear infinite;
       -moz-animation: cssload-loading-ani2 0.58s linear infinite;
        -ms-animation: cssload-loading-ani2 0.58s linear infinite;
         -o-animation: cssload-loading-ani2 0.58s linear infinite;
            animation: cssload-loading-ani2 0.58s linear infinite;

    opacity: 0;
}
.cssload-container > .cssload-loading i:nth-child(2),
.cssload-container > .cssload-loading i:nth-child(3) {
    -webkit-animation: cssload-loading-ani3 0.58s linear infinite;
       -moz-animation: cssload-loading-ani3 0.58s linear infinite;
        -ms-animation: cssload-loading-ani3 0.58s linear infinite;
         -o-animation: cssload-loading-ani3 0.58s linear infinite;
            animation: cssload-loading-ani3 0.58s linear infinite;
}
.cssload-container > .cssload-loading i:last-child {
    -webkit-animation: cssload-loading-ani1 0.58s linear infinite;
       -moz-animation: cssload-loading-ani1 0.58s linear infinite;
        -ms-animation: cssload-loading-ani1 0.58s linear infinite;
         -o-animation: cssload-loading-ani1 0.58s linear infinite;
            animation: cssload-loading-ani1 0.58s linear infinite;
}
/************** Section Loader *************/
.full-section-loader {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;

    background: rgba(0, 0, 0, 0.8);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.floating-header {
    position: fixed;
    z-index: 9999;
    top: 0;

    width: 100%;
    height: 84px;
}
/************** Chat *************/
.office-chat-btn {
    position: fixed;
    bottom: 10px;
    left: 10px;
}
.unread-message {
    position: relative;
    top: -10px;
    right: 20px;

    padding: 0 7px;

    border: 1px solid black;
    border-radius: 20px;
    background-color: #ED8915;
}
#my-chatroom-modal .chat-close-btn {
    position: absolute;
    top: -10px;
    right: -10px;

    border-radius: 23px;
    background-color: #F79D23;
}

.activity-toastr-red {
    background-color: #B73333;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important;
}
.activity-toastr-green {
    background-color: #1E8420;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important;
}
.activity-toastr-black {
    background-color: #000000;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important;
}
.activity-toastr-orange {
    background-color: #F79D23;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important;
}
.activity-toastr-blue {
    background-color: #2F96B4;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important;
}

/* Input type date */
input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;

    color: transparent;
    background: transparent;
    /*bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;*/
}
input[type="date"] {
    line-height: 19px!important;

    min-width: 130px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAABmJLR0QA/wD/AP+gvaeTAAAArElEQVQ4jWP8//8/AzUAE6bQry1hv7ZG4NKAS5YFU+jfq3N4bMYlywj32r8nB34frfn/9QUeU1B0ckuwWrcyydijG/RzpQ3xpsDMkmQPPwxhI8KIVFMYGBj+f30OZ2MJbPIA1QxCjzWOpDtE6vwxTwWZO/i8NmrQqEFI4N/LM8Ro+/fyNJoIIoswckv8//oCT9mICRi5JbG4iNW6FVmCGFNYrVsRXBoW/gNsEABLrD3FurXpUAAAAABJRU5ErkJggg==)!important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 12px) !important;
    background-size: 18px !important;
}
input[type="date"]:disabled {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAABmJLR0QA/wD/AP+gvaeTAAAAqklEQVQ4jWM8fvwoAzUAE6ZQWlpGRkYmLg24ZFkwhS5fvozHZlyyjHCvHTt2vLOz69WrV3hMQQZiYmIVFeWWlhboBvn7BxJvCgSIi4tt2LAewkaEEammMDAwvHyJ0IIlsMkDVDMIPdaIT1aWltbI3MHntVGDRg1CAhcvXiJG24ULF9FEEFlETEzs1atXeMpGTCAuLobFRRUV5cgSxJhSUVEO5zLSsPAfYIMAAto3fVtoo1UAAAAASUVORK5CYII=)!important;
    background-repeat: no-repeat!important;
    background-position: 95%!important;
    background-size: 18px!important;
}
input.input-gray {
    color: #96A2B9 !important;
}
.box-none {
    border: none!important;
    box-shadow: none!important;
}

.moa-office-banner {
    z-index: 9999;

    width: 100%;
}
.moa-container {
    font-size: 16px;

    padding: 8px;

    text-align: center;

    background: #F69D24;
}
.moa-container span {
    display: inline-block;

    min-width: 200px;
    margin: 0 10px;

    cursor: pointer;
}
.moa-container span.active {
    padding: 3px 15px;

    border-radius: 15px;
    background: #FFFFFF;
}

.calendar-clickable .fc-daygrid-day-frame {
    cursor: pointer;
}
.event-color {
    font-weight: normal;

    float: left;

    margin-right: 10px;
}
.event-color span {
    display: inline-block;
    float: left;

    width: 20px;
    height: 20px;
    margin-right: 5px;

    border-radius: 3px;
}
tr.text-center th {
    text-align: center;
}
input.code-input {
    letter-spacing: 25px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.leaderboard-table .table-custom > thead > tr > th {
    width: 80px;
}

@keyframes cssload-loading-ani1 {
    100% {
        transform: translate(45px);

        opacity: 0;
    }
}
@-o-keyframes cssload-loading-ani1 {
    100% {
        -o-transform: translate(45px);

        opacity: 0;
    }
}
@-ms-keyframes cssload-loading-ani1 {
    100% {
        -ms-transform: translate(45px);

        opacity: 0;
    }
}
@-webkit-keyframes cssload-loading-ani1 {
    100% {
        -webkit-transform: translate(45px);

        opacity: 0;
    }
}
@-moz-keyframes cssload-loading-ani1 {
    100% {
        -moz-transform: translate(45px);

        opacity: 0;
    }
}
@keyframes cssload-loading-ani2 {
    100% {
        transform: translate(23px);

        opacity: 1;
    }
}
@-o-keyframes cssload-loading-ani2 {
    100% {
        -o-transform: translate(23px);

        opacity: 1;
    }
}
@-ms-keyframes cssload-loading-ani2 {
    100% {
        -ms-transform: translate(23px);

        opacity: 1;
    }
}
@-webkit-keyframes cssload-loading-ani2 {
    100% {
        -webkit-transform: translate(23px);

        opacity: 1;
    }
}
@-moz-keyframes cssload-loading-ani2 {
    100% {
        -moz-transform: translate(23px);

        opacity: 1;
    }
}
@keyframes cssload-loading-ani3 {
    100% {
        transform: translate(23px);
    }
}
@-o-keyframes cssload-loading-ani3 {
    100% {
        -o-transform: translate(23px);
    }
}
@-ms-keyframes cssload-loading-ani3 {
    100% {
        -ms-transform: translate(23px);
    }
}
@-webkit-keyframes cssload-loading-ani3 {
    100% {
        -webkit-transform: translate(23px);
    }
}
@-moz-keyframes cssload-loading-ani3 {
    100% {
        -moz-transform: translate(23px);
    }
}
.left-section {
    padding-right: 15px;
    padding-left: 0;
}
.right-section {
    padding-left: 30px;
}
.clear-both {
    clear: both;
}

.toggle-btn {
    font-size: 13px;
    font-weight: bold;
    padding: 3px 10px;
    border: 1px solid #D6DADC;
    border-radius: 20px;
    color: #F79D23;
    background-color: #FFFFFF;
}
.toggle-btn.active {
    color: #FFFFFF;
    background-color: #F79D23;
}
.btn > i {
    margin-right: 5px;
}

@media (max-width:767px) {
    .left-section {
        padding-right: 0;
        padding-left: 0;
    }
    .right-section {
        padding-left: 0;
    }
    .slick-next {
        right: 0!important;
    }
    .slick-prev {
        left: -15px!important;
    }
}