/*
     DEMO STYLE
*/

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

/*p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}*/

/*a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}*/

.navbar {
    padding-left: 15px;
    /*padding: 1px 15px;*/
    padding: .2rem 1rem;
    background: #002F6C;
    border: none;
    border-radius: 0;
    /*margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);*/
}

.body-content .container-fluid .navbar .navbar-nav .nav-link {
    background: #002F6C;
    color: #fff !important;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 190px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #fff;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

    #sidebar.active {
        left: 0;
    }

#navbar-close {
    width: 35px;
    height: 35px;
    /*line-height: 35px;
    top: 10px;*/
    text-align: center;
    /*background: #fff;*/
    position: absolute;
    right: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    #navbar-close:hover {
        background: #fff;
        color: #7386D5;
    }

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(250,250,250,.8);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

    .overlay.active {
        display: block;
        opacity: 0.7;
    }

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px 15px;
    font-size: 1.1em;
    display: block;
    font-size: 13px;
}

    #sidebar ul li a:hover {
        /*color: #7386D5;
        background: #fff*/;

    }

/*#sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}*/

a[data-toggle="collapse"] {
    position: relative;
}

/*.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}*/

ul.CTAs {
    padding: 20px;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    /*padding: 20px;*/
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}

#sidebar .navbar-nav {
    float: left !important;
    width: 100%;
    /*margin-top: 40px;*/
    /*min-width: 0;
    margin: 0;*/
}

.subMenuHeader {
    margin-right: 0px;
    margin-left: 0px;
}

.fa-bars {
    font-size: 30px;
    color: #999;
}

/*#slidemenu .subNavbar .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: transparent;
}

#slidemenu .subNavbar .navbar-nav > li {
    background-color: #999;
    color: #fff;
    border-bottom: 1px solid #ccc !important;
}

#slide-nav #slidemenu .subNavbar .navbar-nav .dropdown-menu li a {
    min-width: 0;
    width: 100%;
    white-space: normal;
    color: #fff;
    font-size: 13px;
    margin: 5px 0 5px 5px;
}*/

@media (max-width: 767px) {
    #sidebar .topnav .navbar-nav > li {
        background-color: #999;
        color: #fff;
        border-bottom: 1px solid #ccc !important;
    }
    #sidebar .topnav .navbar-nav > li > a {
        background-color: transparent;
        color: #fff;
    }
    .navbar-nav .show .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        /*padding: 0;*/
        /*-webkit-box-shadow: none;
        box-shadow: none;*/
    }
    .storePage .navbar-inverse .navbar-nav > li.show > .dropdown-toggle {
        background-image: url(../images/down.png);
        background-repeat: no-repeat;
        background-position: right;
    }
    .navbar-nav .show .dropdown-menu {
        transform: translate3d(-5px, 0px, 0px) !important;
        position: static !important;
        /*transform: translate3d(0px,49px, 0px) !important;*/
        /*float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;*/
    }
    /*.dropdown-toggle::after {
        display: none !important;
    }*/
    .navbar-nav {
        /*flex-direction: column !important;*/
    }
    .subMenuHeader .subNavbar .navbar-nav {
        flex-direction: row !important;
    }
    .subMenuHeader .subNavbar .navbar-nav > li > a {
        padding: 16px 20px;
        font-size: 13px;
        font-weight: normal;
    }
    .subMenuHeader .subNavbar .navbar-nav > li > a {
        padding: 16px 15px !important;
    }
}

@media (min-width: 992px){
    /*.collapse {
        display: inline-block !important;
    }*/
    .navbar-nav {
        flex-direction: row !important;
    }
}

/*.topnav > ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background-color: #999;
    color: #fff;
}*/

