@font-face {
    font-family: 'Aller';
    font-style: normal;
    font-weight: 300;
    src: local("Aller-STD-Light"),local("Aller-STD-Light"),url("../fonts/Aller-STD-Light.ttf") format("ttf")
}

@font-face {
    font-family: 'Aller';
    font-style: normal;
    font-weight: 400;
    src: local("Aller-STD-Regular"),local("Aller-STD-Regular"),url("../fonts/Aller-STD-Regular.ttf") format("ttf")
}

@font-face {
    font-family: 'Aller';
    font-style: normal;
    font-weight: 700;
    src: local("Aller-STD-Bold"),local("Aller-STD-Bold"),url("../fonts/Aller-STD-Bold.ttf") format("ttf")
}

::-moz-selection {
    background-color: #6F5A8C !important;
    color: #fff !important
}

::selection {
    background-color: #6F5A8C !important;
    color: #fff !important
}

a:focus {
    outline: none
}

html {
    font-size: 16px
}

body {
    /*font-family: "Aller","Arial",sans-serif;*/
    font-weight: 400;
    font-size: 16px;
    background: #fff;
    box-sizing: border-box;
    line-height: 1.75;
    color: #000;
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

    body p {
        font-family: "Aller","Arial",sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.75;
        margin: 0 0 15px 0;
        color: #000
    }

    body ul {
        font-size: 16px;
        font-family: "Aller","Arial",sans-serif;
        font-weight: 400;
        line-height: 1.75;
        list-style-type: disc
    }

        body ul li {
            font-size: 16px;
            font-family: "Aller","Arial",sans-serif;
            font-weight: 400;
            line-height: 1.75
        }

b, strong {
    font-weight: 600 !important
}

a, a:link, a:visited {
    transition: all 0.5s ease-in-out;
    text-decoration: none;
    color: #463859;
    font-family: "Aller","Arial",sans-serif;
    font-weight: 400
}

    a:hover, a:active, a:focus {
        color: #897CA6;
        text-decoration: none;
        transition: all 0.5s ease-in-out
    }

img, image, picture {
    outline: none !important
}

.text-center {
    text-align: center
}

.top-spacing10 {
    margin-top: 10px
}

.top-spacing15 {
    margin-top: 15px
}

.top-spacing20 {
    margin-top: 20px
}

.top-spacing25 {
    margin-top: 25px
}

.top-spacing30 {
    margin-top: 30px
}

.top-spacing35 {
    margin-top: 35px
}

.top-spacing40 {
    margin-top: 40px
}

.top-spacing45 {
    margin-top: 45px
}

.top-spacing50 {
    margin-top: 50px
}

.top-spacing55 {
    margin-top: 55px
}

.top-spacing60 {
    margin-top: 60px
}

.top-spacing65 {
    margin-top: 65px
}

.top-spacing70 {
    margin-top: 70px
}

.top-spacing75 {
    margin-top: 75px
}

.top-spacing80 {
    margin-top: 80px
}

.bot-spacing10 {
    margin-bottom: 10px
}

.bot-spacing15 {
    margin-bottom: 15px
}

.bot-spacing20 {
    margin-bottom: 20px
}

.bot-spacing25 {
    margin-bottom: 25px
}

.bot-spacing30 {
    margin-bottom: 30px
}

.bot-spacing35 {
    margin-bottom: 35px
}

.bot-spacing40 {
    margin-bottom: 40px
}

.bot-spacing45 {
    margin-bottom: 45px
}

.bot-spacing50 {
    margin-bottom: 50px
}

.bot-spacing55 {
    margin-bottom: 55px
}

.bot-spacing60 {
    margin-bottom: 60px
}

.bot-spacing65 {
    margin-bottom: 65px
}

.bot-spacing70 {
    margin-bottom: 70px
}

.bot-spacing75 {
    margin-bottom: 75px
}

.bot-spacing80 {
    margin-bottom: 80px
}

.text-center-m {
    text-align: center
}

@media (min-width: 768px) {
    .text-center-m {
        text-align: unset
    }

    .text-center-sm {
        text-align: center
    }
}

@media (min-width: 992px) {
    .text-center-sm {
        text-align: unset
    }

    .text-center-md {
        text-align: center
    }
}

h1, h2, h3, h4, h5 {
    float: left;
    width: 100%;
    line-height: 1.1;
    margin: 15px 0 8px 0
}

h1 {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600
}

h2 {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600
}

h3 {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600
}

h4 {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

@media only screen and (min-width: 992px) {
    h1, h2, h3, h4, h5 {
        margin: 25px 0 15px 0
    }

    h1 {
        font-size: 24px
    }

    h2 {
        font-size: 22px
    }

    h3 {
        font-size: 20px
    }

    h4 {
        font-size: 18px
    }
}

.btn {
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1
}

.btn-primary {
    background-color: #463859;
    border-color: #6F5A8C;
    color: #fff !important
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background-color: #6F5A8C;
        border-color: #897CA6
    }

.btn-secondary {
    background-color: #000;
    border-color: #000;
    color: #fff !important
}

    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
        background-color: #121212;
        border-color: #121212
    }

.form-group input.btn {
    width: auto;
    margin-right: 15px
}

.btn-primary.disabled, .btn-primary:disabled, .btn.disabled, .btn:disabled, .btn-secondary.disabled, .btn-secondary.disabled:disabled {
    background-color: #f18485;
    border-color: #f18485
}

.hidden-btn {
    display: none
}

.frow {
    float: left;
    width: calc(100% + 30px);
    margin: 0 -15px
}

.panel {
    float: left;
    width: 100%;
    background: #fff;
    margin: 0 0 20px 0;
    padding: 30px
}

    .panel.no-pad {
        padding: 0
    }

.panel-separator {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    margin: 10px 0 20px 0;
    padding: 5px 0 30px 0
}

    .panel-separator.no-border {
        border-bottom: none
    }

.btn-row {
    float: left;
    width: 100%;
    margin: 10px 0 15px 0
}

@media only screen and (max-width: 991px) {
    .desktop-menu {
        display: none
    }

    body {
        font-size: 14px
    }

        body p {
            font-size: 14px
        }

    .siteHeader {
        float: left;
        width: 100%;
        background: #ae1416;
        padding: 15px 0
    }

        .siteHeader .siteLogo {
            float: left;
            width: 40%
        }

            .siteHeader .siteLogo a {
                float: left;
                width: 100%;
                margin: 0;
                padding: 0
            }

                .siteHeader .siteLogo a img {
                    float: left;
                    width: 120px;
                    height: auto
                }

        .siteHeader .siteUtility {
            float: left;
            width: 60%;
            color: #fff
        }

            .siteHeader .siteUtility ul.top-util-menu-list {
                float: right;
                width: auto;
                max-width: 100%;
                list-style-type: none;
                margin: 0;
                padding: 0
            }

                .siteHeader .siteUtility ul.top-util-menu-list li {
                    float: left;
                    width: 40px;
                    height: 40px;
                    text-align: center;
                    margin: 0;
                    padding: 0;
                    font-size: 14px;
                    line-height: 40px
                }

                    .siteHeader .siteUtility ul.top-util-menu-list li a, .siteHeader .siteUtility ul.top-util-menu-list li button {
                        color: #fff !important;
                        margin: 0;
                        padding: 0;
                        font-size: 14px;
                        line-height: 40px
                    }

                        .siteHeader .siteUtility ul.top-util-menu-list li a .text, .siteHeader .siteUtility ul.top-util-menu-list li button .text {
                            display: none
                        }

                        .siteHeader .siteUtility ul.top-util-menu-list li a:hover, .siteHeader .siteUtility ul.top-util-menu-list li a:active, .siteHeader .siteUtility ul.top-util-menu-list li a:focus, .siteHeader .siteUtility ul.top-util-menu-list li button:hover, .siteHeader .siteUtility ul.top-util-menu-list li button:active, .siteHeader .siteUtility ul.top-util-menu-list li button:focus {
                            text-decoration: none;
                            color: #e0ff2e !important
                        }

                    .siteHeader .siteUtility ul.top-util-menu-list li:nth-child(1) {
                        width: 60px
                    }

                        .siteHeader .siteUtility ul.top-util-menu-list li:nth-child(1) a {
                            font-size: 10px
                        }

    html {
        background: #f0f0f0
    }

    .body-content {
        float: left;
        width: 100%;
        background: #f0f0f0;
        padding: 30px 0;
        padding-bottom: 120px
    }

        .body-content .ez-dashboard-icons {
            float: left;
            width: 100%;
            background: #f0f0f0;
            padding: 0 0 15px 0
        }

            .body-content .ez-dashboard-icons .ez-row {
                float: left;
                width: calc(100% + 30px);
                margin: 0 -15px
            }

                .body-content .ez-dashboard-icons .ez-row .ez-col {
                    float: left;
                    width: calc(100% / 3);
                    margin: 15px 0;
                    padding: 0 15px
                }

                    .body-content .ez-dashboard-icons .ez-row .ez-col a {
                        float: left;
                        width: 100%
                    }

                        .body-content .ez-dashboard-icons .ez-row .ez-col a .circle {
                            float: left;
                            width: 100%;
                            background: #fff;
                            height: 0;
                            padding-top: 100%;
                            position: relative;
                            border-radius: 50%
                        }

                            .body-content .ez-dashboard-icons .ez-row .ez-col a .circle img {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%, -50%)
                            }

                        .body-content .ez-dashboard-icons .ez-row .ez-col a .text {
                            float: left;
                            width: 100%;
                            padding: 0;
                            margin: 5px 0;
                            color: #000;
                            font-size: 12px;
                            line-height: 1.1;
                            text-align: center;
                            font-weight: 600;
                            word-wrap: break-word;
                            transition: all 0.5s ease-in-out
                        }

                        .body-content .ez-dashboard-icons .ez-row .ez-col a:hover .text, .body-content .ez-dashboard-icons .ez-row .ez-col a:active .text, .body-content .ez-dashboard-icons .ez-row .ez-col a:focus .text {
                            color: #ae1416;
                            transition: all 0.5s ease-in-out
                        }

                    .body-content .ez-dashboard-icons .ez-row .ez-col:nth-child(3n+1) {
                        clear: both
                    }

    .mobile-menu {
        float: left;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        color: #000;
        height: 60px;
        z-index: 9
    }

        .mobile-menu:before {
            content: '';
            width: 100%;
            height: 105px;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 25;
            background: linear-gradient(to top, #fff 30%, rgba(255,255,255,0) 100%)
        }

        .mobile-menu .hm-menu {
            float: left;
            width: calc(50% - 70px);
            background: #000;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 130
        }

            .mobile-menu .hm-menu .menu-button {
                float: right;
                width: 50px;
                height: 50px;
                margin: 5px;
                color: #fff;
                line-height: 50px;
                text-align: center;
                transition: all 0.5s ease-in-out
            }

                .mobile-menu .hm-menu .menu-button:hover {
                    color: #ae1416;
                    cursor: pointer;
                    transition: all 0.5s ease-in-out
                }

        .mobile-menu ul.hm-mobile-menu {
            float: left;
            width: 300px;
            position: fixed;
            left: 0;
            bottom: -100vh;
            background: rgba(0,0,0,0.9);
            margin: 0;
            padding: 45px 30px 120px 30px;
            list-style-type: none;
            height: calc(100vh - 15px);
            z-index: 99;
            transition: all 0.5s ease-in-out
        }

            .mobile-menu ul.hm-mobile-menu li {
                float: left;
                width: 100%;
                margin: 0 0 10px 0
            }

                .mobile-menu ul.hm-mobile-menu li a {
                    float: left;
                    width: 100%;
                    color: #fff !important;
                    font-size: 16px;
                    line-height: 1.1;
                    padding: 5px
                }

                    .mobile-menu ul.hm-mobile-menu li a:hover, .mobile-menu ul.hm-mobile-menu li a:active, .mobile-menu ul.hm-mobile-menu li a:focus {
                        text-decoration: none;
                        color: #ae1416 !important
                    }

            .mobile-menu ul.hm-mobile-menu:before {
                content: '';
                width: calc(100vw - 300px);
                position: absolute;
                top: 0;
                left: 300px;
                bottom: 0;
                background: rgba(0,0,0,0.5)
            }

            .mobile-menu ul.hm-mobile-menu.isActive {
                bottom: 15px;
                transition: all 0.5s ease-in-out
            }

        .mobile-menu .middle-util {
            float: left;
            width: 140px;
            position: absolute;
            left: calc(50% - 70px);
            bottom: 0;
            top: 0;
            z-index: 130;
            background: url("../images/bottom-menu-clip.svg");
            background-repeat: no-repeat
        }

            .mobile-menu .middle-util:before {
                content: '';
                width: 140px;
                height: 20px;
                background: #000;
                bottom: 0;
                left: 0;
                position: absolute
            }

            .mobile-menu .middle-util a {
                width: 70px;
                height: 70px;
                color: #fff !important;
                border-radius: 50%;
                text-align: center;
                position: absolute;
                left: 35px;
                bottom: 35px;
                background: #ae1416;
                line-height: 70px;
                padding: 0 !important;
                border: none !important;
                transition: all 0.5s ease-in-out
            }

                .mobile-menu .middle-util a .text {
                    display: none
                }

                .mobile-menu .middle-util a:hover {
                    background: #c51719;
                    transition: all 0.5s ease-in-out
                }

            .mobile-menu .middle-util input.ez-toolbox-icon {
                width: 70px;
                height: 70px;
                color: #fff !important;
                border-radius: 50%;
                text-align: center;
                position: absolute;
                left: 35px;
                bottom: 35px;
                background: #ae1416;
                line-height: 70px;
                padding: 0 !important;
                border: none !important;
                transition: all 0.5s ease-in-out
            }

                .mobile-menu .middle-util input.ez-toolbox-icon .text {
                    display: none
                }

                .mobile-menu .middle-util input.ez-toolbox-icon:hover {
                    background: #c51719;
                    transition: all 0.5s ease-in-out
                }

        .mobile-menu .notifications {
            float: left;
            width: calc(50% - 70px);
            background: #000;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 130
        }

            .mobile-menu .notifications .notif-box {
                float: left;
                width: 50px;
                height: 50px;
                color: #fff;
                line-height: 50px;
                margin: 5px;
                text-align: center;
                position: relative
            }

                .mobile-menu .notifications .notif-box .notification-count {
                    width: 16px;
                    height: 16px;
                    border-radius: 50%;
                    background: #ae1416;
                    position: absolute;
                    top: 5px;
                    left: 7px;
                    text-align: center;
                    font-size: 10px;
                    line-height: 16px;
                    box-shadow: 0 2px 2px rgba(0,0,0,0.35);
                    color: #fff !important
                }

                .mobile-menu .notifications .notif-box:hover {
                    color: #ae1416;
                    cursor: pointer;
                    transition: all 0.5s ease-in-out
                }

                    .mobile-menu .notifications .notif-box:hover .notification-count {
                        color: #fff;
                        transition: all 0.5s ease-in-out
                    }

    #siteFooter {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 14px;
        display: none
    }
}

