/*
 * It is advised not to edit the emp_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use this CSS to override 
 * styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
.no-lrmargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.show-grid {
    margin-bottom: 15px;
}

.dropdown-menu {
    min-width: 200px;
}

    .dropdown-menu li span {
        padding: 5px 15px;
        font-weight: 300;
    }

.multi-column-dropdown {
    list-style: none;
}

    .multi-column-dropdown li {
        width: 170px;
    }

        .multi-column-dropdown li span {
            display: block;
            clear: both;
            line-height: 1.428571429;
            color: #333;
            white-space: normal;
            font-size: 13px;
            font-weight: 500;
            width: 190px;
            font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        }

    .cdivider {
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    
}

.chover{
    background-color:white;
    border-left:solid 3px #00C0EF;
}
.multi-column-dropdown li span:hover {
    text-decoration: none;
    color: black;
    background-color: #f5f5f5;
    border-left:solid 3px #00C0EF;
    width:170px;
    font-size: 12px;
    font-weight:600;
    font-style:italic;
    cursor:pointer;
     background: -webkit-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);
    background: -moz-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);
    background: -ms-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);
    background: -o-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);
    background: linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    
    -webkit-box-shadow: 1px 4px 6px 1px rgba(50, 50, 50, 0.14);
        -moz-box-shadow: 1px 4px 6px 1px rgba(50, 50, 50, 0.14);
        -ms-box-shadow: 1px 4px 6px 1px rgba(50, 50, 50, 0.14);
        -o-box-shadow: 1px 4px 6px 1px rgba(50, 50, 50, 0.14);
        box-shadow: 1px 4px 6px 1px rgba(50, 50, 50, 0.14);
}

@media (max-width: 767px) {
    .dropdown-menu.columns-3 {
        min-width: 750px;
    }

    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
    /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape) {
    .dropdown-menu.columns-3 {
        min-width: 600px;
    }
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px) {
    .dropdown-menu.columns-3 {
        min-width: 600px;
    }
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
    /* some CSS here */
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
    /* some CSS here */
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) {
    /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .dropdown-menu.columns-3 {
        min-width: 1015px;
    }
}

/* #### Desktops #### */
@media screen and (min-width: 1024px) {
    .dropdown-menu.columns-3 {
        min-width: 1100px;
    }
}