.bgFaWhite {
    background-color: #fafafa
}

:root {
    --themeColour1: #489f46;
    --themeColour2: #125b10;
    --headerBgcolour: #e8f7ec;
    --red: #e22128;
    --info: #489f46;
    --color: #808080;
    --white: #fff;
    --process: #ff9f24;
    --success: #489f46;
    --failed: #ff0000;
    --rejected: #f15249;
    --pending: #ffc500;
    --ordered: #dbab1f;
    --processed: #115fe6;
    --despatched: #6547e2;
    --delivered: var(--success);
    --cancelled: #ff0000;
    --failed: #ff9100;
    --invoice: #3079a7
}

@font-face {
    font-family: 'Roboto', sans-serif
}

@font-face {
    font-family: 'DubaiW23-Light';
    src: url("../font/themefonts/DubaiW23-Light.woff") format("woff2"),url("../font/themefonts/DubaiW23-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DubaiW23-Regular';
    src: url("../font/themefonts/DubaiW23-Regular.woff2") format("woff2"),url("../font/themefonts/DubaiW23-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DubaiW23-Medium';
    src: url("../font/themefonts/DubaiW23-Regular.woff2") format("woff2"),url("../font/themefonts/DubaiW23-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DubaiW23-Bold';
    src: url("../font/themefonts/DubaiW23-Bold.woff2") format("woff2"),url("../font/themefonts/DubaiW23-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

.sec-checkbox {
    position: relative;
    width: 22px;
    height: 22px
}

    .sec-checkbox .sec-check-label {
        width: 22px;
        height: 22px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        border: solid 1px #d0d0d0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px
    }

    .sec-checkbox input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1;
        cursor: pointer
    }

        .sec-checkbox input:checked + .sec-check-label::after {
            content: "";
            display: block;
            position: absolute;
            top: 4px;
            right: 6px;
            width: 6px;
            height: 10px;
            border: solid #e22128;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg)
        }

.tempCheckbox.side-mr {
    margin-left: 10px
}

.tempCheckbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.tempCheckbox label {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #2d2d2d;
    position: relative;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center
}

    .tempCheckbox label::before {
        width: 18px;
        height: 18px;
        content: "";
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid var(--themeColour1);
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 8px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 0;
        margin-right: 8px
    }

.tempCheckbox input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.tempCheckbox input:checked + label:before {
    background-color: var(--themeColour1)
}

.tempCheckbox label.ischecked::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.tempCheckbox label.ischecked::before {
    background-color: var(--themeColour1)
}

.tempCheckbox label:focus {
    outline: none !important;
    color: var(--themeColour1)
}

td .tempCheckbox input:checked + label:after {
    top: 4px
}

.radio {
    margin-right: 15px;
    position: relative
}

    .radio label {
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        color: #2d2d2d;
        padding-left: 30px;
        margin: 0
    }

    .radio input[type="radio"] {
        position: absolute;
        opacity: 0
    }

        .radio input[type="radio"] + .radio-label:before {
            content: "";
            background: #fff;
            border-radius: 100%;
            border: 1px solid #929292;
            display: inline-block;
            width: 1.7em;
            height: 1.7em;
            position: absolute;
            top: -2px;
            left: 0;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            transition: all 250ms ease
        }

        .radio input[type="radio"]:checked + .radio-label:before {
            background-color: #00a34c;
            box-shadow: inset 0 0 0 4px #fff
        }

        .radio input[type="radio"]:focus + .radio-label:before {
            outline: none;
            border-color: #00a34c
        }

        .radio input[type="radio"] + .radio-label:empty:before {
            margin-right: 0
        }

    .radio input[tabindex]:focus ~ label, .radio input[tabindex]:focus-visible ~ label {
        color: var(--themeColour1)
    }

.row.to3px {
    margin-left: -3px;
    margin-right: -3px
}

    .row.to3px [class^="col-"] {
        padding-right: 3px;
        padding-left: 3px
    }

.row.to6px {
    margin-left: -6px;
    margin-right: -6px
}

    .row.to6px [class^="col-"] {
        padding-right: 6px;
        padding-left: 6px
    }

.row.to8px {
    margin-left: -8px;
    margin-right: -8px
}

    .row.to8px [class^="col-"] {
        padding-right: 8px;
        padding-left: 8px
    }

.row.to0px {
    margin-left: 0px;
    margin-right: 0px
}

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

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes growIn {
    0% {
        transform: scale(0.9);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.animated--grow-in {
    animation-name: growIn;
    animation-duration: 200ms;
    animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1),opacity cubic-bezier(0, 1, 0.4, 1)
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.75);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

    .datepicker.datepicker-rtl table tr td span {
        float: right
    }

.datepicker-dropdown {
    top: 0;
    left: 0
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-top: 0;
        border-bottom-color: rgba(0,0,0,0.2);
        position: absolute
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-top: 0;
        position: absolute
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        top: -7px
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        top: -6px
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #ffffff
    }

.datepicker > div {
    display: none
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker td, .datepicker th {
    font-size: 12px;
    text-align: center;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #999999
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #fff;
    color: #5dbd77;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

    .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
        background-color: #fff
    }

        .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069 \9
        }

        .datepicker table tr td.today:hover:hover {
            color: #000
        }

        .datepicker table tr td.today.active:hover {
            color: #fff
        }

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
        background-color: #f3d17a;
        background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
        background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: linear-gradient(top, #f3c17a, #f3e97a);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
        border-color: #f3e97a #f3e97a #edde34;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] {
            background-color: #f3e97a
        }

            .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active {
                background-color: #efe24b \9
            }

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(top, #b3b3b3, gray);
    background-image: -ms-linear-gradient(top, #b3b3b3, gray);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(gray));
    background-image: -webkit-linear-gradient(top, #b3b3b3, gray);
    background-image: -o-linear-gradient(top, #b3b3b3, gray);
    background-image: linear-gradient(top, #b3b3b3, gray);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

    .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] {
        background-color: #808080
    }

        .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active {
            background-color: #666666 \9
        }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #5dbd77;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

    .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
        background-color: #5dbd77
    }

        .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
            background-color: #003399 \9
        }

.datepicker table tr td span {
    font-size: 12px;
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .datepicker table tr td span:hover {
        background: #eeeeee
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: none;
        color: #999999;
        cursor: default
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(top, #08c, #04c);
        background-image: -ms-linear-gradient(top, #08c, #04c);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
        background-image: -webkit-linear-gradient(top, #08c, #04c);
        background-image: -o-linear-gradient(top, #08c, #04c);
        background-image: linear-gradient(top, #08c, #04c);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
        border-color: #0044cc #0044cc #002a80;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
    }

        .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
            background-color: #0044cc
        }

            .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
                background-color: #003399 \9
            }

    .datepicker table tr td span.old, .datepicker table tr td span.new {
        color: #999999
    }

.datepicker th.datepicker-switch {
    width: 145px
}

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
    cursor: pointer
}

    .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
        background: #eeeeee
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    cursor: pointer;
    width: 16px;
    height: 16px
}

.input-daterange input {
    text-align: center
}

    .input-daterange input:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px
    }

    .input-daterange input:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px
}

    .datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
        padding: 4px 5px
    }

.prev {
    text-indent: -200px;
    overflow: hidden;
    color: #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    background: url(../images/left.png) no-repeat 0 0 #0066fe
}

    .prev:hover {
        background: url(../images/left.png) no-repeat 0 0 #f40000 !important;
        background-color: #5dbd77
    }

.next {
    text-indent: -200px;
    overflow: hidden;
    color: #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    background: url(../images/right.png) no-repeat 0 0 #0066fe
}

    .next:hover {
        background: url(../images/right.png) no-repeat 0 0 #f40000 !important;
        background-color: #5dbd77
    }

.datepicker-switch {
    border-radius: 0 !important
}

.daterangepicker .prev {
    width: 30px !important;
    height: 30px !important;
    background: url(../images/left.png) no-repeat 0 0 #0066fe
}

    .daterangepicker .prev:hover {
        background: url(../images/left.png) no-repeat 0 0 #f40000 !important;
        background-color: #5dbd77
    }

.daterangepicker .next {
    width: 30px !important;
    height: 30px !important;
    background: url(../images/right.png) no-repeat 0 0 #0066fe
}

    .daterangepicker .next:hover {
        background-color: #5dbd77;
        background: url(../images/right.png) no-repeat 0 0 #f40000 !important
    }

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: 0;
    left: auto
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f40000;
    background-color: rgba(244,0,0,0.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #bfaaaa;
    background-color: rgba(191,191,170,0.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px
    }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0
    }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0.5)), color-stop(100%, rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.5)), color-stop(100%, rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,0.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2)
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,0.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9)
}

.mCSB_container {
    z-index: 0
}

.mCSB_scrollTools {
    z-index: 1
}

html, hody {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 13px;
    color: #2d2d2d;
    -ms-overflow-style: none
}

    html ::-webkit-scrollbar, hody ::-webkit-scrollbar {
        display: none
    }

    html ::-webkit-scrollbar-button, hody ::-webkit-scrollbar-button {
        display: none
    }

p {
    font-family: "Roboto";
    font-weight: 400;
    color: #2d2d2d;
    font-size: 13px
}

.languageSelection {
    position: absolute;
    left: 20px;
    top: 20px;
    font-family: "DubaiW23-Regular";
    color: #fff;
    font-size: 13px;
    z-index: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration: none
}

@media (max-width: 767px) {
    .languageSelection {
        color: #5dbd77;
        z-index: 10
    }
}

.languageSelection:hover {
    color: #e22128;
    text-decoration: none
}

a {
    text-decoration: none !important
}

.sec-HeaderHolder {
    display: flex;
    background-color: var(--white);
    border-bottom: solid 1px var(--white);
    position: relative;
    z-index: 3
}

@media (max-width: 1024px) {
    .sec-HeaderHolder {
        padding: 8px 12px
    }
}

@media (max-width: 767px) {
    .sec-HeaderHolder {
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 600px) {
    .sec-HeaderHolder {
        padding: 18px 12px 8px 12px
    }
}

.sec-HeaderHolder .brandSm {
    display: none
}

@media (max-width: 1024px) {
    .sec-HeaderHolder .brandSm {
        display: flex;
        align-items: center
    }
}

.sec-HeaderHolder .brandSm img {
    height: 45px
}

@media (max-width: 600px) {
    .sec-HeaderHolder .brandSm img {
        height: 38px
    }
}

.sec-HeaderHolder .sec-headNav_1 {
    display: flex;
    align-items: center;
    padding: 0 10px;
    height: 65px;
    border-left: solid 1px #f3f3f3
}

@media (max-width: 1199px) {
    .sec-HeaderHolder .sec-headNav_1 {
        height: 60px;
        padding: 0 12px
    }
}

@media (max-width: 1024px) {
    .sec-HeaderHolder .sec-headNav_1 {
        display: none
    }
}

.sec-HeaderHolder .sec-headNav_1 .nav_icon {
    display: flex;
    align-items: center;
    justify-content: center
}

    .sec-HeaderHolder .sec-headNav_1 .nav_icon svg {
        width: 30px;
        height: 28px
    }

        .sec-HeaderHolder .sec-headNav_1 .nav_icon svg path {
            fill: #525050
        }

.sec-HeaderHolder .sec-headNav_2 {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 1199px) {
    .sec-HeaderHolder .sec-headNav_2 {
        width: 50px;
        min-width: 50px
    }
}

@media (max-width: 767px) {
    .sec-HeaderHolder .sec-headNav_2 {
        max-width: 45px
    }
}

@media (max-width: 600px) {
    .sec-HeaderHolder .sec-headNav_2 {
        max-width: 38px
    }
}

.sec-HeaderHolder .sec-headNav_2 .hamburger {
    position: relative
}

    .sec-HeaderHolder .sec-headNav_2 .hamburger span {
        margin: 6px 0;
        display: block;
        width: 28px;
        height: 3px;
        background-color: #5dbd77
    }

        .sec-HeaderHolder .sec-headNav_2 .hamburger span:first-child {
            width: 20px;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

        .sec-HeaderHolder .sec-headNav_2 .hamburger span:last-child {
            width: 20px;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

    .sec-HeaderHolder .sec-headNav_2 .hamburger.nav-active span:first-child {
        width: 28px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

    .sec-HeaderHolder .sec-headNav_2 .hamburger.nav-active span:last-child {
        width: 28px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

.sec-HeaderHolder .sec-ProfileControl {
    padding: 0 15px;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

@media (min-width: 1025px) {
    .sec-HeaderHolder .sec-ProfileControl {
        min-width: 195px
    }
}

@media (max-width: 1024px) {
    .sec-HeaderHolder .sec-ProfileControl {
        padding: 0 8px;
        margin-left: auto
    }
}

.sec-HeaderHolder .sec-ProfileControl .searchSm {
    display: none;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer
}

@media (max-width: 767px) {
    .sec-HeaderHolder .sec-ProfileControl .searchSm {
        display: flex
    }
}

.sec-HeaderHolder .sec-ProfileControl .dpHolder {
    padding-left: 15px;
    display: block;
    position: relative
}

@media (max-width: 600px) {
    .sec-HeaderHolder .sec-ProfileControl .dpHolder {
        margin-right: auto;
        padding: 0 0 0 0
    }
}

.sec-HeaderHolder .sec-ProfileControl .dpHolder .dpLink {
    display: flex;
    position: relative;
    padding-right: 22px;
    background-color: var(--white);
    z-index: 4
}

    .sec-HeaderHolder .sec-ProfileControl .dpHolder .dpLink::after {
        position: absolute;
        right: 0;
        content: "";
        width: 14px;
        height: 8px;
        border-bottom: none;
        background: url(../images/sec-sprite.png) no-repeat 0 0
    }

.sec-HeaderHolder .sec-ProfileControl .dpHolder .dp-dropdown {
    width: 200px;
    right: -5px;
    padding: 10px 0 0 0;
    position: absolute;
    background-color: #e8f7ec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    z-index: -1;
    box-shadow: 0 1px 0px 0 rgba(32,33,36,0.28);
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    overflow: hidden
}

    .sec-HeaderHolder .sec-ProfileControl .dpHolder .dp-dropdown ul {
        padding: 0;
        margin: 0
    }

        .sec-HeaderHolder .sec-ProfileControl .dpHolder .dp-dropdown ul li {
            list-style-type: none;
            padding: 5px 10px;
            height: 0;
            visibility: hidden;
            transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s
        }

            .sec-HeaderHolder .sec-ProfileControl .dpHolder .dp-dropdown ul li a {
                font-size: 13px;
                font-family: "Roboto";
                font-weight: 400;
                color: #2d2d2d;
                display: block
            }

            .sec-HeaderHolder .sec-ProfileControl .dpHolder .dp-dropdown ul li:hover {
                background-color: #5dbd77
            }

                .sec-HeaderHolder .sec-ProfileControl .dpHolder .dp-dropdown ul li:hover a {
                    color: #fafafa
                }

    .sec-HeaderHolder .sec-ProfileControl .dpHolder .dp-dropdown.dp-Show {
        z-index: 3;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

        .sec-HeaderHolder .sec-ProfileControl .dpHolder .dp-dropdown.dp-Show ul li {
            height: auto;
            visibility: visible;
            transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility
        }

.sec-HeaderHolder .sec-ProfileControl .dpHolder .dp-image {
    display: inline-flex;
    width: 32px;
    height: 32px
}

    .sec-HeaderHolder .sec-ProfileControl .dpHolder .dp-image img {
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

.sec-HeaderHolder .sec-ProfileControl .dpHolder .name {
    padding-left: 10px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 13px;
    color: #2d2d2d;
    white-space: nowrap
}

@media (max-width: 600px) {
    .sec-HeaderHolder .sec-ProfileControl .dpHolder .name {
        display: none
    }
}

.sec-HeaderHolder .sec-ProfileControl .notificationHolder {
    width: 50px;
    position: relative;
    top: 7px
}

    .sec-HeaderHolder .sec-ProfileControl .notificationHolder .notificationVal {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -16px;
        left: 0;
        width: 26px;
        height: 26px;
        color: #fff;
        background-color: var(--themeColour1);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .sec-HeaderHolder .sec-ProfileControl .notificationHolder .ctrl-icons {
        position: relative
    }

    .sec-HeaderHolder .sec-ProfileControl .notificationHolder .dropRowNotification {
        pointer-events: none;
        width: 250px;
        right: -5px;
        padding: 10px 0 0 0;
        position: absolute;
        background-color: var(--headerBgcolour);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        box-shadow: 0 1px 0px 0 rgba(32,33,36,0.28);
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        overflow: hidden
    }

        .sec-HeaderHolder .sec-ProfileControl .notificationHolder .dropRowNotification .notificationList {
            display: block;
            padding: 10px 15px;
            border-bottom: dashed 1px var(--themeColour1);
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s
        }

            .sec-HeaderHolder .sec-ProfileControl .notificationHolder .dropRowNotification .notificationList .notificationLabel {
                display: block
            }

            .sec-HeaderHolder .sec-ProfileControl .notificationHolder .dropRowNotification .notificationList .nTitle {
                font-size: 14px;
                font-weight: 500;
                color: #2d2d2d;
                display: block;
                -webkit-transition: ease-in-out 0.4s;
                -moz-transition: ease-in-out 0.4s;
                -o-transition: ease-in-out 0.4s;
                -ms-transition: ease-in-out 0.4s;
                transition: ease-in-out 0.4s
            }

            .sec-HeaderHolder .sec-ProfileControl .notificationHolder .dropRowNotification .notificationList .nContent {
                color: #434343;
                font-size: 14px;
                font-weight: 400
            }

            .sec-HeaderHolder .sec-ProfileControl .notificationHolder .dropRowNotification .notificationList:hover {
                color: #fafafa;
                background-color: #5dbd77
            }

                .sec-HeaderHolder .sec-ProfileControl .notificationHolder .dropRowNotification .notificationList:hover .nTitle {
                    color: #fafafa
                }

                .sec-HeaderHolder .sec-ProfileControl .notificationHolder .dropRowNotification .notificationList:hover .nContent {
                    color: #fafafa
                }

            .sec-HeaderHolder .sec-ProfileControl .notificationHolder .dropRowNotification .notificationList:last-child {
                border-bottom: none
            }

        .sec-HeaderHolder .sec-ProfileControl .notificationHolder .dropRowNotification.open {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            pointer-events: visible
        }

.sec-HeaderHolder .sec-ProfileControl .mailHolder {
    width: 50px
}

@media (max-width: 600px) {
    .sec-HeaderHolder .sec-ProfileControl .mailHolder {
        width: 24px
    }
}

.sec-HeaderHolder .sec-ProfileControl .ctrl-icons {
    display: flex;
    align-items: center;
    justify-content: center
}

    .sec-HeaderHolder .sec-ProfileControl .ctrl-icons svg {
        width: 20px;
        height: 25px
    }

        .sec-HeaderHolder .sec-ProfileControl .ctrl-icons svg path {
            fill: #525050
        }

.sec-HeaderHolder .sec-ProfileControl.searchActive {
    overflow: hidden;
    width: 0;
    opacity: 0
}

@media (max-width: 1024px) {
    .sec-HeaderHolder .sec-ProfileControl.fieldHidden {
        width: 0;
        overflow: hidden;
        opacity: 0;
        padding: 0
    }
}

@media (max-width: 767px) {
    .sec-HeaderHolder .sec-ProfileControl.fieldHidden {
        width: auto;
        opacity: 1;
        overflow: visible;
        padding: 0 8px
    }
}

.sec-HeaderHolder .sec-SearchHolder {
    position: relative;
    display: flex;
    flex-grow: 2;
    align-items: center
}

@media (max-width: 767px) {
    .sec-HeaderHolder .sec-SearchHolder {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 3;
        padding: 0 15px 15px 15px;
        display: none
    }
}

@media (max-width: 767px) {
    .sec-HeaderHolder .sec-SearchHolder.smSearchRow {
        display: flex;
        padding: 5px 0 0 0
    }
}

.sec-HeaderHolder .sec-SearchHolder .searchItem {
    width: 100%;
    background-color: #fff;
    border: solid 1px #beefcb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 8px
}

@media (max-width: 600px) {
    .sec-HeaderHolder .sec-SearchHolder .searchItem .formRow {
        flex-wrap: wrap
    }

        .sec-HeaderHolder .sec-SearchHolder .searchItem .formRow .formgroup {
            width: 100%;
            background-color: #fff;
            border: solid 1px #f0d4d4;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            margin-bottom: 5px;
            height: 36px;
            display: flex;
            align-items: center
        }
}

.sec-HeaderHolder .sec-SearchHolder .searchItem .selectric-wrapper {
    width: 150px;
    border-right: solid 1px #beefcb
}

@media (max-width: 600px) {
    .sec-HeaderHolder .sec-SearchHolder .searchItem .selectric-wrapper {
        width: 100%;
        border-right: none
    }
}

.sec-HeaderHolder .sec-SearchHolder .searchItem .selectric-wrapper .sec-Section {
    margin: 0 15px 0 15px
}

.sec-HeaderHolder .sec-SearchHolder .searchItem .select2 {
    display: none !important
}

.sec-HeaderHolder .sec-SearchHolder .searchInput {
    position: relative;
    width: 100%
}

    .sec-HeaderHolder .sec-SearchHolder .searchInput input {
        width: 100%;
        padding-left: 35px;
        border: none;
        outline: none;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

    .sec-HeaderHolder .sec-SearchHolder .searchInput label {
        position: absolute;
        left: 10px;
        top: 0;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

@media (max-width: 600px) {
    .sec-HeaderHolder .sec-SearchHolder .searchInput label {
        top: 5px
    }
}

@media (max-width: 600px) {
    .sec-HeaderHolder .sec-SearchHolder .searchInput .searchClear {
        top: 4px
    }
}

.sec-HeaderHolder .sec-SearchHolder .button {
    background-color: transparent
}

.sec-HeaderHolder .sec-SearchHolder .headerSearch {
    padding: 0;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5px;
    right: 0;
    width: 80px;
    height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e8f7ec;
    border: solid 1px #beefcb;
    outline: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

@media (max-width: 600px) {
    .sec-HeaderHolder .sec-SearchHolder .headerSearch {
        top: 2px;
        right: 1px
    }
}

.sec-HeaderHolder .sec-SearchHolder .headerSearch svg {
    margin-right: 5px
}

.sec-HeaderHolder .sec-SearchHolder .headerSearch:hover {
    background-color: #beefcb
}

.sec-HeaderHolder .sec-SearchHolder.activeSearch .headerSearch {
    display: flex
}

.sec-HeaderHolder .sec-SearchHolder.activeSearch .searchInput input {
    padding-left: 10px
}

.sec-HeaderHolder .sec-SearchHolder.activeSearch .searchInput .searchLabelIcon {
    opacity: 0
}

.formRow {
    display: flex;
    align-items: center
}

    .formRow .formgroup input {
        outline: none !important;
        box-shadow: none !important
    }

.drg_message {
    position: fixed;
    right: 0;
    top: 70px;
    padding: 25px;
    color: #fff;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 99999;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
}

    .drg_message.success {
        background-color: #00a34c
    }

    .drg_message.failed {
        background-color: #e22128
    }

    .drg_message.show {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

.sec-searchrow .searchClear {
    cursor: pointer;
    position: absolute;
    right: 85px;
    top: 0;
    display: none
}

    .sec-searchrow .searchClear svg {
        width: 20px;
        height: 20px
    }

        .sec-searchrow .searchClear svg path {
            fill: #ceb6b6;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

    .sec-searchrow .searchClear:hover svg path {
        fill: #5dbd77
    }

    .sec-searchrow .searchClear.ready-to-clear {
        display: block
    }

.sec-searchrow.se-2 .searchClear {
    right: 10px;
    top: 7px
}

.sec-searchrow.se-2 .searchClearF {
    right: 40px
}

.titleSec-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center
}

@media (max-width: 767px) {
    .titleSec-2 h2 {
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .titleSec-2 .btn-seclight {
        margin-left: 30px
    }
}

@media (max-width: 767px) {
    .titleSec-2 .btn-seclight {
        margin-left: auto;
        order: -1;
        margin-bottom: 25px
    }
}

.loginHolder {
    padding-right: 95px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    justify-content: flex-end;
    background-color: var(--white)
}

@media (max-width: 1199px) {
    .loginHolder {
        padding-right: 40px
    }
}

@media (max-width: 767px) {
    .loginHolder {
        height: 100vh;
        padding: 0 20px
    }
}

.loginHolder p {
    color: var(--text-colour)
}

    .loginHolder p.backLink {
        margin-top: 20px
    }

        .loginHolder p.backLink a {
            text-decoration: underline !important;
            color: var(--themeColour1);
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s
        }

            .loginHolder p.backLink a:hover {
                color: var(--themeColour2)
            }

.loginHolder .loginformHolder {
    padding-top: 60px;
    padding-left: 50px;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    position: relative;
    z-index: 1
}

@media (max-width: 1024px) {
    .loginHolder .loginformHolder {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%
    }
}

@media (max-width: 1199px) {
    .loginHolder .loginformHolder {
        padding-left: 35px
    }
}

@media (max-width: 767px) {
    .loginHolder .loginformHolder {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-top: 45px;
        text-align: center
    }
}

.loginHolder .loginformHolder .logoHolder {
    margin-bottom: 45px
}

@media (max-width: 767px) {
    .loginHolder .loginformHolder .logoHolder {
        text-align: center
    }

        .loginHolder .loginformHolder .logoHolder img {
            max-width: 200px
        }
}

.loginHolder .loginformHolder h2 {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 24px;
    margin: 0
}

.loginHolder .loginformHolder .inputRow {
    border: solid 1px #e5e5e5
}

@media (max-width: 767px) {
    .loginHolder .loginformHolder .inputRow {
        border: none
    }
}

.loginHolder .loginformHolder hr {
    margin: 0;
    border-top: 1px solid #e5e5e5
}

@media (max-width: 767px) {
    .loginHolder .loginformHolder hr {
        display: none
    }
}

.loginHolder .loginformHolder .form-group {
    position: relative;
    margin: 0
}

@media (max-width: 767px) {
    .loginHolder .loginformHolder .form-group {
        border: solid 1px #e5e5e5;
        margin-bottom: 20px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }
}

.loginHolder .loginformHolder .form-group label {
    font-family: "Roboto";
    font-weight: 400;
    color: var(--text-colour);
    font-size: 16px;
    position: absolute;
    left: 20px;
    top: 20px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 0
}

.loginHolder .loginformHolder .form-group .line {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width: 767px) {
    .loginHolder .loginformHolder .form-group .line {
        height: 75%;
        top: 8px
    }
}

.loginHolder .loginformHolder .form-group .formcontrol {
    padding-left: 22px;
    font-family: "Roboto";
    font-weight: 500;
    color: var(--text-colour);
    font-size: 14px;
    height: 42px;
    width: 100%;
    margin-top: 25px;
    border: none;
    background-color: transparent;
    position: relative;
    box-shadow: none !important
}

    .loginHolder .loginformHolder .form-group .formcontrol::-webkit-input-placeholder {
        color: #fafafa
    }

    .loginHolder .loginformHolder .form-group .formcontrol::-moz-placeholder {
        color: #fafafa
    }

    .loginHolder .loginformHolder .form-group .formcontrol:-ms-input-placeholder {
        color: #fafafa
    }

    .loginHolder .loginformHolder .form-group .formcontrol:-moz-placeholder {
        color: #fafafa
    }

.loginHolder .loginformHolder .form-group .validator {
    text-align: right;
    padding: 10px 10px 10px 5px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    width: 140px;
    position: absolute;
    left: -145px;
    top: 25px;
    background-color: #e22128;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    display: none;
    bottom: inherit
}

@media (max-width: 767px) {
    .loginHolder .loginformHolder .form-group .validator {
        padding: 0;
        width: 95%;
        bottom: -18px;
        right: 0;
        left: auto;
        top: auto;
        color: #e22128;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        z-index: 1
    }
}

.loginHolder .loginformHolder .form-group .validator::after {
    position: absolute;
    top: 10px;
    right: -6px;
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid #e22128;
    border-bottom: 7px solid transparent
}

@media (max-width: 767px) {
    .loginHolder .loginformHolder .form-group .validator::after {
        display: none
    }
}

.loginHolder .loginformHolder .form-group .validator.field-validation-error {
    display: block
}

.loginHolder .loginformHolder .form-group i {
    font-style: normal;
    font-family: "Roboto";
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: 22px;
    width: 22px;
    height: 22px;
    background: var(--red);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 0
}

.loginHolder .loginformHolder .form-group .field-validation-error + i {
    opacity: 1
}

.loginHolder .loginformHolder .form-group.quote label {
    top: 4px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 14px
}

.loginHolder .loginformHolder .form-group .input-validation-error + .line {
    background-color: #e22128
}

.loginHolder .loginformHolder .form-group .input-validation-error + i {
    opacity: 1 !important
}

.loginHolder .loginformHolder .formSubmit {
    padding-top: 30px;
    display: flex;
    align-items: center
}

    .loginHolder .loginformHolder .formSubmit .btn-submit {
        order: -1;
        color: #fff;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 145px;
        height: 40px;
        background-color: var(--themeColour1);
        outline: none !important;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .loginHolder .loginformHolder .formSubmit .btn-submit:hover {
            color: #fff;
            background-color: #249242;
            box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
        }

    .loginHolder .loginformHolder .formSubmit .link-f {
        margin-left: auto;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        color: var(--text-colour);
        text-decoration: none;
        -webkit-transition: ease-in-out 0.4s;
        -moz-transition: ease-in-out 0.4s;
        -o-transition: ease-in-out 0.4s;
        -ms-transition: ease-in-out 0.4s;
        transition: ease-in-out 0.4s
    }

        .loginHolder .loginformHolder .formSubmit .link-f:hover {
            color: var(--themeColour1)
        }

.loginHolder .loginformHolder .loginNav {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 60px;
    right: 0
}

@media (max-width: 767px) {
    .loginHolder .loginformHolder .loginNav {
        justify-content: center;
        bottom: 0;
        left: 0;
        margin: 0 auto
    }
}

.loginHolder .loginformHolder .loginNav ul {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .loginHolder .loginformHolder .loginNav ul li {
        list-style-type: none;
        padding: 0 12px;
        position: relative
    }

@media (max-width: 600px) {
    .loginHolder .loginformHolder .loginNav ul li {
        padding: 0 5px
    }
}

.loginHolder .loginformHolder .loginNav ul li::after {
    position: absolute;
    top: 6px;
    right: 0;
    content: "";
    width: 2px;
    height: 10px;
    background-color: #b1b1b1
}

.loginHolder .loginformHolder .loginNav ul li a {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #fafafa;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

@media (max-width: 767px) {
    .loginHolder .loginformHolder .loginNav ul li a {
        font-size: 12px
    }
}

.loginHolder .loginformHolder .loginNav ul li a:hover {
    color: var(--themeColour1)
}

.loginHolder .loginformHolder .loginNav ul li:last-child {
    padding-right: 0
}

    .loginHolder .loginformHolder .loginNav ul li:last-child::after {
        display: none
    }

.loginHolder .loginformHolder .form-group input:-webkit-autofill, .loginHolder .loginformHolder .form-group input:-webkit-autofill:hover, .loginHolder .loginformHolder .form-group input:-webkit-autofill:focus, .loginHolder .loginformHolder .form-group textarea:-webkit-autofill, .loginHolder .loginformHolder .form-group textarea:-webkit-autofill:hover, .loginHolder .loginformHolder .form-group textarea:-webkit-autofill:focus, .loginHolder .loginformHolder .form-group select:-webkit-autofill, .loginHolder .loginformHolder .form-group select:-webkit-autofill:hover, .loginHolder .loginformHolder .form-group select:-webkit-autofill:focus {
    color: var(--text-colour) !important;
    -webkit-text-fill-color: var(--text-colour) !important;
    background-color: transparent !important
}

.loginHolder .carosalHolder {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
    position: relative;
    z-index: 0
}

@media (max-width: 1024px) {
    .loginHolder .carosalHolder {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%
    }
}

@media (max-width: 767px) {
    .loginHolder .carosalHolder {
        display: none
    }
}

.loginHolder .carosalHolder .loginCarosal .owl-stage-outer::before {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 55px;
    height: 100%;
    background-color: #5dbd77;
    z-index: 1
}

.loginHolder .carosalHolder .owl-item .carosalList {
    height: 100vh;
    position: relative
}

    .loginHolder .carosalHolder .owl-item .carosalList::after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: 0.6
    }

    .loginHolder .carosalHolder .owl-item .carosalList .captionHolder {
        padding-right: 100px;
        padding-bottom: 40px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
        opacity: 0.6
    }

        .loginHolder .carosalHolder .owl-item .carosalList .captionHolder h1 {
            font-family: "Roboto";
            font-weight: 700;
            color: #fff;
            font-size: 48px;
            position: relative;
            opacity: 0;
            -webkit-transition: -webkit-transform 2s;
            transition: transform 2s;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        .loginHolder .carosalHolder .owl-item .carosalList .captionHolder .crossLine {
            opacity: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto 0;
            height: 25px;
            width: 215px;
            background-color: var(--themeColour1);
            z-index: -1;
            -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
            -webkit-transition: opacity 3s, -webkit-transform 3s;
            transition: opacity 3s, transform 3s
        }

.loginHolder .carosalHolder .owl-item.active .captionHolder h1 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.loginHolder .carosalHolder .owl-item.active .captionHolder .crossLine {
    opacity: 1;
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0)
}

.loginHolder .carosalHolder .owl-nav {
    position: absolute;
    opacity: 0
}

.loginHolder .carosalHolder .owl-dots {
    position: absolute;
    right: 25px;
    bottom: 50px;
    z-index: 5
}

    .loginHolder .carosalHolder .owl-dots .owl-dot {
        display: block;
        width: 6px;
        height: 20px;
        background: var(--themeColour2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: ease-in-out 0.4s;
        -moz-transition: ease-in-out 0.4s;
        -o-transition: ease-in-out 0.4s;
        -ms-transition: ease-in-out 0.4s;
        transition: ease-in-out 0.4s;
        margin-bottom: 10px;
        outline: none !important
    }

        .loginHolder .carosalHolder .owl-dots .owl-dot.active {
            height: 30px;
            background-color: #fff;
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s
        }

.secAddField {
    padding: 0 20px 0 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-left: auto;
    align-items: center
}

@media (max-width: 480px) {
    .secAddField {
        margin-bottom: 0
    }
}

.secAddField.secaddfield {
    margin-left: 0%;
    padding-left: 0;
    margin-top: 10px
}

.secAddField .fieldRow {
    padding: 5px 20px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #beefcb;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 10px
}

@media (max-width: 480px) {
    .secAddField .fieldRow {
        width: 100%
    }
}

.secAddField .fieldRow p {
    margin-bottom: 0 !important;
    font-size: 12px
}

.secAddField .fieldRow .switch {
    display: inline-block;
    width: 40px;
    height: 18px;
    position: relative
}

    .secAddField .fieldRow .switch input {
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        cursor: pointer
    }

    .secAddField .fieldRow .switch .slider {
        width: 40px;
        background-color: #ccc;
        bottom: 0;
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: 0.4s
    }

        .secAddField .fieldRow .switch .slider:before {
            background-color: #fff;
            bottom: 3px;
            content: "";
            height: 12px;
            left: 4px;
            position: absolute;
            transition: 0.4s;
            width: 12px
        }

    .secAddField .fieldRow .switch input:checked + .slider {
        background-color: #5dbd77
    }

        .secAddField .fieldRow .switch input:checked + .slider:before {
            transform: translateX(20px)
        }

    .secAddField .fieldRow .switch .slider.round {
        border-radius: 34px
    }

        .secAddField .fieldRow .switch .slider.round:before {
            border-radius: 50%
        }

.modal-content .modal_msgrow {
    position: relative
}

    .modal-content .modal_msgrow .close {
        opacity: 1;
        position: absolute;
        top: -10px;
        right: -9px;
        width: 42px;
        height: 42px;
        background-color: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: solid 4px #666666;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none !important
    }

        .modal-content .modal_msgrow .close span {
            position: relative;
            top: -1px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #2d2d2d
        }

        .modal-content .modal_msgrow .close:hover {
            background-color: #beefcb;
            opacity: 1
        }

    .modal-content .modal_msgrow .modal-icon-row {
        display: flex;
        justify-content: center;
        align-items: center
    }

        .modal-content .modal_msgrow .modal-icon-row .modal-icon {
            width: 95px;
            height: 95px;
            display: flex;
            align-items: center;
            justify-content: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #5dbd77
        }

            .modal-content .modal_msgrow .modal-icon-row .modal-icon svg path {
                fill: #fff
            }

    .modal-content .modal_msgrow .form-group textarea {
        height: 100px
    }

.modal-content {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

.studentmdlTitle {
    background-color: #5dbd77;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

    .studentmdlTitle h3 {
        color: #fff;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 0
    }

    .studentmdlTitle .label-mdl {
        font-family: "Roboto";
        font-weight: 400;
        color: #fff;
        font-size: 14px
    }

    .studentmdlTitle .mdl-link {
        font-family: "Roboto";
        font-weight: 400;
        color: #fff;
        font-size: 14px
    }

.child-tableMdl {
    border: solid 1px #e6e6e6;
    padding-right: 5px
}

    .child-tableMdl .mdl-tableTitle {
        padding: 15px;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 18px;
        color: #434343
    }

    .child-tableMdl .listing-table {
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: scroll
    }

        .child-tableMdl .listing-table::-webkit-scrollbar-track {
            display: block;
            -webkit-box-shadow: inset 0 0 6px rgba(152,149,149,0.2);
            background-color: rgba(152,149,149,0.2)
        }

        .child-tableMdl .listing-table::-webkit-scrollbar {
            display: block;
            width: 2px;
            background-color: rgba(152,149,149,0.3)
        }

        .child-tableMdl .listing-table::-webkit-scrollbar-thumb {
            display: block;
            background-color: rgba(152,149,149,0.3);
            border: 2px solid rgba(152,149,149,0.3)
        }

        .child-tableMdl .listing-table tr {
            border-bottom: solid 1px #e6e6e6
        }

            .child-tableMdl .listing-table tr td {
                padding-top: 3px;
                padding-bottom: 3px
            }

        .child-tableMdl .listing-table .status-hold {
            padding-left: 15px;
            text-align: left
        }

        .child-tableMdl .listing-table .td_width {
            min-width: 170px
        }

        .child-tableMdl .listing-table .td_width-2 {
            width: 15px !important
        }

        .child-tableMdl .listing-table .tbl1-title {
            width: 200px
        }

        .child-tableMdl .listing-table .off-count {
            margin-left: 15px;
            width: 27px;
            height: 27px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Roboto";
            font-weight: 400;
            font-size: 12px;
            color: #5dbd77;
            background-color: #f1f1f3;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

        .child-tableMdl .listing-table .dp-row {
            align-items: center
        }

            .child-tableMdl .listing-table .dp-row .dp-img {
                display: inline-flex;
                width: 36px;
                height: 36px;
                margin-right: 8px
            }

                .child-tableMdl .listing-table .dp-row .dp-img img {
                    width: 36px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%
                }

            .child-tableMdl .listing-table .dp-row .dp-name {
                padding-right: 15px
            }

                .child-tableMdl .listing-table .dp-row .dp-name strong {
                    font-family: "Roboto";
                    font-weight: 700;
                    font-size: 12px;
                    color: #2d2d2d
                }

                .child-tableMdl .listing-table .dp-row .dp-name p {
                    font-family: "Roboto";
                    font-weight: 400;
                    font-size: 12px;
                    color: #2d2d2d;
                    margin: 0
                }

        .child-tableMdl .listing-table .sec-status {
            margin-right: auto;
            padding: 0px 10px;
            min-width: 90px;
            height: 28px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: "Roboto";
            font-weight: 700;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-size: 12px
        }

            .child-tableMdl .listing-table .sec-status.active {
                color: #497be5;
                background-color: #f0f5fe
            }

            .child-tableMdl .listing-table .sec-status.passive {
                color: #5dbd77;
                background-color: #f8e4e5
            }

        .child-tableMdl .listing-table .division-col {
            width: 68px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Roboto";
            font-weight: 700;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-size: 12px;
            color: #497be5;
            background-color: #f0f5fe
        }

        .child-tableMdl .listing-table label.text-field {
            font-family: "Roboto";
            font-weight: 400;
            font-size: 12px;
            color: #2d2d2d;
            min-height: 35px;
            display: flex;
            align-items: center
        }

        .child-tableMdl .listing-table strong {
            font-family: "Roboto";
            font-weight: 700;
            font-size: 12px;
            color: #2d2d2d
        }

.modal_msgrow .sec-btnHolder .sub_btn {
    width: 100px
}

.studentHistory .close {
    z-index: 1;
    background-color: #5dbd77
}

    .studentHistory .close span {
        color: #fff
    }

.studentHistory .historyTitle {
    height: 105px;
    position: relative;
    overflow: hidden;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

    .studentHistory .historyTitle::after {
        background-color: #5dbd77;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 100px;
        border-radius: 0 0 50% 50%;
        z-index: 0
    }

.studentHistory .profileCol {
    position: relative;
    text-align: center
}

    .studentHistory .profileCol h4 {
        font-family: "Roboto";
        font-weight: 500;
        color: #1c1f30;
        font-size: 18px;
        margin-bottom: 0px
    }

    .studentHistory .profileCol p {
        font-family: "Roboto";
        font-weight: 500;
        color: #808080;
        font-size: 16px
    }

    .studentHistory .profileCol figure {
        width: 150px;
        height: 150px;
        margin: -65px auto 10px auto
    }

@media (max-width: 991px) {
    .studentHistory .profileCol figure {
        width: 100px;
        height: 100px
    }
}

.studentHistory .profileCol figure img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 2px #fff
}

.studentHistory .historyHolder {
    position: relative;
    padding: 15px
}

    .studentHistory .historyHolder .historyRow {
        padding: 20px 0 20px 20px;
        border: solid 1px #ffcccf;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px
    }

        .studentHistory .historyHolder .historyRow .std-history {
            padding-left: 20px;
            max-height: 350px;
            overflow-x: hidden;
            overflow-y: scroll
        }

            .studentHistory .historyHolder .historyRow .std-history::-webkit-scrollbar-track {
                display: block;
                background-color: #f7ebeb;
                border: 2px solid #e0c5c5;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px
            }

            .studentHistory .historyHolder .historyRow .std-history::-webkit-scrollbar {
                display: block;
                height: 6px;
                width: 6px;
                background-color: #6e6e6e;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px
            }

            .studentHistory .historyHolder .historyRow .std-history::-webkit-scrollbar-thumb {
                display: block;
                background-color: #6e6e6e;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px
            }

            .studentHistory .historyHolder .historyRow .std-history .std-list {
                border-left: solid 2px #dddddd;
                padding-right: 20px;
                padding-left: 20px;
                padding-bottom: 12px;
                position: relative
            }

                .studentHistory .historyHolder .historyRow .std-history .std-list::after {
                    width: 17px;
                    height: 17px;
                    background-color: #ffcccf;
                    position: absolute;
                    content: "";
                    left: -10px;
                    top: 0;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%
                }

                .studentHistory .historyHolder .historyRow .std-history .std-list::before {
                    position: absolute;
                    left: -7px;
                    top: 3px;
                    content: "";
                    width: 11px;
                    height: 11px;
                    background-color: #e22128;
                    z-index: 1;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%
                }

                .studentHistory .historyHolder .historyRow .std-history .std-list .time {
                    display: block;
                    font-family: "Roboto";
                    font-weight: 400;
                    color: #434343;
                    font-size: 14px;
                    margin-bottom: 15px
                }

                .studentHistory .historyHolder .historyRow .std-history .std-list .listedComment {
                    padding: 15px;
                    background-color: #dddddd;
                    -webkit-border-radius: 12px;
                    -moz-border-radius: 12px;
                    border-radius: 12px;
                    margin-bottom: 10px
                }

                    .studentHistory .historyHolder .historyRow .std-history .std-list .listedComment p {
                        font-size: 14px;
                        margin-bottom: 0
                    }

                .studentHistory .historyHolder .historyRow .std-history .std-list:nth-child(odd)::after {
                    -webkit-animation: ripple 3s linear 1.5s infinite;
                    animation: ripple 2s linear 2s infinite;
                    background-color: #ffcccf
                }

                .studentHistory .historyHolder .historyRow .std-history .std-list:nth-child(even)::after {
                    -webkit-animation: ripple 2s linear 1.5s infinite;
                    animation: ripple 2s linear 1.5s infinite;
                    background-color: #ffcccf
                }

.eventHistory .close {
    z-index: 1;
    background-color: #5dbd77
}

    .eventHistory .close span {
        color: #fff
    }

.eventHistory .historyTitle {
    padding: 40px 20px 0 20px;
    text-align: center
}

    .eventHistory .historyTitle h2 {
        font-family: "Roboto";
        font-weight: 500;
        font-size: 18px;
        text-align: center
    }

.eventHistory .historyHolder {
    position: relative;
    padding: 15px
}

    .eventHistory .historyHolder .historyRow {
        padding: 20px 20px 20px 0;
        border: solid 1px #ffcccf;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px
    }

        .eventHistory .historyHolder .historyRow .event-history {
            padding-left: 20px;
            max-height: 350px;
            overflow-x: hidden;
            overflow-y: scroll
        }

            .eventHistory .historyHolder .historyRow .event-history::-webkit-scrollbar-track {
                display: block;
                background-color: #f7ebeb;
                border: 2px solid #e0c5c5;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px
            }

            .eventHistory .historyHolder .historyRow .event-history::-webkit-scrollbar {
                display: block;
                height: 6px;
                width: 6px;
                background-color: #6e6e6e;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px
            }

            .eventHistory .historyHolder .historyRow .event-history::-webkit-scrollbar-thumb {
                display: block;
                background-color: #6e6e6e;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px
            }

            .eventHistory .historyHolder .historyRow .event-history .event-list {
                border-left: solid 2px #dddddd;
                padding-right: 20px;
                padding-left: 20px;
                padding-bottom: 12px;
                position: relative
            }

                .eventHistory .historyHolder .historyRow .event-history .event-list::after {
                    width: 17px;
                    height: 17px;
                    background-color: #ffcccf;
                    position: absolute;
                    content: "";
                    left: -10px;
                    top: 0;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%
                }

                .eventHistory .historyHolder .historyRow .event-history .event-list::before {
                    position: absolute;
                    left: -7px;
                    top: 3px;
                    content: "";
                    width: 11px;
                    height: 11px;
                    background-color: #e22128;
                    z-index: 1;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%
                }

                .eventHistory .historyHolder .historyRow .event-history .event-list .date {
                    display: block;
                    font-family: "Roboto";
                    font-weight: 500;
                    color: #434343;
                    font-size: 16px;
                    margin-bottom: 15px
                }

                .eventHistory .historyHolder .historyRow .event-history .event-list .listedComment {
                    padding: 15px;
                    background-color: #dddddd;
                    -webkit-border-radius: 12px;
                    -moz-border-radius: 12px;
                    border-radius: 12px;
                    margin-bottom: 10px
                }

                    .eventHistory .historyHolder .historyRow .event-history .event-list .listedComment strong {
                        display: flex;
                        font-family: "Roboto";
                        font-weight: 500;
                        font-size: 16px;
                        color: #2d2d2d
                    }

                    .eventHistory .historyHolder .historyRow .event-history .event-list .listedComment p {
                        font-family: "Roboto";
                        font-weight: 400;
                        font-size: 14px;
                        margin-bottom: 0;
                        color: #2d2d2d
                    }

                    .eventHistory .historyHolder .historyRow .event-history .event-list .listedComment .statusBar .statusList {
                        text-transform: uppercase;
                        font-size: 12px;
                        padding: 5px 15px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        -webkit-border-radius: 25px;
                        -moz-border-radius: 25px;
                        border-radius: 25px
                    }

@media (max-width: 767px) {
    .eventHistory .historyHolder .historyRow .event-history .event-list .listedComment .statusBar .statusList {
        font-size: 9px
    }
}

.eventHistory .historyHolder .historyRow .event-history .event-list .listedComment .statusBar .statusList.active {
    color: #00a44d;
    background-color: rgba(0,164,77,0.1)
}

.eventHistory .historyHolder .historyRow .event-history .event-list .listedComment .statusBar .statusList.passive {
    color: #e22128;
    background-color: rgba(226,33,40,0.1)
}

.eventHistory .historyHolder .historyRow .event-history .event-list:nth-child(odd)::after {
    -webkit-animation: ripple 3s linear 1.5s infinite;
    animation: ripple 2s linear 2s infinite;
    background-color: #ffcccf
}

.eventHistory .historyHolder .historyRow .event-history .event-list:nth-child(even)::after {
    -webkit-animation: ripple 2s linear 1.5s infinite;
    animation: ripple 2s linear 1.5s infinite;
    background-color: #ffcccf
}

.bg-primary {
    background-color: #5dbd77
}

.tbl-link {
    color: #fff;
    background-color: #5dbd77;
    padding: 0px 10px;
    min-width: 90px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 12px
}

    .tbl-link:hover {
        color: #5dbd77;
        background-color: #fff;
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
    }

.s-active {
    color: #00a44d;
    background-color: rgba(0,164,77,0.1)
}

    .s-active.tbl-link {
        color: #fff;
        border: solid 1px #00a44d
    }

.passive {
    color: #f46700;
    background-color: rgba(244,103,0,0.1)
}

    .passive.tbl-link {
        color: #fff;
        border: solid 1px #f46700
    }

.pending {
    color: #f4c300;
    background-color: rgba(244,195,0,0.1)
}

    .pending.tbl-link {
        color: #fff;
        border: solid 1px #f4c300
    }

.returned {
    color: #ff9100;
    background-color: #ff9100
}

    .returned.tbl-link {
        color: #fff;
        background-color: rgba(255,145,1,0.1)
    }

.rejected {
    color: #e22128;
    background-color: rgba(226,33,40,0.1)
}

    .rejected.tbl-link {
        color: #fff;
        border: solid 1px #e22128
    }

.purple {
    color: #b42ced;
    background-color: rgba(180,44,237,0.1)
}

    .purple.tbl-link {
        color: #fff;
        border: solid 1px #b42ced
    }

.pink {
    color: #e52cbd;
    background-color: rgba(255,44,189,0.1)
}

    .pink.tbl-link {
        color: #fff;
        border: solid 1px #e52cbd
    }

.aquagreen {
    color: #5ac0ae;
    background-color: rgba(90,192,174,0.1)
}

    .aquagreen.tbl-link {
        color: #fff;
        border: solid 1px #5ac0ae
    }

.aquablue {
    color: #28b9cb;
    background-color: rgba(40,185,203,0.1)
}

    .aquablue.tbl-link {
        color: #fff;
        border: solid 1px #09cde5
    }

.orange {
    color: #fb990d;
    background-color: #faf0e2
}

    .orange.tbl-link {
        color: #fff;
        border: solid 1px #fb990d
    }

.blue-off {
    color: #2d2d2d;
    background-color: #e5efff
}

.blueLight {
    color: #497be5;
    background-color: #f0f5fe
}

.waiting {
    color: #e2836a;
    background-color: rgba(240,166,147,0.4)
}

.incomplete {
    color: #da1414;
    background-color: rgba(255,103,103,0.4)
}

.datesame svg path {
    fill: #5dbd77;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

.datesame:hover svg path {
    fill: #e5d1d2;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

.bootstrap-datetimepicker-widget {
    display: table
}

.selectric-items .selectric-scroll {
    max-height: 180px
}

    .selectric-items .selectric-scroll::-webkit-scrollbar-track {
        display: block;
        -webkit-box-shadow: inset 0 0 6px rgba(152,149,149,0.2);
        background-color: rgba(152,149,149,0.2)
    }

    .selectric-items .selectric-scroll::-webkit-scrollbar {
        display: block;
        width: 2px;
        background-color: rgba(152,149,149,0.3)
    }

    .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
        display: block;
        background-color: rgba(152,149,149,0.3);
        border: 2px solid rgba(152,149,149,0.3)
    }

.secSidebar {
    border-right: solid 1px #f3f3f3
}

    .secSidebar .sidebarClose {
        display: none
    }

        .secSidebar .sidebarClose svg {
            width: 15px;
            height: 15px;
            position: absolute;
            left: 15px;
            top: 10px
        }

            .secSidebar .sidebarClose svg path {
                fill: #2d2d2d
            }

    .secSidebar .sidebarnavRow {
        position: relative
    }

        .secSidebar .sidebarnavRow .sidebarNavigation {
            padding: 5px 0 15px 20px
        }

@media (max-width: 1199px) {
    .secSidebar .sidebarnavRow .sidebarNavigation {
        padding: 0.4rem
    }
}

@media (max-width: 991px) {
    .secSidebar .sidebarnavRow .sidebarNavigation {
        padding: 0;
        overflow-y: scroll
    }
}

.secSidebar .sidebarnavRow .sidebarNavigation.nav-row {
    max-height: calc(100vh - 90px)
}

    .secSidebar .sidebarnavRow .sidebarNavigation.nav-row .mCSB_inside > .mCSB_container {
        margin-right: 0
    }

.secSidebar .sidebarnavRow .sidebarNavigation ul {
    padding: 0 20px 0 0;
    margin: 0
}

@media (max-width: 991px) {
    .secSidebar .sidebarnavRow .sidebarNavigation ul {
        padding: 0 0 0 0
    }
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li {
    margin-bottom: 1px;
    list-style-type: none;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media (min-width: 1200px) {
    .secSidebar .sidebarnavRow .sidebarNavigation ul li {
        overflow: hidden
    }
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li:hover::after {
    opacity: 0
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li a {
    padding: 12px 18px 12px 8px;
    display: flex;
    align-items: center;
    font-family: "Roboto";
    font-weight: 400;
    color: gray;
    font-size: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

@media (max-width: 1199px) {
    .secSidebar .sidebarnavRow .sidebarNavigation ul li a {
        padding: 10px 8px
    }
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li a .icon {
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .secSidebar .sidebarnavRow .sidebarNavigation ul li a .icon svg {
        width: 20px;
        height: 20px
    }

        .secSidebar .sidebarnavRow .sidebarNavigation ul li a .icon svg path {
            fill: gray;
            -webkit-transition: ease-in-out 0.3s;
            -moz-transition: ease-in-out 0.3s;
            -o-transition: ease-in-out 0.3s;
            -ms-transition: ease-in-out 0.3s;
            transition: ease-in-out 0.3s
        }

        .secSidebar .sidebarnavRow .sidebarNavigation ul li a .icon svg polygon {
            fill: gray;
            -webkit-transition: ease-in-out 0.3s;
            -moz-transition: ease-in-out 0.3s;
            -o-transition: ease-in-out 0.3s;
            -ms-transition: ease-in-out 0.3s;
            transition: ease-in-out 0.3s
        }

        .secSidebar .sidebarnavRow .sidebarNavigation ul li a .icon svg circle {
            fill: gray;
            -webkit-transition: ease-in-out 0.3s;
            -moz-transition: ease-in-out 0.3s;
            -o-transition: ease-in-out 0.3s;
            -ms-transition: ease-in-out 0.3s;
            transition: ease-in-out 0.3s
        }

.secSidebar .sidebarnavRow .sidebarNavigation ul li a .text {
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

@media (max-width: 991px) {
    .secSidebar .sidebarnavRow .sidebarNavigation ul li a .text {
        display: block;
        width: 100%
    }
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li a.down-arow {
    position: relative
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li a:hover {
    font-family: "Roboto";
    font-weight: 400;
    background-color: var(--themeColour1)
}

    .secSidebar .sidebarnavRow .sidebarNavigation ul li a:hover .text {
        color: #fff
    }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li a:hover svg path {
        fill: #fff
    }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li a:hover svg polygon {
        fill: #fff
    }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li a:hover svg circle {
        fill: #fff
    }

.secSidebar .sidebarnavRow .sidebarNavigation ul li a.active .text {
    color: #fff
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li a.active .icon svg path {
    fill: #fff !important
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li a.active .icon svg polygon {
    fill: #fff !important
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li a.active .icon svg circle {
    fill: #fff !important
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.active {
    background-color: var(--themeColour1)
}

@media (min-width: 992px) {
    .secSidebar .sidebarnavRow .sidebarNavigation ul li.active {
        overflow: hidden
    }
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.active::after {
    opacity: 0
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.active > a {
    font-family: "Roboto";
    font-weight: 400;
    color: #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .secSidebar .sidebarnavRow .sidebarNavigation ul li.active > a .icon svg {
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .secSidebar .sidebarnavRow .sidebarNavigation ul li.active > a .icon svg path {
            fill: #fff;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

        .secSidebar .sidebarnavRow .sidebarNavigation ul li.active > a .icon svg polygon {
            fill: #fff;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

        .secSidebar .sidebarnavRow .sidebarNavigation ul li.active > a .icon svg circle {
            fill: #fff;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li.active > a .text {
        color: #fff
    }

.secSidebar .sidebarnavRow .sidebarNavigation ul li.secactive::after {
    opacity: 0
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a .text {
        font-size: 13px !important;
        color: #fff
    }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a .icon svg {
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        width: 16px;
        height: 16px
    }

        .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a .icon svg path {
            fill: #fff;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

        .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a .icon svg polygon {
            fill: #fff;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

        .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a .icon svg circle {
            fill: #fff;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a:hover .text, .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a.active .text {
        color: #5dbd77
    }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a:hover .icon svg path, .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a.active .icon svg path {
        fill: #5dbd77;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a:hover .icon svg polygon, .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a.active .icon svg polygon {
        fill: #5dbd77;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a:hover .icon svg circle, .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a.active .icon svg circle {
        fill: #5dbd77;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a:hover, .secSidebar .sidebarnavRow .sidebarNavigation ul li div .collapse-inner a.active {
        background-color: #5dbd77
    }

.secSidebar .sidebarnavRow .sidebarNavigation ul li .collapse.show .collapse-inner .collapse-item .icon svg path {
    fill: gray
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li .collapse.show .collapse-inner .collapse-item .icon svg polygon {
    fill: gray
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li .collapse.show .collapse-inner .collapse-item .icon svg circle {
    fill: gray
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li .collapse.show .collapse-inner .collapse-item .text {
    color: gray
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.active .collapse.show .collapse-inner .collapse-item .icon svg path {
    fill: #fff
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.active .collapse.show .collapse-inner .collapse-item .icon svg polygon {
    fill: #fff
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.active .collapse.show .collapse-inner .collapse-item .icon svg circle {
    fill: #fff
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.active .collapse.show .collapse-inner .collapse-item .text {
    color: #fff
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item .menuarrow {
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        position: absolute;
        right: 20px;
        top: 12px
    }

@media (max-width: 991px) {
    .secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item .menuarrow {
        display: flex;
        width: 10px;
        height: 10px;
        top: auto
    }
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item .menuarrow path {
    fill: #2d2d2d
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item.active {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

@media (min-width: 992px) {
    .secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item.active {
        padding: 5px
    }
}

.secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item.active .nav-link {
    background-color: #5dbd77
}

    .secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item.active .nav-link .icon svg path, .secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item.active .nav-link .icon svg circle {
        fill: #fff
    }

    .secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item.active .nav-link .text {
        color: #fff
    }

.secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item.active .menuarrow {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

    .secSidebar .sidebarnavRow .sidebarNavigation ul li.nav-item.drop-item.active .menuarrow path {
        fill: #fff
    }

.secSidebar.close-nav .sidebarNavigation ul li a {
    justify-content: center;
    padding: 15px 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

@media (max-width: 1199px) {
    .secSidebar.close-nav .sidebarNavigation ul li a {
        justify-content: end
    }
}

@media (max-width: 767px) {
    .secSidebar.close-nav .sidebarNavigation ul li a {
        padding: 10px 0
    }
}

.secSidebar.close-nav .sidebarNavigation ul li a .text {
    display: none
}

@media (max-width: 1199px) {
    .secSidebar.close-nav .sidebarNavigation ul li a .text {
        display: block !important
    }
}

.secSidebar.close-nav .sidebarNavigation ul li a .menuarrow {
    display: flex;
    width: 10px;
    height: 10px;
    top: auto !important;
    bottom: 0;
    left: 0;
    right: 0 !important;
    margin: 0 auto
}

.secSidebar.close-nav .sidebarNavigation ul li a.down-arow::after {
    display: none
}

.secSidebar.close-nav .sidebarClose {
    display: flex
}

@media (min-width: 768px) {
    .secSidebar.close-nav .sidebarClose {
        display: none
    }
}

.side-mr {
    margin-left: 10px;
    margin-right: 0
}

.btn label {
    margin-bottom: 0 !important
}

@media (max-width: 600px) {
    .btnHolder {
        flex-wrap: wrap
    }
}

.sec-btnHolder {
    display: inline-flex;
    position: relative
}

@media (max-width: 600px) {
    .sec-btnHolder {
        width: 100%;
        margin-bottom: 15px
    }
}

.sec-btnHolder .secLinkBtn {
    cursor: pointer;
    border: none;
    padding: 8px 20px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    background-color: #5dbd77;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none !important;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .sec-btnHolder .secLinkBtn:hover {
        color: #fff;
        background-color: #434343;
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
    }

.sec-btnHolder label {
    margin-bottom: 0
}

.sec-btnHolder.side-mr {
    margin-left: 10px
}

@media (max-width: 600px) {
    .sec-btnHolder.side-mr {
        margin-left: 0
    }
}

.sec-btnHolder .btn-hide {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.sec-btnHolder.sec-btn-primary .sub_btn {
    cursor: pointer;
    border: none;
    width: 170px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    background-color: #5dbd77;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none !important;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
}

@media (max-width: 600px) {
    .sec-btnHolder.sec-btn-primary .sub_btn {
        width: 100%
    }
}

.sec-btnHolder.sec-btn-primary .sub_btn.titleLinkIcon {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #e4373d !important;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
}

    .sec-btnHolder.sec-btn-primary .sub_btn.titleLinkIcon svg {
        position: inherit;
        display: block;
        animation: none
    }

        .sec-btnHolder.sec-btn-primary .sub_btn.titleLinkIcon svg path {
            fill: #fff
        }

.sec-btnHolder.sec-btn-primary .sub_btn.cardP {
    background-color: #fa990c
}

.sec-btnHolder.sec-btn-primary:hover .sub_btn {
    color: #fff;
    background-color: #434343;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
}

.sec-btnHolder.sec-borderbtn-primary .sub_btn {
    cursor: pointer;
    width: 170px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 14px;
    color: #5dbd77;
    border: solid 1px #5dbd77;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none !important;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
}

@media (max-width: 600px) {
    .sec-btnHolder.sec-borderbtn-primary .sub_btn {
        width: 100%
    }
}

.sec-btnHolder.sec-borderbtn-primary:hover .sub_btn {
    color: #fff;
    background-color: #434343;
    border-color: #434343
}

.form_title sup {
    color: #5dbd77
}

.form-check .validator {
    position: absolute;
    bottom: -18px;
    left: 0;
    font-size: 10px;
    color: #5dbd77
}

.form-group {
    position: relative;
    margin-bottom: 0
}

    .form-group.textPrevRow textarea {
        background: transparent;
        outline: none !important
    }

        .form-group.textPrevRow textarea:focus {
            outline: none !important;
            border-color: #e5e5e5 !important
        }

        .form-group.textPrevRow textarea:read-only {
            background-color: #fff !important
        }

    .form-group .textPrev {
        color: #434343;
        display: flex;
        align-items: center;
        padding-left: 15px;
        border: solid 1px #e5e5e5;
        height: 38px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: relative
    }

        .form-group .textPrev.dateOver {
            cursor: pointer;
            z-index: 1
        }

            .form-group .textPrev.dateOver .dateCRow {
                margin-right: 30px;
                display: flex;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -o-transition: all 0.2s;
                -ms-transition: all 0.2s;
                transition: all 0.2s
            }

                .form-group .textPrev.dateOver .dateCRow span {
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                    margin-left: 5px
                }

                .form-group .textPrev.dateOver .dateCRow.date-s-show {
                    flex-wrap: wrap;
                    white-space: unset;
                    width: 101%;
                    position: absolute;
                    right: -2px;
                    left: 0;
                    flex-wrap: wrap;
                    white-space: unset;
                    background: #fff;
                    z-index: 1;
                    padding: 9px;
                    margin: 0;
                    border-radius: 5px;
                    border: solid 1px #e5e5e5
                }

    .form-group .textPrevRow {
        color: #434343;
        display: flex;
        align-items: center;
        padding: 15px;
        border: solid 1px #e5e5e5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .form-group .labelIcon {
        position: absolute;
        right: 10px;
        bottom: 10px;
        cursor: pointer;
        z-index: 0
    }

        .form-group .labelIcon.iconInp {
            z-index: 1
        }

        .form-group .labelIcon svg {
            width: 20px;
            height: 20px
        }

            .form-group .labelIcon svg path, .form-group .labelIcon svg rect, .form-group .labelIcon svg polygon {
                fill: #a9a9a9
            }

        .form-group .labelIcon .dropI {
            display: none
        }

        .form-group .labelIcon.dropIc .calanderI {
            display: none
        }

        .form-group .labelIcon.dropIc .dropI {
            display: block
        }

    .form-group .validator {
        position: absolute;
        bottom: -18px;
        right: 0;
        font-size: 10px;
        color: var(--red)
    }

    .form-group .form_title {
        position: relative;
        font-family: "Roboto";
        font-weight: 400;
        color: #2d2d2d;
        font-size: 13px;
        margin-bottom: 0
    }

        .form-group .form_title sup {
            color: var(--red)
        }

    .form-group input {
        width: 100%;
        font-family: "Roboto";
        font-weight: 400;
        color: #434343;
        font-size: 12px;
        padding-left: 15px;
        border: solid 1px #e5e5e5;
        height: 38px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #fafafa
    }

        .form-group input.input-validation-error {
            border: solid 1px var(--red);
            box-shadow: 0 1px 6px 0 rgba(226,33,42,0.5)
        }

        .form-group input:read-only {
            background-color: rgba(208,64,69,0.1)
        }

        .form-group input.strongText {
            font-family: "Roboto";
            font-weight: 500
        }

    .form-group select {
        cursor: pointer;
        width: 100%;
        font-family: "Roboto";
        font-weight: 400;
        color: #434343;
        font-size: 12px;
        padding-left: 15px;
        border: solid 1px #e5e5e5;
        height: 38px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #fafafa
    }

        .form-group select.input-validation-error {
            border: solid 1px var(--red);
            box-shadow: 0 1px 6px 0 rgba(226,33,42,0.5)
        }

            .form-group select.input-validation-error ~ .select2-container {
                border: solid 1px var(--red);
                box-shadow: 0 1px 6px 0 rgba(226,33,42,0.5)
            }

    .form-group .dateRow {
        position: relative;
        display: block
    }

        .form-group .dateRow input {
            z-index: 1;
            background: transparent;
            padding-right: 38px
        }

    .form-group input:-webkit-autofill, .form-group input:-webkit-autofill:hover, .form-group input:-webkit-autofill:focus, .form-group textarea:-webkit-autofill, .form-group textarea:-webkit-autofill:hover, .form-group textarea:-webkit-autofill:focus, .form-group select:-webkit-autofill, .form-group select:-webkit-autofill:hover, .form-group select:-webkit-autofill:focus {
        -webkit-text-fill-color: #2d2d2d;
        -webkit-box-shadow: 0 0 0px 1000px #fff inset;
        transition: background-color 5000s ease-in-out 0s
    }

    .form-group textarea {
        width: 100%;
        padding: 12px 20px;
        resize: none;
        font-family: "Roboto";
        font-weight: 400;
        color: #434343;
        font-size: 12px;
        padding-right: 15px;
        border: solid 1px #e5e5e5;
        height: 126px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        outline: none !important;
        background-color: #fafafa;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

        .form-group textarea.input-validation-error {
            border: solid 1px #5dbd77;
            box-shadow: 0 1px 6px 0 rgba(226,33,42,0.5)
        }

        .form-group textarea:read-only {
            background-color: rgba(208,64,69,0.1)
        }

        .form-group textarea.input-validation-error ~ .tox-tinymce {
            border: solid 1px var(--red);
            box-shadow: 0 1px 6px 0 rgba(226,33,42,0.5)
        }

    .form-group.type-file input[type="file"] {
        opacity: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        cursor: pointer;
        z-index: 1
    }

        .form-group.type-file input[type="file"] + input {
            padding-right: 40px;
            word-wrap: break-word;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .form-group.s_btnHold .buttonRow {
        display: flex;
        height: 38px
    }

        .form-group.s_btnHold .buttonRow .buttonCol.name {
            display: flex;
            align-items: center;
            font-family: "Roboto";
            font-weight: 400;
            color: #2d2d2d;
            font-size: 14px;
            margin-right: 20px
        }

        .form-group.s_btnHold .buttonRow .buttonCol.noFile {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

        .form-group.s_btnHold .buttonRow .buttonCol.buttonCol.link {
            cursor: pointer;
            border: none;
            width: 170px;
            height: 38px;
            display: flex;
            align-items: center;
            padding-left: 20px;
            font-family: "Roboto";
            font-weight: 700;
            font-size: 14px;
            color: #fff;
            background-color: #5dbd77;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            outline: none !important;
            box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
            position: relative;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .form-group.s_btnHold .buttonRow .buttonCol.buttonCol.link .buttonIcon {
                position: absolute;
                right: 15px
            }

                .form-group.s_btnHold .buttonRow .buttonCol.buttonCol.link .buttonIcon svg path, .form-group.s_btnHold .buttonRow .buttonCol.buttonCol.link .buttonIcon svg polygon {
                    fill: #fff
                }

            .form-group.s_btnHold .buttonRow .buttonCol.buttonCol.link:hover {
                color: #fff;
                background-color: #434343;
                box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
            }

.btn-hide:focus ~ .sub_btn {
    background-color: var(--themeColour2)
}

.operationWidget {
    height: 55px;
    padding-left: 12px;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

    .operationWidget span {
        font-size: 20px;
        padding-bottom: 4px
    }

.search-group .searchsubmit {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 30px;
    height: 30px;
    background-color: #5dbd77;
    border: none;
    border-radius: 50%;
    z-index: 1;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .search-group .searchsubmit svg {
        width: 14px;
        height: 14px
    }

    .search-group .searchsubmit:hover {
        background-color: #434343
    }

.search-group .sec-searchrow .searchlabelIcon {
    position: absolute;
    top: 5px;
    left: 20px
}

.oval-border input {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

.btn-oval {
    padding: 5px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

label .active, td .active {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    background-color: #00a34c
}

    label .active:hover, td .active:hover {
        color: #fff
    }

label .deactive, td .deactive {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    background-color: #e22128
}

    label .deactive:hover, td .deactive:hover {
        color: #fff
    }

.confirmation_msgHolder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    visibility: hidden
}

    .confirmation_msgHolder .close-modal-q {
        position: absolute;
        top: -10px;
        right: -9px;
        width: 42px;
        height: 42px;
        background-color: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: solid 4px #666666;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .confirmation_msgHolder .close-modal-q i {
            position: relative;
            display: flex;
            width: 15px;
            height: 15px;
            background: url(../images/sec-sprite.png) -108px 1px
        }

        .confirmation_msgHolder .close-modal-q:hover {
            background-color: #beefcb
        }

    .confirmation_msgHolder .confirmation_msgrow {
        width: 450px;
        padding: 30px;
        z-index: 6;
        position: absolute;
        background-color: #fafafa;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        visibility: hidden
    }

        .confirmation_msgHolder .confirmation_msgrow.questionModal {
            width: 600px
        }

@media (max-width: 767px) {
    .confirmation_msgHolder .confirmation_msgrow.questionModal {
        width: 90%
    }
}

@media (max-width: 767px) {
    .confirmation_msgHolder .confirmation_msgrow {
        width: 300px
    }
}

.confirmation_msgHolder .confirmation_msgrow .msgClose {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: -15px;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: solid 3px #646464;
    cursor: pointer
}

.confirmation_msgHolder .confirmation_msgrow .modal-icon-row {
    display: flex;
    justify-content: center
}

    .confirmation_msgHolder .confirmation_msgrow .modal-icon-row .modal-icon {
        width: 95px;
        height: 95px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #5dbd77;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

        .confirmation_msgHolder .confirmation_msgrow .modal-icon-row .modal-icon svg {
            width: 65px
        }

.confirmation_msgHolder .confirmation_msgrow h3 {
    text-align: center;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 24px;
    color: #2d2d2d !important;
    margin-bottom: 5px
}

.confirmation_msgHolder .confirmation_msgrow p {
    text-align: center;
    color: #434343;
    font-size: 16px
}

.confirmation_msgHolder .confirmation_msgrow .btnRow {
    justify-content: center
}

.confirmation_msgHolder .confirmation_msgrow .sec-btnHolder {
    position: relative
}

    .confirmation_msgHolder .confirmation_msgrow .sec-btnHolder label {
        margin-bottom: 0
    }

    .confirmation_msgHolder .confirmation_msgrow .sec-btnHolder.side-mr {
        margin-left: 0;
        margin-right: 10px
    }

    .confirmation_msgHolder .confirmation_msgrow .sec-btnHolder .btn-hide {
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .confirmation_msgHolder .confirmation_msgrow .sec-btnHolder.sec-btn-primary .sub_btn {
        width: 110px;
        height: 33px;
        cursor: pointer;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        background-color: #5dbd77;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        outline: none !important;
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
    }

        .confirmation_msgHolder .confirmation_msgrow .sec-btnHolder.sec-btn-primary .sub_btn.success {
            background-color: #00a34c
        }

        .confirmation_msgHolder .confirmation_msgrow .sec-btnHolder.sec-btn-primary .sub_btn.addQ {
            width: 160px;
            height: 38px
        }

@media (max-width: 600px) {
    .confirmation_msgHolder .confirmation_msgrow .sec-btnHolder.sec-btn-primary .sub_btn.addQ {
        width: 100%
    }
}

.confirmation_msgHolder .confirmation_msgrow .sec-btnHolder.sec-btn-primary:hover .sub_btn {
    color: #fff;
    background-color: #434343;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
}

.confirmation_msgHolder .confirmation_msgrow .sec-btnHolder.sec-borderbtn-primary .sub_btn {
    width: 110px;
    height: 33px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 14px;
    color: #434343;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none !important;
    box-shadow: none
}

.confirmation_msgHolder .confirmation_msgrow .sec-btnHolder.sec-borderbtn-primary:hover .sub_btn {
    color: #fff;
    background-color: #434343;
    border-color: #434343
}

.confirmation_msgHolder .confirmation_msgrow.xl_msgrow {
    width: 520px
}

@media (max-width: 600px) {
    .confirmation_msgHolder .confirmation_msgrow.xl_msgrow {
        width: 95%
    }
}

.confirmation_msgHolder .confirmation_msgrow.xl_msgrow .btnRow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .confirmation_msgHolder .confirmation_msgrow.xl_msgrow .btnRow .sec-btnHolder .sub_btn {
        width: auto;
        margin-bottom: 5px
    }

.confirmation_msgHolder.show {
    visibility: visible;
    animation: fadeIn 1s ease-in both
}

    .confirmation_msgHolder.show .confirmation_msgrow {
        visibility: visible;
        animation: fadeIn 1s ease-in both
    }

.sub_btn svg {
    position: absolute;
    right: 15px;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: none
}

.sub_btn.loading svg {
    display: block
}

.status {
    position: absolute;
    bottom: -30px;
    left: 0;
    display: flex;
    opacity: 0
}

    .status p {
        margin-bottom: 0;
        font-size: 12px;
        margin-left: 10px
    }

    .status svg {
        animation-name: spin;
        animation-duration: 4000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear
    }

    .status.loading {
        opacity: 1
    }

        .status.loading svg {
            display: block
        }

textarea:focus, .form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #ecbfc0;
    box-shadow: none;
    outline: 0 none
}

.btn-seclight {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 25px 3px 25px;
    color: #5dbd77;
    background-color: #e8f7ec;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    border: solid 1px #e8f7ec
}

    .btn-seclight svg {
        margin-left: 10px
    }

    .btn-seclight:hover {
        color: #5dbd77;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        background-color: #f0d4d4;
        border: solid 1px #5dbd77
    }

.labelIcon-Link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(226,33,40,0.3);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    margin-left: 15px
}

    .labelIcon-Link svg {
        width: 20px;
        height: 20px
    }

        .labelIcon-Link svg path {
            fill: #5dbd77;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

    .labelIcon-Link:hover {
        background-color: #5dbd77
    }

        .labelIcon-Link:hover svg path {
            fill: #fff
        }

    .labelIcon-Link.close {
        width: 24px;
        height: 24px
    }

        .labelIcon-Link.close svg {
            width: 8px;
            height: 8px
        }

.link-light {
    margin-left: 10px;
    padding: 4px 10px;
    color: var(--themeColour1);
    font-family: "Roboto";
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #e8f7ec;
    border-radius: 3px
}

    .link-light .icon {
        margin-right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        background-color: var(--themeColour1);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .link-light .icon svg {
            width: 18px;
            height: 10px;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .link-light .icon svg polygon {
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s;
                fill: #fff
            }

        .link-light .icon.filter svg {
            width: 18px;
            height: 18px
        }

    .link-light:hover {
        color: #fff;
        background-color: var(--themeColour1)
    }

        .link-light:hover .icon {
            background-color: #e5efff;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .link-light:hover .icon svg polygon {
                fill: var(--themeColour1)
            }

            .link-light:hover .icon.filter svg path {
                fill: var(--themeColour1)
            }

    .link-light.is-active {
        display: none
    }

.select-border-none .selectric span.label {
    border: none !important
}

.tempCheckboxRow {
    margin: 0;
    padding-top: 25px;
    display: flex;
    height: 100%;
    align-items: center
}

@media (max-width: 991px) {
    .tempCheckboxRow .tempCheckbox.side-mr {
        margin: 0 !important
    }
}

.select2Holder .select2-container {
    width: 100% !important
}

.select2Holder .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px
}

.select2Holder .select2-container--default .select2-selection--multiple {
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fafafa
}

    .select2Holder .select2-container--default .select2-selection--multiple .select2-selection__choice {
        padding: 0px 5px 0px 5px;
        font-size: 12px;
        line-height: 21px;
        color: #434343;
        background-color: #e5e5e5;
        border: none
    }

    .select2Holder .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin-top: 7px
    }

    .select2Holder .select2-container--default .select2-selection--multiple .select2-search__field {
        display: none !important
    }

.select2Holder .select2Holder .select2-container .select2-selection--multiple {
    line-height: 22px
}

.select2Holder .form-group .selectric-wrapper {
    display: none
}

.select2Holder .form-group .select2-selection--single {
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fafafa;
    height: 38px;
    line-height: 38px;
    outline: none !important
}

.select2Holder .form-group .select2-selection__rendered {
    padding-left: 15px;
    height: 30px;
    font-family: "Roboto";
    font-weight: 400;
    color: #434343;
    font-size: 12px;
    padding-left: 15px;
    outline: none !important
}

.select2Holder .form-group .select2-selection--single .select2-selection__arrow {
    height: 38px
}

.sampleStock {
    max-width: 300px;
    margin-top: 20px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    background-color: #c9ffdb
}

    .sampleStock:hover {
        background-color: var(--themeColour1)
    }

.blogTable .dataTables_wrapper {
    padding-bottom: 25px
}

    .blogTable .dataTables_wrapper .dataTables_paginate {
        position: absolute;
        right: 0;
        display: inline-flex;
        align-items: center;
        background-color: #fafafa;
        border: solid 1px #e6e6e6;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        padding: 2px 12px 2px 2px;
        margin-top: 10px
    }

        .blogTable .dataTables_wrapper .dataTables_paginate span {
            display: flex
        }

            .blogTable .dataTables_wrapper .dataTables_paginate span .paginate_button {
                padding: 0 1.5px;
                min-width: 33px;
                display: flex;
                height: 25px;
                align-items: center;
                justify-content: center;
                background-color: transparent;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
                -webkit-transition: ease-in-out 0.4s;
                -moz-transition: ease-in-out 0.4s;
                -o-transition: ease-in-out 0.4s;
                -ms-transition: ease-in-out 0.4s;
                transition: ease-in-out 0.4s
            }

                .blogTable .dataTables_wrapper .dataTables_paginate span .paginate_button.current, .blogTable .dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
                    background: var(--themeColour1);
                    border: none;
                    box-shadow: none;
                    color: #fff !important
                }

        .blogTable .dataTables_wrapper .dataTables_paginate .paginate_button.next {
            display: flex;
            height: 25px;
            align-items: center;
            justify-content: center;
            color: #fff !important;
            background-color: var(--themeColour1);
            background-position: -1px -3px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border: none
        }

            .blogTable .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
                background-position: -1px -3px !important;
                background-color: var(--themeColour1) !important;
                border: none
            }

button:focus {
    color: #fafafa;
    background-color: var(--themeColour2)
}

.add-nursery .add-nurseryform .form-group textarea {
    height: calc(100% - 50px)
}

.add-nursery .page-breaker {
    margin-left: -28px;
    margin-right: -28px
}

.add-nursery .location-holder #map {
    width: 100%;
    height: 400px;
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.add-nursery .dateRow {
    display: flex;
    background-color: #fafafa
}

    .add-nursery .dateRow .date {
        background: initial;
        position: relative;
        z-index: 1;
        cursor: pointer
    }

    .add-nursery .dateRow .labelIcon {
        z-index: 0
    }

.nurseryContactList .contactLink {
    display: flex;
    align-items: center;
    font-family: "Roboto";
    font-weight: 400;
    color: #fff;
    background-color: #25ae84;
    padding: 8px 18px;
    margin-right: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden
}

    .nurseryContactList .contactLink svg {
        margin-right: 8px
    }

.dataHoldRow {
    padding: 12px 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #e5e5e5;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .dataHoldRow .dataTitle {
        display: block;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 4px;
        color: #e22128
    }

    .dataHoldRow .dataVal {
        display: block;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        color: #434343
    }

    .dataHoldRow:hover {
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
    }

    .dataHoldRow .listedRow .icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        background-color: #e5e5e5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-right: 8px
    }

    .dataHoldRow .listedRow label {
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        color: #434343
    }

.nurseryLocation {
    width: 100%;
    height: 100%;
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden
}

.multiselect2Holder span.select2-selection.select2-selection--multiple {
    border: none !important
}

    .multiselect2Holder span.select2-selection.select2-selection--multiple ul {
        padding-left: 15px
    }

        .multiselect2Holder span.select2-selection.select2-selection--multiple ul li {
            margin-bottom: 0;
            padding: 9px 10px;
            margin-right: 4px
        }

.multiselect2Holder .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 7px;
    padding: 4px 10px 6px 10px;
    color: #e22128 !important;
    background-color: #f8e4e5 !important;
    border: none !important
}

.multiselect2Holder ul.select2-selection__rendered {
    border: solid 1px #e5e5e5;
    background-color: #fafafa;
    border-radius: 6px
}

.multiselect2Holder .select2Holder .select2-selection__rendered {
    height: 47px !important
}

.sec-Tab-holder .nav-tabs {
    margin-top: -76px;
    margin-right: -28px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .sec-Tab-holder .nav-tabs::-webkit-scrollbar-track {
        display: block;
        background-color: #f7ebeb;
        border: 2px solid #e0c5c5;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

    .sec-Tab-holder .nav-tabs::-webkit-scrollbar {
        display: block;
        height: 6px;
        width: 6px;
        background-color: #6e6e6e;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

    .sec-Tab-holder .nav-tabs::-webkit-scrollbar-thumb {
        display: block;
        background-color: #6e6e6e;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

@media (min-width: 768px) {
    .sec-Tab-holder .nav-tabs {
        border-bottom: none
    }
}

@media (max-width: 767px) {
    .sec-Tab-holder .nav-tabs {
        margin-right: 0;
        margin-top: 0
    }
}

.sec-Tab-holder .nav-tabs li {
    margin-right: 5px;
    white-space: nowrap
}

@media (max-width: 767px) {
    .sec-Tab-holder .nav-tabs li {
        margin-bottom: 5px
    }
}

.sec-Tab-holder .nav-tabs li a {
    font-family: "Roboto";
    font-weight: 500;
    color: #ababab;
    font-size: 14px;
    border: solid 1px #f3f3f3;
    background-color: #fff
}

@media (max-width: 767px) {
    .sec-Tab-holder .nav-tabs li a {
        font-size: 12px;
        padding: 8px 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

.sec-Tab-holder .nav-tabs li a.active {
    border: solid 1px #f3f3f3
}

@media (min-width: 768px) {
    .sec-Tab-holder .nav-tabs li a.active {
        border-bottom: solid 1px #fff
    }
}

@media (max-width: 767px) {
    .sec-Tab-holder .nav-tabs li a.active {
        color: #fff;
        background-color: #5dbd77
    }
}

.sec-Tab-holder .tab-content {
    padding-top: 40px
}

@media (max-width: 991px) {
    .sec-Tab-holder .basic-info .edit-dp-img, .sec-Tab-holder .parent-info .edit-dp-img, .sec-Tab-holder .contact-info .edit-dp-img {
        order: -1
    }
}

.sec-Tab-holder .basic-info .edit-dp-img .edit-row, .sec-Tab-holder .parent-info .edit-dp-img .edit-row, .sec-Tab-holder .contact-info .edit-dp-img .edit-row {
    flex-wrap: wrap;
    display: flex;
    justify-content: center
}

@media (max-width: 1279px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row, .sec-Tab-holder .parent-info .edit-dp-img .edit-row, .sec-Tab-holder .contact-info .edit-dp-img .edit-row {
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 991px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row, .sec-Tab-holder .parent-info .edit-dp-img .edit-row, .sec-Tab-holder .contact-info .edit-dp-img .edit-row {
        width: 120px;
        position: relative;
        margin: 0 auto;
        padding-bottom: 25px
    }
}

.sec-Tab-holder .basic-info .edit-dp-img .edit-row figure, .sec-Tab-holder .parent-info .edit-dp-img .edit-row figure, .sec-Tab-holder .contact-info .edit-dp-img .edit-row figure {
    max-width: 150px;
    margin-bottom: 10px
}

@media (max-width: 1279px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row figure, .sec-Tab-holder .parent-info .edit-dp-img .edit-row figure, .sec-Tab-holder .contact-info .edit-dp-img .edit-row figure {
        max-width: 120px;
        margin-bottom: 10px
    }
}

@media (max-width: 991px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row figure, .sec-Tab-holder .parent-info .edit-dp-img .edit-row figure, .sec-Tab-holder .contact-info .edit-dp-img .edit-row figure {
        margin-bottom: 0
    }
}

.sec-Tab-holder .basic-info .edit-dp-img .edit-row figure img, .sec-Tab-holder .parent-info .edit-dp-img .edit-row figure img, .sec-Tab-holder .contact-info .edit-dp-img .edit-row figure img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 {
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: center
}

@media (max-width: 991px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 {
        position: absolute;
        width: 100%;
        height: 100%
    }
}

@media (max-width: 1279px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder {
        margin-right: 0
    }
}

@media (max-width: 991px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder {
        width: 100%;
        height: 100%;
        margin-left: 0 !important
    }
}

@media (max-width: 991px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .sub_btn, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .sub_btn, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .sub_btn {
        display: none
    }
}

.sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm {
    padding-right: 5px;
    padding-bottom: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: -0
}

@media (max-width: 991px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm {
        text-align: center
    }
}

.sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm svg, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm svg, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm svg {
    width: 20px;
    height: 20px
}

    .sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm svg path, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm svg path, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm svg path {
        fill: #fff
    }

@media (min-width: 992px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .icon-sm {
        display: none
    }
}

.sec-Tab-holder .basic-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .btn-hide, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .btn-hide, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .buttonHold-2 .sec-btnHolder .btn-hide {
    z-index: 2
}

.sec-Tab-holder .basic-info .edit-dp-img .edit-row .dimension, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .dimension, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .dimension {
    text-align: center;
    width: 150px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -15px;
    font-size: 10px;
    color: #2d2d2d;
    font-style: normal
}

@media (max-width: 991px) {
    .sec-Tab-holder .basic-info .edit-dp-img .edit-row .dimension, .sec-Tab-holder .parent-info .edit-dp-img .edit-row .dimension, .sec-Tab-holder .contact-info .edit-dp-img .edit-row .dimension {
        bottom: -15px;
        text-align: left
    }
}

.sec-Tab-holder .basic-info .form-group .inp-group, .sec-Tab-holder .parent-info .form-group .inp-group, .sec-Tab-holder .contact-info .form-group .inp-group {
    display: flex;
    align-items: center
}

    .sec-Tab-holder .basic-info .form-group .inp-group .inp-list, .sec-Tab-holder .parent-info .form-group .inp-group .inp-list, .sec-Tab-holder .contact-info .form-group .inp-group .inp-list {
        display: flex;
        align-items: center
    }

        .sec-Tab-holder .basic-info .form-group .inp-group .inp-list label, .sec-Tab-holder .parent-info .form-group .inp-group .inp-list label, .sec-Tab-holder .contact-info .form-group .inp-group .inp-list label {
            font-family: "Roboto";
            font-weight: 400;
            color: #434343;
            font-size: 14px;
            margin-bottom: 0;
            margin-left: 10px
        }

        .sec-Tab-holder .basic-info .form-group .inp-group .inp-list input, .sec-Tab-holder .parent-info .form-group .inp-group .inp-list input, .sec-Tab-holder .contact-info .form-group .inp-group .inp-list input {
            background-color: #fff;
            border: solid 1px #e5e5e5
        }

            .sec-Tab-holder .basic-info .form-group .inp-group .inp-list input.dd-1, .sec-Tab-holder .parent-info .form-group .inp-group .inp-list input.dd-1, .sec-Tab-holder .contact-info .form-group .inp-group .inp-list input.dd-1 {
                width: 42px;
                margin-left: 10px
            }

            .sec-Tab-holder .basic-info .form-group .inp-group .inp-list input.dd-2, .sec-Tab-holder .parent-info .form-group .inp-group .inp-list input.dd-2, .sec-Tab-holder .contact-info .form-group .inp-group .inp-list input.dd-2 {
                width: 80px;
                margin-left: 10px
            }

.sec-Tab-holder .basic-info .selectric-wrapper .selectric span.label, .sec-Tab-holder .parent-info .selectric-wrapper .selectric span.label, .sec-Tab-holder .contact-info .selectric-wrapper .selectric span.label {
    display: flex;
    align-items: center;
    color: #2d2d2d;
    margin: 0;
    padding: 0 15px;
    font-family: "Roboto";
    font-weight: 400;
    color: #434343;
    font-size: 14px;
    border: solid 1px #e5e5e5;
    height: 38px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none !important;
    background-color: #fafafa
}

.sec-Tab-holder .basic-info .selectric-wrapper .selectric .button, .sec-Tab-holder .parent-info .selectric-wrapper .selectric .button, .sec-Tab-holder .contact-info .selectric-wrapper .selectric .button {
    height: 36px
}

.sec-Tab-holder .basic-info .form-group.errorF .selectric-wrapper .selectric span.label, .sec-Tab-holder .parent-info .form-group.errorF .selectric-wrapper .selectric span.label, .sec-Tab-holder .contact-info .form-group.errorF .selectric-wrapper .selectric span.label {
    border: solid 1px #5dbd77;
    box-shadow: 0 1px 6px 0 rgba(226,33,42,0.5)
}

.sec-Tab-holder .basic-info .form-check, .sec-Tab-holder .parent-info .form-check, .sec-Tab-holder .contact-info .form-check {
    padding-left: 0;
    position: relative
}

    .sec-Tab-holder .basic-info .form-check .chk-row, .sec-Tab-holder .parent-info .form-check .chk-row, .sec-Tab-holder .contact-info .form-check .chk-row {
        height: 38px;
        align-items: center
    }

.sec-Tab-holder .tab-btnrow_btm {
    margin-right: auto
}

@media (max-width: 600px) {
    .sec-Tab-holder .tab-btnrow_btm .d-flex {
        flex-wrap: wrap
    }
}

.sec-Tab-holder .tab-btnrow_btm .sec-btn-primary .sub_btn {
    width: 130px
}

    .sec-Tab-holder .tab-btnrow_btm .sec-btn-primary .sub_btn.add-contactList {
        width: 170px
    }

@media (max-width: 767px) {
    .sec-Tab-holder .tab-btnrow_btm .sec-btn-primary .sub_btn.add-contactList {
        width: 125px
    }
}

@media (max-width: 600px) {
    .sec-Tab-holder .tab-btnrow_btm .sec-btn-primary .sub_btn {
        width: 100%
    }
}

.sec-Tab-holder .tab-btnrow_btm .sec-borderbtn-primary .sub_btn {
    width: 160px
}

@media (max-width: 767px) {
    .sec-Tab-holder .tab-btnrow_btm .sec-borderbtn-primary .sub_btn {
        width: 125px
    }
}

@media (max-width: 600px) {
    .sec-Tab-holder .tab-btnrow_btm .sec-borderbtn-primary .sub_btn {
        width: 100%
    }
}

#Administration {
    position: relative
}

.paymentaddHolder {
    padding: 20px;
    width: 100%;
    height: auto;
    position: absolute;
    top: auto;
    bottom: -100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #fff;
    z-index: 1
}

@media (max-width: 991px) {
    .paymentaddHolder {
        padding: 15px;
        width: 118%;
        left: -12%
    }
}

.paymentaddHolder.sec-active {
    bottom: -10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

.studentEditImageCol {
    flex-wrap: wrap;
    display: flex
}

    .studentEditImageCol .form-group {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .studentEditImageCol .edit-row {
        position: relative;
        height: auto
    }

@media (max-width: 991px) {
    .studentEditImageCol .edit-row {
        order: -1;
        width: 100%
    }

        .studentEditImageCol .edit-row .dimension {
            bottom: -18px
        }
}

.listing-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center
}

    .listing-title.start {
        justify-content: flex-start
    }

    .listing-title h2 {
        margin-right: auto
    }

@media (max-width: 991px) {
    .listing-title h2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px
    }
}

.listing-title h2 .statusNtitle {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 30px 4px 10px;
    position: relative;
    margin-bottom: 0;
    margin-left: 10px
}

    .listing-title h2 .statusNtitle::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 12px;
        margin: auto;
        content: "";
        width: 9px;
        height: 9px;
        background-color: #00a44d;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

.listing-title h2 .meetingStatus {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 30px 4px 10px;
    position: relative;
    margin-bottom: 0;
    margin-left: 10px
}

    .listing-title h2 .meetingStatus::after {
        position: absolute;
        top: 0;
        right: 18px;
        margin: auto;
        content: "";
        width: 9px;
        height: 9px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .listing-title h2 .meetingStatus.orange {
        color: #fb990d
    }

        .listing-title h2 .meetingStatus.orange::after {
            background-color: #fb990d
        }

    .listing-title h2 .meetingStatus.yellow {
        color: #f4c300
    }

        .listing-title h2 .meetingStatus.yellow::after {
            background-color: #f4c300
        }

    .listing-title h2 .meetingStatus.purple {
        color: #b42ced
    }

        .listing-title h2 .meetingStatus.purple::after {
            background-color: #b42ced
        }

    .listing-title h2 .meetingStatus.pink {
        color: #e52cbd
    }

        .listing-title h2 .meetingStatus.pink::after {
            background-color: #e52cbd
        }

    .listing-title h2 .meetingStatus.aquagreen {
        color: #5ac0ae
    }

        .listing-title h2 .meetingStatus.aquagreen::after {
            background-color: #5ac0ae
        }

    .listing-title h2 .meetingStatus.aquablue {
        color: #28b9cb
    }

        .listing-title h2 .meetingStatus.aquablue::after {
            background-color: #28b9cb
        }

    .listing-title h2 .meetingStatus.passive {
        color: #f46700
    }

        .listing-title h2 .meetingStatus.passive::after {
            background-color: #f46700
        }

    .listing-title h2 .meetingStatus.green {
        color: #00a44d
    }

        .listing-title h2 .meetingStatus.green::after {
            background-color: #00a44d
        }

@media (max-width: 1199px) {
    .listing-title .search-group {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }
}

.listing-title .search-group .sec-searchrow {
    position: relative
}

@media (max-width: 1199px) {
    .listing-title .search-group .sec-searchrow {
        width: 100%
    }
}

.listing-title .search-group .sec-searchrow .searchlabelIcon {
    top: 8px;
    left: 15px
}

.listing-title .search-group .sec-searchrow input.formcontrol {
    width: 100%;
    padding-left: 45px;
    padding-right: 60px
}

.listing-title .search-select {
    padding: 0 5px
}

@media (max-width: 1199px) {
    .listing-title .search-select {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 480px) {
    .listing-title .search-select {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }
}

.listing-title .search-select .sec-searchSelect {
    border: solid 1px #e5e5e5;
    background: #fafafa;
    position: relative
}

    .listing-title .search-select .sec-searchSelect label {
        position: absolute;
        left: 20px;
        top: 10px;
        font-family: "Roboto";
        font-weight: 700;
        margin-bottom: 0;
        font-size: 12px;
        color: #2d2d2d
    }

    .listing-title .search-select .sec-searchSelect .selectric-wrapper {
        width: 100%
    }

    .listing-title .search-select .sec-searchSelect .selectric {
        padding-left: 65px
    }

        .listing-title .search-select .sec-searchSelect .selectric span.label {
            min-width: 80px;
            display: flex;
            align-items: center;
            height: 35px;
            margin-right: 35px;
            margin-left: 5px;
            font-family: "Roboto";
            font-weight: 400;
            font-size: 13px;
            color: #2d2d2d
        }

        .listing-title .search-select .sec-searchSelect .selectric .button {
            height: 35px
        }

@media (max-width: 767px) {
    .listing-title .search-select .sec-searchSelect .selectric .button {
        display: none
    }
}

.listing-title .search-select .sec-searchSelect .selectric .button:after {
    width: 10px;
    height: 9px;
    background: url(../images/sec-sprite.png) no-repeat -88px -8px
}

.colGroupSingle {
    display: flex;
    align-items: center;
    justify-content: stretch;
    padding: 5px 3px;
    position: relative;
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

@media (max-width: 991px) {
    .colGroupSingle {
        flex-wrap: wrap
    }
}

@media (max-width: 600px) {
    .colGroupSingle {
        padding: 5px 3px 0 3px
    }
}

.colGroupSingle .singleGroupList {
    padding: 0 3px;
    display: flex;
    flex: 1
}

@media (max-width: 991px) {
    .colGroupSingle .singleGroupList {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 600px) {
    .colGroupSingle .singleGroupList {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 8px
    }
}

.colGroupSingle .singleGroupList.clear {
    max-width: 95px
}

@media (max-width: 991px) {
    .colGroupSingle .singleGroupList.clear {
        flex: 0 0 95px;
        max-width: 95px;
        margin-top: 8px
    }
}

@media (max-width: 600px) {
    .colGroupSingle .singleGroupList.clear {
        margin-top: 0
    }
}

.colGroupSingle .singleGroupList.clear .searchRefresh {
    padding: 0 20px;
    color: #fff;
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    background-color: var(--themeColour1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: none;
    outline: none;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

    .colGroupSingle .singleGroupList.clear .searchRefresh:hover {
        background-color: var(--themeColour2)
    }

    .colGroupSingle .singleGroupList.clear .searchRefresh svg {
        width: 12px;
        height: 12px;
        margin-right: 6px
    }

        .colGroupSingle .singleGroupList.clear .searchRefresh svg path {
            fill: #fff
        }

.colGroupSingle .singleSubmitRow {
    max-width: 130px
}

@media (max-width: 991px) {
    .colGroupSingle .singleSubmitRow {
        flex: 0 0 130px;
        max-width: 130px;
        margin-top: 8px
    }
}

@media (max-width: 600px) {
    .colGroupSingle .singleSubmitRow {
        margin-top: 0
    }
}

.colGroupSingle select {
    outline: none !important
}

    .colGroupSingle select:focus {
        outline: none !important
    }

.colGroupSingle .searchsubmit {
    margin-right: auto;
    font-family: "Roboto";
    font-weight: 400;
    color: #fff;
    width: 100%;
    height: 38px;
    background-color: #0066fe;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: none;
    outline: none;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

    .colGroupSingle .searchsubmit:hover {
        background-color: #07357a
    }

.multySearch {
    padding: 5px;
    padding-left: 11px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-transform: all 0.35s;
    -o-transform: all 0.35s;
    -ms-transform: all 0.35s;
    -webkit-transform: all 0.35s;
    transform: all 0.35s;
    position: relative;
    z-index: 1
}

@media (max-width: 767px) {
    .multySearch {
        margin-bottom: 25px
    }
}

.multySearch .multyCol1 {
    width: calc(100% - 260px);
    position: relative;
    z-index: 1;
    background-color: #fff
}

@media (max-width: 767px) {
    .multySearch .multyCol1 {
        width: 100%
    }
}

.multySearch .multyCol1 .search-group {
    width: 100%
}

@media (max-width: 1199px) {
    .multySearch .multyCol1 .search-group {
        margin-bottom: 0
    }
}

.multySearch .multyCol1 .search-group .sec-searchrow input.formcontrol {
    border: none;
    outline: none !important;
    box-shadow: none;
    background-color: transparent;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px rgba(255,255,255,0)
}

    .multySearch .multyCol1 .search-group .sec-searchrow input.formcontrol:focus {
        background-color: #fafafa;
        border: solid 1px #e5e5e5
    }

@media (max-width: 767px) {
    .multySearch .multyCol1 .search-group .sec-searchrow input.formcontrol {
        width: 100%;
        border-bottom: solid 1px #e5e5e5
    }
}

.multySearch .multyCol1 .search-group .sec-searchrow .searchClear {
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #e5efff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    visibility: hidden
}

    .multySearch .multyCol1 .search-group .sec-searchrow .searchClear.ready-to-clear {
        visibility: visible
    }

    .multySearch .multyCol1 .search-group .sec-searchrow .searchClear svg {
        width: 10px;
        height: 10px
    }

        .multySearch .multyCol1 .search-group .sec-searchrow .searchClear svg path {
            fill: #0066fe;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

    .multySearch .multyCol1 .search-group .sec-searchrow .searchClear:hover {
        background-color: #0066fe;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .multySearch .multyCol1 .search-group .sec-searchrow .searchClear:hover svg path {
            fill: #fff;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

.multySearch .multyCol2 {
    width: 260px;
    display: flex;
    position: relative;
    z-index: 0;
    background-color: #fff
}

@media (max-width: 767px) {
    .multySearch .multyCol2 {
        order: 2;
        padding-top: 5px
    }
}

.multySearch .multyCol2 .searchSubmitCol {
    margin-left: 20px
}

    .multySearch .multyCol2 .searchSubmitCol .searchsubmit {
        margin-right: auto;
        font-family: "Roboto";
        font-weight: 400;
        color: #fff;
        width: 118px;
        height: 38px;
        background-color: var(--themeColour1);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: none;
        outline: none;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .multySearch .multyCol2 .searchSubmitCol .searchsubmit:hover {
            background-color: var(--themeColour2)
        }

.multySearch .multyCol2 .adwanceLink {
    margin-left: auto;
    color: #808080;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .multySearch .multyCol2 .adwanceLink .icon {
        margin-left: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        background-color: #e5e5e5;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .multySearch .multyCol2 .adwanceLink .icon svg {
            width: 18px;
            height: 10px;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .multySearch .multyCol2 .adwanceLink .icon svg path {
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s
            }

    .multySearch .multyCol2 .adwanceLink:hover {
        color: #0066fe;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .multySearch .multyCol2 .adwanceLink:hover .icon {
            background-color: #e5efff;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .multySearch .multyCol2 .adwanceLink:hover .icon svg path {
                fill: #0066fe;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s
            }

    .multySearch .multyCol2 .adwanceLink.is-active {
        color: #0066fe;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .multySearch .multyCol2 .adwanceLink.is-active .icon {
            background-color: #e5efff;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .multySearch .multyCol2 .adwanceLink.is-active .icon svg {
                -ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

                .multySearch .multyCol2 .adwanceLink.is-active .icon svg path {
                    fill: #0066fe;
                    -webkit-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    -ms-transition: all 0.4s;
                    transition: all 0.4s
                }

.multySearch .multyCol3 {
    position: relative;
    z-index: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 0;
    overflow: hidden
}

    .multySearch .multyCol3 .multyColHolder {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

@media (max-width: 600px) {
    .multySearch .multyCol3 .multyColHolder {
        padding-top: 10px
    }
}

.multySearch .multyCol3 .multyColHolder .multyColWidget {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    margin-left: -5px;
    margin-right: -5px
}

@media (max-width: 600px) {
    .multySearch .multyCol3 .multyColHolder .multyColWidget {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0
    }
}

.multySearch .multyCol3 .multyColHolder .multyItems {
    margin: 5px 5px 0 5px;
    width: 100%
}

@media (max-width: 600px) {
    .multySearch .multyCol3 .multyColHolder .multyItems {
        width: 100%;
        margin: 0;
        margin-bottom: 10px
    }
}

.multySearch .multyCol3 .multyColHolder .multyItems .multySelectRow, .multySearch .multyCol3 .multyColHolder .multyItems .multySelect_row {
    border: solid 1px #e5e5e5;
    margin-right: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

@media (max-width: 600px) {
    .multySearch .multyCol3 .multyColHolder .multyItems .multySelectRow, .multySearch .multyCol3 .multyColHolder .multyItems .multySelect_row {
        margin-right: 0
    }
}

.multySearch .multyCol3 .multyColHolder .multyItems .dateRow {
    margin-right: 10px;
    display: flex;
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fafafa
}

@media (max-width: 600px) {
    .multySearch .multyCol3 .multyColHolder .multyItems .dateRow {
        margin-right: 0
    }
}

.multySearch .multyCol3 .multyColHolder .multyItems .dateRow input {
    border: none;
    width: 100%;
    height: 38px;
    background-color: transparent
}

.multySearch .multyCol3 .multyColHolder .multyItems .dateRow .labelIcon {
    bottom: 10px
}

.multySearch .multyCol3 .multyColHolder .multyItems .selectControl {
    width: 100%;
    height: 40px;
    border: none;
    border: solid 1px #e5e5e5;
    background-color: #fafafa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.multySearch .multyCol3 .multyColHolder .searchRefresh {
    margin-top: 10px;
    margin-left: auto;
    width: 90px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0066fe;
    font-size: 12px;
    font-family: "Roboto";
    font-weight: 400;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

@media (max-width: 767px) {
    .multySearch .multyCol3 .multyColHolder .searchRefresh {
        position: absolute;
        bottom: -38px;
        right: 0
    }
}

@media (max-width: 600px) {
    .multySearch .multyCol3 .multyColHolder .searchRefresh {
        padding: 5px;
        bottom: -82px;
        -webkit-border-bottom-right-radius: 12px;
        -webkit-border-bottom-left-radius: 12px;
        -moz-border-radius-bottomright: 12px;
        -moz-border-radius-bottomleft: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border: solid 1px #e5e5e5;
        background: #fff;
        border-top: none
    }
}

.multySearch .multyCol3 .multyColHolder .searchRefresh .icon {
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #e5efff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .multySearch .multyCol3 .multyColHolder .searchRefresh .icon svg {
        width: 10px;
        height: 10px
    }

        .multySearch .multyCol3 .multyColHolder .searchRefresh .icon svg path {
            fill: #0066fe;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

.multySearch .multyCol3 .multyColHolder .searchRefresh:hover {
    color: #0066fe;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #e5efff
}

    .multySearch .multyCol3 .multyColHolder .searchRefresh:hover .icon {
        background-color: #fff;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .multySearch .multyCol3 .multyColHolder .searchRefresh:hover .icon svg path {
            fill: #0066fe;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

.multySearch.searchOpen .multyCol1 .sec-searchrow input.formcontrol {
    width: 98%;
    background-color: #fafafa;
    border: solid 1px #e5e5e5
}

.multySearch.searchOpen .multyCol3 {
    overflow: visible
}

.multySearch .multySelectRow {
    border: solid 1px #e5e5e5;
    background: #fafafa;
    position: relative
}

    .multySearch .multySelectRow label {
        position: absolute;
        left: 20px;
        top: 10px;
        font-family: "Roboto";
        font-weight: 700;
        margin-bottom: 0;
        font-size: 12px;
        color: #2d2d2d
    }

    .multySearch .multySelectRow .selectric-wrapper {
        width: 100%
    }

    .multySearch .multySelectRow .selectric {
        padding-left: 65px
    }

        .multySearch .multySelectRow .selectric span.label {
            min-width: 80px;
            display: flex;
            align-items: center;
            height: 38px;
            margin-right: 35px;
            margin-left: 5px;
            font-family: "Roboto";
            font-weight: 400;
            font-size: 13px;
            color: #2d2d2d
        }

        .multySearch .multySelectRow .selectric .button {
            height: 35px
        }

            .multySearch .multySelectRow .selectric .button:after {
                width: 10px;
                height: 9px;
                background: url(../images/sec-sprite.png) no-repeat -88px -8px
            }

.multySearch .multyInput input {
    width: 100%;
    padding-left: 40px
}

.multySearch .multySelect_row {
    border: solid 1px #e5e5e5;
    background: #fafafa
}

    .multySearch .multySelect_row .selectric {
        padding-left: 16px
    }

        .multySearch .multySelect_row .selectric span.label {
            min-width: 80px;
            display: flex;
            align-items: center;
            height: 35px;
            margin-right: 35px;
            margin-left: 5px;
            font-family: "Roboto";
            font-weight: 400;
            font-size: 13px;
            color: #2d2d2d
        }

        .multySearch .multySelect_row .selectric .button {
            height: 35px
        }

            .multySearch .multySelect_row .selectric .button:after {
                width: 10px;
                height: 9px;
                background: url(../images/sec-sprite.png) no-repeat -88px -8px
            }

.absSearchRow {
    padding: 5px;
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-transform: all 0.35s;
    -o-transform: all 0.35s;
    -ms-transform: all 0.35s;
    -webkit-transform: all 0.35s;
    transform: all 0.35s;
    position: relative
}

    .absSearchRow .form-group .validator {
        bottom: 0;
        right: 3px
    }

    .absSearchRow .form-group .inputWrp {
        display: flex;
        align-items: center;
        position: relative
    }

        .absSearchRow .form-group .inputWrp .formcontrol {
            background-color: transparent
        }

        .absSearchRow .form-group .inputWrp .fIcon {
            position: absolute
        }

            .absSearchRow .form-group .inputWrp .fIcon svg path, .absSearchRow .form-group .inputWrp .fIcon svg rect, .absSearchRow .form-group .inputWrp .fIcon svg polygon {
                fill: #a9a9a9
            }

        .absSearchRow .form-group .inputWrp.iconLeft .fIcon {
            left: 10px
        }

        .absSearchRow .form-group .inputWrp.iconLeft .formcontrol {
            padding-left: 38px
        }

        .absSearchRow .form-group .inputWrp.iconRight .fIcon {
            right: 10px
        }

        .absSearchRow .form-group .inputWrp.iconRight .formcontrol {
            padding-right: 38px
        }

    .absSearchRow .form-group .selectRow {
        position: relative;
        display: flex;
        align-items: center
    }

        .absSearchRow .form-group .selectRow .dropIcon {
            position: absolute;
            right: 10px
        }

        .absSearchRow .form-group .selectRow .formselect {
            padding-left: 10px;
            padding-right: 20px;
            background-color: transparent;
            appearance: none;
            position: relative;
            cursor: pointer
        }

    .absSearchRow .sBtnRow {
        display: flex;
        align-items: center
    }

        .absSearchRow .sBtnRow .sSubmit {
            margin-right: auto;
            font-family: "Roboto";
            font-weight: 400;
            color: #fff;
            width: 100%;
            height: 38px;
            background-color: var(--themeColour1);
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border: none;
            outline: none;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .absSearchRow .sBtnRow .sSubmit:hover, .absSearchRow .sBtnRow .sSubmit:focus {
                background-color: var(--themeColour2)
            }

        .absSearchRow .sBtnRow .formMoreLink {
            padding: 0 6px;
            white-space: nowrap;
            margin-left: auto;
            color: #808080;
            font-family: "Roboto";
            font-weight: 400;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .absSearchRow .sBtnRow .formMoreLink .icon {
                margin-left: 5px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 24px;
                height: 24px;
                background-color: #e5e5e5;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s
            }

                .absSearchRow .sBtnRow .formMoreLink .icon svg {
                    width: 18px;
                    height: 10px;
                    -webkit-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    -ms-transition: all 0.4s;
                    transition: all 0.4s
                }

                    .absSearchRow .sBtnRow .formMoreLink .icon svg path {
                        -webkit-transition: all 0.4s;
                        -moz-transition: all 0.4s;
                        -o-transition: all 0.4s;
                        -ms-transition: all 0.4s;
                        transition: all 0.4s
                    }

            .absSearchRow .sBtnRow .formMoreLink:hover {
                color: #0066fe;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s
            }

                .absSearchRow .sBtnRow .formMoreLink:hover .icon {
                    background-color: #e5efff;
                    -webkit-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    -ms-transition: all 0.4s;
                    transition: all 0.4s
                }

                    .absSearchRow .sBtnRow .formMoreLink:hover .icon svg path {
                        fill: #0066fe;
                        -webkit-transition: all 0.4s;
                        -moz-transition: all 0.4s;
                        -o-transition: all 0.4s;
                        -ms-transition: all 0.4s;
                        transition: all 0.4s
                    }

            .absSearchRow .sBtnRow .formMoreLink[tabindex]:focus, .absSearchRow .sBtnRow .formMoreLink[tabindex]:focus-visible {
                outline: none;
                color: var(--themeColour1)
            }

                .absSearchRow .sBtnRow .formMoreLink[tabindex]:focus .icon, .absSearchRow .sBtnRow .formMoreLink[tabindex]:focus-visible .icon {
                    background-color: #e5efff
                }

                    .absSearchRow .sBtnRow .formMoreLink[tabindex]:focus .icon svg path, .absSearchRow .sBtnRow .formMoreLink[tabindex]:focus-visible .icon svg path {
                        fill: var(--themeColour1)
                    }

            .absSearchRow .sBtnRow .formMoreLink.is-active {
                color: #0066fe;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s
            }

                .absSearchRow .sBtnRow .formMoreLink.is-active .icon {
                    background-color: #e5efff;
                    -webkit-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    -ms-transition: all 0.4s;
                    transition: all 0.4s
                }

                    .absSearchRow .sBtnRow .formMoreLink.is-active .icon svg {
                        -ms-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg)
                    }

                        .absSearchRow .sBtnRow .formMoreLink.is-active .icon svg path {
                            fill: #0066fe;
                            -webkit-transition: all 0.4s;
                            -moz-transition: all 0.4s;
                            -o-transition: all 0.4s;
                            -ms-transition: all 0.4s;
                            transition: all 0.4s
                        }

    .absSearchRow .flipRow {
        margin-top: 6px;
        display: none
    }

    .absSearchRow .sClearRow {
        text-align: right;
        padding-bottom: 10px
    }

        .absSearchRow .sClearRow .sClearBtn {
            cursor: pointer;
            color: #fff;
            background-color: #5dbd77;
            padding: 3px 10px 6px 10px;
            border-radius: 3px;
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s
        }

            .absSearchRow .sClearRow .sClearBtn:hover {
                background-color: var(--themeColour2)
            }

    .absSearchRow .searchRow2 {
        position: relative
    }

        .absSearchRow .searchRow2 .formcontrol {
            padding-right: 35px
        }

        .absSearchRow .searchRow2 .searchClear {
            position: absolute;
            right: 8px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            background-color: #5dbd77;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .absSearchRow .searchRow2 .searchClear svg {
                width: 10px;
                height: 10px
            }

                .absSearchRow .searchRow2 .searchClear svg path {
                    fill: #fff;
                    -webkit-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    -ms-transition: all 0.4s;
                    transition: all 0.4s
                }

            .absSearchRow .searchRow2 .searchClear:hover {
                background-color: var(--themeColour1);
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s
            }

                .absSearchRow .searchRow2 .searchClear:hover svg path {
                    fill: #fff;
                    -webkit-transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -o-transition: all 0.4s;
                    -ms-transition: all 0.4s;
                    transition: all 0.4s
                }

.heckStyleOx {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%
}

    .heckStyleOx * {
        box-sizing: border-box;
        user-select: none
    }

    .heckStyleOx input[type="checkbox"] {
        height: 0;
        width: 0;
        opacity: 0
    }

        .heckStyleOx input[type="checkbox"] + label {
            position: relative;
            display: flex;
            margin: 0;
            align-items: center;
            color: #9e9e9e;
            transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1)
        }

            .heckStyleOx input[type="checkbox"] + label > ins {
                position: absolute;
                display: block;
                bottom: 0;
                left: 2em;
                height: 0;
                width: 100%;
                overflow: hidden;
                text-decoration: none;
                transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1)
            }

                .heckStyleOx input[type="checkbox"] + label > ins > i {
                    position: absolute;
                    bottom: 0;
                    font-style: normal;
                    color: #4fc3f7
                }

            .heckStyleOx input[type="checkbox"] + label > span {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 20px;
                height: 20px;
                background: transparent;
                border: 2px solid #9e9e9e;
                border-radius: 2px;
                cursor: pointer;
                transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1)
            }

            .heckStyleOx input[type="checkbox"] + label:hover > span, .heckStyleOx input[type="checkbox"]:focus + label > span {
                background: rgba(255,255,255,0.1)
            }

        .heckStyleOx input[type="checkbox"]:checked + label > ins {
            height: 100%
        }

        .heckStyleOx input[type="checkbox"]:checked + label > span {
            background: #5dbd77;
            border-color: #5dbd77;
            animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1)
        }

            .heckStyleOx input[type="checkbox"]:checked + label > span:after {
                opacity: 1
            }

    .heckStyleOx span {
        position: relative;
        margin-right: 5px
    }

        .heckStyleOx span:after {
            opacity: 0;
            content: "";
            display: block;
            position: absolute;
            top: 2px;
            left: 5px;
            width: 6px;
            height: 10px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

.shjDbMain.english .heckStyleOx span:after {
    top: 2px;
    left: 5px
}

@keyframes shrink-bounce {
    0% {
        transform: scale(1)
    }

    33% {
        transform: scale(0.85)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #212121;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }

    33% {
        width: 0.2em;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }

    100% {
        width: 0.2em;
        height: 0.5em;
        border-color: #212121;
        transform: translate3d(0, -0.5em, 0) rotate(45deg)
    }
}

.cardTab2Head .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 15px
}

.listing-table.k_listing-table {
    overflow: visible !important
}

.listing-table.sec-table .off-count {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 12px;
    color: #5dbd77;
    background-color: #f1f1f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .listing-table.sec-table .off-count.blueLight {
        color: #497be5;
        background-color: #f0f5fe
    }

    .listing-table.sec-table .off-count.default {
        color: #2d2d2d;
        background-color: #e0e0e0
    }

.listing-table.sec-table .dp-row .dp-img {
    display: inline-flex;
    width: 36px;
    height: 36px
}

    .listing-table.sec-table .dp-row .dp-img img {
        width: 36px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

.listing-table.sec-table .dp-row .dp-name {
    padding-left: 15px
}

    .listing-table.sec-table .dp-row .dp-name strong {
        font-family: "Roboto";
        font-weight: 700;
        font-size: 12px;
        color: #2d2d2d
    }

    .listing-table.sec-table .dp-row .dp-name p {
        font-family: "Roboto";
        font-weight: 400;
        font-size: 12px;
        color: #2d2d2d;
        margin: 0
    }

.listing-table.sec-table .sec-status {
    padding: 0px 10px;
    min-width: 90px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px
}

    .listing-table.sec-table .sec-status.active {
        color: #497be5;
        background-color: #f0f5fe
    }

    .listing-table.sec-table .sec-status.passive {
        color: #5dbd77;
        background-color: #f8e4e5
    }

    .listing-table.sec-table .sec-status.default {
        color: #808080;
        background-color: #eaeaea
    }

    .listing-table.sec-table .sec-status .switch {
        display: inline-block;
        height: 23px;
        position: relative;
        width: 60px
    }

        .listing-table.sec-table .sec-status .switch input {
            opacity: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            cursor: pointer
        }

        .listing-table.sec-table .sec-status .switch .slider {
            width: 50px;
            background-color: #ccc;
            bottom: 0;
            cursor: pointer;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            transition: 0.4s
        }

            .listing-table.sec-table .sec-status .switch .slider:before {
                background-color: #fff;
                bottom: 4px;
                content: "";
                height: 15px;
                left: 4px;
                position: absolute;
                transition: 0.4s;
                width: 15px
            }

        .listing-table.sec-table .sec-status .switch input:checked + .slider {
            background-color: #66bb6a
        }

            .listing-table.sec-table .sec-status .switch input:checked + .slider:before {
                transform: translateX(26px)
            }

        .listing-table.sec-table .sec-status .switch .slider.round {
            border-radius: 34px
        }

            .listing-table.sec-table .sec-status .switch .slider.round:before {
                border-radius: 50%
            }

.listing-table.sec-table .division-col {
    width: 68px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    color: #497be5;
    background-color: #f0f5fe
}

.listing-table.sec-table label.text-field {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 12px;
    color: #2d2d2d;
    min-height: 35px;
    display: flex;
    align-items: center
}

.listing-table.sec-table strong {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px;
    color: #2d2d2d
}

.searchRefresh {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 38px
}

    .searchRefresh svg {
        width: 20px;
        height: 20px;
        position: relative
    }

        .searchRefresh svg path {
            fill: #5dbd77
        }

    .searchRefresh:hover svg {
        animation: rotating 0.5s linear infinite;
        -webkit-animation: rotating 0.5s linear infinite;
        -moz-animation: rotating 0.5s linear infinite;
        -ms-animation: rotating 0.5s linear infinite;
        -o-animation: rotating 0.5s linear infinite;
        animation: rotating 0.5s linear infinite
    }

.insdate {
    padding: 3px 3px 3px 10px !important
}

.tblAddevent tr td {
    padding: 2px 10px 3px 10px !important
}

    .tblAddevent tr td .datesame {
        margin-left: 5px
    }

.td-row {
    display: flex;
    align-items: center
}

    .td-row .td-col {
        padding-left: 8px
    }

.table_content {
    padding-right: 2px;
    overflow-x: scroll;
    overflow-y: hidden
}

    .table_content::-webkit-scrollbar-track {
        display: block;
        background-color: #f7ebeb;
        border: 2px solid #e0c5c5;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

    .table_content::-webkit-scrollbar {
        display: block;
        height: 6px;
        width: 6px;
        background-color: #6e6e6e;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

    .table_content::-webkit-scrollbar-thumb {
        display: block;
        background-color: #6e6e6e;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

@media (min-width: 992px) {
    .table_content.k_table_content {
        overflow-x: inherit;
        overflow-y: inherit
    }
}

.sectblBtn {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    padding: 0 20px;
    color: #fff;
    background-color: #e22128;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .sectblBtn:hover {
        color: #fff;
        background-color: #434343;
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
    }

.bord-inp {
    border: 1px solid #e5e5e5 !important;
    outline: 0 !important;
    background-color: #fafafa !important
}

.pointStatusHold {
    font-size: 16px;
    line-height: 26px;
    padding: 10px;
    font-weight: 500;
    background-color: #fafafa
}

    .pointStatusHold .fIco {
        margin-right: 6px
    }

    .pointStatusHold .pValue {
        padding-left: 5px;
        color: #ff9933
    }

.dNursery .bg-purple {
    background-color: #b46ecb
}

.dNursery .bg-violet {
    background-color: #4d4cac
}

.dNursery .bg-redlight {
    background-color: #ff808b
}

.dNursery h4.d-nurseryTitle {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 25px;
    color: #2d2d2d;
    margin-bottom: 15px
}

.dNursery h5 {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 20px;
    color: #2d2d2d;
    margin-bottom: 15px
}

.dNursery .dNurseryBlock1 {
    width: 100%;
    padding: 30px;
    background-color: #fafafa;
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

@media (max-width: 991px) {
    .dNursery .dNurseryBlock1 {
        padding: 15px 15px 0 15px
    }
}

.dNursery .dNurseryBlock1 .dblockROw {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px
}

@media (max-width: 991px) {
    .dNursery .dNurseryBlock1 .dblockROw {
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.dNursery .dNurseryBlock1 .dblockROw .dBlockList {
    padding: 18px 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 10px
}

@media (max-width: 991px) {
    .dNursery .dNurseryBlock1 .dblockROw .dBlockList {
        justify-content: center;
        text-align: center;
        margin-bottom: 20px
    }
}

.dNursery .dNurseryBlock1 .dblockROw .dBlockList .dLabel {
    padding-left: 15px
}

.dNursery .dNurseryBlock1 .dblockROw .dBlockList p {
    margin-bottom: 0;
    color: #fff;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 12px
}

.dNursery .dNurseryBlock1 .dblockROw .dBlockList strong {
    font-family: "Roboto";
    font-weight: 500;
    color: #fff;
    font-size: 16px
}

    .dNursery .dNurseryBlock1 .dblockROw .dBlockList strong a {
        font-family: "Roboto";
        font-weight: 700;
        color: #fff;
        font-size: 16px
    }

.dNursery .dNurseryBlock2 {
    width: 100%
}

    .dNursery .dNurseryBlock2 .dbcountRow {
        display: flex;
        justify-content: space-between;
        margin: 0 -15px
    }

@media (max-width: 991px) {
    .dNursery .dNurseryBlock2 .dbcountRow {
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.dNursery .dNurseryBlock2 .dbcountRow .dbcountList {
    padding: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 160px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 15px
}

@media (max-width: 991px) {
    .dNursery .dNurseryBlock2 .dbcountRow .dbcountList {
        width: calc((100% / 2) - 30px)
    }
}

.dNursery .dNurseryBlock2 .dbcountRow .dbcountList strong {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 16px;
    color: #2d2d2d;
    width: 100%;
    display: flex;
    justify-content: center;
    text-transform: uppercase
}

.dNursery .dNurseryBlock2 .dbcountRow .dbcountList h4 {
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 700;
    color: #808080;
    font-size: 30px;
    line-height: 25px
}

.dNursery .dNurseryBlock2 .dbcountRow .dbcountList:first-child {
    background-color: #c1edc1
}

.dNursery .dNurseryBlock2 .dbcountRow .dbcountList:nth-child(2n) {
    background-color: #f9e2b6
}

.dNursery .dNurseryBlock2 .dbcountRow .dbcountList:nth-child(3n) {
    background-color: #d9d1fd
}

.dNursery .dNurseryBlock2 .dbcountRow .dbcountList:nth-child(4n) {
    background-color: #beddff
}

.dNursery .dNurseryBlock3 .dbtableRow {
    display: flex;
    justify-content: space-between;
    margin: 0 -15px
}

@media (max-width: 991px) {
    .dNursery .dNurseryBlock3 .dbtableRow {
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.dNursery .dNurseryBlock3 .dbtableRow .dbtableCol {
    padding: 25px 25px 20px 25px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 5px 15px 20px 15px;
    border: solid 1px #e5e5e5
}

    .dNursery .dNurseryBlock3 .dbtableRow .dbtableCol label {
        margin-bottom: 0
    }

    .dNursery .dNurseryBlock3 .dbtableRow .dbtableCol .table thead th {
        padding-left: 0;
        border: none;
        font-family: "Roboto";
        font-weight: 700;
        font-size: 14px
    }

    .dNursery .dNurseryBlock3 .dbtableRow .dbtableCol tr td {
        padding: 8px 0
    }

        .dNursery .dNurseryBlock3 .dbtableRow .dbtableCol tr td .slNo {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            background-color: #dbdbd9;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            margin-right: 10px;
            font-family: "Roboto";
            font-weight: 700;
            font-size: 12px;
            color: #2d2d2d
        }

        .dNursery .dNurseryBlock3 .dbtableRow .dbtableCol tr td .textlabel {
            font-family: "Roboto";
            font-weight: 700;
            color: #434343;
            font-size: 12px
        }

        .dNursery .dNurseryBlock3 .dbtableRow .dbtableCol tr td .countlabel {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 55px;
            height: 28px;
            background-color: #dbdbd9;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            margin: 0 auto;
            font-family: "Roboto";
            font-weight: 700;
            font-size: 12px;
            color: #2d2d2d
        }

    .dNursery .dNurseryBlock3 .dbtableRow .dbtableCol .paginationHolder {
        width: 100%;
        padding-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-top: solid 1px #e5e5e5
    }

        .dNursery .dNurseryBlock3 .dbtableRow .dbtableCol .paginationHolder .box-body .pagination-container {
            margin-bottom: 0;
            padding-right: 0;
            margin-left: 0
        }

    .dNursery .dNurseryBlock3 .dbtableRow .dbtableCol .bdr-btm {
        border-bottom: solid 1px #e5e5e5
    }

.dNursery .dNurseryBlock4 {
    padding: 30px;
    border: solid 1px #e5e5e5;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.dNursery .dNurseryTitle {
    display: flex;
    align-items: center;
    margin-bottom: 35px
}

@media (max-width: 991px) {
    .dNursery .dNurseryTitle {
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 992px) {
    .dNursery .dNurseryTitle h5 {
        margin-bottom: 0
    }
}

.dNursery .dNurseryTitle .dNurserySelection {
    margin-left: auto
}

    .dNursery .dNurseryTitle .dNurserySelection .selectGroup {
        position: relative;
        border: solid 1px #e5e5e5;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        background-color: #fafafa
    }

        .dNursery .dNurseryTitle .dNurserySelection .selectGroup label {
            position: absolute;
            left: 12px;
            top: 8px;
            color: #808080;
            font-family: "Roboto";
            font-weight: 400
        }

        .dNursery .dNurseryTitle .dNurserySelection .selectGroup .selectric-wrapper {
            min-width: 190px
        }

            .dNursery .dNurseryTitle .dNurserySelection .selectGroup .selectric-wrapper .selectric .label {
                padding-left: 55px;
                display: flex;
                align-items: center;
                height: 35px;
                font-size: 12px;
                line-height: 10px;
                margin: 0;
                font-family: "Roboto";
                font-weight: 700;
                color: #5d5959
            }

            .dNursery .dNurseryTitle .dNurserySelection .selectGroup .selectric-wrapper .selectric .button {
                right: 0;
                top: 5px
            }

.dNursery .dNurseryBlock5 {
    padding: 30px 20px 20px 20px;
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff
}

    .dNursery .dNurseryBlock5 .NurseryCarosalHolder {
        direction: ltr;
        position: relative
    }

        .dNursery .dNurseryBlock5 .NurseryCarosalHolder .dNurseryCarosal {
            position: relative
        }

            .dNursery .dNurseryBlock5 .NurseryCarosalHolder .dNurseryCarosal .staffList {
                padding: 5px
            }

                .dNursery .dNurseryBlock5 .NurseryCarosalHolder .dNurseryCarosal .staffList figure {
                    overflow: hidden;
                    -webkit-border-radius: 6px;
                    -moz-border-radius: 6px;
                    border-radius: 6px
                }

                .dNursery .dNurseryBlock5 .NurseryCarosalHolder .dNurseryCarosal .staffList .nameLabel {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-family: "Roboto";
                    font-weight: 500;
                    font-size: 16px
                }

                .dNursery .dNurseryBlock5 .NurseryCarosalHolder .dNurseryCarosal .staffList .deSLabel {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-family: "Roboto";
                    font-weight: 400;
                    font-size: 14px
                }

        .dNursery .dNurseryBlock5 .NurseryCarosalHolder .owl-nav {
            display: block;
            position: absolute;
            width: 100%;
            height: 30px;
            top: 0;
            bottom: 0;
            margin: auto 0
        }

            .dNursery .dNurseryBlock5 .NurseryCarosalHolder .owl-nav .owl-prev {
                width: 40px;
                height: 40px;
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background-color: #fff;
                left: -15px;
                box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
                outline: none !important
            }

                .dNursery .dNurseryBlock5 .NurseryCarosalHolder .owl-nav .owl-prev span {
                    display: none
                }

                .dNursery .dNurseryBlock5 .NurseryCarosalHolder .owl-nav .owl-prev::before {
                    position: relative;
                    content: '';
                    width: 13px;
                    height: 19px;
                    background: url(../images/sec-sprite.png) no-repeat 1px -20px;
                    transform: rotate(180deg)
                }

            .dNursery .dNurseryBlock5 .NurseryCarosalHolder .owl-nav .owl-next {
                width: 40px;
                height: 40px;
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background-color: #fff;
                right: -15px;
                box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
                outline: none !important
            }

                .dNursery .dNurseryBlock5 .NurseryCarosalHolder .owl-nav .owl-next span {
                    display: none
                }

                .dNursery .dNurseryBlock5 .NurseryCarosalHolder .owl-nav .owl-next::before {
                    position: relative;
                    content: '';
                    width: 13px;
                    height: 19px;
                    background: url(../images/sec-sprite.png) no-repeat 1px -20px
                }

.sorting-holder ul {
    padding: 0
}

    .sorting-holder ul li {
        list-style-type: none;
        background-color: #e8f7ec;
        border: solid 1px #beefcb;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin-bottom: 10px
    }

        .sorting-holder ul li .sorting-title {
            padding: 15px 10px;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            cursor: pointer
        }

@media (max-width: 767px) {
    .sorting-holder ul li .sorting-title {
        padding: 15px 45px 15px 10px
    }
}

.sorting-holder ul li .sorting-title label {
    margin-bottom: 0
}

    .sorting-holder ul li .sorting-title label.fieldName {
        display: inline-flex;
        flex-wrap: wrap;
        font-size: 16px;
        color: #3a3131;
        font-family: "Roboto";
        font-weight: 700;
        margin-right: 10px
    }

@media (max-width: 767px) {
    .sorting-holder ul li .sorting-title label.fieldName {
        width: 100%;
        margin-right: 0
    }
}

.sorting-holder ul li .sorting-title label strong {
    display: inline-flex;
    font-family: "Roboto";
    font-weight: 700
}

.sorting-holder ul li .sorting-title label.fieldType {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px;
    height: 28px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f1d4d4;
    color: #5dbd77;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-right: 10px
}

.sorting-holder ul li .sorting-title .drop-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto
}

    .sorting-holder ul li .sorting-title .drop-icon svg {
        position: relative;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .sorting-holder ul li .sorting-title .drop-icon svg path {
            fill: #5dbd77
        }

.sorting-holder ul li .sorting-title .edit-item {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    margin-right: 10px
}

    .sorting-holder ul li .sorting-title .edit-item svg path {
        fill: #5dbd77;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

    .sorting-holder ul li .sorting-title .edit-item:hover {
        background-color: #5dbd77;
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
    }

        .sorting-holder ul li .sorting-title .edit-item:hover svg path {
            fill: #fff
        }

.sorting-holder ul li .sorting-content {
    display: none;
    padding: 0px 10px 10px 10px;
    justify-content: space-between
}

    .sorting-holder ul li .sorting-content label {
        width: 100%;
        display: inline-flex;
        flex-wrap: wrap;
        padding: 10px;
        background: #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin-right: 10px;
        color: #5dbd77;
        position: relative
    }

@media (max-width: 600px) {
    .sorting-holder ul li .sorting-content label {
        width: 100%
    }
}

@media (max-width: 1199px) {
    .sorting-holder ul li .sorting-content label {
        width: 48%;
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .sorting-holder ul li .sorting-content label {
        width: 100%
    }
}

.sorting-holder ul li .sorting-content label strong {
    display: flex;
    width: 100%;
    color: #5dbd77
}

.sorting-holder ul li.sec-colapsed .sorting-title .drop-icon svg {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sorting-holder ul li.sec-colapsed .sorting-content {
    height: auto;
    display: flex
}

@media (max-width: 1199px) {
    .sorting-holder ul li.sec-colapsed .sorting-content {
        flex-wrap: wrap
    }
}

.sec-pagination .paging-nav {
    max-width: 310px;
    position: relative;
    padding: 0 20px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background-color: #fafafa;
    border: solid 1px #e6e6e6;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

    .sec-pagination .paging-nav a {
        padding: 0 7px;
        font-family: "Roboto";
        font-weight: 700;
        color: #2d2d2d;
        background-color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

        .sec-pagination .paging-nav a:first-child, .sec-pagination .paging-nav a:last-child {
            font-size: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            width: 25px;
            height: 25px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #fafafa;
            position: absolute;
            border: solid 1px #e6e6e6;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

        .sec-pagination .paging-nav a:first-child {
            left: -40px
        }

        .sec-pagination .paging-nav a:last-child {
            right: -40px
        }

.sec-pagination a.selected-page {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.sec-pagination .paging-nav .selected-page, .sec-pagination .paging-nav a:hover {
    color: #FFFFFF;
    background-color: #e22128
}

.k_form_title .edit-item {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    margin-right: 10px;
    position: relative;
    top: 7px;
    left: 8px
}

    .k_form_title .edit-item svg {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

.supDbHolder {
    border: solid 1px #beefcb;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

    .supDbHolder .chartNodata {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 90%;
        margin: 0 auto;
        height: 70%;
        background-color: #e8f7ec;
        border-radius: 15px
    }

        .supDbHolder .chartNodata svg.aaBh path, .supDbHolder .chartNodata svg.aaBh polygon, .supDbHolder .chartNodata svg.aaBh rect {
            fill: #8c8c8c
        }

        .supDbHolder .chartNodata strong {
            font-family: "Roboto";
            font-weight: 700;
            font-size: 28px;
            color: #5dbd77
        }

        .supDbHolder .chartNodata p {
            color: #585858;
            font-size: 16px;
            text-align: center
        }

        .supDbHolder .chartNodata .addLink {
            font-family: "Roboto";
            font-weight: 700;
            font-size: 12px;
            color: #fafafa;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 9px 20px;
            background-color: #5dbd77;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .supDbHolder .chartNodata .addLink:hover {
                background: #484343
            }

    .supDbHolder .chartHolder {
        max-width: 300px;
        margin: 0 auto;
        position: relative
    }

    .supDbHolder .tempCard {
        background-color: #FAFAFA;
        border: solid 1px #E1E1E1;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px
    }

        .supDbHolder .tempCard .chartTitle {
            font-family: "Roboto";
            font-weight: 400;
            font-size: 18px;
            color: #2d2d2d
        }

        .supDbHolder .tempCard .selectHolder {
            display: flex;
            align-items: center;
            justify-content: center
        }

            .supDbHolder .tempCard .selectHolder .chartDropCenter {
                display: inline-flex;
                align-items: center;
                background-color: #f4f4f4;
                border: solid 1px #e5e5e5;
                height: 38px;
                padding: 0 5px 0 10px;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px
            }

                .supDbHolder .tempCard .selectHolder .chartDropCenter .select2-container {
                    min-width: 135px
                }

                .supDbHolder .tempCard .selectHolder .chartDropCenter label {
                    margin-bottom: 0;
                    font-family: "Roboto";
                    font-weight: 500;
                    color: #2D2D2D
                }

                .supDbHolder .tempCard .selectHolder .chartDropCenter .selectRow .select2-container--default .select2-selection--single {
                    background-color: transparent;
                    border: none;
                    outline: none !important
                }

                .supDbHolder .tempCard .selectHolder .chartDropCenter .selectRow .supDbHolder .tempCard .selectHolder .chartDropCenter .selectRow .select2-container--default .select2-selection--single {
                    outline: none !important
                }

    .supDbHolder .tableCard .chartTitle {
        padding: 20px 10px 20px 20px
    }

    .supDbHolder .tableCard .table thead th {
        font-family: "Roboto";
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        color: #434343;
        border-top: none;
        border-bottom: solid 1px #E1E1E1
    }

    .supDbHolder .tableCard .table tbody tr td {
        border-bottom: solid 1px #E1E1E1
    }

        .supDbHolder .tableCard .table tbody tr td .slNo {
            padding: 5px 8px;
            background-color: #f7f7f7;
            border: solid 1px #eaeaea;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

        .supDbHolder .tableCard .table tbody tr td .off-count {
            min-width: 60px;
            padding: 5px 20px;
            background-color: #f7f7f7;
            border: solid 1px #eaeaea;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

    .supDbHolder .tableCard .linkRow {
        padding: 2px 5px 15px 5px;
        display: flex;
        align-items: center;
        justify-content: space-evenly
    }

        .supDbHolder .tableCard .linkRow .viewMore {
            font-family: "Roboto";
            font-weight: 700;
            font-size: 12px;
            color: #2d2d2d;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 9px 20px;
            background-color: #f7f7f7;
            border: solid 1px #eaeaea;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .supDbHolder .tableCard .linkRow .viewMore:hover {
                color: #fff;
                background: #007bff
            }

    .supDbHolder .titleHolderTable {
        display: flex
    }

@media (max-width: 767px) {
    .supDbHolder .titleHolderTable {
        flex-wrap: wrap;
        margin-bottom: 0 !important
    }
}

.supDbHolder .titleHolderTable h2 {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 24px;
    color: #33373B;
    margin-right: auto
}

@media (max-width: 767px) {
    .supDbHolder .titleHolderTable h2 {
        font-size: 20px;
        margin-right: 0;
        margin-bottom: 15px
    }
}

.supDbHolder .titleHolderTable .sortRow {
    display: inline-flex;
    align-items: center;
    background-color: #fafafa;
    border: solid 1px #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 15px
}

    .supDbHolder .titleHolderTable .sortRow label {
        font-family: "Roboto";
        font-weight: 500;
        font-size: 12px;
        color: #33373B;
        margin-bottom: 0
    }

    .supDbHolder .titleHolderTable .sortRow .select2-container--default .select2-selection--single {
        background-color: transparent;
        border: none
    }

.supDbHolder .chartTitle {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px;
    color: #2D2D2D
}

.supDbHolder .chartTitle2 {
    padding-left: 50px;
    margin-bottom: 50px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 24px;
    color: #2D2D2D
}

@media (max-width: 767px) {
    .supDbHolder .chartTitle2 {
        font-size: 20px;
        padding-left: 0;
        margin-bottom: 25px
    }
}

.supDbHolder .barChartHolder1 {
    max-width: 450px;
    padding-left: 50px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .supDbHolder .barChartHolder1 {
        padding-left: 0
    }
}

.supDbHolder .recentInspection {
    height: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: solid 1px #E1E1E1
}

    .supDbHolder .recentInspection .chartNodata {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 95%;
        border: solid 1px #beefcb;
        background-color: #e8f7ec
    }

        .supDbHolder .recentInspection .chartNodata svg path, .supDbHolder .recentInspection .chartNodata svg polygon, .supDbHolder .recentInspection .chartNodata svg rect {
            fill: #8c8c8c
        }

        .supDbHolder .recentInspection .chartNodata strong {
            font-family: "Roboto";
            font-weight: 700;
            font-size: 28px;
            color: #5dbd77
        }

        .supDbHolder .recentInspection .chartNodata p {
            color: #585858;
            font-size: 16px;
            text-align: center
        }

        .supDbHolder .recentInspection .chartNodata .addLink {
            font-family: "Roboto";
            font-weight: 700;
            font-size: 12px;
            color: #fafafa;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 9px 20px;
            background-color: #5dbd77;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .supDbHolder .recentInspection .chartNodata .addLink:hover {
                background: #484343
            }

    .supDbHolder .recentInspection .inspectionList {
        padding: 40px 15px 15px 15px;
        position: relative;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: solid 1px #e1e1e1;
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
    }

        .supDbHolder .recentInspection .inspectionList .inspectionTitle {
            font-size: 16px
        }

        .supDbHolder .recentInspection .inspectionList .statusCol {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 5px 15px;
            color: #fff;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-border-top-right-radius: 6px;
            -webkit-border-bottom-left-radius: 6px;
            -moz-border-radius-topright: 6px;
            -moz-border-radius-bottomleft: 6px;
            border-top-right-radius: 6px;
            border-bottom-left-radius: 6px
        }

            .supDbHolder .recentInspection .inspectionList .statusCol.ongoing {
                background-color: #46D98F
            }

            .supDbHolder .recentInspection .inspectionList .statusCol.allocated {
                background-color: #FC9065
            }

        .supDbHolder .recentInspection .inspectionList .recentInspectionDateRow {
            margin: 0 -3px
        }

            .supDbHolder .recentInspection .inspectionList .recentInspectionDateRow .dateLabel {
                width: calc((100%) / 3 - 9px);
                padding: 8px;
                margin: 5px 3px;
                font-family: "Roboto";
                font-weight: 500;
                font-size: 12px;
                color: #0066FE;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border: solid 1px #0066FE;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px
            }

@media (min-width: 1025px) {
    .supDbHolder .recentInspection .inspectionList .recentInspectionDateRow .dateLabel {
        width: calc((100%) / 2 - 9px)
    }
}

@media (min-width: 1280px) {
    .supDbHolder .recentInspection .inspectionList .recentInspectionDateRow .dateLabel {
        width: calc((100%) / 3 - 9px)
    }
}

@media (max-width: 991px) {
    .supDbHolder .recentInspection .inspectionList .recentInspectionDateRow .dateLabel {
        width: calc((100%) / 2 - 9px)
    }
}

.supDbHolder .recentInspection .inspectionList .recentInspectionDateRow .dateMore {
    color: #fff;
    width: calc((100%) / 3 - 9px);
    padding: 8px;
    background: #007bff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

@media (min-width: 1025px) {
    .supDbHolder .recentInspection .inspectionList .recentInspectionDateRow .dateMore {
        width: calc((100%) / 2 - 9px)
    }
}

@media (min-width: 1280px) {
    .supDbHolder .recentInspection .inspectionList .recentInspectionDateRow .dateMore {
        width: calc((100%) / 3 - 9px)
    }
}

@media (max-width: 991px) {
    .supDbHolder .recentInspection .inspectionList .recentInspectionDateRow .dateMore {
        width: calc((100%) / 2 - 9px)
    }
}

.supDbHolder .enquiryList table {
    border-collapse: separate;
    border-spacing: 0 15px;
    margin-bottom: 0
}

    .supDbHolder .enquiryList table thead tr th {
        border-bottom: none;
        border-top: none;
        color: #434343;
        font-family: "Roboto";
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase
    }

    .supDbHolder .enquiryList table tbody tr td {
        vertical-align: middle !important;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 12px;
        color: #2d2d2d;
        padding-top: 20px;
        padding-bottom: 20px;
        background-image: url(../images/tableBg.jpg);
        background-repeat: repeat-x;
        border: none;
        border-right: none;
        border-collapse: separate;
        border-spacing: 0 15px;
        background-size: 100% 100%;
        position: relative
    }

        .supDbHolder .enquiryList table tbody tr td:first-child {
            background-image: url(../images/tableBg-left.jpg);
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

            .supDbHolder .enquiryList table tbody tr td:first-child:before {
                content: '';
                width: 15px;
                height: 50px;
                position: absolute;
                left: -2px;
                top: 10px;
                background: url(../images/sec-sprite.png) no-repeat -25px -76px #fff
            }

        .supDbHolder .enquiryList table tbody tr td:last-child {
            background-image: url(../images/tableBg-right.jpg);
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .supDbHolder .enquiryList table tbody tr td .off-count {
            font-family: "Roboto";
            font-weight: 400;
            font-size: 12px;
            margin-left: 10px;
            color: #5dbd77;
            background-color: var(--headerBgcolour);
            padding: 10px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

        .supDbHolder .enquiryList table tbody tr td .sec-status {
            min-width: 90px;
            height: 28px;
            padding: 0px 10px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: "Roboto";
            font-weight: 500;
            font-size: 12px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

            .supDbHolder .enquiryList table tbody tr td .sec-status.active {
                color: #0066FE;
                background-color: #e1ebfb
            }

            .supDbHolder .enquiryList table tbody tr td .sec-status.passive {
                color: #E22128;
                background-color: #f8e4e5
            }

.supDbHolder .linkListingRow {
    display: flex;
    align-items: center;
    justify-content: center
}

    .supDbHolder .linkListingRow .viewMore {
        font-family: "Roboto";
        font-weight: 700;
        font-size: 12px;
        color: #2d2d2d;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 9px 20px;
        background-color: #f7f7f7;
        border: solid 1px #eaeaea;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .supDbHolder .linkListingRow .viewMore:hover {
            color: #fff;
            background: #007bff
        }

.supDbHolder .graduationChartHolder {
    padding: 45px 20px 20px 45px
}

@media (max-width: 767px) {
    .supDbHolder .graduationChartHolder {
        padding: 25px 20px 20px 20px
    }
}

.supDbHolder .graduationChartHolder .chartTitle2 {
    padding-left: 0;
    margin-bottom: 25px
}

.supDbHolder .graduationChartHolder .counterHolder h2 {
    font-family: "Roboto";
    font-weight: 700;
    font-size: 42px;
    color: #2d2d2d
}

.supDbHolder .graduationChartHolder .counterHolder strong {
    display: block;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    color: #2d2d2d;
    margin-bottom: 15px
}

.supDbHolder .graduationChartHolder .counterHolder .selectRow {
    max-width: 270px
}

    .supDbHolder .graduationChartHolder .counterHolder .selectRow .select2-container {
        width: 100% !important;
        background-color: #f4f4f4;
        border: solid 1px #e5e5e5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .supDbHolder .graduationChartHolder .counterHolder .selectRow .select2-container--default .select2-selection--single {
        height: 38px;
        background-color: transparent;
        border: none;
        outline: none !important
    }

    .supDbHolder .graduationChartHolder .counterHolder .selectRow .supDbHolder .tempCard .selectHolder .chartDropCenter .selectRow .select2-container--default .select2-selection--single {
        outline: none !important
    }

    .supDbHolder .graduationChartHolder .counterHolder .selectRow .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px
    }

    .supDbHolder .graduationChartHolder .counterHolder .selectRow .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 38px
    }

.supDbHolder .graduationChartHolder .graduationChart {
    max-width: 500px;
    padding-top: 60px
}

@media (max-width: 767px) {
    .supDbHolder .graduationChartHolder .graduationChart {
        padding-top: 25px
    }
}

.supDbHolder .supCarosalHolder .owl-carousel .owl-stage {
    display: flex
}

.supDbHolder .supCarosalHolder .owl-carousel .owl-item {
    display: flex
}

.supDbHolder .supCarosalHolder .supCarosalList {
    width: 100%;
    padding: 20px;
    min-height: 115px;
    background-color: #FAFAFA;
    border: solid 1px #E1E1E1;
    display: flex;
    align-items: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

    .supDbHolder .supCarosalHolder .supCarosalList:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto 0;
        width: 8px;
        height: 70px;
        background-color: #ecebeb
    }

    .supDbHolder .supCarosalHolder .supCarosalList .valueHolder .ValueTitle {
        font-family: "Roboto";
        font-weight: 400;
        color: #808080;
        font-size: 16px
    }

    .supDbHolder .supCarosalHolder .supCarosalList .valueHolder h2 {
        font-family: "Roboto";
        font-weight: 700;
        color: #33373B;
        font-size: 35px
    }

    .supDbHolder .supCarosalHolder .supCarosalList .iconCol {
        width: 55px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f7f7f7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-left: auto
    }

    .supDbHolder .supCarosalHolder .supCarosalList.theme1 .iconCol {
        background-color: #46D98F
    }

    .supDbHolder .supCarosalHolder .supCarosalList.theme1:after {
        background-color: #46D98F
    }

    .supDbHolder .supCarosalHolder .supCarosalList.theme2 .iconCol {
        background-color: #FC9065
    }

    .supDbHolder .supCarosalHolder .supCarosalList.theme2:after {
        background-color: #FC9065
    }

    .supDbHolder .supCarosalHolder .supCarosalList.theme3 .iconCol {
        background-color: #4744A2
    }

    .supDbHolder .supCarosalHolder .supCarosalList.theme3:after {
        background-color: #4744A2
    }

    .supDbHolder .supCarosalHolder .supCarosalList.theme4 .iconCol {
        background-color: #FFC241
    }

    .supDbHolder .supCarosalHolder .supCarosalList.theme4:after {
        background-color: #FFC241
    }

@media (max-width: 1199px) {
    .create-event .event-form-list {
        margin-bottom: 10px
    }
}

@media (max-width: 1199px) {
    .create-event .event-form-list .date-group {
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.create-event .event-form-list .date-group .dateRow {
    margin-left: 10px;
    position: relative
}

@media (max-width: 1199px) {
    .create-event .event-form-list .date-group .dateRow {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px
    }
}

.create-event .event-gallery-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .create-event .event-gallery-holder figure {
        width: 80px;
        height: 80px;
        margin-right: 10px;
        margin-bottom: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        background-size: cover;
        background-position: 50% 50%
    }

        .create-event .event-gallery-holder figure img {
            height: 80px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

        .create-event .event-gallery-holder figure .delete-img {
            position: absolute;
            top: -10px;
            right: -9px;
            width: 25px;
            height: 25px;
            background-color: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            border: solid 2px #666666;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .create-event .event-gallery-holder figure .delete-img i {
                position: relative;
                display: flex;
                width: 10px;
                height: 10px;
                background: url(../images/sec-sprite.png) -111px -3px
            }

            .create-event .event-gallery-holder figure .delete-img:hover {
                background-color: #beefcb
            }

    .create-event .event-gallery-holder .image-upload-row {
        display: inline-flex;
        margin-bottom: 10px;
        position: relative
    }

        .create-event .event-gallery-holder .image-upload-row .upload-icon {
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            background-color: #f0f5fe;
            border: solid 1px #e5e5e5;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .create-event .event-gallery-holder .image-upload-row .upload-icon:hover {
                box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s
            }

            .create-event .event-gallery-holder .image-upload-row .upload-icon input {
                opacity: 0;
                position: absolute;
                width: 100%;
                height: 100%
            }

        .create-event .event-gallery-holder .image-upload-row label {
            padding-left: 15px;
            font-family: "Roboto";
            font-weight: 500;
            color: #434343;
            font-size: 16px;
            display: flex;
            align-items: center;
            justify-content: center
        }

.create-event .selectric-wrapper .selectric span.label {
    display: flex;
    align-items: center;
    color: #2d2d2d;
    margin: 0;
    padding: 0 15px;
    font-family: "Roboto";
    font-weight: 400;
    color: #434343;
    font-size: 14px;
    border: solid 1px #e5e5e5;
    height: 38px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none !important;
    background-color: #fafafa
}

.create-event .selectric-wrapper .selectric .button {
    height: 36px
}

.publishoptions {
    padding-top: 35px
}

.secEventModalEdit {
    background-color: #fafafa
}

    .secEventModalEdit .secEventModalRow {
        padding: 25px
    }

        .secEventModalEdit .secEventModalRow strong {
            justify-content: center;
            width: 100%;
            display: flex;
            color: #5dbd77
        }

        .secEventModalEdit .secEventModalRow .messageBox {
            width: 100%;
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #e5e5e5;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px
        }

        .secEventModalEdit .secEventModalRow .secEventModalCol-1 {
            padding: 40px 20px 0 20px;
            margin-bottom: 15px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border: solid 1px #e5e5e5
        }

        .secEventModalEdit .secEventModalRow .secEventModalCol-2 {
            max-height: 200px;
            overflow-y: scroll
        }

            .secEventModalEdit .secEventModalRow .secEventModalCol-2 table {
                margin-bottom: 0
            }

            .secEventModalEdit .secEventModalRow .secEventModalCol-2 thead {
                border: none
            }

                .secEventModalEdit .secEventModalRow .secEventModalCol-2 thead tr th {
                    border-bottom: none;
                    border-top: none
                }

            .secEventModalEdit .secEventModalRow .secEventModalCol-2 tbody {
                border: solid 1px #ffcccf;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px
            }

                .secEventModalEdit .secEventModalRow .secEventModalCol-2 tbody tr td {
                    border-top: solid 1px #ffcccf
                }

                    .secEventModalEdit .secEventModalRow .secEventModalCol-2 tbody tr td .block-remove {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 25px;
                        height: 25px;
                        background-color: #f3e8e8;
                        -webkit-border-radius: 25px;
                        -moz-border-radius: 25px;
                        border-radius: 25px;
                        -webkit-transition: all 0.4s;
                        -moz-transition: all 0.4s;
                        -o-transition: all 0.4s;
                        -ms-transition: all 0.4s;
                        transition: all 0.4s
                    }

                        .secEventModalEdit .secEventModalRow .secEventModalCol-2 tbody tr td .block-remove svg path {
                            -webkit-transition: all 0.4s;
                            -moz-transition: all 0.4s;
                            -o-transition: all 0.4s;
                            -ms-transition: all 0.4s;
                            transition: all 0.4s
                        }

                        .secEventModalEdit .secEventModalRow .secEventModalCol-2 tbody tr td .block-remove:hover {
                            background-color: #5dbd77
                        }

                            .secEventModalEdit .secEventModalRow .secEventModalCol-2 tbody tr td .block-remove:hover svg path {
                                fill: #fff
                            }

.side-mr-after {
    margin-right: 10px
}

.accordian .tempSettingsList {
    border: solid 1px #dddddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 12px;
    background-color: #fafafa
}

    .accordian .tempSettingsList .tempCardHead .acTitle {
        cursor: pointer;
        padding: 0 20px;
        display: flex;
        align-items: center;
        width: 100%;
        height: 60px;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 16px;
        color: #2d2d2d;
        background-color: #f8f8f8;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position: relative
    }

        .accordian .tempSettingsList .tempCardHead .acTitle .toggleArrow {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 35px;
            height: 35px;
            border: solid 1px #dddddd;
            background-color: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            margin-left: auto;
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s
        }

            .accordian .tempSettingsList .tempCardHead .acTitle .toggleArrow svg {
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                -webkit-transition: ease-in-out 0.4s;
                -moz-transition: ease-in-out 0.4s;
                -o-transition: ease-in-out 0.4s;
                -ms-transition: ease-in-out 0.4s;
                transition: ease-in-out 0.4s
            }

        .accordian .tempSettingsList .tempCardHead .acTitle.collapsed .toggleArrow svg {
            -ms-transform: rotate(0deg);
            transform: rotate(0deg)
        }

    .accordian .tempSettingsList .tempCardBody {
        border-top: solid 1px #dddddd
    }

        .accordian .tempSettingsList .tempCardBody .settingsRow {
            padding: 10px 20px 18px 20px
        }

            .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard {
                border: 1px solid #dddddd;
                border-radius: 4px;
                margin-top: 15px
            }

                .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard .cardHead {
                    display: flex;
                    justify-content: space-between;
                    padding: 15px 8px 10px 15px;
                    position: relative
                }

                    .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard .cardHead h3 {
                        color: #2d2d2d;
                        font-size: 16px
                    }

                    .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard .cardHead .dropdToggler {
                        cursor: pointer;
                        margin-top: -5px;
                        display: flex;
                        align-items: center;
                        padding: 0 5px;
                        height: 35px;
                        -webkit-transition: ease-in-out 0.4s;
                        -moz-transition: ease-in-out 0.4s;
                        -o-transition: ease-in-out 0.4s;
                        -ms-transition: ease-in-out 0.4s;
                        transition: ease-in-out 0.4s;
                        position: relative;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px
                    }

                        .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard .cardHead .dropdToggler:hover {
                            background-color: #fafafa
                        }

                    .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard .cardHead .dropdownMenu {
                        margin-bottom: 0;
                        position: absolute;
                        top: 45px;
                        right: 5px;
                        padding: 0px 8px;
                        width: 200px;
                        display: none;
                        overflow: hidden;
                        background-color: #ffffff;
                        z-index: 1;
                        box-shadow: 0 5px 6px 0 rgba(32,33,36,0.28);
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px
                    }

                        .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard .cardHead .dropdownMenu li {
                            list-style: none;
                            border-bottom: solid 1px #dddddd
                        }

                            .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard .cardHead .dropdownMenu li:last-child {
                                border-bottom: none
                            }

                            .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard .cardHead .dropdownMenu li a {
                                display: block;
                                padding: 10px 12px;
                                color: #2d2d2d;
                                font-size: 14px;
                                font-family: "Roboto";
                                font-weight: 500;
                                -webkit-transition: ease-in-out 0.4s;
                                -moz-transition: ease-in-out 0.4s;
                                -o-transition: ease-in-out 0.4s;
                                -ms-transition: ease-in-out 0.4s;
                                transition: ease-in-out 0.4s
                            }

                                .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard .cardHead .dropdownMenu li a:hover {
                                    background-color: #fafafa
                                }

                .accordian .tempSettingsList .tempCardBody .settingsRow .colorCard .colorCardBody {
                    background-color: #f3f3f3;
                    display: flex;
                    padding: 20px 5px
                }

@media (max-width: 767px) {
    .accordian .tempSettingsList .tempCardBody .settingsRow {
        padding: 20px 2px
    }
}

.widgetApplicantInfo {
    display: grid;
    grid-template-columns: 350px 1fr;
    column-gap: 10px;
    -moz-column-gap: 10px;
    grid-column-gap: 10px
}

    .widgetApplicantInfo .infoMainContent {
        padding: 15px;
        display: flex;
        background-color: #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: solid 1px #f3f3f3
    }

        .widgetApplicantInfo .infoMainContent .pImage img {
            width: 90px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            border: solid 3px var(--themeColour1)
        }

        .widgetApplicantInfo .infoMainContent .pInfo {
            padding-left: 15px
        }

            .widgetApplicantInfo .infoMainContent .pInfo .fName {
                font-family: "Roboto";
                font-weight: 700;
                font-size: 20px
            }

            .widgetApplicantInfo .infoMainContent .pInfo .fDesignation {
                font-family: "Roboto";
                font-weight: 400;
                font-size: 16px;
                color: #2d2d2d
            }

            .widgetApplicantInfo .infoMainContent .pInfo .fAddress p {
                font-family: "Roboto";
                font-weight: 400;
                font-size: 12px;
                color: #8c8c8c;
                margin-bottom: 0
            }

            .widgetApplicantInfo .infoMainContent .pInfo .fAddress b {
                font-family: "Roboto";
                font-weight: 500;
                font-size: 14px;
                color: #2d2d2d
            }

    .widgetApplicantInfo .infoSubContent {
        padding: 15px;
        background-color: #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: solid 1px #f3f3f3
    }

        .widgetApplicantInfo .infoSubContent ul {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-column-gap: 10px;
            margin: 0;
            padding: 0
        }

            .widgetApplicantInfo .infoSubContent ul li {
                list-style-type: none;
                margin-top: 12px;
                border-bottom: solid 1px #ddd
            }

                .widgetApplicantInfo .infoSubContent ul li p {
                    font-family: "Roboto";
                    font-weight: 400;
                    font-size: 12px;
                    color: #8c8c8c;
                    margin-bottom: 5px
                }

                .widgetApplicantInfo .infoSubContent ul li b {
                    font-family: "Roboto";
                    font-weight: 500;
                    font-size: 14px;
                    color: #2d2d2d
                }

                    .widgetApplicantInfo .infoSubContent ul li b svg path {
                        fill: #2d2d2d
                    }

                .widgetApplicantInfo .infoSubContent ul li a {
                    font-family: "Roboto";
                    font-weight: 500;
                    font-size: 14px;
                    color: #2d2d2d
                }

                    .widgetApplicantInfo .infoSubContent ul li a svg path {
                        fill: #2d2d2d
                    }

                .widgetApplicantInfo .infoSubContent ul li b.trimLine {
                    display: flex;
                    align-items: center;
                    line-height: 1;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                    .widgetApplicantInfo .infoSubContent ul li b.trimLine > svg {
                        margin-right: 5px
                    }

                    .widgetApplicantInfo .infoSubContent ul li b.trimLine .dIcon {
                        margin-left: auto
                    }

                        .widgetApplicantInfo .infoSubContent ul li b.trimLine .dIcon svg {
                            margin-right: 0
                        }

                .widgetApplicantInfo .infoSubContent ul li a.trimLine {
                    display: flex;
                    align-items: center;
                    line-height: 1;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                    .widgetApplicantInfo .infoSubContent ul li a.trimLine > svg {
                        margin-right: 5px
                    }

                    .widgetApplicantInfo .infoSubContent ul li a.trimLine .dIcon {
                        margin-left: auto
                    }

                        .widgetApplicantInfo .infoSubContent ul li a.trimLine .dIcon svg {
                            margin-right: 0
                        }

@media (max-width: 1199px) {
    .widgetApplicantInfo {
        grid-template-columns: 1fr
    }

        .widgetApplicantInfo .infoMainContent {
            margin-bottom: 5px
        }
}

@media (max-width: 480px) {
    .widgetApplicantInfo .infoMainContent {
        flex-direction: column
    }

        .widgetApplicantInfo .infoMainContent .pInfo {
            padding-left: 0;
            padding-top: 10px
        }
}

@media (max-width: 767px) {
    .widgetApplicantInfo .infoSubContent ul {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 600px) {
    .widgetApplicantInfo .infoSubContent ul {
        grid-template-columns: 1fr
    }
}

.profileCardMain .profileCardCol {
    display: flex
}

@media (max-width: 991px) {
    .profileCardMain .profileCardCol {
        flex-direction: column
    }
}

.profileCardMain .profileCardCol .imageCol {
    width: 110px;
    height: 110px;
    overflow: hidden;
    padding-top: 110px;
    margin-bottom: 0;
    position: relative
}

@media (max-width: 600px) {
    .profileCardMain .profileCardCol .imageCol {
        margin: 0 auto;
        width: 125px;
        height: 125px;
        padding-top: 125px
    }
}

.profileCardMain .profileCardCol .imageCol img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 5px var(--themeColour1)
}

.profileCardMain .profileCardCol .designation {
    padding-top: 10px;
    min-width: 210px;
    display: flex;
    flex-direction: column;
    padding-left: 20px
}

@media (max-width: 991px) {
    .profileCardMain .profileCardCol .designation {
        padding-left: 0;
        margin-bottom: 10px
    }
}

@media (max-width: 600px) {
    .profileCardMain .profileCardCol .designation {
        text-align: center
    }
}

.profileCardMain .profileCardCol .designation.stock {
    padding-top: 0;
    padding-left: 0
}

@media (max-width: 991px) {
    .profileCardMain .profileCardCol .designation.stock {
        padding-top: 0;
        padding-left: 0
    }
}

.profileCardMain .profileCardCol .designation .nameLabel {
    font-family: "Roboto";
    font-weight: 500;
    color: #2d2d2d;
    font-size: 25px
}

.profileCardMain .profileCardCol .designation .designationLabel {
    font-family: "Roboto";
    font-weight: 400;
    color: #2d2d2d;
    font-size: 14px
}

    .profileCardMain .profileCardCol .designation .designationLabel .labelIn {
        font-family: "Roboto";
        font-weight: 400;
        color: #808080;
        font-size: 12px
    }

.profileCardMain .profileCardCol .linkWidgetMain {
    display: flex;
    flex: 2;
    padding-left: 40px
}

@media (max-width: 991px) {
    .profileCardMain .profileCardCol .linkWidgetMain {
        padding-left: 0
    }
}

@media (max-width: 600px) {
    .profileCardMain .profileCardCol .linkWidgetMain {
        background-color: #fafafa
    }
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList {
    display: flex;
    align-items: center;
    border: solid 1px #fff;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f7f4fd
    }

    .profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList .contentM {
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        display: flex;
        flex: 2;
        color: #14053c
    }

@media (max-width: 767px) {
    .profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList .contentM {
        font-size: 12px
    }
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList:hover {
    border-color: #f7f4fd
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.green .icon svg path {
    fill: #00a44d
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.green .contentM {
    color: #00a44d
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.statusOrange .icon svg path {
    fill: #fb990d
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.statusOrange .contentM {
    color: #fb990d
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.red .icon svg path {
    fill: red
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.red .contentM {
    color: red
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.yellow .icon svg path {
    fill: #f4c300
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.yellow .contentM {
    color: #f4c300
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.statusPurple .icon svg path {
    fill: #b42ced
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.statusPurple .contentM {
    color: #b42ced
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.pink .icon svg path {
    fill: #e52cbd
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.pink .contentM {
    color: #e52cbd
}

.profileCardMain .profileCardCol .linkWidgetMain .linkWidgetList.societyname:hover .contentM {
    color: #007bff
}

.profileCardMain .addUser {
    padding: 20px;
    border: solid 1px #beefcb;
    background-color: #e8f7ec;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

@media (max-width: 767px) {
    .profileCardMain .addUser {
        padding: 8px
    }
}

.cardTab2Main {
    border: solid 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #f3f3f3
}

    .cardTab2Main .cardTab2Head {
        background-color: #e8f7ec
    }

        .cardTab2Main .cardTab2Head ul {
            display: flex;
            margin: 0;
            padding: 0
        }

@media (max-width: 767px) {
    .cardTab2Main .cardTab2Head ul {
        overflow: hidden;
        overflow-x: scroll
    }

        .cardTab2Main .cardTab2Head ul::-webkit-scrollbar {
            display: block
        }

        .cardTab2Main .cardTab2Head ul::-webkit-scrollbar-button {
            display: block
        }

        .cardTab2Main .cardTab2Head ul::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
            background-color: #f5f5f5
        }

        .cardTab2Main .cardTab2Head ul::-webkit-scrollbar {
            width: 100%;
            height: 2px;
            background-color: #f5f5f5
        }

        .cardTab2Main .cardTab2Head ul::-webkit-scrollbar-thumb {
            background-color: var(--themeColour2);
            border: 1px solid #555555
        }
}

.cardTab2Main .cardTab2Head ul li {
    cursor: pointer;
    height: 42px;
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0 20px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #2d2d2d;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

@media (max-width: 767px) {
    .cardTab2Main .cardTab2Head ul li {
        white-space: nowrap
    }
}

.cardTab2Main .cardTab2Head ul li:hover, .cardTab2Main .cardTab2Head ul li.active {
    color: #fafafa;
    background-color: var(--themeColour1)
}

.cardTab2Main .cardTab2Body {
    padding: 14px
}

    .cardTab2Main .cardTab2Body .close-icon {
        display: flex;
        justify-content: flex-end;
        text-align: end
    }

        .cardTab2Main .cardTab2Body .close-icon .closeIcon {
            width: 35px;
            height: 35px;
            border: 1px solid #489f46;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.4s
        }

            .cardTab2Main .cardTab2Body .close-icon .closeIcon svg {
                stroke: black
            }

            .cardTab2Main .cardTab2Body .close-icon .closeIcon:hover {
                background-color: #125b10
            }

                .cardTab2Main .cardTab2Body .close-icon .closeIcon:hover svg {
                    stroke: #fff
                }

    .cardTab2Main .cardTab2Body .tab2BodyList ul {
        padding: 0;
        margin: 0
    }

@media (min-width: 768px) {
    .cardTab2Main .cardTab2Body .tab2BodyList ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px
    }
}

.cardTab2Main .cardTab2Body .tab2BodyList ul li {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    min-height: 30px;
    margin-bottom: 8px
}

@media (max-width: 600px) {
    .cardTab2Main .cardTab2Body .tab2BodyList ul li {
        flex-direction: column
    }
}

.cardTab2Main .cardTab2Body .tab2BodyList ul li .labelP {
    white-space: nowrap;
    display: flex;
    flex: 1;
    min-width: 140px;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px
}

@media (max-width: 1199px) {
    .cardTab2Main .cardTab2Body .tab2BodyList ul li .labelP {
        font-size: 14px
    }
}

.cardTab2Main .cardTab2Body .tab2BodyList ul li .listValue {
    display: flex;
    flex: 2;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px
}

@media (max-width: 1199px) {
    .cardTab2Main .cardTab2Body .tab2BodyList ul li .listValue {
        font-size: 12px
    }
}

.cardTab2Main .cardTab2Body .tab2BodyList ul li .listValue.max2Line {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.cardTab2Main .cardTab2Body .tab2BodyList ul li .figure {
    padding: 10px;
    width: 100%;
    border: solid 1px #f0e9fe
}

.cardTab2Main .cardTab2Body .tab2BodyList ul li.colWrp {
    flex-direction: column
}

    .cardTab2Main .cardTab2Body .tab2BodyList ul li.colWrp figure {
        width: fit-content;
        margin: 0;
        padding: 4px;
        border: solid 1px #f0e9fe
    }

    .cardTab2Main .cardTab2Body .tab2BodyList ul li.colWrp img {
        height: 75px
    }

@media (max-width: 767px) {
    .cardTab2Main .cardTab2Body .tab2BodyList ul li.colWrp img {
        width: 100%;
        height: auto
    }
}

.cardTab2Main .cardTab2Body .CompanyDetails {
    display: flex
}

@media (max-width: 767px) {
    .cardTab2Main .cardTab2Body .CompanyDetails {
        flex-direction: column
    }
}

.cardTab2Main .cardTab2Body .CompanyDetails ul {
    margin: 0;
    padding: 0
}

    .cardTab2Main .cardTab2Body .CompanyDetails ul li {
        display: flex;
        list-style-type: none;
        padding: 0;
        margin: 0;
        margin-bottom: 10px
    }

@media (max-width: 600px) {
    .cardTab2Main .cardTab2Body .CompanyDetails ul li {
        flex-direction: column
    }
}

.cardTab2Main .cardTab2Body .CompanyDetails ul li .labelP {
    white-space: nowrap;
    display: flex;
    flex: 1;
    max-width: 135px;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px
}

@media (max-width: 1199px) {
    .cardTab2Main .cardTab2Body .CompanyDetails ul li .labelP {
        font-size: 14px
    }
}

.cardTab2Main .cardTab2Body .CompanyDetails ul li .listValue {
    display: flex;
    flex: 2;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px
}

@media (max-width: 1199px) {
    .cardTab2Main .cardTab2Body .CompanyDetails ul li .listValue {
        font-size: 12px
    }
}

.cardTab2Main .cardTab2Body .CompanyDetails ul li .listValue a {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #2d2d2d
}

@media (max-width: 1199px) {
    .cardTab2Main .cardTab2Body .CompanyDetails ul li .listValue a {
        font-size: 12px
    }
}

.cardTab2Main .cardTab2Body .CompanyDetails ul li .listValue.listedRow {
    flex-wrap: wrap
}

    .cardTab2Main .cardTab2Body .CompanyDetails ul li .listValue.listedRow p {
        margin-bottom: 6px;
        width: 100%
    }

.cardTab2Main .cardTab2Body .CompanyDetails .companyLogo {
    margin-left: auto;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    color: #2d2d2d
}

@media (max-width: 767px) {
    .cardTab2Main .cardTab2Body .CompanyDetails .companyLogo {
        margin-left: 0
    }
}

.cardTab2Main .cardTab2Body .CompanyDetails .companyLogo a {
    margin-top: 7px;
    display: block;
    cursor: pointer;
    width: 120px;
    height: 120px;
    position: relative;
    overflow: hidden;
    padding-top: 120px;
    margin-bottom: 0;
    border: solid 1px #f5f5f5
}

    .cardTab2Main .cardTab2Body .CompanyDetails .companyLogo a img {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        vertical-align: top
    }

.cardTab2Main .cardTab2Body .connectionList {
    display: flex
}

    .cardTab2Main .cardTab2Body .connectionList .imageCol {
        position: relative
    }

        .cardTab2Main .cardTab2Body .connectionList .imageCol img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

    .cardTab2Main .cardTab2Body .connectionList .contentCol {
        padding-left: 18px;
        display: flex;
        flex-direction: column
    }

        .cardTab2Main .cardTab2Body .connectionList .contentCol .nameLabel {
            font-family: "Roboto";
            font-weight: 400;
            font-size: 18px;
            color: #2d2d2d
        }

@media (max-width: 767px) {
    .cardTab2Main .cardTab2Body .connectionList .contentCol .nameLabel {
        font-size: 14px
    }
}

.cardTab2Main .cardTab2Body .connectionList .contentCol .designation {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #7e7e7e
}

@media (max-width: 767px) {
    .cardTab2Main .cardTab2Body .connectionList .contentCol .designation {
        font-size: 12px
    }
}

.adressSection {
    padding: 6px 30px;
    display: flex;
    align-items: center
}

    .adressSection.adressSec-newpad {
        padding: 10px 20px 18px 0px
    }

    .adressSection h1 {
        font-family: "Roboto";
        font-weight: 500;
        font-size: 20px;
        color: #2d2d2d
    }

    .adressSection .adresfieldSection {
        display: flex;
        flex-wrap: wrap;
        width: 50%;
        margin-bottom: 25px
    }

@media (max-width: 768px) {
    .adressSection .adresfieldSection {
        width: 55%
    }
}

@media (max-width: 680px) {
    .adressSection .adresfieldSection {
        width: 100%
    }
}

.adressSection .adresfieldSection .adrsDtls.active {
    background-color: #dcf4e2;
    padding: 15px
}

.adressSection .adresfieldSection .adrsDtls .adrsName, .adressSection .adresfieldSection .adrsDtls .houseName, .adressSection .adresfieldSection .adrsDtls .place, .adressSection .adresfieldSection .adrsDtls .streetName, .adressSection .adresfieldSection .adrsDtls .district, .adressSection .adresfieldSection .adrsDtls .pincode, .adressSection .adresfieldSection .adrsDtls .state, .adressSection .adresfieldSection .adrsDtls .landmark, .adressSection .adresfieldSection .adrsDtls .contctNum, .adressSection .adresfieldSection .adrsDtls .createDate {
    font-size: 14px;
    line-height: 26px
}

.adressSection .adresfieldSection .form-group {
    padding-top: 13px;
    display: inline-block;
    margin-bottom: 15px
}

    .adressSection .adresfieldSection .form-group input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
        background-color: var(--white)
    }

        .adressSection .adresfieldSection .form-group input:checked + label {
            line-height: 0;
            display: flex;
            align-items: center;
            margin-bottom: 0
        }

            .adressSection .adresfieldSection .form-group input:checked + label:before {
                content: "";
                -webkit-appearance: none;
                background-color: #5dbd77;
                border: 1px solid #5dbd77;
                box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
                padding: 10px;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                cursor: pointer;
                margin-right: 5px
            }

            .adressSection .adresfieldSection .form-group input:checked + label:after {
                content: "";
                display: block;
                position: absolute;
                top: 0px;
                left: 8px;
                width: 6px;
                height: 15px;
                border: solid #fff;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg)
            }

        .adressSection .adresfieldSection .form-group input:checked:before {
            content: "";
            -webkit-appearance: none;
            background-color: var(--primaryColour);
            border: 1px solid var(--primaryColour);
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px
        }

    .adressSection .adresfieldSection .form-group label {
        position: relative;
        cursor: pointer;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 14px;
        color: var(--textColour33);
        margin-bottom: 0
    }

        .adressSection .adresfieldSection .form-group label:before {
            content: "";
            -webkit-appearance: none;
            border: 1px solid #5dbd77;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            top: -1px
        }

.adressSection .productSection {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    margin-bottom: 25px;
    background-color: #e8f7ec
}

@media (max-width: 1199px) {
    .adressSection .productSection {
        width: 45%
    }
}

@media (max-width: 768px) {
    .adressSection .productSection {
        width: 55%
    }
}

@media (max-width: 680px) {
    .adressSection .productSection {
        width: 100%
    }
}

.adressSection .productSection .productDtls {
    margin-left: 20px
}

    .adressSection .productSection .productDtls .productName, .adressSection .productSection .productDtls .productRating, .adressSection .productSection .productDtls .productReview, .adressSection .productSection .productDtls .productDat, .adressSection .productSection .productDtls .productPending {
        font-size: 14px;
        line-height: 26px
    }

    .adressSection .productSection .productDtls .productReview {
        display: block
    }

        .adressSection .productSection .productDtls .productReview .readmoreBtn {
            color: #489f46;
            font-size: 14px;
            transition: all .4s;
            -moz-webkit-transition: all .4s;
            -webkit-transition: all .4s;
            border-bottom: 1px solid transparent
        }

            .adressSection .productSection .productDtls .productReview .readmoreBtn:hover {
                color: #000;
                border-bottom: 1px solid #489f46
            }

        .adressSection .productSection .productDtls .productReview p {
            margin-bottom: 5px
        }

        .adressSection .productSection .productDtls .productReview .moretextapr {
            display: none
        }

        .adressSection .productSection .productDtls .productReview .moretextRej {
            display: none
        }

        .adressSection .productSection .productDtls .productReview .moretext {
            display: none
        }

    .adressSection .productSection .productDtls .morecontent span {
        display: none;
        transform: all .4s
    }

    .adressSection .productSection .productDtls .morelink {
        display: block;
        color: #489f46;
        font-size: 14px;
        transition: all .4s;
        -moz-webkit-transition: all .4s;
        -webkit-transition: all .4s
    }

        .adressSection .productSection .productDtls .morelink:hover {
            color: #000
        }

    .adressSection .productSection .productDtls .productPending {
        position: relative;
        display: flex;
        left: 16px;
        align-items: center;
        margin-top: 5px
    }

        .adressSection .productSection .productDtls .productPending::before {
            content: " ";
            position: absolute;
            left: -16px;
            top: 7px;
            width: 10px;
            display: flex;
            height: 10px;
            background-color: #c042d1;
            border-radius: 50%
        }

    .adressSection .productSection .productDtls .productReject {
        position: relative;
        display: flex;
        left: 16px;
        align-items: center;
        margin-top: 5px
    }

        .adressSection .productSection .productDtls .productReject::before {
            content: " ";
            position: absolute;
            left: -16px;
            top: 7px;
            width: 10px;
            display: flex;
            height: 10px;
            background-color: red;
            border-radius: 50%
        }

    .adressSection .productSection .productDtls .productApproved {
        position: relative;
        display: flex;
        left: 16px;
        align-items: center;
        margin-top: 5px
    }

        .adressSection .productSection .productDtls .productApproved::before {
            content: " ";
            position: absolute;
            left: -16px;
            top: 7px;
            width: 10px;
            display: flex;
            height: 10px;
            background-color: #489f46;
            border-radius: 50%
        }

.adressSection .productSection .form-group {
    padding-top: 13px;
    display: inline-block;
    margin-bottom: 15px
}

    .adressSection .productSection .form-group input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
        background-color: var(--white)
    }

        .adressSection .productSection .form-group input:checked + label {
            line-height: 0;
            display: flex;
            align-items: center;
            margin-bottom: 0
        }

            .adressSection .productSection .form-group input:checked + label:before {
                content: "";
                -webkit-appearance: none;
                background-color: white;
                border: 1px solid #5dbd77;
                box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
                padding: 10px;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                cursor: pointer;
                margin-right: 5px
            }

            .adressSection .productSection .form-group input:checked + label:after {
                content: "";
                display: block;
                position: absolute;
                top: 4px;
                left: 5px;
                width: 12px;
                height: 12px;
                border: solid #5dbd77;
                background-color: #5dbd77;
                border-width: 0 2px 2px 0
            }

        .adressSection .productSection .form-group input:checked:before {
            content: "";
            -webkit-appearance: none;
            background-color: var(--primaryColour);
            border: 1px solid var(--primaryColour);
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px
        }

    .adressSection .productSection .form-group label {
        position: relative;
        cursor: pointer;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 14px;
        color: var(--textColour33);
        margin-bottom: 0
    }

        .adressSection .productSection .form-group label:before {
            content: "";
            -webkit-appearance: none;
            border: 1px solid #5dbd77;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            top: -1px
        }

.userDtlSection {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media (min-width: 768px) {
    .userDtlSection {
        justify-content: flex-end
    }
}

.userDtlSection .userName {
    border: 1px solid #489f46;
    border-radius: 4px;
    padding: 0px 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    height: 30px
}

@media (max-width: 1199px) {
    .userDtlSection .userName {
        margin-top: 15px
    }
}

.userDtlSection .userName p {
    margin-bottom: 0px
}

.userDtlSection .userName .name {
    font-size: 13px;
    font-weight: 500;
    margin-left: 4px
}

.userDtlSection .userEmail {
    border: 1px solid #489f46;
    border-radius: 4px;
    padding: 0px 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    height: 30px
}

@media (max-width: 1199px) {
    .userDtlSection .userEmail {
        margin-top: 15px
    }
}

.userDtlSection .userEmail p {
    margin-bottom: 0px
}

.userDtlSection .userEmail .email {
    font-size: 13px;
    font-weight: 500;
    margin-left: 4px
}

.userDtlSection .userMob {
    border: 1px solid #489f46;
    border-radius: 4px;
    padding: 0px 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    height: 30px
}

@media (max-width: 1199px) {
    .userDtlSection .userMob {
        margin-top: 15px
    }
}

.userDtlSection .userMob p {
    margin-bottom: 0px
}

.userDtlSection .userMob .mobilenum {
    font-size: 13px;
    font-weight: 500;
    margin-left: 4px
}

.userDtlSection .userImage {
    border: 1px solid #489f46;
    border-radius: 4px;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin-right: 10px;
    height: 35px
}

@media (max-width: 1199px) {
    .userDtlSection .userImage {
        margin-top: 15px
    }
}

.userDtlSection .userImage img {
    width: 25px;
    height: 25px
}

@media (max-width: 480px) {
    .userDtlSection .userImage img {
        width: 20px;
        height: 20px
    }
}

.opp-direction {
    direction: rtl
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.secSidebar {
    width: 25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: var(--white);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

@media (min-width: 992px) {
    .secSidebar {
        overflow: hidden
    }
}

@media (max-width: 1024px) {
    .secSidebar {
        position: absolute;
        width: 300px;
        height: 100vh;
        z-index: 4
    }
}

@media (max-width: 767px) {
    .secSidebar {
        width: 100%;
        display: none
    }
}

.secSidebar .sec-brandHolder {
    height: 70px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    background-color: var(--white)
}

@media (max-width: 767px) {
    .secSidebar .sec-brandHolder {
        padding: 15px
    }
}

.secSidebar .sec-brandHolder .logo-1 {
    display: block
}

    .secSidebar .sec-brandHolder .logo-1 img {
        width: 85%
    }

.secSidebar .sec-brandHolder .logo-2 {
    display: none
}

@media (max-width: 991px) {
    .secSidebar .sec-brandHolder .logo-2 img {
        width: 50px
    }
}

.secSidebar .sec-brandHolder .closeNavLink {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

@media (min-width: 1025px) {
    .secSidebar .sec-brandHolder .closeNavLink {
        display: none
    }
}

.secSidebar .sec-brandHolder .closeNavLink svg path {
    fill: #7d7575
}

.secSidebar.close-nav {
    width: 100px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

@media (max-width: 1199px) {
    .secSidebar.close-nav {
        width: 0;
        overflow: hidden
    }
}

.secSidebar.close-nav .sec-brandHolder {
    padding-left: 15px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .secSidebar.close-nav .sec-brandHolder .logo-1 {
        display: none
    }

@media (max-width: 991px) {
    .secSidebar.close-nav .sec-brandHolder .logo-1 {
        display: block
    }
}

.secSidebar.close-nav .sec-brandHolder .logo-2 {
    display: block
}

@media (max-width: 991px) {
    .secSidebar.close-nav .sec-brandHolder .logo-2 {
        display: none
    }
}

.sec-template {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed
}

    .sec-template .secBody {
        width: 100%;
        height: 120vh;
        overflow-x: hidden;
        background-color: #fff
    }

@media (max-width: 1024px) {
    .sec-template .secBody {
        z-index: 0
    }
}

@media (max-width: 767px) {
    .sec-template .secBody {
        margin-left: 0
    }
}

.sec-template .secBody.max {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

@media (max-width: 767px) {
    .sec-template .secBody.max {
        margin-left: 0
    }
}

.sec-template .secBody .bodyRow {
    padding: 8px 0 10px;
    display: -ms-flexwrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fafafa
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow {
        padding: 8px 0 10px
    }
}

.sec-template .secBody .bodyRow .content_body {
    height: calc(100vh - 100px)
}

.sec-template .secBody .bodyRow .scrollMyBody {
    overflow: hidden;
    width: 100%;
    min-height: 350px;
    padding-right: 30px;
    padding-left: 9px;
    padding-top: 12px
}

@media (min-width: 992px) {
    .sec-template .secBody .bodyRow .scrollMyBody {
        min-height: 500px
    }
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .scrollMyBody {
        padding-right: 15px;
        padding-left: 9px
    }
}

.sec-template .secBody .bodyRow .scrollMyBody .listing-table {
    width: 100%;
    overflow: hidden;
    position: relative
}

.sec-template .secBody .bodyRow .breadcrumbsRow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow {
        margin-bottom: 15px
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    margin-bottom: 0px
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul li {
    list-style-type: none;
    position: relative
}

    .sec-template .secBody .bodyRow .breadcrumbsRow ul li.baseHome {
        width: 45px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: solid 1px #beefcb;
        background-color: #fff
    }

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow ul li.baseHome {
        border: none;
        background-color: transparent
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul li.baseHome::after {
    position: absolute;
    right: -16px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #beefcb;
    border-bottom: 15px solid transparent;
    z-index: 1
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow ul li.baseHome::after {
        display: none
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul li.baseHome::before {
    position: absolute;
    right: -14px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-bottom: 14px solid transparent;
    z-index: 2
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow ul li.baseHome::before {
        display: none
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul li.breadcrumbList {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow ul li.breadcrumbList {
        background-color: transparent
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul li.breadcrumbList::before {
    position: absolute;
    right: -15px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid var(--themeColour1);
    border-bottom: 15px solid transparent;
    z-index: 1
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow ul li.breadcrumbList::before {
        display: none
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul li.breadcrumbList a {
    height: 30px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 400;
    color: #2d2d2d;
    font-size: 12px;
    text-decoration: none;
    background-color: var(--headerBgcolour);
    position: relative;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow ul li.breadcrumbList a {
        padding: 0 5px;
        background-color: transparent
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul li.breadcrumbList a::before {
    position: absolute;
    right: -14px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid var(--headerBgcolour);
    border-bottom: 15px solid transparent;
    z-index: 1
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow ul li.breadcrumbList a::before {
        display: none
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul li.breadcrumbList a:hover {
    color: var(--themeColour1)
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul li.active {
    height: 30px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    background-color: #5dbd77
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow ul li.active {
        color: #5dbd77;
        padding: 0 5px;
        background-color: transparent
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow ul li.active::before {
    position: absolute;
    right: -15px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #5dbd77;
    border-bottom: 15px solid transparent;
    z-index: 1
}

@media (max-width: 767px) {
    .sec-template .secBody .bodyRow .breadcrumbsRow ul li.active::before {
        display: none
    }
}

.sec-template .secBody .bodyRow .breadcrumbsRow svg {
    width: 14px;
    height: 14px
}

    .sec-template .secBody .bodyRow .breadcrumbsRow svg path, .sec-template .secBody .bodyRow .breadcrumbsRow svg polygon {
        fill: #5dbd77
    }

.sec-Section {
    padding: 12px 14px;
    border: solid 1px #f3f3f3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    .sec-Section {
        padding: 12px 14px
    }
}

.sec-Section.sec-Tab-holder {
    margin-top: 42px
}

@media (max-width: 767px) {
    .sec-Section.sec-Tab-holder {
        margin-top: 25px
    }
}

h2 {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 20px;
    color: #5dbd77;
    margin: 0
}

@media (max-width: 767px) {
    h2 {
        font-size: 18px
    }
}

h2 span {
    font-size: 16px
}

h3 {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 18px;
    color: #5dbd77;
    margin: 0
}

@media (max-width: 767px) {
    h3 {
        font-size: 16px
    }
}

h4 {
    font-family: "Roboto";
    font-weight: 700;
    color: #2d2d2d;
    font-size: 15px
}

.sec-table table {
    border: none
}

    .sec-table table tr th {
        text-transform: uppercase;
        font-family: "Roboto";
        font-weight: 700;
        color: #2d2d2d;
        font-size: 12px;
        border: none
    }

        .sec-table table tr th label {
            margin-bottom: 0
        }

    .sec-table table tr td {
        max-width: 200px;
        font-family: "Roboto";
        font-weight: 400;
        color: #2d2d2d;
        font-size: 13px;
        border: none;
        border-top: solid 1px #beefcb;
        border-bottom: solid 1px #beefcb;
        position: relative
    }

        .sec-table table tr td label {
            margin-bottom: 0
        }

        .sec-table table tr td .btn.btn-oval {
            width: 75px
        }

        .sec-table table tr td .switch {
            display: inline-block;
            width: 40px;
            height: 18px;
            position: relative
        }

            .sec-table table tr td .switch input {
                opacity: 0;
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 1;
                cursor: pointer
            }

            .sec-table table tr td .switch .slider {
                width: 40px;
                background-color: #ccc;
                bottom: 0;
                cursor: pointer;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transition: 0.4s
            }

                .sec-table table tr td .switch .slider:before {
                    background-color: #fff;
                    bottom: 3px;
                    content: "";
                    height: 12px;
                    left: 4px;
                    position: absolute;
                    transition: 0.4s;
                    width: 12px
                }

            .sec-table table tr td .switch input:checked + .slider {
                background-color: #5dbd77
            }

                .sec-table table tr td .switch input:checked + .slider:before {
                    transform: translateX(20px)
                }

            .sec-table table tr td .switch .slider.round {
                border-radius: 34px
            }

                .sec-table table tr td .switch .slider.round:before {
                    border-radius: 50%
                }

    .sec-table table tbody {
        border: solid 1px #beefcb
    }

    .sec-table table.tableBorder thead tr th.rotate {
        height: 185px
    }

        .sec-table table.tableBorder thead tr th.rotate div {
            transform: translate(-45px, -60px) rotate(270deg);
            width: 150px
        }

            .sec-table table.tableBorder thead tr th.rotate div span {
                padding: 5px 10px
            }

    .sec-table table.tableBorder tbody tr td {
        border: 1px solid #ffcccf !important
    }

    .sec-table table.v-middle tr td {
        vertical-align: middle
    }

.table-notifLink {
    cursor: pointer;
    justify-content: center
}

    .table-notifLink svg {
        width: 13px;
        height: 25px;
        margin: 0 -3px
    }

        .table-notifLink svg path, .table-notifLink svg circle {
            fill: var(--themeColour2)
        }

.table-colapsLink {
    margin-left: 10px;
    cursor: pointer;
    display: inline-flex;
    width: 22px;
    height: 22px;
    position: relative;
    background-color: #5dbd77;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    border: solid 1px #5dbd77
}

    .table-colapsLink::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        width: 15px;
        height: 2px;
        background-color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

    .table-colapsLink::before {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        width: 2px;
        height: 15px;
        background-color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

    .table-colapsLink:hover {
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
        background-color: #f8e4e5
    }

        .table-colapsLink:hover::before, .table-colapsLink:hover::after {
            background-color: #5dbd77
        }

    .table-colapsLink.isOpen {
        background-color: #f8e4e5;
        border: solid 1px #5dbd77
    }

        .table-colapsLink.isOpen::before {
            height: 0;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

        .table-colapsLink.isOpen::after {
            background-color: #5dbd77
        }

.table-colapsLink2 {
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
    display: inline-flex;
    width: 22px;
    height: 22px;
    position: relative;
    background-color: #5dbd77;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    border: solid 1px #5dbd77
}

    .table-colapsLink2 svg {
        position: relative;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

    .table-colapsLink2.isOpen {
        background-color: #f8e4e5;
        border: solid 1px #5dbd77
    }

        .table-colapsLink2.isOpen svg {
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

.sec-dropdown {
    padding: 0;
    width: 200px;
    position: fixed;
    background: #fff;
    z-index: 1;
    border: solid 1px #beefcb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    visibility: hidden;
    z-index: 101;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
}

    .sec-dropdown .close-tb {
        cursor: pointer;
        line-height: 16px;
        color: #fff;
        display: inline-block;
        text-align: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        position: absolute;
        font-size: 13px;
        right: 5px;
        top: 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: solid 1px #beefcb;
        background-color: #e8f7ec;
        z-index: 2;
        display: none
    }

    .sec-dropdown ul {
        padding: 0;
        margin: 0;
        max-height: 150px;
        display: flex;
        flex-direction: column
    }

        .sec-dropdown ul li {
            list-style-type: none;
            padding: 0;
            position: relative;
            display: block !important;
            margin-bottom: 0 !important
        }

            .sec-dropdown ul li a {
                color: #2d2d2d;
                padding: 5px 10px;
                display: block;
                width: 100%
            }

                .sec-dropdown ul li a:hover {
                    background-color: #e8f7ec
                }

    .sec-dropdown.tbl-s-show {
        visibility: visible
    }

.fx-body {
    width: 100vw;
    height: 100vh;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.6
}

.imagefigure {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
    padding-top: 100px
}

    .imagefigure img {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        vertical-align: top
    }

.pagination-container {
    display: flex;
    justify-content: flex-end;
    padding-right: 40px;
    margin-bottom: 50px
}

    .pagination-container ul.pagination {
        display: inline-flex;
        position: relative;
        padding: 0 20px;
        margin: 0;
        background-color: #fafafa;
        border: solid 1px #e6e6e6;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        z-index: 0
    }

        .pagination-container ul.pagination li {
            height: 30px;
            display: flex;
            align-items: center;
            cursor: pointer
        }

            .pagination-container ul.pagination li.PagedList-skipToPrevious {
                cursor: pointer;
                padding: 0;
                width: 30px;
                height: 30px;
                background: #ccc;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                text-indent: -100px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background-color: #fafafa;
                position: absolute;
                left: -40px;
                border: solid 1px #e6e6e6;
                -webkit-transition: all 0.4s;
                -moz-transition: all 0.4s;
                -o-transition: all 0.4s;
                -ms-transition: all 0.4s;
                transition: all 0.4s
            }

                .pagination-container ul.pagination li.PagedList-skipToPrevious::after {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    content: "";
                    width: 8px;
                    height: 12px;
                    background: url("../images/sec-sprite.png") no-repeat -70px 1px
                }

                .pagination-container ul.pagination li.PagedList-skipToPrevious:hover {
                    background-color: #5dbd77;
                    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
                }

                    .pagination-container ul.pagination li.PagedList-skipToPrevious:hover::after {
                        background: url("../images/sec-sprite.png") no-repeat -57px 1px
                    }

                .pagination-container ul.pagination li.PagedList-skipToPrevious a {
                    opacity: 0 !important
                }

            .pagination-container ul.pagination li.PagedList-skipToNext {
                cursor: pointer;
                padding: 0;
                width: 30px;
                height: 30px;
                background: #ccc;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                text-indent: -100px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background-color: #fafafa;
                position: absolute;
                right: -40px;
                border: solid 1px #e6e6e6
            }

                .pagination-container ul.pagination li.PagedList-skipToNext a {
                    opacity: 0 !important
                }

                .pagination-container ul.pagination li.PagedList-skipToNext::after {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    content: "";
                    width: 8px;
                    height: 12px;
                    background: url("../images/sec-sprite.png") no-repeat -26px 1px
                }

                .pagination-container ul.pagination li.PagedList-skipToNext:hover {
                    background-color: #5dbd77;
                    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
                }

                    .pagination-container ul.pagination li.PagedList-skipToNext:hover::after {
                        background: url("../images/sec-sprite.png") no-repeat -42px 1px
                    }

            .pagination-container ul.pagination li a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 20px;
                height: 20px;
                font-family: "Roboto";
                font-weight: 700;
                font-size: 12px;
                color: #2d2d2d;
                position: relative;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                z-index: 1
            }

                .pagination-container ul.pagination li a:hover {
                    color: #fff;
                    background-color: #5dbd77
                }

            .pagination-container ul.pagination li.active a {
                color: #fff;
                background-color: #5dbd77
            }

.card-row {
    margin-bottom: 20px
}

    .card-row .card-list {
        display: flex;
        padding: 12px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

        .card-row .card-list.offred-bg {
            background-color: #f8e4e5
        }

            .card-row .card-list.offred-bg svg path {
                fill: #b39192
            }

        .card-row .card-list.offblue-bg {
            background-color: #f0f5fe;
            border: solid 1px #e1e9f9
        }

            .card-row .card-list.offblue-bg svg path, .card-row .card-list.offblue-bg svg circle {
                fill: #a5b2ca
            }

        .card-row .card-list .icon {
            background: #e1e9f9;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 12px
        }

            .card-row .card-list .icon svg {
                width: 22px;
                height: 22px
            }

        .card-row .card-list .text {
            padding-left: 10px;
            color: #2d2d2d;
            font-family: "Roboto";
            font-weight: 500;
            display: flex;
            align-items: center
        }

        .card-row .card-list:hover {
            box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28)
        }

.change-psw .infobox {
    padding: 20px;
    width: 100%;
    display: flex;
    align-items: center
}

    .change-psw .infobox .info-content {
        padding-right: 20px
    }

    .change-psw .infobox h3 {
        font-family: "Roboto";
        font-weight: 500;
        color: #2d2d2d;
        font-size: 22px
    }

    .change-psw .infobox ul {
        margin: 0;
        padding: 0
    }

        .change-psw .infobox ul li {
            padding-left: 18px;
            list-style-type: none;
            font-family: "Roboto";
            font-weight: 400;
            font-size: 16px;
            color: #2d2d2d;
            position: relative
        }

            .change-psw .infobox ul li::before {
                position: absolute;
                left: 0;
                top: 9px;
                content: "";
                width: 0;
                height: 0;
                border-top: 3px solid transparent;
                border-right: 5px solid #2d2d2d;
                border-bottom: 3px solid transparent
            }

    .change-psw .infobox.offblue-bg {
        background-color: #f0f5fe;
        border: solid 1px #e1e9f9
    }

@media (max-width: 767px) {
    .change-psw .psw-message {
        order: -1;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .mCSB_inside > .mCSB_container {
        margin-right: 15px
    }
}

.loader-row {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    z-index: 100
}

    .loader-row .loader {
        position: absolute;
        left: 0;
        right: 0;
        top: 20%;
        margin: auto;
        border: 10px solid #f3f3f3;
        border-radius: 50%;
        border-top: 10px solid #5dbd77;
        width: 60px;
        height: 60px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite
    }

.blocked {
    position: relative
}

    .blocked:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        background: transparent;
        background-color: rgba(255,255,255,0.5)
    }

.cropper-wrapper {
    position: fixed;
    width: 300px;
    height: 300px;
    z-index: 100
}

.croper-holder {
    overflow: hidden
}

    .croper-holder .img-container {
        max-height: 500px
    }

.defaultScroll {
    overflow-x: scroll;
    overflow-y: hidden
}

    .defaultScroll::-webkit-scrollbar-track {
        display: block;
        background-color: #f7ebeb;
        border: 2px solid #e0c5c5;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

    .defaultScroll::-webkit-scrollbar {
        display: block;
        height: 6px;
        width: 6px;
        background-color: #6e6e6e;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

    .defaultScroll::-webkit-scrollbar-thumb {
        display: block;
        background-color: #6e6e6e;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

.table_content.horizontal-images.defaultScroll table {
    width: auto !important
}

    .table_content.horizontal-images.defaultScroll table thead tr th {
        min-width: 120px !important
    }

        .table_content.horizontal-images.defaultScroll table thead tr th.slNo {
            min-width: 60px !important;
            width: 60px !important
        }

        .table_content.horizontal-images.defaultScroll table thead tr th.statusScroll {
            min-width: 80px !important;
            width: 80px !important
        }

.slNumb {
    width: 65px
}

.backButtonTab {
    display: flex;
    align-items: center;
    margin-left: auto;
    height: 34px;
    padding: 0 20px;
    background-color: #fafafa;
    border: solid 1px var(--themeColour1);
    border-radius: 3px;
    margin: 4px 4px 0 auto;
    font-size: 16px;
    color: var(--themeColour1);
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    cursor: pointer
}

    .backButtonTab svg {
        margin-right: 5px
    }

        .backButtonTab svg line {
            stroke: var(--themeColour1);
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s
        }

    .backButtonTab:hover {
        background-color: var(--themeColour2);
        color: #fafafa
    }

        .backButtonTab:hover svg line {
            stroke: #fafafa
        }

.k-grid-content.k-auto-scrollable::-webkit-scrollbar-track {
    display: block;
    background-color: #eaeaea;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.k-grid-content.k-auto-scrollable::-webkit-scrollbar {
    display: block;
    height: 6px;
    width: 6px;
    background-color: #6e6e6e;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.k-grid-content.k-auto-scrollable::-webkit-scrollbar-thumb {
    display: block;
    background-color: #6e6e6e
}

.k-grid-content.k-auto-scrollable::-webkit-scrollbar-button {
    background-color: #eaeaea;
    display: block
}

.cardTab3Main {
    border: solid 1px;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #f3f3f3
}

    .cardTab3Main .cardTab3Head {
        background-color: #e8f7ec
    }

        .cardTab3Main .cardTab3Head ul {
            display: flex;
            margin: 0;
            padding: 0
        }

@media (max-width: 767px) {
    .cardTab3Main .cardTab3Head ul {
        overflow: hidden;
        overflow-x: scroll
    }

        .cardTab3Main .cardTab3Head ul::-webkit-scrollbar {
            display: block
        }

        .cardTab3Main .cardTab3Head ul::-webkit-scrollbar-button {
            display: block
        }

        .cardTab3Main .cardTab3Head ul::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
            background-color: #F5F5F5
        }

        .cardTab3Main .cardTab3Head ul::-webkit-scrollbar {
            width: 100%;
            height: 2px;
            background-color: #F5F5F5
        }

        .cardTab3Main .cardTab3Head ul::-webkit-scrollbar-thumb {
            background-color: var(--themeColour2);
            border: 1px solid #555555
        }
}

.cardTab3Main .cardTab3Head ul li {
    cursor: pointer;
    height: 42px;
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0 20px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #2d2d2d;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

@media (max-width: 767px) {
    .cardTab3Main .cardTab3Head ul li {
        white-space: nowrap
    }
}

.cardTab3Main .cardTab3Head ul li:hover, .cardTab3Main .cardTab3Head ul li.active {
    color: #fafafa;
    background-color: var(--themeColour1)
}

.cardTab3Main .cardTab3Body {
    padding: 22px
}

    .cardTab3Main .cardTab3Body .tabListProfile {
        display: none
    }

    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 15px
    }

@media (max-width: 480px) {
    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails {
        grid-template-columns: 1fr
    }
}

.cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .orderCode {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background: #d3d3d333;
    padding: 8px 15px;
    margin-top: 15px
}

    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .orderCode .ordercode {
        color: #808080;
        font-size: 14px
    }

    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .orderCode .ordCode {
        margin-bottom: 0;
        color: black;
        font-size: 16px;
        font-weight: 500
    }

.cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .orderDate {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background: #d3d3d333;
    padding: 8px 15px;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .orderDate .orderDatebasic .orderdate {
        color: #808080;
        font-size: 14px
    }

    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .orderDate .orderDatebasic .ordDate {
        margin-bottom: 0;
        color: black;
        font-size: 16px;
        font-weight: 500
    }

    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .orderDate .calIcon svg {
        fill: #489f46
    }

.cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .totalMrp {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background: #d3d3d333;
    padding: 8px 15px;
    margin-top: 15px
}

    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .totalMrp .totalmrp {
        color: #808080;
        font-size: 14px
    }

    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .totalMrp .totMrp {
        margin-bottom: 0;
        color: black;
        font-size: 16px;
        font-weight: 500
    }

.cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .totalAmount {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background: #d3d3d333;
    padding: 8px 15px;
    margin-top: 15px
}

    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .totalAmount .totalamount {
        color: #808080;
        font-size: 14px
    }

    .cardTab3Main .cardTab3Body .tab3BodyList .basicDetails .totalAmount .totAmount {
        margin-bottom: 0;
        color: black;
        font-size: 16px;
        font-weight: 500
    }

.cardTab3Main .cardTab3Body .cancelRequest {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px
}

@media (max-width: 480px) {
    .cardTab3Main .cardTab3Body .cancelRequest {
        grid-template-columns: 1fr
    }
}

.cardTab3Main .cardTab3Body .cancelRequest .cancelReqdatetime {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background: #d3d3d333;
    padding: 8px 15px;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .cardTab3Main .cardTab3Body .cancelRequest .cancelReqdatetime .canrequest .canReqdatetime {
        color: #808080;
        font-size: 14px
    }

    .cardTab3Main .cardTab3Body .cancelRequest .cancelReqdatetime .canrequest .Reqdatetime {
        margin-bottom: 0;
        color: black;
        font-size: 16px;
        font-weight: 500
    }

    .cardTab3Main .cardTab3Body .cancelRequest .cancelReqdatetime .calIcon svg {
        fill: #489f46
    }

.cardTab3Main .cardTab3Body .cancelRequest .cancelReqReasonTitle {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background: #d3d3d333;
    padding: 8px 15px;
    margin-top: 15px
}

    .cardTab3Main .cardTab3Body .cancelRequest .cancelReqReasonTitle .cancelReqTitle {
        color: #808080;
        font-size: 14px
    }

    .cardTab3Main .cardTab3Body .cancelRequest .cancelReqReasonTitle .cancelTitle {
        margin-bottom: 0;
        color: black;
        font-size: 16px;
        font-weight: 500
    }

.cardTab3Main .cardTab3Body .cancelRequest .cancelReqReasonDescrp {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background: #d3d3d333;
    padding: 8px 15px;
    margin-top: 15px
}

    .cardTab3Main .cardTab3Body .cancelRequest .cancelReqReasonDescrp .cancelReqDescrp {
        color: #808080;
        font-size: 14px
    }

    .cardTab3Main .cardTab3Body .cancelRequest .cancelReqReasonDescrp .cancelDescrp {
        margin-bottom: 0;
        color: black;
        font-size: 16px;
        font-weight: 500
    }

.cardTab3Main .cardTab3Body .cancelRequest .cancelStatus {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background: #d3d3d333;
    padding: 8px 15px;
    margin-top: 15px
}

    .cardTab3Main .cardTab3Body .cancelRequest .cancelStatus .canStatus {
        color: #808080;
        font-size: 14px
    }

    .cardTab3Main .cardTab3Body .cancelRequest .cancelStatus .can-status {
        margin-bottom: 0;
        color: black;
        font-size: 16px;
        font-weight: 500
    }

.cardTab3Main .cardTab3Body .cancelRequest .cancelActionTaken {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background: #d3d3d333;
    padding: 8px 15px;
    margin-top: 15px
}

    .cardTab3Main .cardTab3Body .cancelRequest .cancelActionTaken .cancelAction {
        color: #808080;
        font-size: 14px
    }

    .cardTab3Main .cardTab3Body .cancelRequest .cancelActionTaken .cancelAct {
        margin-bottom: 0;
        color: black;
        font-size: 16px;
        font-weight: 500
    }

.cardTab3Main .cardTab3Body .cancelRequest .actionDateTime {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    background: #d3d3d333;
    padding: 8px 15px;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .cardTab3Main .cardTab3Body .cancelRequest .actionDateTime .actiontime .actiontime {
        color: #808080;
        font-size: 14px
    }

    .cardTab3Main .cardTab3Body .cancelRequest .actionDateTime .actiontime .actionTime {
        margin-bottom: 0;
        color: black;
        font-size: 16px;
        font-weight: 500
    }

    .cardTab3Main .cardTab3Body .cancelRequest .actionDateTime .calIcon svg {
        fill: #489f46
    }

.cardTabcustMain {
    border: solid 1px;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #f3f3f3;
    padding: 40px 30px;
    margin-top: 35px;
    margin-bottom: 100px
}

    .cardTabcustMain .cardTabcustHead {
        background-color: #e8f7ec
    }

        .cardTabcustMain .cardTabcustHead ul {
            display: flex;
            margin: 0;
            padding: 0
        }

@media (max-width: 767px) {
    .cardTabcustMain .cardTabcustHead ul {
        overflow: hidden;
        overflow-x: scroll
    }

        .cardTabcustMain .cardTabcustHead ul::-webkit-scrollbar {
            display: block
        }

        .cardTabcustMain .cardTabcustHead ul::-webkit-scrollbar-button {
            display: block
        }

        .cardTabcustMain .cardTabcustHead ul::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
            background-color: #F5F5F5
        }

        .cardTabcustMain .cardTabcustHead ul::-webkit-scrollbar {
            width: 100%;
            height: 2px;
            background-color: #F5F5F5
        }

        .cardTabcustMain .cardTabcustHead ul::-webkit-scrollbar-thumb {
            background-color: var(--themeColour2);
            border: 1px solid #555555
        }
}

.cardTabcustMain .cardTabcustHead ul li {
    cursor: pointer;
    height: 42px;
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0 20px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #2d2d2d;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

@media (max-width: 767px) {
    .cardTabcustMain .cardTabcustHead ul li {
        white-space: nowrap
    }
}

.cardTabcustMain .cardTabcustHead ul li:hover, .cardTabcustMain .cardTabcustHead ul li.active {
    color: #fafafa;
    background-color: var(--themeColour1);
    border-top-left-radius: 5px
}

.cardTabcustMain .cardTabcustBody {
    padding: 15px 25px;
    border: solid 1px #f3f3f3
}

@media (max-width: 480px) {
    .cardTabcustMain .cardTabcustBody {
        padding: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabListProfile {
    display: none
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome {
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    padding: 12px 25px;
    margin-bottom: 5px;
    cursor: pointer
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome {
        padding: 8px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead {
    display: grid;
    grid-template-columns: 1fr 100px;
    justify-content: space-between;
    align-items: center
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead h2 {
        color: #373938;
        font-size: 16px;
        font-family: "Roboto";
        font-weight: 500
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead h2 {
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead .editDelete {
    opacity: 0;
    text-align: end;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead .editDelete .editIcon {
        margin-left: 12px
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead .editDelete .editIcon svg {
            transition: all .4s
        }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead .editDelete .editIcon svg {
        width: 15px;
        height: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead .editDelete .editIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead .editDelete .delIcon {
    margin-left: 12px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead .editDelete .delIcon svg {
        transition: all .4s
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead .editDelete .delIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead .editDelete .delIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead:hover .editDelete {
    opacity: 1
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead.active {
    background-color: #FAFAFA
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead.active h2 {
        color: #489F46
    }

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custHome .homeHead.active .editDelete {
        opacity: 1
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout {
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    padding: 12px 25px;
    margin-bottom: 5px;
    cursor: pointer
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout {
        padding: 8px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout.openabout {
    background-color: #fafafa
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead {
    display: grid;
    grid-template-columns: 1fr 100px;
    justify-content: space-between;
    align-items: center
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead h2 {
        color: #373938;
        font-size: 16px;
        font-family: "Roboto";
        font-weight: 500
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead h2 {
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead .editDelete {
    opacity: 0;
    text-align: end;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead .editDelete .editIcon {
        margin-left: 12px
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead .editDelete .editIcon svg {
            transition: all .4s
        }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead .editDelete .editIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead .editDelete .editIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead .editDelete .delIcon {
    margin-left: 12px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead .editDelete .delIcon svg {
        transition: all .4s
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead .editDelete .delIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead .editDelete .delIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead:hover .editDelete {
    opacity: 1
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead.active {
    background-color: #FAFAFA
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead.active h2 {
        color: #489F46
    }

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutHead.active .editDelete {
        opacity: 1
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent {
    margin-top: 25px;
    padding: 10px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent {
        padding: 6px;
        margin-top: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl {
    list-style: none;
    padding-left: 0
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li {
        margin-bottom: 25px;
        background-image: url(../images/right-arrow.png);
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li a {
            font-family: "Roboto";
            font-weight: 400;
            font-size: 15px;
            color: #373938;
            transition: all .4s
        }

            .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li a.active {
                color: #489F46
            }

            .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li a:hover {
                color: #489F46
            }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li .editDelete {
            opacity: 0;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            -ms-transition: all 0.4s;
            transition: all 0.4s
        }

            .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li .editDelete .editIcon {
                margin-left: 12px
            }

                .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li .editDelete .editIcon svg {
                    transition: all .4s
                }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li .editDelete .editIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li .editDelete .editIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li .editDelete .delIcon {
    margin-left: 12px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li .editDelete .delIcon svg {
        transition: all .4s
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li .editDelete .delIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li .editDelete .delIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li:hover .editDelete {
    opacity: 1
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li.active {
    background-color: #FAFAFA
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .aboutUl li.active .editDelete {
        opacity: 1
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addSubMenu {
    margin-top: 20px;
    padding: 10px 15px 10px 10px;
    background-color: #489F46;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px;
    border: 1px solid #E5E5E5;
    color: white;
    border-radius: 5px;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    outline: none
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addSubMenu {
        padding: 8px;
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addSubMenu svg {
    margin-right: 10px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addSubMenu svg {
        width: 15px;
        height: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addSubMenu:hover {
    background-color: #125b10
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard h2 {
    font-size: 18px;
    font-family: "Roboto";
    font-weight: 500;
    color: #373938
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard h2 {
        font-size: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addMenuInput {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addMenuInput {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addMenuInput .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addMenuInput .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addMenuInput .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addMenuInput .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addMenuInput .form-group input {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addMenuInput .form-group select {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    outline: 0;
    background: url(../images/down-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position: 96% center
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addMenuInput .form-group select {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl {
    display: grid;
    grid-template-columns: 1fr 300px;
    column-gap: 16px;
    align-items: center
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .form-group input {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .openWindow {
    margin-top: auto
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .openWindow {
        margin-top: 20px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .openWindow input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
    background-color: white
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .openWindow input:checked + label {
        line-height: 0;
        display: flex;
        align-items: center
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .openWindow input:checked + label:before {
            content: "";
            -webkit-appearance: none;
            background-color: #489F45;
            border: 1px solid #489F45;
            border-radius: 2px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px
        }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .openWindow input:checked + label:after {
            content: "";
            display: block;
            position: absolute;
            top: 2px;
            left: 8px;
            width: 6px;
            height: 14px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .openWindow input:checked:before {
        content: "";
        -webkit-appearance: none;
        background-color: #489f46;
        border: 1px solid #489f46;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .openWindow label {
    position: relative;
    cursor: pointer;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #373938
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addUrl .openWindow label:before {
        content: "";
        -webkit-appearance: none;
        border: 1px solid #E5E5E5;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        top: -1px
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addaboutmenuBtn {
    margin-top: 25px;
    display: flex
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addaboutmenuBtn .addaboutmenuCancel {
        width: 100px;
        height: 40px;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
        background-color: #E2E2E2;
        color: #373938;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .4s;
        margin-right: 15px;
        outline: 0
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addaboutmenuBtn .addaboutmenuCancel {
        width: 90px;
        height: 35px;
        font-size: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addaboutmenuBtn .addaboutmenuCancel:hover {
    background-color: #868181;
    color: white
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addaboutmenuBtn .addaboutmenuSave {
    width: 100px;
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    background-color: #489F46;
    color: #fff;
    outline: 0;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addaboutmenuBtn .addaboutmenuSave {
        width: 90px;
        height: 35px;
        font-size: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custAbout .aboutContent .addaboutmenuCard .addaboutmenuBtn .addaboutmenuSave:hover {
    background-color: #125b10
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery {
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    padding: 12px 25px;
    margin-bottom: 5px;
    cursor: pointer
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery {
        padding: 8px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery.open {
    background-color: #fafafa
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead {
    display: grid;
    grid-template-columns: 1fr 100px;
    justify-content: space-between;
    align-items: center
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead h2 {
        color: #373938;
        font-size: 16px;
        font-family: "Roboto";
        font-weight: 500
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead h2 {
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead .editDelete {
    opacity: 0;
    text-align: end;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead .editDelete .editIcon {
        margin-left: 12px
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead .editDelete .editIcon svg {
            transition: all .4s
        }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead .editDelete .editIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead .editDelete .editIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead .editDelete .delIcon {
    margin-left: 12px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead .editDelete .delIcon svg {
        transition: all .4s
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead .editDelete .delIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead .editDelete .delIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead:hover .editDelete {
    opacity: 1
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead.active {
    background-color: #FAFAFA
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead.active h2 {
        color: #489F46
    }

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryHead.active .editDelete {
        opacity: 1
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock {
    margin-top: 10px;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    background-color: #fff
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead {
        display: grid;
        grid-template-columns: 1fr 100px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #E8E8E8;
        padding: 10px;
        margin: 10px
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead h3 {
            font-size: 16px;
            font-family: "Roboto";
            font-weight: 500;
            color: #373938
        }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead h3 {
        font-size: 14px;
        padding: 8px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead .editDelete {
    opacity: 0;
    text-align: end;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead .editDelete .editIcon {
        margin-left: 12px
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead .editDelete .editIcon svg {
            transition: all .4s
        }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead .editDelete .editIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead .editDelete .editIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead .editDelete .delIcon {
    margin-left: 12px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead .editDelete .delIcon svg {
        transition: all .4s
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead .editDelete .delIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead .editDelete .delIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead:hover .editDelete {
    opacity: 1
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead.active {
    background-color: #FAFAFA
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead.active h2 {
        color: #489F46
    }

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .gallBlockHead.active .editDelete {
        opacity: 1
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 {
    list-style-type: none;
    padding: 10px;
    margin-bottom: 0
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 {
        padding: 8px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li {
    background-color: #E8F7EC;
    border: 1px solid #E8F7EC;
    border-radius: 2px;
    margin-bottom: 5px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead {
        display: grid;
        grid-template-columns: 1fr 100px;
        align-items: center;
        justify-content: center;
        padding: 12px
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead {
        padding: 8px;
        grid-template-columns: 1fr 60px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead .gallfarmHerb {
    color: #373938;
    font-size: 15px;
    font-family: "Roboto";
    font-weight: 400;
    background-image: url(../images/right-arrow.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 18px;
    transition: all .4s
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead .editDelete {
    opacity: 0;
    text-align: end;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead .editDelete .editIcon {
        margin-left: 12px
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead .editDelete .editIcon svg {
            transition: all .4s
        }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead .editDelete .editIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead .editDelete .editIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead .editDelete .delIcon {
    margin-left: 12px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead .editDelete .delIcon svg {
        transition: all .4s
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead .editDelete .delIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead .editDelete .delIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead:hover .gallfarmHerb {
    color: #489F46
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead:hover .editDelete {
    opacity: 1
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead.active {
    background-color: #FAFAFA
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead.active .gallfarmHerb {
        color: #489F46
    }

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .gallAddHead.active .editDelete {
        opacity: 1
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery {
    padding: 0px 10px 20px;
    background-color: #FAFAFA
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallInput {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 16px
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallInput {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallInput .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallInput .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallInput .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallInput .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallInput .form-group input {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallInput .form-group select {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    outline: 0;
    background: url(../images/down-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position: 96% center
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallInput .form-group select {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px;
    align-items: center
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .form-group input {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .form-group select {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    outline: 0;
    background: url(../images/down-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position: 96% center
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .form-group select {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .openWindow {
    margin-top: auto
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .openWindow {
        margin-top: 20px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .openWindow input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
    background-color: white
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .openWindow input:checked + label {
        line-height: 0;
        display: flex;
        align-items: center
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .openWindow input:checked + label:before {
            content: "";
            -webkit-appearance: none;
            background-color: #489F45;
            border: 1px solid #489F45;
            border-radius: 2px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px
        }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .openWindow input:checked + label:after {
            content: "";
            display: block;
            position: absolute;
            top: 2px;
            left: 8px;
            width: 6px;
            height: 14px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .openWindow input:checked:before {
        content: "";
        -webkit-appearance: none;
        background-color: #489f46;
        border: 1px solid #489f46;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .openWindow label {
    position: relative;
    cursor: pointer;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #373938
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallUrl .openWindow label:before {
        content: "";
        -webkit-appearance: none;
        border: 1px solid #E5E5E5;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        top: -1px
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallBtn {
    margin-top: 25px;
    display: flex
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallBtn .addgallCancel {
        width: 100px;
        height: 40px;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
        background-color: #E2E2E2;
        color: #373938;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .4s;
        margin-right: 15px;
        outline: 0
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallBtn .addgallCancel {
        width: 90px;
        height: 35px;
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallBtn .addgallCancel:hover {
    background-color: #868181;
    color: white
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallBtn .addgallSave {
    width: 100px;
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    background-color: #489F46;
    color: #fff;
    outline: 0;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallBtn .addgallSave {
        width: 90px;
        height: 35px;
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-1 li .addImagegallery .addgallBtn .addgallSave:hover {
    background-color: #125b10
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 {
    list-style-type: none;
    padding: 10px;
    margin-bottom: 0
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 {
        padding: 8px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li {
    background-color: #E8F7EC;
    border: 1px solid #E8F7EC;
    border-radius: 2px;
    margin-bottom: 5px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead {
        display: grid;
        grid-template-columns: 1fr 100px;
        align-items: center;
        justify-content: center;
        padding: 12px
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead {
        padding: 8px;
        grid-template-columns: 1fr 60px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead .gallfarmHerb {
    color: #373938;
    font-size: 15px;
    font-family: "Roboto";
    font-weight: 400;
    background-image: url(../images/right-arrow.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 18px;
    transition: all .4s
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead .editDelete {
    opacity: 0;
    text-align: end;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead .editDelete .editIcon {
        margin-left: 12px
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead .editDelete .editIcon svg {
            transition: all .4s
        }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead .editDelete .editIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead .editDelete .editIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead .editDelete .delIcon {
    margin-left: 12px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead .editDelete .delIcon svg {
        transition: all .4s
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead .editDelete .delIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead .editDelete .delIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead:hover .gallfarmHerb {
    color: #489F46
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead:hover .editDelete {
    opacity: 1
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead.active {
    background-color: #FAFAFA
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead.active .gallfarmHerb {
        color: #489F46
    }

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .gallAddHead.active .editDelete {
        opacity: 1
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery {
    padding: 0px 10px 20px;
    background-color: #FAFAFA
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallInput {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 16px
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallInput {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallInput .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallInput .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallInput .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallInput .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallInput .form-group input {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallInput .form-group select {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    outline: 0;
    background: url(../images/down-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position: 96% center
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallInput .form-group select {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px;
    align-items: center
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .form-group input {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .form-group select {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    outline: 0;
    background: url(../images/down-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position: 96% center
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .form-group select {
        height: 35px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .openWindow {
    margin-top: auto
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .openWindow {
        margin-top: 20px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .openWindow input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
    background-color: white
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .openWindow input:checked + label {
        line-height: 0;
        display: flex;
        align-items: center
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .openWindow input:checked + label:before {
            content: "";
            -webkit-appearance: none;
            background-color: #489F45;
            border: 1px solid #489F45;
            border-radius: 2px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px
        }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .openWindow input:checked + label:after {
            content: "";
            display: block;
            position: absolute;
            top: 2px;
            left: 8px;
            width: 6px;
            height: 14px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .openWindow input:checked:before {
        content: "";
        -webkit-appearance: none;
        background-color: #489f46;
        border: 1px solid #489f46;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .openWindow label {
    position: relative;
    cursor: pointer;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #373938
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallUrl .openWindow label:before {
        content: "";
        -webkit-appearance: none;
        border: 1px solid #E5E5E5;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        top: -1px
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallBtn {
    margin-top: 25px;
    display: flex
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallBtn .addgallCancel {
        width: 100px;
        height: 40px;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
        background-color: #E2E2E2;
        color: #373938;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .4s;
        margin-right: 15px;
        outline: 0
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallBtn .addgallCancel {
        width: 90px;
        height: 35px;
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallBtn .addgallCancel:hover {
    background-color: #868181;
    color: white
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallBtn .addgallSave {
    width: 100px;
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    background-color: #489F46;
    color: #fff;
    outline: 0;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallBtn .addgallSave {
        width: 90px;
        height: 35px;
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .sortable-2 li .addImagegallery .addgallBtn .addgallSave:hover {
    background-color: #125b10
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .selected {
    background-color: #E8F7EC;
    border: 1px solid #E8F7EC;
    list-style: none
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryBlock .hidden {
    display: none !important
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn {
    margin-top: 10px;
    display: flex
}

@media (max-width: 480px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn {
        display: block
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn .gallAddMenu {
    width: 155px;
    height: 35px;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 400;
    color: #489F46;
    background-color: #fff;
    border: 1px solid #489F46;
    transition: all .4s;
    border-radius: 2px;
    margin-right: 10px;
    outline: 0
}

@media (max-width: 480px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn .gallAddMenu {
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn .gallAddMenu svg {
    fill: #489F46;
    margin-right: 10px
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn .gallAddMenu:hover {
    background-color: #125b10;
    color: #fff
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn .gallAddMenu:hover svg {
        fill: #fff
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn .gallAddGrp {
    width: 125px;
    height: 35px;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 400;
    color: #489F46;
    background-color: #fff;
    border: 1px solid #489F46;
    transition: all .4s;
    border-radius: 2px;
    margin-right: 10px
}

@media (max-width: 480px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn .gallAddGrp {
        margin-top: 20px;
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn .gallAddGrp svg {
    fill: #489F46;
    margin-right: 10px
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn .gallAddGrp:hover {
    background-color: #125b10;
    color: #fff
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custGallery .galleryAddBtn .gallAddGrp:hover svg {
        fill: #fff
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact {
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    padding: 12px 25px;
    margin-bottom: 5px;
    cursor: pointer
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact {
        padding: 8px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead {
    display: grid;
    grid-template-columns: 1fr 100px;
    justify-content: space-between;
    align-items: center
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead h2 {
        color: #373938;
        font-size: 16px;
        font-family: "Roboto";
        font-weight: 500
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead h2 {
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead .editDelete {
    opacity: 0;
    text-align: end;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead .editDelete .editIcon {
        margin-left: 12px
    }

        .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead .editDelete .editIcon svg {
            transition: all .4s
        }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead .editDelete .editIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead .editDelete .editIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead .editDelete .delIcon {
    margin-left: 12px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead .editDelete .delIcon svg {
        transition: all .4s
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead .editDelete .delIcon svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead .editDelete .delIcon svg:hover {
    fill: #489F45
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead:hover .editDelete {
    opacity: 1
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead.active {
    background-color: #FAFAFA
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead.active h2 {
        color: #489F46
    }

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .basicDetails .custContact .contactHead.active .editDelete {
        opacity: 1
    }

.cardTabcustMain .cardTabcustBody .tabcustBodyList .addmenuSection {
    margin-top: 25px
}

    .cardTabcustMain .cardTabcustBody .tabcustBodyList .addmenuSection .addMenuBtn {
        padding: 10px 12px 10px 10px;
        background-color: #489F46;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 18px;
        border: 1px solid #E5E5E5;
        color: white;
        border-radius: 5px;
        display: flex;
        align-items: center;
        outline: 0;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
        outline: none
    }

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .addmenuSection .addMenuBtn {
        padding: 8px;
        font-size: 14px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .addmenuSection .addMenuBtn svg {
    margin-right: 10px
}

@media (max-width: 680px) {
    .cardTabcustMain .cardTabcustBody .tabcustBodyList .addmenuSection .addMenuBtn svg {
        width: 13px;
        height: 13px
    }
}

.cardTabcustMain .cardTabcustBody .tabcustBodyList .addmenuSection .addMenuBtn:hover {
    background-color: #125b10
}

.cardTabcustMain .addmenuCard {
    padding: 25px 20px;
    margin-top: 25px;
    background-color: #FAFAFA;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    margin-bottom: 100px
}

    .cardTabcustMain .addmenuCard h2 {
        font-size: 18px;
        font-family: "Roboto";
        font-weight: 500;
        color: #373938
    }

@media (max-width: 680px) {
    .cardTabcustMain .addmenuCard h2 {
        font-size: 15px
    }
}

.cardTabcustMain .addmenuCard .addMenuInput {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px
}

@media (max-width: 680px) {
    .cardTabcustMain .addmenuCard .addMenuInput {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .addmenuCard .addMenuInput .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .addmenuCard .addMenuInput .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .addmenuCard .addMenuInput .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .addmenuCard .addMenuInput .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .addmenuCard .addMenuInput .form-group input {
        height: 35px
    }
}

.cardTabcustMain .addmenuCard .addMenuInput .form-group select {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    outline: 0;
    background: url(../images/down-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position: 96% center
}

@media (max-width: 680px) {
    .cardTabcustMain .addmenuCard .addMenuInput .form-group select {
        height: 35px
    }
}

.cardTabcustMain .addmenuCard .addUrl {
    display: grid;
    grid-template-columns: 1fr 300px;
    column-gap: 16px;
    align-items: center
}

@media (max-width: 680px) {
    .cardTabcustMain .addmenuCard .addUrl {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .addmenuCard .addUrl .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .addmenuCard .addUrl .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .addmenuCard .addUrl .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .addmenuCard .addUrl .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .addmenuCard .addUrl .form-group input {
        height: 35px
    }
}

.cardTabcustMain .addmenuCard .addUrl .openWindow {
    margin-top: auto
}

@media (max-width: 680px) {
    .cardTabcustMain .addmenuCard .addUrl .openWindow {
        margin-top: 15px
    }
}

.cardTabcustMain .addmenuCard .addUrl .openWindow input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
    background-color: white
}

    .cardTabcustMain .addmenuCard .addUrl .openWindow input:checked + label {
        line-height: 0;
        display: flex;
        align-items: center
    }

        .cardTabcustMain .addmenuCard .addUrl .openWindow input:checked + label:before {
            content: "";
            -webkit-appearance: none;
            background-color: #489F45;
            border: 1px solid #489F45;
            border-radius: 2px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px
        }

        .cardTabcustMain .addmenuCard .addUrl .openWindow input:checked + label:after {
            content: "";
            display: block;
            position: absolute;
            top: 2px;
            left: 8px;
            width: 6px;
            height: 14px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

    .cardTabcustMain .addmenuCard .addUrl .openWindow input:checked:before {
        content: "";
        -webkit-appearance: none;
        background-color: #489f46;
        border: 1px solid #489f46;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px
    }

.cardTabcustMain .addmenuCard .addUrl .openWindow label {
    position: relative;
    cursor: pointer;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #373938
}

    .cardTabcustMain .addmenuCard .addUrl .openWindow label:before {
        content: "";
        -webkit-appearance: none;
        border: 1px solid #E5E5E5;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        top: -1px
    }

.cardTabcustMain .addmenuCard .add-menuBtn {
    margin-top: 25px;
    display: flex
}

    .cardTabcustMain .addmenuCard .add-menuBtn .addmenuCancel {
        width: 100px;
        height: 40px;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
        background-color: #E2E2E2;
        color: #373938;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .4s;
        margin-right: 15px;
        outline: 0
    }

@media (max-width: 480px) {
    .cardTabcustMain .addmenuCard .add-menuBtn .addmenuCancel {
        font-size: 14px
    }
}

.cardTabcustMain .addmenuCard .add-menuBtn .addmenuCancel:hover {
    background-color: #868181;
    color: white
}

.cardTabcustMain .addmenuCard .add-menuBtn .addmenuSave {
    width: 100px;
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    background-color: #489F46;
    color: #fff;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px;
    display: flex;
    outline: 0;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

@media (max-width: 480px) {
    .cardTabcustMain .addmenuCard .add-menuBtn .addmenuSave {
        font-size: 14px
    }
}

.cardTabcustMain .addmenuCard .add-menuBtn .addmenuSave:hover {
    background-color: #125b10
}

.cardTabcustMain .addgallCard {
    padding: 25px 20px;
    margin-top: 25px;
    background-color: #FAFAFA;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    margin-bottom: 100px
}

    .cardTabcustMain .addgallCard.open {
        background-color: #fafafa
    }

    .cardTabcustMain .addgallCard h2 {
        font-size: 18px;
        font-family: "Roboto";
        font-weight: 500;
        color: #373938
    }

@media (max-width: 680px) {
    .cardTabcustMain .addgallCard h2 {
        font-size: 15px
    }
}

.cardTabcustMain .addgallCard .addMenuInput {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px
}

@media (max-width: 680px) {
    .cardTabcustMain .addgallCard .addMenuInput {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .addgallCard .addMenuInput .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .addgallCard .addMenuInput .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .addgallCard .addMenuInput .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .addgallCard .addMenuInput .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .addgallCard .addMenuInput .form-group input {
        height: 35px
    }
}

.cardTabcustMain .addgallCard .addMenuInput .form-group select {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    outline: 0;
    background: url(../images/down-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position: 96% center
}

@media (max-width: 680px) {
    .cardTabcustMain .addgallCard .addMenuInput .form-group select {
        height: 35px
    }
}

.cardTabcustMain .addgallCard .addUrl {
    display: grid;
    grid-template-columns: 1fr 1fr 180px;
    column-gap: 16px;
    align-items: center
}

@media (max-width: 768px) {
    .cardTabcustMain .addgallCard .addUrl {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 680px) {
    .cardTabcustMain .addgallCard .addUrl {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .addgallCard .addUrl .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .addgallCard .addUrl .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .addgallCard .addUrl .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .addgallCard .addUrl .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .addgallCard .addUrl .form-group input {
        height: 35px
    }
}

.cardTabcustMain .addgallCard .addUrl .openWindow {
    margin-top: auto
}

@media (max-width: 768px) {
    .cardTabcustMain .addgallCard .addUrl .openWindow {
        margin-top: 20px
    }
}

.cardTabcustMain .addgallCard .addUrl .openWindow input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
    background-color: white
}

    .cardTabcustMain .addgallCard .addUrl .openWindow input:checked + label {
        line-height: 0;
        display: flex;
        align-items: center
    }

        .cardTabcustMain .addgallCard .addUrl .openWindow input:checked + label:before {
            content: "";
            -webkit-appearance: none;
            background-color: #489F45;
            border: 1px solid #489F45;
            border-radius: 2px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px
        }

        .cardTabcustMain .addgallCard .addUrl .openWindow input:checked + label:after {
            content: "";
            display: block;
            position: absolute;
            top: 2px;
            left: 8px;
            width: 6px;
            height: 14px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

    .cardTabcustMain .addgallCard .addUrl .openWindow input:checked:before {
        content: "";
        -webkit-appearance: none;
        background-color: #489f46;
        border: 1px solid #489f46;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px
    }

.cardTabcustMain .addgallCard .addUrl .openWindow label {
    position: relative;
    cursor: pointer;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #373938
}

    .cardTabcustMain .addgallCard .addUrl .openWindow label:before {
        content: "";
        -webkit-appearance: none;
        border: 1px solid #E5E5E5;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        top: -1px
    }

.cardTabcustMain .addgallCard .add-menuBtn {
    margin-top: 25px;
    display: flex
}

    .cardTabcustMain .addgallCard .add-menuBtn .addmenuCancel {
        width: 100px;
        height: 40px;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
        background-color: #E2E2E2;
        color: #373938;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .4s;
        margin-right: 15px;
        outline: 0
    }

@media (max-width: 480px) {
    .cardTabcustMain .addgallCard .add-menuBtn .addmenuCancel {
        font-size: 14px
    }
}

.cardTabcustMain .addgallCard .add-menuBtn .addmenuCancel:hover {
    background-color: #868181;
    color: white
}

.cardTabcustMain .addgallCard .add-menuBtn .addmenuSave {
    width: 100px;
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    background-color: #489F46;
    color: #fff;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px;
    display: flex;
    outline: 0;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

@media (max-width: 480px) {
    .cardTabcustMain .addgallCard .add-menuBtn .addmenuSave {
        font-size: 14px
    }
}

.cardTabcustMain .addgallCard .add-menuBtn .addmenuSave:hover {
    background-color: #125b10
}

.cardTabcustMain .addgroupCard {
    padding: 25px 20px;
    margin-top: 25px;
    background-color: #FAFAFA;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    margin-bottom: 100px
}

    .cardTabcustMain .addgroupCard.open {
        background-color: #fafafa
    }

    .cardTabcustMain .addgroupCard h2 {
        font-size: 18px;
        font-family: "Roboto";
        font-weight: 500;
        color: #373938
    }

@media (max-width: 680px) {
    .cardTabcustMain .addgroupCard h2 {
        font-size: 15px
    }
}

.cardTabcustMain .addgroupCard .addMenuInput {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px
}

@media (max-width: 680px) {
    .cardTabcustMain .addgroupCard .addMenuInput {
        grid-template-columns: 1fr
    }
}

.cardTabcustMain .addgroupCard .addMenuInput .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .cardTabcustMain .addgroupCard .addMenuInput .form-group {
        margin-top: 15px
    }
}

.cardTabcustMain .addgroupCard .addMenuInput .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.cardTabcustMain .addgroupCard .addMenuInput .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .cardTabcustMain .addgroupCard .addMenuInput .form-group input {
        height: 35px
    }
}

.cardTabcustMain .addgroupCard .add-menuBtn {
    margin-top: 25px;
    display: flex
}

    .cardTabcustMain .addgroupCard .add-menuBtn .addmenuCancel {
        width: 100px;
        height: 40px;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
        background-color: #E2E2E2;
        color: #373938;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .4s;
        margin-right: 15px;
        outline: 0
    }

@media (max-width: 480px) {
    .cardTabcustMain .addgroupCard .add-menuBtn .addmenuCancel {
        font-size: 14px
    }
}

.cardTabcustMain .addgroupCard .add-menuBtn .addmenuCancel:hover {
    background-color: #868181;
    color: white
}

.cardTabcustMain .addgroupCard .add-menuBtn .addmenuSave {
    width: 100px;
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    background-color: #489F46;
    color: #fff;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px;
    display: flex;
    outline: 0;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

@media (max-width: 480px) {
    .cardTabcustMain .addgroupCard .add-menuBtn .addmenuSave {
        font-size: 14px
    }
}

.cardTabcustMain .addgroupCard .add-menuBtn .addmenuSave:hover {
    background-color: #125b10
}

.footerAddBtn {
    margin-top: 10px;
    display: flex
}

@media (max-width: 480px) {
    .footerAddBtn {
        display: block
    }
}

.footerAddBtn .footerAddmenu {
    width: 155px;
    height: 35px;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 400;
    color: #489F46;
    background-color: #fff;
    border: 1px solid #489F46;
    transition: all .4s;
    border-radius: 2px;
    margin-right: 10px;
    outline: 0
}

@media (max-width: 480px) {
    .footerAddBtn .footerAddmenu {
        font-size: 14px
    }
}

.footerAddBtn .footerAddmenu svg {
    fill: #489F46;
    margin-right: 10px
}

.footerAddBtn .footerAddmenu:hover {
    background-color: #125b10;
    color: #fff
}

    .footerAddBtn .footerAddmenu:hover svg {
        fill: #fff
    }

.addftrCard {
    padding: 25px 20px;
    margin-top: 25px;
    background-color: #FAFAFA;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    margin-bottom: 100px
}

    .addftrCard.open {
        background-color: #fafafa
    }

    .addftrCard h2 {
        font-size: 18px;
        font-family: "Roboto";
        font-weight: 500;
        color: #373938
    }

@media (max-width: 680px) {
    .addftrCard h2 {
        font-size: 15px
    }
}

.addftrCard .addMenuInput {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px
}

@media (max-width: 680px) {
    .addftrCard .addMenuInput {
        grid-template-columns: 1fr
    }
}

.addftrCard .addMenuInput .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .addftrCard .addMenuInput .form-group {
        margin-top: 15px
    }
}

.addftrCard .addMenuInput .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.addftrCard .addMenuInput .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .addftrCard .addMenuInput .form-group input {
        height: 35px
    }
}

.addftrCard .addMenuInput .form-group select {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    outline: 0;
    background: url(../images/down-arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position: 96% center
}

@media (max-width: 680px) {
    .addftrCard .addMenuInput .form-group select {
        height: 35px
    }
}

.addftrCard .addUrl {
    display: grid;
    grid-template-columns: 1fr 1fr 180px;
    column-gap: 16px;
    align-items: center
}

@media (max-width: 768px) {
    .addftrCard .addUrl {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 680px) {
    .addftrCard .addUrl {
        grid-template-columns: 1fr
    }
}

.addftrCard .addUrl .form-group {
    margin-top: 25px
}

@media (max-width: 680px) {
    .addftrCard .addUrl .form-group {
        margin-top: 15px
    }
}

.addftrCard .addUrl .form-group label {
    font-size: 13px;
    font-family: "Roboto";
    font-weight: 400;
    margin-bottom: 10px
}

.addftrCard .addUrl .form-group input {
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px
}

@media (max-width: 680px) {
    .addftrCard .addUrl .form-group input {
        height: 35px
    }
}

.addftrCard .addUrl .openWindow {
    margin-top: auto
}

@media (max-width: 768px) {
    .addftrCard .addUrl .openWindow {
        margin-top: 20px
    }
}

.addftrCard .addUrl .openWindow input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
    background-color: white
}

    .addftrCard .addUrl .openWindow input:checked + label {
        line-height: 0;
        display: flex;
        align-items: center
    }

        .addftrCard .addUrl .openWindow input:checked + label:before {
            content: "";
            -webkit-appearance: none;
            background-color: #489F45;
            border: 1px solid #489F45;
            border-radius: 2px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 10px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px
        }

        .addftrCard .addUrl .openWindow input:checked + label:after {
            content: "";
            display: block;
            position: absolute;
            top: 2px;
            left: 8px;
            width: 6px;
            height: 14px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

    .addftrCard .addUrl .openWindow input:checked:before {
        content: "";
        -webkit-appearance: none;
        background-color: #489f46;
        border: 1px solid #489f46;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px
    }

.addftrCard .addUrl .openWindow label {
    position: relative;
    cursor: pointer;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #373938
}

    .addftrCard .addUrl .openWindow label:before {
        content: "";
        -webkit-appearance: none;
        border: 1px solid #E5E5E5;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        top: -1px
    }

.addftrCard .add-menuBtn {
    margin-top: 25px;
    display: flex
}

    .addftrCard .add-menuBtn .addmenuCancel {
        width: 100px;
        height: 40px;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
        background-color: #E2E2E2;
        color: #373938;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .4s;
        margin-right: 15px;
        outline: 0
    }

@media (max-width: 480px) {
    .addftrCard .add-menuBtn .addmenuCancel {
        font-size: 14px
    }
}

.addftrCard .add-menuBtn .addmenuCancel:hover {
    background-color: #868181;
    color: white
}

.addftrCard .add-menuBtn .addmenuSave {
    width: 100px;
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    background-color: #489F46;
    color: #fff;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px;
    display: flex;
    outline: 0;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

@media (max-width: 480px) {
    .addftrCard .add-menuBtn .addmenuSave {
        font-size: 14px
    }
}

.addftrCard .add-menuBtn .addmenuSave:hover {
    background-color: #125b10
}

.pContainerRow {
    border-radius: 4px
}

    .pContainerRow.borderNo {
        border: none
    }

    .pContainerRow.stopScroll {
        overflow: inherit;
        height: auto !important
    }

    .pContainerRow .pContainerSm {
        padding: 0 15px;
        display: flex;
        align-items: center;
        width: 100%;
        height: 80px;
        background-color: #f3f3f3;
        position: sticky;
        top: 0;
        z-index: 1
    }

@media (min-width: 768px) {
    .pContainerRow .pContainerSm {
        display: none
    }
}

.pContainerRow .pContainerSm .pButton {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 43px;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 400;
    color: #2d2d2d;
    border-radius: 4px;
    transition: ease-in-out 0.4s;
    background-color: #fff
}

    .pContainerRow .pContainerSm .pButton svg {
        margin-right: 14px
    }

.pContainerRow .containerTitle {
    color: #2d2d2d;
    display: flex;
    align-items: center
}

@media (min-width: 768px) {
    .pContainerRow .containerTitle {
        padding: 0 0 15px 0;
        font-size: 14px;
        font-family: "Roboto";
        font-weight: 500
    }
}

@media (max-width: 767px) {
    .pContainerRow .containerTitle {
        padding: 15px 15px 15px 0
    }
}

.pContainerRow .containerTitle .pointStatusHold {
    margin-left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 15px;
    background-color: #fafafa;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 500
}

    .pContainerRow .containerTitle .pointStatusHold .pValue {
        padding-left: 8px;
        color: #ff9933
    }

    .pContainerRow .containerTitle .pointStatusHold .fIco {
        margin-right: 10px
    }

.pContainerRow .containerTitle .cLinkBlock {
    margin-left: auto
}

    .pContainerRow .containerTitle .cLinkBlock .cTextLink {
        text-decoration: underline !important;
        color: #2d2d2d;
        transition: ease-in-out 0.4s;
        font-size: 14px;
        font-family: "Roboto";
        font-weight: 400
    }

        .pContainerRow .containerTitle .cLinkBlock .cTextLink:hover {
            color: #489f46
        }

@media (max-width: 767px) {
    .pContainerRow .viewProfileRow {
        position: relative;
        z-index: 0
    }
}

.pContainerRow .viewProfileRow.px0 {
    padding-left: 0;
    padding-right: 0
}

.pContainerRow .viewProfileRow .profileImageWidget {
    display: flex;
    align-items: flex-end;
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .pContainerRow .viewProfileRow .profileImageWidget {
        margin-bottom: 5px
    }
}

.pContainerRow .viewProfileRow .profileImageWidget .dpWidget {
    width: 142px;
    height: 142px;
    padding-top: 142px;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

    .pContainerRow .viewProfileRow .profileImageWidget .dpWidget img {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        vertical-align: top;
        border: solid 1px #f3f3f3;
        border-radius: 4px
    }

.pContainerRow .viewProfileRow .profileImageWidget .uploadNav {
    cursor: pointer;
    position: relative
}

    .pContainerRow .viewProfileRow .profileImageWidget .uploadNav input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 0
    }

    .pContainerRow .viewProfileRow .profileImageWidget .uploadNav label {
        position: relative;
        cursor: pointer;
        z-index: 1;
        padding-left: 16px;
        font-size: 16px;
        font-family: "Roboto";
        font-weight: 400;
        color: #489f46;
        text-decoration: underline;
        transition: ease-in-out 0.4s
    }

        .pContainerRow .viewProfileRow .profileImageWidget .uploadNav label:hover {
            color: var(--primaryDarkColour)
        }

.pContainerRow .viewProfileRow .genderWidget {
    display: flex;
    align-items: center
}

    .pContainerRow .viewProfileRow .genderWidget .genderList {
        margin-right: 8px;
        width: 122px;
        height: 54px;
        position: relative
    }

        .pContainerRow .viewProfileRow .genderWidget .genderList input[type="radio"] {
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0
        }

        .pContainerRow .viewProfileRow .genderWidget .genderList label {
            width: 122px;
            height: 54px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-family: "Roboto";
            font-weight: 400;
            color: #808080;
            border-radius: 4px;
            border: solid 1px #e8e8e8;
            transition: ease-in-out 0.4s
        }

@media (max-width: 680px) {
    .pContainerRow .viewProfileRow .genderWidget .genderList label {
        height: 54px
    }
}

.pContainerRow .viewProfileRow .genderWidget .genderList input[type="radio"]:checked ~ label {
    color: #f3f3f3;
    background-color: #707070
}

.pContainerRow .viewProfileRow .profileLink {
    padding: 15px;
    position: relative;
    display: grid;
    grid-template-columns: auto 35px;
    background-color: var(--bgFa);
    border-radius: 4px;
    transition: ease-in-out 0.4s
}

@media (max-width: 680px) {
    .pContainerRow .viewProfileRow .profileLink {
        padding: 13px 15px 12px 15px;
        box-shadow: 0 2px 2px 0 rgba(32,33,36,0.2)
    }
}

.pContainerRow .viewProfileRow .profileLink .lContent {
    display: flex;
    flex-direction: column
}

    .pContainerRow .viewProfileRow .profileLink .lContent .flabel {
        display: flex;
        align-items: center;
        color: #2d2d2d;
        font-size: 16px;
        font-family: "Roboto";
        font-weight: 500
    }

        .pContainerRow .viewProfileRow .profileLink .lContent .flabel .fTooltip {
            position: relative;
            margin-left: 8px
        }

            .pContainerRow .viewProfileRow .profileLink .lContent .flabel .fTooltip i {
                font-style: normal;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 22px;
                height: 22px;
                background-color: #808080;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                color: #fff;
                font-size: 14px;
                font-family: "Roboto";
                font-weight: 500
            }

            .pContainerRow .viewProfileRow .profileLink .lContent .flabel .fTooltip .tMessage {
                position: absolute;
                left: -54px;
                bottom: 150%;
                background-color: #fff;
                font-size: 12px;
                font-family: "Roboto";
                font-weight: 400;
                line-height: 18px;
                width: 130px;
                text-align: center;
                padding: 5px 5px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                box-shadow: 0 3px 11px 0 rgba(32,33,36,0.2);
                -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
                transition: opacity 0.6s, transform 0.6s;
                -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
                pointer-events: none;
                opacity: 0
            }

                .pContainerRow .viewProfileRow .profileLink .lContent .flabel .fTooltip .tMessage:after {
                    position: absolute;
                    bottom: -7px;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-top: 8px solid white
                }

            .pContainerRow .viewProfileRow .profileLink .lContent .flabel .fTooltip i:hover ~ .tMessage {
                opacity: 1;
                pointer-events: visible;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }

        .pContainerRow .viewProfileRow .profileLink .lContent .flabel.addressSm {
            padding: 12px 0
        }

    .pContainerRow .viewProfileRow .profileLink .lContent .fControl {
        font-size: 14px;
        font-family: "Roboto";
        font-weight: 400;
        color: #2d2d2d
    }

.pContainerRow .viewProfileRow .profileLink .lIcon {
    display: flex;
    align-items: center;
    position: relative
}

.pContainerRow .viewProfileRow .profileLink:hover {
    box-shadow: 0 3px 5px 0 rgba(32,33,36,0.1)
}

@media (max-width: 767px) {
    .pContainerRow .viewProfileRow .absInputRow {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .pContainerRow .viewProfileRow .sButtonRow {
        margin-top: 5px
    }
}

.pContainerRow .viewProfileRow .buttonSubmit {
    display: flex;
    justify-content: flex-end;
    padding-top: 25px
}

@media (max-width: 767px) {
    .pContainerRow .viewProfileRow .buttonSubmit {
        padding-top: 15px;
        justify-content: center
    }
}

.pContainerRow .viewProfileRow .buttonSubmit .formSubmit {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 500;
    width: 211px;
    height: 54px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #489f46;
    transition: ease-in-out 0.4s
}

    .pContainerRow .viewProfileRow .buttonSubmit .formSubmit:hover {
        background-color: #297227
    }

.pContainerRow .viewProfileRow .buttonSubmit .formEdit {
    color: #fff;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 400;
    width: 122px;
    height: 46px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #489f46;
    transition: ease-in-out 0.4s
}

    .pContainerRow .viewProfileRow .buttonSubmit .formEdit:hover {
        background-color: var(--primaryDarkColour)
    }

.pContainerRow .viewProfileRow .buttonSubmit #cancelBtn {
    width: 122px;
    height: 46px;
    padding: 0 20px;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 400;
    transition: ease-in-out 0.4s
}

    .pContainerRow .viewProfileRow .buttonSubmit #cancelBtn:hover {
        background-color: #ccc
    }

.pContainerRow .viewProfileRow .messageWidget {
    padding: 14px 12px;
    background-color: var(--bgFa)
}

    .pContainerRow .viewProfileRow .messageWidget p {
        font-size: 16px;
        font-family: "Roboto";
        font-weight: 400;
        color: #2d2d2d
    }

        .pContainerRow .viewProfileRow .messageWidget p a {
            margin-left: 10px;
            font-size: 14px;
            font-family: "Roboto";
            font-weight: 500;
            color: #489f46;
            transition: ease-in-out 0.4s;
            text-decoration: underline !important
        }

            .pContainerRow .viewProfileRow .messageWidget p a:hover {
                color: var(--primaryDarkColour)
            }

.pContainerRow .viewProfileRow .otpWidget {
    max-width: 322px
}

    .pContainerRow .viewProfileRow .otpWidget ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 14px;
        -moz-column-gap: 14px;
        margin: 0;
        padding: 0
    }

        .pContainerRow .viewProfileRow .otpWidget ul li {
            border: solid 1px #dddddd !important;
            margin: 0 !important;
            padding: 0;
            border-radius: 4px
        }

            .pContainerRow .viewProfileRow .otpWidget ul li input {
                font-size: 22px;
                font-family: "Roboto";
                font-weight: 500;
                color: #2d2d2d;
                width: 100%;
                height: 54px;
                border: none !important;
                border-radius: 4px;
                text-align: center
            }

.pContainerRow .viewProfileRow .frofileTitle {
    margin-bottom: 8px;
    margin-top: 10px;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 400;
    color: #2d2d2d
}

.pContainerRow .viewProfileRow .fContent1 {
    margin-top: 20px;
    font-size: 18px;
    font-family: "Roboto";
    font-weight: 400;
    color: #2d2d2d
}

    .pContainerRow .viewProfileRow .fContent1 span {
        color: #d8b243
    }

.pContainerRow .viewProfileRow .fContent2 {
    margin-top: 8px;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 400;
    color: #434343
}

    .pContainerRow .viewProfileRow .fContent2 a {
        margin-left: 10px;
        text-decoration: underline;
        transition: ease-in-out 0.4s;
        color: #489f46
    }

        .pContainerRow .viewProfileRow .fContent2 a:hover {
            color: var(--primaryDarkColour)
        }

.pContainerRow .viewProfileRow .boxContentF {
    padding: 26px 24px;
    background-color: var(--bgFa)
}

@media (max-width: 767px) {
    .pContainerRow .viewProfileRow .boxContentF {
        padding: 8px 8px
    }
}

.pContainerRow .viewProfileRow .boxContentF .boxTitlef {
    word-break: break-all;
    display: flex;
    font-size: 18px;
    font-family: "Roboto";
    font-weight: 500;
    color: #2d2d2d;
    margin-bottom: 12px
}

    .pContainerRow .viewProfileRow .boxContentF .boxTitlef svg {
        margin-right: 10px
    }

.pContainerRow .viewProfileRow .boxContentF p {
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 400;
    color: #434343
}

.pContainerRow .viewProfileRow .boxContentF .resendBtn {
    margin-top: 15px;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 400;
    color: #2d2d2d;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 34px;
    background-color: #dddddd;
    border-radius: 4px;
    transition: ease-in-out 0.4s
}

    .pContainerRow .viewProfileRow .boxContentF .resendBtn:hover {
        background-color: #c1c1c1
    }

.pContainerRow .viewProfileRow .noItemWidhet {
    padding-top: 60px;
    padding-bottom: 12px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: #fff
}

@media (max-width: 767px) {
    .pContainerRow .viewProfileRow .noItemWidhet {
        padding-top: 40px;
        padding-bottom: 40px;
        flex-direction: column;
        align-items: center
    }
}

@media (max-width: 767px) {
    .pContainerRow .viewProfileRow .noItemWidhet .itemImagge {
        margin-bottom: 30px
    }
}

.pContainerRow .viewProfileRow .noItemWidhet .itemImagge img {
    max-width: 100%
}

@media (min-width: 768px) {
    .pContainerRow .viewProfileRow .noItemWidhet .itemContet {
        padding-left: 50px
    }
}

.pContainerRow .viewProfileRow .noItemWidhet .itemContet h2 {
    margin-bottom: 8px;
    color: #2d2d2d;
    font-size: 24px;
    font-family: "Roboto";
    font-weight: 500
}

.pContainerRow .viewProfileRow .noItemWidhet .itemContet p {
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 400;
    color: #2d2d2d
}

.pContainerRow .viewProfileRow .noItemWidhet .itemContet .itemBtn {
    margin-top: 15px;
    min-width: 158px;
    padding: 0 12px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 500;
    color: #fff;
    background-color: #489f46;
    transition: ease-in-out 0.4s;
    border-radius: 4px
}

    .pContainerRow .viewProfileRow .noItemWidhet .itemContet .itemBtn:hover {
        background-color: var(--primaryDarkColour)
    }

.pContainerRow .addressInfoList {
    padding: 22px 15px;
    background-color: #f8f8f8;
    border-radius: 4px;
    margin-bottom: 10px;
    transition: ease-in-out 0.4s
}

    .pContainerRow .addressInfoList:hover {
        box-shadow: 0 3px 5px 0 rgba(32,33,36,0.1)
    }

    .pContainerRow .addressInfoList .chooseButton {
        cursor: pointer;
        width: fit-content;
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 6px
    }

        .pContainerRow .addressInfoList .chooseButton input[type="radio"] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            z-index: 1
        }

        .pContainerRow .addressInfoList .chooseButton .chooseLabel {
            height: 26px;
            position: relative;
            font-size: 14px;
            font-family: "Roboto";
            font-weight: 500;
            color: #2d2d2d;
            padding-left: 28px;
            z-index: 0
        }

            .pContainerRow .addressInfoList .chooseButton .chooseLabel::after {
                position: absolute;
                left: 0;
                top: 3px;
                content: "";
                width: 19px;
                height: 19px;
                border: solid 1px #dddddd;
                background-color: #fff;
                z-index: 0
            }

            .pContainerRow .addressInfoList .chooseButton .chooseLabel::before {
                position: absolute;
                left: 4px;
                top: 7px;
                content: "";
                width: 11px;
                height: 11px;
                background-color: #489f46;
                z-index: 1;
                transition: ease-in-out 0.4s;
                opacity: 0
            }

        .pContainerRow .addressInfoList .chooseButton input[type="radio"]:checked ~ .chooseLabel::before {
            opacity: 1
        }

    .pContainerRow .addressInfoList .addressInfoHead {
        display: flex;
        justify-content: space-between
    }

    .pContainerRow .addressInfoList .addressBody {
        cursor: pointer;
        padding: 15px;
        background-color: #fff;
        border-radius: 4px;
        transition: ease-in-out 0.4s
    }

        .pContainerRow .addressInfoList .addressBody p {
            max-width: 420px;
            font-size: 14px;
            font-family: "Roboto";
            font-weight: 400;
            color: #2d2d2d
        }

        .pContainerRow .addressInfoList .addressBody.active, .pContainerRow .addressInfoList .addressBody:hover {
            background-color: #c9ffdb
        }

    .pContainerRow .addressInfoList .buttonRow {
        margin-top: 15px;
        display: flex;
        align-items: center
    }

        .pContainerRow .addressInfoList .buttonRow .buttonEdit, .pContainerRow .addressInfoList .buttonRow .buttonDelete {
            margin-right: 15px;
            text-transform: uppercase;
            font-size: 12px;
            font-family: "Roboto";
            font-weight: 500;
            color: #2d2d2d;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 75px;
            height: 32px;
            background-color: #fff;
            border-radius: 4px;
            transition: ease-in-out 0.4s
        }

            .pContainerRow .addressInfoList .buttonRow .buttonEdit:hover, .pContainerRow .addressInfoList .buttonRow .buttonDelete:hover {
                background-color: #c8c8c8
            }

.pContainerRow .addAddressButton {
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 500;
    color: #489f46;
    width: 100%;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #f4f4f4;
    border-radius: 4px;
    transition: ease-in-out 0.4s
}

    .pContainerRow .addAddressButton .iconP {
        margin-right: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: solid 2px #489f46
    }

    .pContainerRow .addAddressButton:hover {
        box-shadow: 0 3px 5px 0 rgba(32,33,36,0.1);
        border-color: #489f46
    }

.pContainerRow .addressFormWidget {
    display: none;
    padding: 15px;
    border: solid 1px #f4f4f4;
    background-color: #fff;
    border-radius: 4px
}

    .pContainerRow .addressFormWidget .formTitle {
        display: flex;
        padding: 12px 0;
        border-bottom: solid 1px #dddddd;
        margin-bottom: 20px
    }

@media (max-width: 680px) {
    .pContainerRow .addressFormWidget .formTitle {
        margin-bottom: 15px
    }
}

.pContainerRow .addressFormWidget .formTitle h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 500;
    color: #2d2d2d
}

.pContainerRow .addressFormWidget .formTitle .closeBtn {
    margin-left: auto;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.pContainerRow .addressFormWidget .sButtonRow {
    display: flex;
    align-items: center
}

    .pContainerRow .addressFormWidget .sButtonRow .formSubmit {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 200px;
        height: 44px;
        font-size: 14px;
        font-family: "Roboto";
        font-weight: 500;
        color: #fff;
        background-color: #489f46;
        border-radius: 4px;
        transition: ease-in-out 0.4s
    }

        .pContainerRow .addressFormWidget .sButtonRow .formSubmit:hover {
            background-color: #297227;
            box-shadow: 0 3px 5px 0 rgba(32,33,36,0.1)
        }

    .pContainerRow .addressFormWidget .sButtonRow .formCancel {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 200px;
        height: 44px;
        font-size: 14px;
        font-family: "Roboto";
        font-weight: 500;
        color: #2d2d2d;
        background-color: #c8c8c8;
        border: solid 1px #c8c8c8;
        border-radius: 4px;
        transition: ease-in-out 0.4s;
        margin-right: 10px
    }

        .pContainerRow .addressFormWidget .sButtonRow .formCancel:hover {
            background-color: #ebebeb;
            box-shadow: 0 3px 5px 0 rgba(32,33,36,0.1)
        }

.pContainerRow hr {
    border-color: #f3f3f3
}

@media (max-width: 767px) {
    .pContainerRow.widgetFixedSm {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        background-color: #fff;
        z-index: 9992;
        overflow-y: auto;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
        transition: opacity 0.6s, transform 0.6s;
        left: 0;
        -webkit-transform: translate3d(102%, 0, 0);
        transform: translate3d(102%, 0, 0)
    }

        .pContainerRow.widgetFixedSm.activePage {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
}

@media (max-width: 767px) and (min-width: 768px) {
    .pContainerRow.widgetFixedSm .containerTitle {
        padding: 0 0 15px 0
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .pContainerRow.widgetFixedSm .containerTitle {
        padding: 25px 15px 15px 15px
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .pContainerRow.widgetFixedSm .viewProfileRow {
        padding: 0 14px 80px 14px
    }
}

.pContainerRow .absInputRow {
    position: relative;
    margin-bottom: 16px
}

    .pContainerRow .absInputRow .inputLabel {
        display: block;
        margin-bottom: 10px;
        font-size: 16px;
        font-family: "Roboto";
        font-weight: 400;
        line-height: 16px;
        color: #2d2d2d;
        transition: ease-in-out 0.4s
    }

        .pContainerRow .absInputRow .inputLabel.medium {
            font-size: 16px;
            font-family: "Roboto";
            font-weight: 400;
            font-weight: 400
        }

            .pContainerRow .absInputRow .inputLabel.medium::placeholder {
                font-size: 14px;
                font-family: "Roboto";
                font-weight: 400;
                font-weight: 400;
                color: var(--black);
                font-family: var(--primaryfont)
            }

@media (max-width: 767px) {
    .pContainerRow .absInputRow .inputLabel {
        font-size: 16px
    }
}

.pContainerRow .absInputRow .inputLabel.fToolRow {
    display: flex;
    align-items: center
}

.pContainerRow .absInputRow .inputElement {
    font-size: 16px;
    font-family: "Roboto";
    font-weight: 400;
    color: #2d2d2d;
    width: 100%;
    height: 55px;
    border: solid 1px #dddddd;
    border-radius: 4px;
    background-color: #fff;
    outline: none !important
}

@media (max-width: 680px) {
    .pContainerRow .absInputRow .inputElement {
        height: 54px
    }
}

.pContainerRow .absInputRow .inputElement.medium {
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 400;
    color: #2d2d2d
}

.pContainerRow .absInputRow .inputElement.passwordI {
    font-size: 14px;
    color: #2d2d2d
}

    .pContainerRow .absInputRow .inputElement.passwordI::placeholder {
        font-size: 14px;
        color: var(--black)
    }

.pContainerRow .absInputRow .inputElement:disabled {
    background-color: #fafafa;
    border-color: #fafafa
}

.pContainerRow .absInputRow .inputElement::-webkit-input-placeholder {
    color: var(--black);
    opacity: 0.5
}

.pContainerRow .absInputRow .inputElement::-moz-placeholder {
    color: var(--black);
    opacity: 0.5
}

.pContainerRow .absInputRow .inputElement:-ms-input-placeholder {
    color: var(--black);
    opacity: 0.5
}

.pContainerRow .absInputRow .inputElement:-moz-placeholder {
    color: var(--black);
    opacity: 0.5
}

.pContainerRow .absInputRow .inputElement::placeholder {
    color: var(--black);
    opacity: 0.5
}

.pContainerRow input {
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none;
    padding: 0 15px
}

.pContainerRow button {
    border: 0;
    border-style: none;
    outline: 0;
    cursor: pointer;
    transition: all 0.4s
}

.pContainerRow .rBtn {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.fDbRow {
    background-color: transparent;
    border: none;
    padding: 40px 0
}

    .fDbRow .fdbTitle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px
    }

@media (max-width: 680px) {
    .fDbRow .fdbTitle.smWrp {
        flex-direction: column;
        align-items: flex-start
    }
}

.fDbRow .fdbTitle .tCol1 .allLink {
    margin-left: 10px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #373938;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    text-decoration: underline !important
}

    .fDbRow .fdbTitle .tCol1 .allLink:hover {
        color: #5DBD77
    }

.fDbRow .fdbTitle .sortingWidget select {
    padding: 0 38px 0 14px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #373938;
    width: 164px;
    height: 42px;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 3px 4px 0 rgba(112,112,112,0.08)
}

.fDbRow .fdbTitle h2 {
    display: inline-block;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 24px;
    color: #373938
}

@media (max-width: 767px) {
    .fDbRow .fdbTitle h2 {
        font-size: 18px
    }
}

.fDbRow .fdbTitle h2 .backButton {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #e8f7ec;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

    .fDbRow .fdbTitle h2 .backButton svg line {
        stroke: var(--themeColour1);
        -webkit-transition: ease-in-out 0.4s;
        -moz-transition: ease-in-out 0.4s;
        -o-transition: ease-in-out 0.4s;
        -ms-transition: ease-in-out 0.4s;
        transition: ease-in-out 0.4s
    }

    .fDbRow .fdbTitle h2 .backButton:hover {
        background-color: var(--themeColour1)
    }

        .fDbRow .fdbTitle h2 .backButton:hover svg line {
            stroke: #fff
        }

.fDbRow .fdbTitle .fSearchRow {
    width: 350px;
    display: flex;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 3px 4px 0 rgba(112,112,112,0.08)
}

@media (max-width: 680px) {
    .fDbRow .fdbTitle .fSearchRow {
        width: 100%;
        margin-top: 10px
    }
}

.fDbRow .fdbTitle .fSearchRow .fSearchInp {
    padding-left: 12px;
    flex: 1;
    height: 42px;
    border: none;
    background-color: transparent;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #808080
}

.fDbRow .fdbTitle .fSearchRow .fsClear {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 50px;
    top: 10px;
    background-color: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1
}

    .fDbRow .fdbTitle .fSearchRow .fsClear svg {
        width: 10px;
        height: 10px
    }

.fDbRow .fdbTitle .fSearchRow .fSearchSubmit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 42px;
    border: none;
    background-color: transparent;
    outline: none;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

    .fDbRow .fdbTitle .fSearchRow .fSearchSubmit svg path {
        -webkit-transition: ease-in-out 0.4s;
        -moz-transition: ease-in-out 0.4s;
        -o-transition: ease-in-out 0.4s;
        -ms-transition: ease-in-out 0.4s;
        transition: ease-in-out 0.4s
    }

    .fDbRow .fdbTitle .fSearchRow .fSearchSubmit:hover svg path {
        fill: #434343
    }

.fDbRow h3 {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px
}

@media (max-width: 767px) {
    .fDbRow h3 {
        font-size: 14px
    }
}

.fDbRow .fDbCard {
    box-shadow: 0 3px 4px 0 rgba(112,112,112,0.08)
}

    .fDbRow .fDbCard .fdbTitle {
        padding: 21px 25px 0 25px;
        display: flex;
        justify-content: space-between;
        border-bottom: solid 1px #dddddd
    }

        .fDbRow .fDbCard .fdbTitle h3 {
            font-family: "Roboto";
            font-weight: 500;
            font-size: 18px;
            color: #373938
        }

        .fDbRow .fDbCard .fdbTitle .cardControl {
            position: relative
        }

            .fDbRow .fDbCard .fdbTitle .cardControl .controlIco {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 45px;
                height: 43px;
                cursor: pointer
            }

            .fDbRow .fDbCard .fdbTitle .cardControl .ctrlDrop {
                width: 150px;
                top: 80%;
                right: 0;
                position: absolute;
                background-color: #fff;
                box-shadow: 0 3px 4px 0 rgba(112,112,112,0.08);
                -webkit-transition: opacity 0.6s, -webkit-transform 0.4s;
                transition: opacity 0.6s, transform 0.4s;
                -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
                opacity: 0;
                pointer-events: none
            }

                .fDbRow .fDbCard .fdbTitle .cardControl .ctrlDrop ul {
                    margin: 0;
                    padding: 0
                }

                    .fDbRow .fDbCard .fdbTitle .cardControl .ctrlDrop ul li {
                        list-style: none
                    }

                .fDbRow .fDbCard .fdbTitle .cardControl .ctrlDrop .ctrlLink {
                    display: block;
                    padding: 10px 12px;
                    font-family: "Roboto";
                    font-weight: 400;
                    font-size: 14px;
                    color: #373938;
                    -webkit-transition: ease-in-out 0.4s;
                    -moz-transition: ease-in-out 0.4s;
                    -o-transition: ease-in-out 0.4s;
                    -ms-transition: ease-in-out 0.4s;
                    transition: ease-in-out 0.4s
                }

                    .fDbRow .fDbCard .fdbTitle .cardControl .ctrlDrop .ctrlLink:hover {
                        background-color: #fafafa
                    }

                .fDbRow .fDbCard .fdbTitle .cardControl .ctrlDrop .ctrlClass {
                    display: block;
                    padding: 10px 12px;
                    font-family: "Roboto";
                    font-weight: 400;
                    font-size: 14px;
                    color: #373938;
                    -webkit-transition: ease-in-out 0.4s;
                    -moz-transition: ease-in-out 0.4s;
                    -o-transition: ease-in-out 0.4s;
                    -ms-transition: ease-in-out 0.4s;
                    transition: ease-in-out 0.4s
                }

                    .fDbRow .fDbCard .fdbTitle .cardControl .ctrlDrop .ctrlClass:hover {
                        background-color: #fafafa
                    }

            .fDbRow .fDbCard .fdbTitle .cardControl .controlIco:hover ~ .ctrlDrop {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                pointer-events: visible
            }

            .fDbRow .fDbCard .fdbTitle .cardControl .ctrlDrop:hover {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                pointer-events: visible
            }

    .fDbRow .fDbCard .chartWidget {
        padding: 25px
    }

        .fDbRow .fDbCard .chartWidget .cLineFull canvas {
            width: 100%
        }

.fDbRow .cardSlideRow .generalCarosal, .fDbRow .cardSlideRow .orderCarosal {
    margin-left: -7px
}

.fDbRow .cardSlideRow .slideCards {
    margin: 8px 0 8px 8px;
    display: flex;
    align-items: center;
    height: 116px;
    background-color: #fff;
    box-shadow: 0 3px 4px 0 rgba(112,112,112,0.08)
}

    .fDbRow .cardSlideRow .slideCards .cardIcon {
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .fDbRow .cardSlideRow .slideCards .cardIcon .ico {
            width: 50px;
            height: 50px
        }

    .fDbRow .cardSlideRow .slideCards .cardContent {
        display: flex;
        flex-direction: column
    }

        .fDbRow .cardSlideRow .slideCards .cardContent strong {
            font-family: "Roboto";
            font-weight: 700;
            font-size: 30px;
            color: #373938
        }

        .fDbRow .cardSlideRow .slideCards .cardContent p {
            font-family: "Roboto";
            font-weight: 400;
            font-size: 16px;
            color: #808080
        }

.farmMenuWidget .menuListMain {
    padding: 2px 12px 3px 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    border: solid 1px #f3f3f3;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

    .farmMenuWidget .menuListMain .widgetHead {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .farmMenuWidget .menuListMain .widgetHead .menuLabel {
            font-family: "Roboto";
            font-weight: 500;
            font-size: 16px;
            color: #373938;
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s
        }

        .farmMenuWidget .menuListMain .widgetHead .menuControl {
            display: flex;
            gap: 8px
        }

            .farmMenuWidget .menuListMain .widgetHead .menuControl .cBtn {
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                width: 35px;
                height: 35px;
                cursor: pointer;
                background-color: transparent;
                border: none;
                outline: none;
                -webkit-transition: ease-in-out 0.4s;
                -moz-transition: ease-in-out 0.4s;
                -o-transition: ease-in-out 0.4s;
                -ms-transition: ease-in-out 0.4s;
                transition: ease-in-out 0.4s;
                opacity: 0;
                pointer-events: none
            }

                .farmMenuWidget .menuListMain .widgetHead .menuControl .cBtn svg {
                    position: relative;
                    z-index: 1
                }

                .farmMenuWidget .menuListMain .widgetHead .menuControl .cBtn:after {
                    position: absolute;
                    content: "";
                    width: 0;
                    height: 0;
                    background-color: #dcdcdc;
                    -webkit-transition: ease-in-out 0.4s;
                    -moz-transition: ease-in-out 0.4s;
                    -o-transition: ease-in-out 0.4s;
                    -ms-transition: ease-in-out 0.4s;
                    transition: ease-in-out 0.4s;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    opacity: 0
                }

                .farmMenuWidget .menuListMain .widgetHead .menuControl .cBtn:hover:after {
                    width: 100%;
                    height: 100%;
                    opacity: 1
                }

        .farmMenuWidget .menuListMain .widgetHead:hover .menuLabel {
            color: var(--themeColour1)
        }

        .farmMenuWidget .menuListMain .widgetHead:hover .menuControl .cBtn {
            opacity: 1;
            pointer-events: visible
        }

    .farmMenuWidget .menuListMain .widgetBody {
        display: none
    }

    .farmMenuWidget .menuListMain .subMenu .menuList {
        border-radius: 5px;
        border: solid 1px #f3f3f3
    }

        .farmMenuWidget .menuListMain .subMenu .menuList .menuListTitle {
            height: 40px;
            padding-left: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

            .farmMenuWidget .menuListMain .subMenu .menuList .menuListTitle .mIcon {
                display: flex;
                align-items: center;
                margin-right: 5px
            }

            .farmMenuWidget .menuListMain .subMenu .menuList .menuListTitle .menuLabel {
                flex: 1;
                cursor: pointer;
                font-family: "Roboto";
                font-weight: 400;
                font-size: 15px;
                color: #373938;
                -webkit-transition: ease-in-out 0.4s;
                -moz-transition: ease-in-out 0.4s;
                -o-transition: ease-in-out 0.4s;
                -ms-transition: ease-in-out 0.4s;
                transition: ease-in-out 0.4s
            }

            .farmMenuWidget .menuListMain .subMenu .menuList .menuListTitle .menuControl {
                display: flex;
                gap: 8px
            }

                .farmMenuWidget .menuListMain .subMenu .menuList .menuListTitle .menuControl .cBtn {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    width: 35px;
                    height: 35px;
                    cursor: pointer;
                    background-color: transparent;
                    border: none;
                    outline: none;
                    -webkit-transition: ease-in-out 0.4s;
                    -moz-transition: ease-in-out 0.4s;
                    -o-transition: ease-in-out 0.4s;
                    -ms-transition: ease-in-out 0.4s;
                    transition: ease-in-out 0.4s;
                    opacity: 0;
                    pointer-events: none
                }

                    .farmMenuWidget .menuListMain .subMenu .menuList .menuListTitle .menuControl .cBtn svg {
                        position: relative;
                        z-index: 1
                    }

                    .farmMenuWidget .menuListMain .subMenu .menuList .menuListTitle .menuControl .cBtn:after {
                        position: absolute;
                        content: "";
                        width: 0;
                        height: 0;
                        background-color: #dcdcdc;
                        -webkit-transition: ease-in-out 0.4s;
                        -moz-transition: ease-in-out 0.4s;
                        -o-transition: ease-in-out 0.4s;
                        -ms-transition: ease-in-out 0.4s;
                        transition: ease-in-out 0.4s;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        opacity: 0
                    }

                    .farmMenuWidget .menuListMain .subMenu .menuList .menuListTitle .menuControl .cBtn:hover:after {
                        width: 100%;
                        height: 100%;
                        opacity: 1
                    }

            .farmMenuWidget .menuListMain .subMenu .menuList .menuListTitle:hover .menuLabel {
                color: var(--themeColour1)
            }

            .farmMenuWidget .menuListMain .subMenu .menuList .menuListTitle:hover .menuControl .cBtn {
                opacity: 1;
                pointer-events: visible
            }

        .farmMenuWidget .menuListMain .subMenu .menuList .menuListBody {
            padding: 10px;
            background-color: #ececec
        }

        .farmMenuWidget .menuListMain .subMenu .menuList:hover .menuListTitle {
            background-color: #fafafa
        }

    .farmMenuWidget .menuListMain .groupMenu .groupList {
        border: solid 1px #e8e8e8;
        background-color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

        .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle {
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 12px 0 0;
            height: 40px;
            width: 100%
        }

            .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .labelSubmit {
                padding: 0 12px;
                background-color: #489f46;
                border: none;
                height: 35px;
                margin-left: 5px;
                color: #fff;
                font-size: 16px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -webkit-transition: ease-in-out 0.4s;
                -moz-transition: ease-in-out 0.4s;
                -o-transition: ease-in-out 0.4s;
                -ms-transition: ease-in-out 0.4s;
                transition: ease-in-out 0.4s
            }

                .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .labelSubmit:hover {
                    background-color: var(--themeColour2)
                }

            .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .groupLabel {
                height: 40px;
                padding-left: 12px;
                font-family: "Roboto";
                font-weight: 500;
                font-size: 16px;
                color: var(--themeColour1);
                background-color: #e8f7ec;
                flex: 1;
                border: none;
                -webkit-transition: ease-in-out 0.4s;
                -moz-transition: ease-in-out 0.4s;
                -o-transition: ease-in-out 0.4s;
                -ms-transition: ease-in-out 0.4s;
                transition: ease-in-out 0.4s
            }

                .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .groupLabel:disabled {
                    color: #373938;
                    background-color: #fff;
                    cursor: pointer
                }

                    .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .groupLabel:disabled ~ .labelSubmit {
                        display: none;
                        pointer-events: none
                    }

                .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .groupLabel:not([disabled]) ~ .labelSubmit ~ .menuControl {
                    display: none
                }

            .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .menuControl {
                display: flex;
                gap: 8px
            }

                .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .menuControl .cBtn {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    width: 35px;
                    height: 35px;
                    cursor: pointer;
                    background-color: transparent;
                    border: none;
                    outline: none;
                    -webkit-transition: ease-in-out 0.4s;
                    -moz-transition: ease-in-out 0.4s;
                    -o-transition: ease-in-out 0.4s;
                    -ms-transition: ease-in-out 0.4s;
                    transition: ease-in-out 0.4s;
                    opacity: 0;
                    pointer-events: none
                }

                    .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .menuControl .cBtn svg {
                        position: relative;
                        z-index: 1
                    }

                    .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .menuControl .cBtn:after {
                        position: absolute;
                        content: "";
                        width: 0;
                        height: 0;
                        background-color: #c9e7d1;
                        -webkit-transition: ease-in-out 0.4s;
                        -moz-transition: ease-in-out 0.4s;
                        -o-transition: ease-in-out 0.4s;
                        -ms-transition: ease-in-out 0.4s;
                        transition: ease-in-out 0.4s;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        opacity: 0
                    }

                    .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle .menuControl .cBtn:hover:after {
                        width: 100%;
                        height: 100%;
                        opacity: 1
                    }

            .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle:hover .mIcon svg path {
                fill: var(--themeColour1)
            }

            .farmMenuWidget .menuListMain .groupMenu .groupList .groupTitle:hover .menuControl .cBtn {
                opacity: 1;
                pointer-events: visible
            }

        .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody {
            border-top: solid 1px #e8e8e8;
            padding: 10px
        }

            .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList {
                -webkit-transition: ease-in-out 0.4s;
                -moz-transition: ease-in-out 0.4s;
                -o-transition: ease-in-out 0.4s;
                -ms-transition: ease-in-out 0.4s;
                transition: ease-in-out 0.4s;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px
            }

                .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle {
                    cursor: pointer;
                    padding-left: 10px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background-color: #e8f7ec
                }

                    .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle .mIcon {
                        display: flex;
                        align-items: center;
                        margin-right: 5px
                    }

                        .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle .mIcon svg path {
                            -webkit-transition: ease-in-out 0.4s;
                            -moz-transition: ease-in-out 0.4s;
                            -o-transition: ease-in-out 0.4s;
                            -ms-transition: ease-in-out 0.4s;
                            transition: ease-in-out 0.4s
                        }

                    .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle .menuLabel {
                        flex: 1;
                        font-family: "Roboto";
                        font-weight: 400;
                        font-size: 15px;
                        color: #373938;
                        -webkit-transition: ease-in-out 0.4s;
                        -moz-transition: ease-in-out 0.4s;
                        -o-transition: ease-in-out 0.4s;
                        -ms-transition: ease-in-out 0.4s;
                        transition: ease-in-out 0.4s
                    }

                    .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle .menuControl {
                        display: flex;
                        gap: 8px
                    }

                        .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle .menuControl .cBtn {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            position: relative;
                            width: 35px;
                            height: 35px;
                            cursor: pointer;
                            background-color: transparent;
                            border: none;
                            outline: none;
                            -webkit-transition: ease-in-out 0.4s;
                            -moz-transition: ease-in-out 0.4s;
                            -o-transition: ease-in-out 0.4s;
                            -ms-transition: ease-in-out 0.4s;
                            transition: ease-in-out 0.4s;
                            opacity: 0;
                            pointer-events: none
                        }

                            .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle .menuControl .cBtn svg {
                                position: relative;
                                z-index: 1
                            }

                            .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle .menuControl .cBtn:after {
                                position: absolute;
                                content: "";
                                width: 0;
                                height: 0;
                                background-color: #c9e7d1;
                                -webkit-transition: ease-in-out 0.4s;
                                -moz-transition: ease-in-out 0.4s;
                                -o-transition: ease-in-out 0.4s;
                                -ms-transition: ease-in-out 0.4s;
                                transition: ease-in-out 0.4s;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                                opacity: 0
                            }

                            .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle .menuControl .cBtn:hover:after {
                                width: 100%;
                                height: 100%;
                                opacity: 1
                            }

                    .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle:hover .mIcon svg path {
                        fill: var(--themeColour1)
                    }

                    .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle:hover .menuLabel {
                        color: var(--themeColour1)
                    }

                    .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListTitle:hover .menuControl .cBtn {
                        opacity: 1;
                        pointer-events: visible
                    }

                .farmMenuWidget .menuListMain .groupMenu .groupList .groupBody .menuList .menuListBody {
                    padding: 12px 12px 0 12px;
                    background-color: #fafafa
                }

    .farmMenuWidget .menuListMain:hover {
        background-color: #fafafa
    }

.farmMenuWidget .buttonRowMenu .elmBtn {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 12px;
    background-color: var(--themeColour1);
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    outline: none
}

    .farmMenuWidget .buttonRowMenu .elmBtn:focus {
        outline: none
    }

    .farmMenuWidget .buttonRowMenu .elmBtn svg {
        margin-right: 8px
    }

        .farmMenuWidget .buttonRowMenu .elmBtn svg path {
            fill: #fff
        }

    .farmMenuWidget .buttonRowMenu .elmBtn:hover {
        background-color: var(--themeColour2)
    }

.farmMenuWidget .formMenuWidget {
    padding-right: 8px;
    padding-left: 8px
}

    .farmMenuWidget .formMenuWidget .formTitle {
        font-family: "Roboto";
        font-weight: 500;
        font-size: 18px;
        color: #373938
    }

.farmMenuWidget .addMenuWidget {
    padding: 22px;
    background-color: #fafafa;
    border: solid 1px #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.farmMenuWidget .formMenuWidget .selectRow {
    position: relative
}

    .farmMenuWidget .formMenuWidget .selectRow .dropIcon {
        position: absolute;
        right: 10px;
        top: 8px
    }

    .farmMenuWidget .formMenuWidget .selectRow .formselect {
        appearance: none
    }

        .farmMenuWidget .formMenuWidget .selectRow .formselect:focus {
            border-color: #ecbfc0;
            box-shadow: none;
            outline: 0 none
        }

.farmMenuWidget .formMenuWidget .fCheckRow {
    position: relative
}

    .farmMenuWidget .formMenuWidget .fCheckRow .checkInput {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1;
        cursor: pointer
    }

    .farmMenuWidget .formMenuWidget .fCheckRow .checkLabel {
        position: relative;
        padding-left: 45px;
        height: 38px;
        margin-bottom: 0;
        display: flex;
        align-items: center
    }

        .farmMenuWidget .formMenuWidget .fCheckRow .checkLabel:after {
            position: absolute;
            content: "";
            left: 0;
            top: 5px;
            width: 30px;
            height: 30px;
            border: solid 1px #e5e5e5;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            background-color: #fff;
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s
        }

        .farmMenuWidget .formMenuWidget .fCheckRow .checkLabel:before {
            position: absolute;
            left: 6px;
            top: 11px;
            content: "";
            width: 18px;
            height: 18px;
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s;
            opacity: 0;
            z-index: 1;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

    .farmMenuWidget .formMenuWidget .fCheckRow .checkInput:checked ~ .checkLabel:before {
        background-color: var(--themeColour1);
        opacity: 1
    }

    .farmMenuWidget .formMenuWidget .fCheckRow .checkInput:checked ~ .checkLabel:after {
        border-color: var(--themeColour1)
    }

.farmMenuWidget .menuBtnRow {
    display: flex;
    column-gap: 8px;
    -moz-column-gap: 8px
}

    .farmMenuWidget .menuBtnRow .elmBtn {
        min-width: 100px;
        font-size: 18px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        padding: 0 12px;
        -webkit-transition: ease-in-out 0.4s;
        -moz-transition: ease-in-out 0.4s;
        -o-transition: ease-in-out 0.4s;
        -ms-transition: ease-in-out 0.4s;
        transition: ease-in-out 0.4s;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: none;
        outline: none
    }

        .farmMenuWidget .menuBtnRow .elmBtn:focus {
            outline: none
        }

        .farmMenuWidget .menuBtnRow .elmBtn.primary {
            color: #fff;
            background-color: var(--themeColour1)
        }

            .farmMenuWidget .menuBtnRow .elmBtn.primary:hover {
                background-color: var(--themeColour2)
            }

        .farmMenuWidget .menuBtnRow .elmBtn.secondary {
            color: #373938;
            background-color: #e2e2e2
        }

            .farmMenuWidget .menuBtnRow .elmBtn.secondary:hover {
                background-color: #bfbfbf
            }

        .farmMenuWidget .menuBtnRow .elmBtn.btnBorder {
            color: var(--themeColour1);
            border: solid 1px var(--themeColour1);
            background-color: #fff;
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s
        }

            .farmMenuWidget .menuBtnRow .elmBtn.btnBorder svg {
                margin-right: 8px
            }

                .farmMenuWidget .menuBtnRow .elmBtn.btnBorder svg path {
                    fill: var(--themeColour1);
                    -webkit-transition: ease-in-out 0.4s;
                    -moz-transition: ease-in-out 0.4s;
                    -o-transition: ease-in-out 0.4s;
                    -ms-transition: ease-in-out 0.4s;
                    transition: ease-in-out 0.4s
                }

            .farmMenuWidget .menuBtnRow .elmBtn.btnBorder:hover {
                color: #fafafa;
                background-color: var(--themeColour1)
            }

                .farmMenuWidget .menuBtnRow .elmBtn.btnBorder:hover svg path {
                    fill: #fafafa
                }

.dNone {
    display: none
}

.pointNone {
    pointer-events: none
}

.orderCardRow .oCardLabel {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #373938
}

@media (max-width: 767px) {
    .orderCardRow .oCardLabel {
        font-size: 14px
    }
}

.orderCardRow .oCard {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    color: #2d2d2d
}

@media (max-width: 767px) {
    .orderCardRow .oCard {
        font-size: 14px
    }
}

.orderCardRow a.oCard {
    color: var(--themeColour1);
    text-decoration: underline !important
}

.fTabRow .fTabHeader {
    margin-bottom: 20px;
    position: relative
}

    .fTabRow .fTabHeader ul {
        display: flex;
        margin: 0;
        padding: 0;
        border-bottom: solid 2px #dddddd
    }

        .fTabRow .fTabHeader ul li {
            white-space: nowrap;
            color: #373938;
            font-family: "Roboto";
            font-weight: 500;
            font-size: 18px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 24px;
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s;
            position: relative;
            cursor: pointer
        }

@media (max-width: 767px) {
    .fTabRow .fTabHeader ul li {
        font-size: 14px;
        padding: 0 10px
    }
}

.fTabRow .fTabHeader ul li::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--themeColour1);
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    opacity: 0
}

.fTabRow .fTabHeader ul li:hover {
    color: var(--themeColour1)
}

.fTabRow .fTabHeader ul li.active {
    color: var(--themeColour1)
}

    .fTabRow .fTabHeader ul li.active::after {
        opacity: 1
    }

.fTabRow .fTabHeader .mCSB_container {
    margin-bottom: none !important
}

.fTabRow .fTabHeader .mCSB_scrollTools {
    opacity: 0 !important;
    pointer-events: none;
    visibility: hidden !important
}

.fTabRow .fTabBody .fTabList {
    display: none
}

    .fTabRow .fTabBody .fTabList.active {
        display: block
    }

.productRow .productList {
    display: flex;
    flex-direction: column
}

    .productRow .productList .productImage {
        border: solid 1px #e5e5e5;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        margin-bottom: 12px;
        overflow: hidden
    }

        .productRow .productList .productImage img {
            width: 100%
        }

    .productRow .productList .productContent strong {
        display: block;
        margin: 0 15px;
        text-align: center;
        text-align-last: center;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 14px;
        color: #2d2d2d
    }

    .productRow .productList .productContent .qty {
        display: block;
        text-align: center;
        margin-top: 20px;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 12px;
        color: var(--themeColour1)
    }

    .productRow .productList.axisX {
        flex-direction: row
    }

        .productRow .productList.axisX .productImage {
            width: 92px;
            max-width: 92px;
            margin-bottom: 0
        }

        .productRow .productList.axisX .productContent {
            padding: 14px;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

            .productRow .productList.axisX .productContent strong {
                text-align: left;
                margin: 0
            }

            .productRow .productList.axisX .productContent .qty {
                text-align: left;
                margin-top: 0
            }

    .productRow .productList .r2px {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

.fToggleWidget {
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

    .fToggleWidget .fToggleHead {
        padding: 10px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .fToggleWidget .fToggleHead .fTitle {
            font-family: "Roboto";
            font-weight: 500;
            font-size: 18px;
            color: #373938
        }

@media (max-width: 767px) {
    .fToggleWidget .fToggleHead .fTitle {
        font-size: 16px
    }
}

.fToggleWidget .fToggleHead .fTitle .ft-status {
    padding: 4px 6px;
    border-radius: 5px;
    font-weight: normal;
    font-size: 12px
}

.fToggleWidget .fToggleHead .fIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: #fafafa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

    .fToggleWidget .fToggleHead .fIcon svg {
        position: relative;
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: ease-in-out 0.4s;
        -moz-transition: ease-in-out 0.4s;
        -o-transition: ease-in-out 0.4s;
        -ms-transition: ease-in-out 0.4s;
        transition: ease-in-out 0.4s
    }

    .fToggleWidget .fToggleHead .fIcon.show svg {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

.fToggleWidget .fToggleBody {
    display: none;
    padding: 15px;
    border-top: solid 1px #f3f3f3
}

.fCardRow {
    position: relative
}

    .fCardRow.fBorder {
        border: solid 1px #e5e5e5
    }

    .fCardRow.filled {
        background-color: #fafafa
    }

    .fCardRow.radius {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .fCardRow .faKey {
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        color: #808080
    }

@media (max-width: 767px) {
    .fCardRow .faKey {
        font-size: 12px
    }
}

.fCardRow .faValue {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    color: #2d2d2d
}

@media (max-width: 767px) {
    .fCardRow .faValue {
        font-size: 14px
    }
}

.fCardRow .fCardText {
    width: 100%;
    height: 75px;
    border: none;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    color: #2d2d2d;
    resize: none
}

.fCardRow .validator {
    position: absolute;
    bottom: -18px;
    right: 0;
    font-size: 10px;
    color: red
}

    .fCardRow .validator span {
        font-size: 10px;
        color: red
    }

.fCardRow h4 {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 18px;
    color: #373938
}

@media (max-width: 767px) {
    .fCardRow h4 {
        font-size: 16px
    }
}

.fCardSubmit {
    margin-top: 15px;
    color: #fff;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 284px;
    height: 48px;
    background-color: var(--themeColour1);
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    border: none;
    border-radius: 2px;
    outline: none
}

    .fCardSubmit:hover {
        background-color: var(--themeColour2)
    }

.ft-status {
    padding: 4px 6px;
    border-radius: 5px;
    font-weight: normal;
    font-size: 12px
}

.splitList {
    position: relative;
    padding: 20px 15px 5px 15px;
    border: solid 1px #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .splitList .splitTitle {
        font-family: "Roboto";
        font-weight: 500;
        font-size: 16px;
        color: #2d2d2d
    }

@media (max-width: 767px) {
    .splitList .splitTitle {
        font-size: 14px
    }
}

.splitList.check .splitTitle {
    position: absolute;
    top: -12px;
    background-color: #fff;
    padding: 0 12px
}

@media (max-width: 767px) {
    .splitList.check .splitTitle {
        padding: 0 0
    }
}

.splitList.checked .splitTitle .tContent {
    position: relative;
    padding-left: 35px
}

@media (max-width: 767px) {
    .splitList.checked .splitTitle .tContent {
        padding-left: 30px
    }
}

.splitList.checked .splitTitle .tContent::after {
    position: absolute;
    left: 5px;
    top: 7px;
    content: "";
    width: 14px;
    height: 8px;
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
    -ms-transform: rotate(316deg);
    transform: rotate(316deg)
}

.splitList.checked .splitTitle .tContent::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 24px;
    height: 24px;
    background-color: #489f46;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.priceRowOff hr {
    margin: 0px 0
}

.priceRow .priceList {
    padding: 10px;
    display: flex;
    justify-content: space-between
}

    .priceRow .priceList .pKey {
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        color: #373938;
        flex: 1
    }

    .priceRow .priceList .pValue {
        font-family: "Roboto";
        font-weight: 400;
        font-size: 16px;
        color: #373938
    }

    .priceRow .priceList.active {
        border-top: solid 1px #e5e5e5;
        background-color: #fafafa
    }

        .priceRow .priceList.active .pKey, .priceRow .priceList.active .pValue {
            font-family: "Roboto";
            font-weight: 500;
            color: var(--themeColour1)
        }

.badgeBtn.f-status {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    padding: 0 14px;
    display: flex;
    align-items: center;
    height: 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media (max-width: 767px) {
    .badgeBtn.f-status {
        padding: 0 10px;
        font-size: 14px;
        height: 34px
    }
}

.badgeBtn.f-status svg {
    margin-right: 8px
}

.badgeBtn.f-status.procedssed {
    background-color: var(--process)
}

.orderStatusWidget {
    padding: 45px
}

@media (max-width: 767px) {
    .orderStatusWidget {
        padding: 25px 0px
    }
}

.orderStatusWidget .oStatusList {
    padding-bottom: 24px;
    padding-left: 34px;
    position: relative;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s
}

    .orderStatusWidget .oStatusList::before {
        position: absolute;
        left: 15px;
        top: 8px;
        content: "";
        width: 2px;
        height: calc((100%) - 5px)
    }

    .orderStatusWidget .oStatusList .oTitle {
        font-family: "Roboto";
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 8px;
        position: relative
    }

@media (max-width: 767px) {
    .orderStatusWidget .oStatusList .oTitle {
        font-size: 16px
    }
}

.orderStatusWidget .oStatusList .oTitle::before {
    position: absolute;
    left: -28px;
    top: 2px;
    content: "";
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.orderStatusWidget .oStatusList .oDate {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 14px;
    color: #808080;
    margin-bottom: 12px
}

.orderStatusWidget .oStatusList .statusStep p {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #373938;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .orderStatusWidget .oStatusList .statusStep p {
        font-size: 14px
    }
}

.orderStatusWidget .oStatusList .statusStep .step2 {
    display: none
}

    .orderStatusWidget .oStatusList .statusStep .step2 p {
        font-size: 14px
    }

.orderStatusWidget .oStatusList .oReadMore {
    cursor: pointer;
    margin-top: 5px;
    width: fit-content;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 12px;
    color: #373938;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    border-bottom: solid 1px #373938
}

    .orderStatusWidget .oStatusList .oReadMore:hover {
        color: var(--themeColour1);
        border-color: var(--themeColour1)
    }

.orderStatusWidget .oStatusList.ordered::before {
    background-color: var(--ordered)
}

.orderStatusWidget .oStatusList.ordered .oTitle {
    color: var(--ordered)
}

    .orderStatusWidget .oStatusList.ordered .oTitle:before {
        position: absolute;
        background-color: var(--ordered)
    }

.orderStatusWidget .oStatusList.processed::before {
    background-color: var(--processed)
}

.orderStatusWidget .oStatusList.processed .oTitle {
    color: var(--processed)
}

    .orderStatusWidget .oStatusList.processed .oTitle:before {
        position: absolute;
        background-color: var(--processed)
    }

.orderStatusWidget .oStatusList.invoiced::before {
    background-color: var(--invoice)
}

.orderStatusWidget .oStatusList.invoiced .oTitle {
    color: var(--invoice)
}

    .orderStatusWidget .oStatusList.invoiced .oTitle:before {
        position: absolute;
        background-color: var(--invoice)
    }

.orderStatusWidget .oStatusList.despatched::before {
    background-color: var(--despatched)
}

.orderStatusWidget .oStatusList.despatched .oTitle {
    color: var(--despatched)
}

    .orderStatusWidget .oStatusList.despatched .oTitle:before {
        position: absolute;
        background-color: var(--despatched)
    }

.orderStatusWidget .oStatusList.delivered::before {
    background-color: var(--delivered)
}

.orderStatusWidget .oStatusList.delivered .oTitle {
    color: var(--delivered)
}

    .orderStatusWidget .oStatusList.delivered .oTitle:before {
        position: absolute;
        background-color: var(--delivered)
    }

.orderStatusWidget .oStatusList.cancelled::before {
    background-color: var(--cancelled)
}

.orderStatusWidget .oStatusList.cancelled .oTitle {
    color: var(--cancelled)
}

    .orderStatusWidget .oStatusList.cancelled .oTitle:before {
        position: absolute;
        background-color: var(--cancelled)
    }

.orderStatusWidget .oStatusList:last-child::before {
    height: calc((100%) - 30px)
}

.reportWidget {
    padding: 15px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative
}

    .reportWidget .reportTitle {
        border-bottom: solid 1px #dddddd
    }

        .reportWidget .reportTitle h3 {
            font-family: "Roboto";
            font-weight: 500;
            font-size: 18px;
            color: #2d2d2d;
            position: relative;
            padding-bottom: 15px;
            display: inline-flex
        }

            .reportWidget .reportTitle h3::after {
                width: 100%;
                height: 1px;
                position: absolute;
                bottom: -1px;
                left: 0;
                content: "";
                background-color: var(--themeColour1)
            }

    .reportWidget .reportLink {
        padding: 15px;
        border: solid 1px #e5e5e5;
        display: flex;
        justify-content: stretch;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

        .reportWidget .reportLink .linkLabel {
            flex: 1;
            font-family: "Roboto";
            font-weight: 400;
            font-size: 16px;
            color: #808080;
            -webkit-transition: ease-in-out 0.4s;
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -ms-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s
        }

        .reportWidget .reportLink:hover .linkLabel {
            text-decoration: underline;
            color: var(--themeColour1)
        }

        .reportWidget .reportLink:hover .linkIco svg path {
            fill: var(--themeColour1)
        }

.permissionList .menuListMain {
    justify-content: center
}

    .permissionList .menuListMain .widgetHead {
        min-height: 35px
    }

        .permissionList .menuListMain .widgetHead .fIcon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            background-color: #fafafa;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            cursor: pointer
        }

            .permissionList .menuListMain .widgetHead .fIcon svg {
                position: relative;
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                -webkit-transition: ease-in-out 0.4s;
                -moz-transition: ease-in-out 0.4s;
                -o-transition: ease-in-out 0.4s;
                -ms-transition: ease-in-out 0.4s;
                transition: ease-in-out 0.4s
            }

            .permissionList .menuListMain .widgetHead .fIcon.show svg {
                -ms-transform: rotate(0deg);
                transform: rotate(0deg)
            }

    .permissionList .menuListMain .widgetBody .permissionlistArea {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 8px
    }

@media (max-width: 768px) {
    .permissionList .menuListMain .widgetBody .permissionlistArea {
        grid-template-columns: 1fr
    }
}

.permissionList .menuListMain .widgetBody .permissionlistArea .listSec {
    padding: 12px;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    color: var(--themeColour1);
    background-color: #ffffff;
    flex: 1;
    border: none;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    border: solid 1px #e8e8e8;
    margin-bottom: 8px
}

    .permissionList .menuListMain .widgetBody .permissionlistArea .listSec .form-group {
        display: grid;
        grid-template-columns: 22px 1fr;
        column-gap: 8px
    }

        .permissionList .menuListMain .widgetBody .permissionlistArea .listSec .form-group input {
            padding: 0;
            height: initial;
            width: initial;
            margin-bottom: 0;
            display: none;
            cursor: pointer;
            background-color: var(--white)
        }

            .permissionList .menuListMain .widgetBody .permissionlistArea .listSec .form-group input:checked + label {
                line-height: 0;
                display: flex;
                align-items: center;
                margin-bottom: 0
            }

                .permissionList .menuListMain .widgetBody .permissionlistArea .listSec .form-group input:checked + label:before {
                    content: "";
                    -webkit-appearance: none;
                    background-color: #5dbd77;
                    border: 1px solid #5dbd77;
                    box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
                    padding: 10px;
                    display: inline-block;
                    position: relative;
                    vertical-align: middle;
                    cursor: pointer;
                    margin-right: 5px
                }

                .permissionList .menuListMain .widgetBody .permissionlistArea .listSec .form-group input:checked + label:after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 0px;
                    left: 8px;
                    width: 6px;
                    height: 15px;
                    border: solid #fff;
                    border-width: 0 2px 2px 0;
                    transform: rotate(45deg)
                }

            .permissionList .menuListMain .widgetBody .permissionlistArea .listSec .form-group input:checked:before {
                content: "";
                -webkit-appearance: none;
                background-color: var(--primaryColour);
                border: 1px solid var(--primaryColour);
                box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
                padding: 10px;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                cursor: pointer;
                margin-right: 5px
            }

        .permissionList .menuListMain .widgetBody .permissionlistArea .listSec .form-group label {
            position: relative;
            cursor: pointer;
            font-family: "Roboto";
            font-weight: 500;
            font-size: 14px;
            color: var(--textColour33);
            margin-bottom: 0
        }

            .permissionList .menuListMain .widgetBody .permissionlistArea .listSec .form-group label:before {
                content: "";
                -webkit-appearance: none;
                border: 1px solid #5dbd77;
                box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);
                padding: 10px;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                cursor: pointer;
                margin-right: 5px;
                top: -1px
            }
/*# sourceMappingURL=style.min.css.map */