.main-content {
    float: left;
    width: 100%
}

.main-content-row {
    float: left;
    width: calc(100% + 30px);
    margin: 0 -15px
}

.md-left-side {
    float: left;
    width: 25%;
    padding: 0 15px;
    display: none
}

.md-right-side {
    float: left;
    width: 100%;
    padding: 0 15px
}

.my-tabs-wrapper {
    float: left;
    width: 100%
}

    .my-tabs-wrapper ul.tab-toggle-control {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        .my-tabs-wrapper ul.tab-toggle-control li {
            float: left;
            width: auto;
            padding: 10px 15px;
            color: #fff;
            background: #333;
            border: 1px solid #e3e3e3;
            transition: all 0.5s ease-in-out
        }

            .my-tabs-wrapper ul.tab-toggle-control li.active {
                background: #ae1416;
                transition: all 0.5s ease-in-out
            }

            .my-tabs-wrapper ul.tab-toggle-control li:hover {
                background: #ae1416;
                cursor: pointer;
                transition: all 0.5s ease-in-out
            }

    .my-tabs-wrapper .tabs {
        float: left;
        width: 100%
    }

        .my-tabs-wrapper .tabs .tab-toggle {
            float: left;
            width: 100%;
            display: none
        }

            .my-tabs-wrapper .tabs .tab-toggle.active {
                display: block
            }

@media only screen and (max-width: 600px) {
    .ez-search-input {
        width: 100% !important
    }
}

#ez-modal-search-button {
    min-width: 100px
}

