/*@media screen and (min-width : 768px) {
            .dropdown:hover > .dropdown-menu {
                display: block;
            }
        }*/

/*span.glyphicon {
    font-size: 1.1em !important;
}*/

.container-fluid {
    /*margin-left: 25px;
            margin-right: 25px;*/
}

input[type=checkbox], input[type=radio] {
    margin:4px 4px 0;
}

label {
    font-weight: normal;
}

.navbar {
    -webkit-transform: translateZ(0);
    background: transparent;
    background: #10174B;
    background-image: linear-gradient(#151D61,#10174B 60%,#0C1137);
    margin-bottom: 0;
    border-radius: 0;
    /*min-height: 40px !important;
            height: 40px !important;*/
    border: none;
    top: 80px;
    border-bottom: 1px solid #CCC;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}

.navbar-brand {
    /*padding: 10px 15px;*/
}

.navbar-form {
    /*margin-top: 0;*/
}

.navbar-right {
    margin-right: 0;
}

.navbar-nav > li > a {
    color: #E1EFF9 !important;
}

.dropdown-menu {
    background: #151D61;
    background-image: linear-gradient(#151D61,#10174B 80%,#232F9F);
}

    .dropdown-menu > li > a {
        color: #E1EFF9 !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }



.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: #10174B;
    background-image: linear-gradient(#151D61,#10174B 60%,#0C1137);
}

.navbar-default .navbar-nav > .open > A:hover, .navbar-default .navbar-nav > .open > A:focus {
    background: #10174B !important;
    background-image: linear-gradient(#151D61,#10174B 60%,#0C1137);
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: #151D61;
    background-image: linear-gradient(#151D61,#10174B 80%,#232F9F);
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background: #10174B;
    background-image: linear-gradient(#151D61,#10174B 60%,#0C1137);
}

/*.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}*/

/*@media (min-width: 768px) and (max-width: 1000px) {
            .collapse {
                display: none !important;
            }
        }*/

.navbar-brand {
    display: none;
}

.nav-stacked > li.active > a, .nav-stacked > li.active > a:focus, .nav-stacked > li.active > a:hover {
    border-bottom-color: #ddd;
}

.nav-stacked {
    border-bottom: none;
}

@media screen and (max-width: 840px) {
    #header {
        display: none;
    }

    .navbar {
        top: 0;
    }

    #content {
        margin-top: 50px;
    }

    .navbar-brand {
        display: block;
        color: #E1EFF9 !important;
    }
}

@media (max-width: 840px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }
}

.collapse.in {
    display: block !important;
}

@media only screen and (max-width: 760px) {
    table {
        width: 100%;
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .sites-table .primary td,.sites-table .alternate td {
        float: left;
        width: 100%;
    }

        .sites-table .primary td:before,.sites-table .alternate td:before {
            /*position: absolute;*/
            /*top: 6px;
                    left: 6px;
                    width: 45%;*/
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold;
        }

        .sites-table .primary td:nth-of-type(1):before,.sites-table .alternate td:nth-of-type(1):before {
            content: "Store Number";
        }

        .sites-table .primary td:nth-of-type(2):before,.sites-table .alternate td:nth-of-type(2):before {
            content: "Brand";
        }

        .sites-table .primary td:nth-of-type(3):before,.sites-table .alternate td:nth-of-type(3):before {
            content: "Name";
        }

        .sites-table .primary td:nth-of-type(4):before,.sites-table .alternate td:nth-of-type(4):before {
            content: "Address";
        }

        .sites-table .primary td:nth-of-type(5):before,.sites-table .alternate td:nth-of-type(5):before {
            content: "State";
        }

        .sites-table .primary td:nth-of-type(6):before,.sites-table .alternate td:nth-of-type(6):before {
            content: "Phone";
        }

        .sites-table .primary td:nth-of-type(7):before,.sites-table .alternate td:nth-of-type(7):before {
            content: "Zone";
        }
}

/* Start Pagination */
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td {
        display: inline;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #dd4814;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #aea79f;
            background-color: #f5f5f5;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus {
            color: #97310e;
            background-color: #eeeeee;
            border-color: #dddddd;
        }
/* End Pagination */