/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}
/**/
.GridView {
    width: 100%;
    /*color: white;*/
    font-size: small;
    box-sizing: border-box;
    background-color: #EDEFF4;
    border-top-color: #EDEFF4;
    border-bottom-color: #EDEFF4;
    text-decoration-color: black;
    border-color:silver;
}

    .GridView th {
        text-align: left;
        padding: 5px;
        color:white;
        background-color:#337ab7;
        border:1px solid silver;
        

    }

    .GridView td {
        /*border: 1px solid silver;*/
    }


/*
    Gridview page style
    */
.GridViewPagerStyle a {
    text-decoration: none;
}

    .GridViewPagerStyle a:hover {
        text-decoration: underline;
    }

    .GridViewPagerStyle a:link {
        padding: 2px 6px;
        background-color: #EBECEE;
        border: 1px solid #B5BAC0;
    }

.GridViewPagerStyle span {
    background-color: #263441;
    border: 1px solid #DBEAFF;
    color: #FFFFFF;
    padding: 2px 5px;
}


tr.GridViewRowStyle td {
    border-bottom: 1px solid silver;
    padding: 5px;
}

tr.GridViewAlternatingRowStyle td {
    border-bottom: 1px solid silver;
    padding: 5px;
}


.GridViewRowStyle {
    color: Black;
    text-align: left;
    background-color: #EDEFF4;
    
}

.GridViewAlternatingRowStyle {
    Color: Black;
    text-align: left;
}


.GridViewFooterStyle {
    background-color: #C6C3C6;
    Color: Black;
}

.GridViewPageStyle {
    background-color: red;
    Color: Black;
    text-align: Right;
    font-size: 11px;
    width: 100%;
    border: 1px solid black;
}

.GridViewSelectedRow {
    background-color: #9471DE;
    Color: White;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid silver;
}

.GridViewHeaderStyle {
    width: 100%;
    color: white;
    font-weight: bold;
    background-color: silver;
    outline-color:transparent;
}

    .GridViewHeaderStyle th {
        text-align: left;
        padding: 5px;
        color:black;
        background-color:#337ab7;
        outline-color:transparent;
    }


.slick-header-menu {
    border: 1px solid #718BB7;
    background: #f0f0f0;
    padding: 2px;
    -moz-box-shadow: 2px 2px 2px silver;
    -webkit-box-shadow: 2px 2px 2px silver;
    min-width: 100px;
    z-index: 20;
}

.slick-header-menuitem {
    padding: 2px 4px;
    border: 1px solid transparent;
    border-radius: 3px;
}

    .slick-header-menuitem:hover {
        border-color: silver;
        background: white;
    }

.slick-header-menuitem-disabled {
    border-color: transparent !important;
    background: inherit !important;
}

.icon-help {
    background-image: url(../images/help.png);
    float:right;

}

.slick-headerrow-column {
    background: silver;
    text-overflow: clip;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .slick-headerrow-column input {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.FirmOrders {
    background-color: red;
    font-size: x-large;
}

.slick-cell.active {
    background-color: #337AB7;
}

.slick-cell.copied {
    background: blue;
    background: rgba(0, 0, 255, 0.2);
    -webkit-transition: 0.5s background;
}

.totals {
    font-weight: bold;
    color: gray;
    font-style: italic;
}

.hidden {
    display: none
}

.cell-title {
    font-weight: bold;
}

#contextMenu {
    background: #222222;
    border: 1px solid gray;
    padding: 2px;
    display: inline-block;
    min-width: 100px;
    -moz-box-shadow: 2px 2px 2px silver;
    -webkit-box-shadow: 2px 2px 2px silver;
    z-index: 99999;
    color: white;
}

    #contextMenu li {
        padding: 4px 4px 4px 14px;
        list-style: none;
        cursor: pointer;
        background: url("../images/arrow_right_peppermint.png") no-repeat center left;
    }

        #contextMenu li:hover {
            background-color: gray;
        }

.slick-cell-default {
    background-color: grey;
}

.slick-cell-boughtpub {
    background-color: pink;
}

.slick-cell-boughtmss {
    background-color: yellowgreen;
}

.slick-cell-buy {
    background-color: lightgray;
}

.slick-cell-closed {
    background-color: dodgerblue;
}

.slick-cell-refusedpub {
    background-color: darkred;
}

.slick-cell-pending {
    background-color: orange;
}

.slick-cell-dontchange {
    background-color: green;
}

.slick-cell-awaiting {
    background-color: mediumpurple;
}

.slick-cell-refusedByOutlet {
    background-color: gold;
}

.slick-cell-notlisted {
    background-color: black;
}

body {
    font-family: "Lato", sans-serif;
    transition: background-color .5s;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #222222;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:hover, .offcanvas a:focus {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

.vertical-menu {
    width: 250px; /* Set a width if you like */
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #eee;
    overflow-x: hidden;
    padding-top: 50px;
}

    .vertical-menu a {
        background-color: #eee; /* Grey background color */
        color: black; /* Black text color */
        display: block; /* Make the links appear below each other */
        padding: 12px; /* Add some padding */
        text-decoration: none; /* Remove underline from links */
    }

        .vertical-menu a:hover {
            background-color: #ccc; /* Dark grey background on mouse-over */
        }

        .vertical-menu a.active {
            background-color: #4CAF50; /* Add a green color to the "active/current" link */
            color: white;
        }

/*#main {
    transition: margin-left .5s;
    padding: 16px;
}*/

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}