#ez-modal-search-reset {
    padding: 10px 25px;
    min-width: 100px
}

@media (min-width: 992px) {
    body {
        font-size: 16px;
        background: #fff;
        margin: 0;
        float: left;
        width: 100%
    }

        body p {
            font-size: 16px
        }

    .body-content {
        float: left;
        width: 100%;
        padding: 45px 0;
        min-height: calc(100vh - 200px)
    }

    .mobile-menu {
        display: none
    }

    .siteHeader.mobile {
        display: none
    }

    .md-left-side {
        display: block
    }

    .md-right-side {
        width: 75%
    }

    .desktop-menu {
        float: left;
        width: 100%;
        padding-bottom: 25px;
        
    }

        .desktop-menu .top-util-menu {
            float: left;
            width: 100%;
            height: 30px;
            border-bottom: 1px solid rgba(255,255,255,0.25);
            z-index: 9999;
            position: absolute;
            top: 0;
            background: #CDC7D9;
            left: 0
        }

            .desktop-menu .top-util-menu .top-util-menu-list {
                float: right;
                width: auto;
                list-style-type: none;
                margin: 4px 0px 0px 0px;
                padding: 0
            }

                .desktop-menu .top-util-menu .top-util-menu-list li {
                    float: left;
                    width: auto;
                    color: #463859;
                    margin: 0px 10px
                }

                    .desktop-menu .top-util-menu .top-util-menu-list li a {
                        color: #2f2f2f;
                        font-size: 13px;
                        margin: 0;
                        padding: 0 !important
                    }

                        .desktop-menu .top-util-menu .top-util-menu-list li a:hover, .desktop-menu .top-util-menu .top-util-menu-list li a:focus, .desktop-menu .top-util-menu .top-util-menu-list li a:active {
                            color: #463859;
                            text-decoration: none
                        }

                    .desktop-menu .top-util-menu .top-util-menu-list li .ms-nav-button-n, .desktop-menu .top-util-menu .top-util-menu-list li .btn-link {
                        border: none;
                        margin: 0;
                        padding: 0;
                        color: #463859;
                        font-size: 13px;
                        margin-top: 4px;
                    }

                        .desktop-menu .top-util-menu .top-util-menu-list li .ms-nav-button-n:hover, .desktop-menu .top-util-menu .top-util-menu-list li .ms-nav-button-n:focus, .desktop-menu .top-util-menu .top-util-menu-list li .ms-nav-button-n:active, .desktop-menu .top-util-menu .top-util-menu-list li .btn-link:hover, .desktop-menu .top-util-menu .top-util-menu-list li .btn-link:focus, .desktop-menu .top-util-menu .top-util-menu-list li .btn-link:active {
                            color: #897CA6;
                            text-decoration: none
                        }

            .desktop-menu .top-util-menu.nonexistent {
                display: none
            }

    .ms-navbar {
        background: url("../images/site_bg_head.jpg") no-repeat;
        background-position-x: center;
        border-bottom: none;
        position: relative !important;
        margin-top: 0px;
        padding: 30px 0 0 0
    }

        .ms-navbar .navbar-header {
            height: auto
        }

            .ms-navbar .navbar-header .navbar-brand {
                height: 120px !important;
                padding: 30px 15px
            }

                .ms-navbar .navbar-header .navbar-brand img {
                    float: left;
                    height: 60px;
                    width: auto
                }

    .ms-navbar-list {
        position: relative;
        height: auto;
        width: 100%;
        float: right;
        margin: 54px 0 0 0
    }

        .ms-navbar-list li {
            margin: 0 !important;
            width: calc(100% / 6)
        }

            .ms-navbar-list li a {
                background: #fff;
                color: #b7b7b7 !important;
                padding: 15px;
                border: 1px solid #f2f2f2;
                float: left;
                text-transform: uppercase;
                font-size: 15px;
                font-weight: 600;
                margin: 0;
                width: 100%;
                text-align: center
            }

                .ms-navbar-list li a:hover, .ms-navbar-list li a:active, .ms-navbar-list li a:focus {
                    background: #333 !important;
                    color: #fff !important
                }

            .ms-navbar-list li button.ms-nav-button {
                background: #fff;
                color: #b7b7b7;
                padding: 15px;
                border: 1px solid #b7b7b7;
                float: left;
                text-transform: uppercase;
                font-size: 15px;
                font-weight: 500;
                margin: 0;
                width: 100%;
                text-align: center;
                height: 52px
            }

                .ms-navbar-list li button.ms-nav-button:hover, .ms-navbar-list li button.ms-nav-button:active, .ms-navbar-list li button.ms-nav-button:focus {
                    background: #333 !important;
                    color: #fff !important;
                    text-decoration: none;
                    border: 1px solid #b7b7b7
                }

            .ms-navbar-list li .ms-logout-form {
                float: left;
                width: 50%;
                margin: 0;
                padding: 0
            }

                .ms-navbar-list li .ms-logout-form li {
                    float: left;
                    width: 50%;
                    margin: 0;
                    padding: 0
                }

                    .ms-navbar-list li .ms-logout-form li .loggedUser {
                        float: right;
                        width: 100%;
                        font-size: 10px
                    }

                        .ms-navbar-list li .ms-logout-form li .loggedUser .logged-user-icon {
                            float: left;
                            width: 100%
                        }

                        .ms-navbar-list li .ms-logout-form li .loggedUser .loggedUserLink {
                            padding: 7px 15px !important
                        }

        .ms-navbar-list:after {
            background: url("../images/shadow.png") no-repeat;
            background-size: 100%;
            position: absolute;
            content: '';
            left: 0;
            bottom: -44px;
            height: 45px;
            width: 100%;
            z-index: 6
        }

    .ez-dashboard-icons {
        float: left;
        width: 100%;
        padding: 0 0 15px 0
    }

        .ez-dashboard-icons .ez-row {
            float: left;
            width: calc(100% + 30px);
            margin: 30px -15px
        }

            .ez-dashboard-icons .ez-row .ez-col {
                float: left;
                width: calc(100% / 8);
                margin: 15px 0;
                padding: 0 15px
            }

                .ez-dashboard-icons .ez-row .ez-col a, .ez-dashboard-icons .ez-row .ez-col .ezc-lico {
                    float: left;
                    width: 100%;
                    padding: 0 !important;
                    margin: 0 !important;
                    border: none;
                    background: none
                }

                    .ez-dashboard-icons .ez-row .ez-col a .circle, .ez-dashboard-icons .ez-row .ez-col .ezc-lico .circle {
                        float: left;
                        width: calc(100% - 30px);
                        background: #fff;
                        height: 0;
                        padding-top: calc(100% - 30px);
                        position: relative;
                        border-radius: 50%;
                        margin-left: 15px
                    }

                        .ez-dashboard-icons .ez-row .ez-col a .circle img, .ez-dashboard-icons .ez-row .ez-col .ezc-lico .circle img {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%)
                        }

                    .ez-dashboard-icons .ez-row .ez-col a .text, .ez-dashboard-icons .ez-row .ez-col .ezc-lico .text {
                        float: left;
                        width: 100%;
                        padding: 0;
                        margin: 10px 0;
                        color: #000;
                        font-size: 14px;
                        line-height: 1.1;
                        text-align: center;
                        font-weight: 600;
                        word-wrap: break-word;
                        transition: all 0.5s ease-in-out
                    }

                    .ez-dashboard-icons .ez-row .ez-col a:hover .text, .ez-dashboard-icons .ez-row .ez-col a:active .text, .ez-dashboard-icons .ez-row .ez-col a:focus .text, .ez-dashboard-icons .ez-row .ez-col .ezc-lico:hover .text, .ez-dashboard-icons .ez-row .ez-col .ezc-lico:active .text, .ez-dashboard-icons .ez-row .ez-col .ezc-lico:focus .text {
                        color: #ae1416;
                        transition: all 0.5s ease-in-out
                    }

    #siteFooter {
        float: left;
        width: 100%;
        margin: 0;
        padding: 30px 0 0 0;
        background: #463859;
        color: #F2F2F2;
        font-size: 14px
    }

        #siteFooter .ft-top {
            float: left;
            width: 100%;
            margin: 0 0 30px 0
        }

            #siteFooter .ft-top h4 {
                color: #333;
                font-weight: 600
            }

        #siteFooter .ft-bot {
            float: left;
            width: 100%;
            padding: 15px 0;
            font-size: 13px;
            border-top: 1px solid #d0d0d0
        }

            #siteFooter .ft-bot .ftb-left {
                float: left;
                width: 40%
            }

            #siteFooter .ft-bot .ftb-right {
                float: left;
                width: 60%;
                text-align: right
            }

    .ft-txt {
        float: left;
        width: 100%;
        margin: 5px 0 15px 0;
    }

    ul.ft-list {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        ul.ft-list li {
            float: left;
            width: 100%;
            margin: 3px 0;
            padding: 0;
            font-size: 13px
        }

            ul.ft-list li a {
                color: #f2f2f2;
            }

                ul.ft-list li a:hover, ul.ft-list li a:active, ul.ft-list li a:focus {
                    color: #fff;
                    text-decoration: none
                }

    .ft-logo {
        max-width: 90px;
        height: auto
    }
}