.navbar-nav{
    flex-direction: column;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.subMenuHeader .subNavbar .navbar-nav > li > a {
    padding: 14px 15px;
}
.dropdown-menu {
    font-size: 14px;
}

.k-header > .k-grid-filter {
    margin: -0.5em 0.2em -0.4em 0;
}

.k-window {
    min-width: 300px !important;
    min-height: 150px !important;
    width: auto;
    height: auto;
}
/*Telerik Upgrade changes*/

/* Replacing bootstrap alert starts*/
.closebtn {
    margin-left: 15px;
    font-weight: bold;
    float: right;
    font-size: 30px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    opacity: .5;
}

    .closebtn:hover {
        color: #000;
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
/* Replacing bootstrap alert ends*/

.k-card-header {
    padding: 0.25rem 1.25rem;
    font-weight: bold;
}

.k-primary {
    color: #fff;
    background-color: #337ab7;
}

.k-card {
    border-color: #ddd !important;
}

/*Set max-width to avoid grid data overflow - Mainly in order form edit page*/
#grouped-gridview {
    max-width: 103%;
}

/*k-Button style changes - Throughout the application*/
.k-button {
    border-radius: 4px;
    padding: 6px 12px;
    line-height: 1.42857143;
}

/*Font family, size and style changes for kendo card, listview and grid (.k-card, .k-listview, .k-grid) - Throughout the application*/
.k-card, .k-listview, .k-grid {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

.pageHeader {
    font-size: larger !important;
}

/*Grid icon styles as per Kendo 2020.2.617*/
td > a > span.k-icon {
    color: #337ab7 !important;
}

td > a > span.k-state-disabled {
    color: #a1a1a1 !important;
}

.k-panelbar > li.k-state-default > .k-link {
    color: #333;
}

.k-panelbar > .k-item > .k-link {
    border-color: #ccc;
}

.k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.k-bottom-nav-item-text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;    
    line-height: 1.42857143 !important;
}

.k-bottom-nav-item {
    min-height: fit-content;
    flex: inherit;
    display: block;
    padding: 0.5rem 0.5rem;
}

/* Footer All CSS Starts*/
.k-pos-absolute {
    position: inherit !important;
}

.k-bottom-nav-flat {
    border-color: transparent;
    color: #fff !important;
}

.k-bottom-nav-item-icon {
    font-size: 1.15rem !important;
    padding-bottom: 6px;
}

.k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected {
    color: white;
}

#bottomNavigation a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 15px !important;
}

#bottomNavigation {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
/* Footer All CSS Ends*/

/* Header All CSS Starts*/

#topNavigation a {
    font-size: 14px !important;
}
.k-menu:not(.k-context-menu) > .k-item,
.k-menu:not(.k-context-menu) > .k-item.k-hover,
.k-menu:not(.k-context-menu) > .k-item:hover {
    color: #212529;
}

.k-menu-link-text .k-icon {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    padding-right: 3px;
}

.k-menu.k-menu-horizontal:not(.k-context-menu) {
    padding: 0rem !important;
    margin-top: -10px !important;
}

.k-menu, .k-menu-bar, k-menu-item, .k-menu-group-md .k-menu-item {
    font-family: inherit !important;
    font-size: inherit !important;
}

#grouped-gridview {
    max-width: 103%;
}

.k-grid-content tr:last-child > td, .k-grid-content-locked tr:last-child > td {
border-bottom-width: 2px;
}

.k-bottom-nav-item .feather {
    margin-right: 0px !important;
}

.k-bottom-nav-item-text {
    margin-left: -3px;
}

.k-dialog {
    width: -webkit-fill-available !important;
    max-width: 600px;
}

.k-dialog-title, .k-dialog-content {
    white-space: pre-wrap;
}

.k-treeview-leaf-text .k-icon {
    font-weight: 900;
}

/*Turn Off Number Input Spinners*/
input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/*Turn Off Number Input Spinners*/

/*On hover Privacy Policy show underline*/
.privacy:hover {
    text-decoration: underline;
}

.cellColorRed {
    color: red;
}

.cellColorBlue {
    color: blue;
}

.cellColorGreen {
    color: green;
}

.k-menu:not(.k-context-menu) {
    border-color: white;
    color: #212529;
    background-color: white;
}