@media not print {
    .container-preview {
        float: left;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        padding-bottom: 30px
    }

    .sec-title-container {
        display: block;
        width: 100%;
        color: #000 !important;
        float: left;
        background: #e3e3e3 !important;
        border: 1px solid #b7b7b7;
        font-size: 16px;
        page-break-after: avoid;
        margin: 20px 0 0 0 !important;
        padding: 0px 10px
    }

    .print-inner-section {
        display: block;
        width: 100%;
        float: left;
        padding: 0
    }

    .print-inner-section-space {
        display: block;
        width: 100%;
        float: left
    }

    .print-inner-section-nospace {
        display: block;
        width: 100%;
        height: auto !important;
        float: left
    }

    .print-inner-section-content {
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
        padding: 2px 5px;
        min-height: 28px
    }

    .print-inner-title {
        display: block;
        width: 100%;
        margin: 5px 0 5px 0;
        padding: 0 15px;
        font-size: 14px
    }

    .print-inner-title-space {
        display: block;
        width: 100%;
        margin: 30px 0 10px 0;
        padding: 0 15px;
        font-size: 16px
    }

    .print-inner-section-title {
        page-break-before: avoid;
        page-break-after: avoid
    }

    .print-section {
        display: block;
        width: 100%;
        font-size: 12px
    }

    .row {
        display: block;
        width: 100%;
        float: left;
        margin: 5px 0 !important;
        page-break-inside: avoid
    }

    .col-md-1 {
        display: block;
        width: calc(100% / 12);
        float: left;
        padding: 0 15px
    }

    .col-md-2 {
        display: block;
        width: calc((100% / 12) * 2);
        float: left;
        padding: 0 15px
    }

    .col-md-3 {
        display: block;
        width: calc((100% / 12) * 3);
        float: left;
        padding: 0 15px
    }

    .col-md-4 {
        display: block;
        width: calc((100% / 12) * 4);
        float: left;
        padding: 0 15px
    }

    .col-md-5 {
        display: block;
        width: calc((100% / 12) * 5);
        float: left;
        padding: 0 15px
    }

    .col-md-6 {
        display: block;
        width: calc((100% / 12) * 6);
        float: left;
        padding: 0 15px
    }

    .col-md-7 {
        display: block;
        width: calc((100% / 12) * 7);
        float: left;
        padding: 0 15px
    }

    .col-md-8 {
        display: block;
        width: calc((100% / 12) * 8);
        float: left;
        padding: 0 15px
    }

    .col-md-9 {
        display: block;
        width: calc((100% / 12) * 9);
        float: left;
        padding: 0 15px
    }

    .col-md-10 {
        display: block;
        width: calc((100% / 12) * 10);
        float: left;
        padding: 0 15px
    }

    .col-md-11 {
        display: block;
        width: calc((100% / 12) * 11);
        float: left;
        padding: 0 15px
    }

    .col-md-12 {
        display: block;
        width: 100%;
        float: left;
        padding: 0 15px
    }
}

.ez-form {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px;
    margin: 15px 0
}

    .ez-form .text-danger {
        font-size: 14px;
        line-height: 1.1;
        font-weight: 600;
        color: #ae1416
    }

.no-label-spacing {
    float: left;
    width: 100%;
    margin: 15px 0
}

.form-group, .control-group {
    float: left;
    width: 100%;
    margin: 5px 0 10px 0
}

    .form-group label, .control-group label {
        float: left;
        width: 100%;
        font-size: 12px;
        line-height: 1.1;
        color: #000;
        font-weight: 600;
        margin: 10px 0 5px 0
    }

    .form-group input, .control-group input {
        float: left;
        width: 100%;
        margin: 0
    }

    .form-group label, .control-group label {
        float: left;
        width: 100%
    }

        .form-group label input, .control-group label input {
            float: left;
            width: auto;
            margin: 0 5px 0 0
        }

        .form-group label label, .control-group label label {
            float: right;
            width: calc(100% - 20px);
            margin: 2px 0 0 0
        }

    .form-group input[type='checkbox'], .control-group input[type='checkbox'] {
        float: left;
        width: auto;
        margin: 0 5px 0 0
    }

        .form-group input[type='checkbox'] + label, .control-group input[type='checkbox'] + label {
            float: left;
            width: auto;
            margin: 0
        }

    .form-group select, .control-group select {
        float: left;
        width: 100%;
        padding: 10px
    }

    .form-group button, .control-group button {
        margin: 10px 0
    }

    .form-group .text-danger, .control-group .text-danger {
        font-size: 12px;
        line-height: 1.1;
        font-weight: 600;
        color: #ae1416
    }

.ez-text-small {
    line-height: 1.2
}

.search-control {
    border-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
}

.ez-calendar-container {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

    .ez-calendar-container .fc-toolbar {
        float: left;
        width: 100%;
        display: block;
        padding: 15px;
        margin: 0 !important
    }

        .ez-calendar-container .fc-toolbar .fc-left {
            float: left;
            width: 60%
        }

            .ez-calendar-container .fc-toolbar .fc-left .fc-button-group {
                float: left;
                width: 50%;
                max-width: 120px
            }

            .ez-calendar-container .fc-toolbar .fc-left .fc-today-button {
                float: left;
                width: 30%;
                max-width: 80px
            }

        .ez-calendar-container .fc-toolbar .fc-center {
            float: left;
            width: 40%
        }

            .ez-calendar-container .fc-toolbar .fc-center h2 {
                float: right;
                width: 100%;
                max-width: 200px;
                font-size: 11px;
                padding: 9px 0;
                background: #f0f0f0;
                border-radius: 4px
            }

        .ez-calendar-container .fc-toolbar .fc-right {
            float: left;
            width: 100%;
            margin: 10px 0 0 0
        }

    .ez-calendar-container .fc-view-container {
        float: left;
        width: 100%;
        position: relative;
        z-index: 1;
        padding: 15px
    }

.max50 {
    max-width: 50%
}

.checkmark {
    display: none
}

.search-wrapper {
    float: left;
    width: 100%;
    margin: 0 0 15px 0
}

    .search-wrapper > label {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0
    }

        .search-wrapper > label .toggle.btn {
            float: left;
            width: 100% !important
        }

            .search-wrapper > label .toggle.btn .toggle-group .toggle-handle {
                display: none
            }

            .search-wrapper > label .toggle.btn .toggle-group .btn {
                background: #ae1416 !important
            }

                .search-wrapper > label .toggle.btn .toggle-group .btn:hover, .search-wrapper > label .toggle.btn .toggle-group .btn:active, .search-wrapper > label .toggle.btn .toggle-group .btn:focus {
                    background: #c51719 !important
                }

.media-wrapper {
    float: left;
    width: 100%;
    border: 1px solid #b7b7b7;
    background: #f0f0f0;
    margin: 5px 0 15px 0;
    position: relative
}

    .media-wrapper video, .media-wrapper canvas {
        float: left;
        width: 100%;
        height: auto
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #ae1416 !important
}

ul.kontroler-links li.v-band-unbounded {
    background-color: #b7b7b7 !important
}

@media (min-width: 992px) {
    .form-group label, .control-group label {
        margin: 5px 0
    }
}

#RevenueLossGrid {margin-bottom: 30px;}
    #RevenueLossGrid a.k-link, #RevenueLossGrid a.k-link span {
        color: #463859 !important;
    }
.k-button.k-primary, .k-slider .k-draghandle {
    background-color: #463859 !important;
    border-color: #6F5A8C !important;
}
    .k-button.k-primary:active {
        background-color: #6f5a8c !important;
        border-color: #897CA6 !important;
    }
.k-list .k-item.k-state-selected {background-color: #463859 !important;}
.k-calendar .k-content .k-today.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #463859, inset 0 0 0 3px rgba(228,231,235,.5) !important;
}
.k-calendar .k-state-selected .k-link {border-color: #6f5a8c !important; background-color:#463859 !important;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color:#463859 !important;}
.alert.alert-warning a.alert-link{font-weight:700 !important;}