/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*gagewestern css starts*/
/* Always show control bar */
* Always show control bar */
.video-js .vjs-control-bar {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure play button is always visible */
.video-js .vjs-big-play-button {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure progress bar is always visible */
.video-js .vjs-progress-control {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.video-container {
    width: 100%;
    max-width: 100%;
    padding-bottom: 56.25%; /* 9 divided by 16 = 0.5625 */
    position: relative;
}

.video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.k-grid {
    min-width: 300px!important;
}
.k-tooltip {
    background-color: #f2f2f2 !important;
    color: black !important;
    font-family: "Lato", sans-serif !important;
    font-size: 14px !important;
}

.k-grid-header .k-header {
    height: 30px;
    padding: 0;
}

.k-grid tbody tr {
    line-height: 30px;
}

.k-grid tbody td {
    padding: 0;
}
/*.k-grid-header .k-header {
    height: 30px;
    padding: 0;
    text-align: left;
    font-size: 13px;
    font-family: "arial", sans-serif !important;
    
}
.k-grid tbody td {
    padding: 2px;
    font-size: 13px;
    font-family: "arial", sans-serif !important;
}
*/

/*.k-grid tbody tr {
    line-height: 21px;
}

.k-grid tbody td {
    padding: 0;
    line-height: 21px;
}*/
.k-grid tbody td {
    padding: 0;
}


@media screen and (min-width:1280px) {
    .smallscreen {
        display: none !important;
    }

    .leftpane {
        float: left;
        width: 360px;
        text-align: left;
        word-wrap: break-word;
        margin-left: 5px;
        margin-right: 1px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
    }

    .rightpane {
        float: right;
        width: 360px;
        text-align: left;
        word-wrap: break-word;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
    }

    .midpane {
        width: 810px;
        margin-left: 385px !important;
        margin-right: 370px !important;
    }

}
@media screen and (max-width:1279px) {

    .regularscreen {
        display: none !important;
    }
    .midpane {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 99%;
    }

    .leftpane {
        float: left;
        width: 99%;
        text-align: left;
        word-wrap: break-word;
        margin-left: 5px;
        margin-right: 1px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
    }

    .rightpane {
        float: right;
        width: 99%;
        text-align: left;
        word-wrap: break-word;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
    }

    .imgclass {
        width: 100px;
        height: 100px;
    }

    .h1class {
        font-size: 25px !important;
    }
    
}

/*@media screen and (max-width:1600px)
{
    .midpane {
        min-width: 650px;
        margin-left: 410px;
        margin-right: 410px;
    }
    .rightpane {
        float: right;
        width: 350px;
        text-align: left;
        word-wrap: break-word;
        margin-left: 5px;
        margin-right: 5px;
        overflow-x: auto;
    }
}
*/
.collapsible {
    background-color: transparent;
    color: blue;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .active, .collapsible:hover {
        background-color: #ccc;
    }

/* Style the collapsible content. Note: hidden by default */
.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: transparent;
    color: cornflowerblue;
}


.linkbutton {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: blue !important; /*#069;*/
    text-decoration: underline !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
}

    
.linkbutton:focus {
        outline: none;
        box-shadow: none;
    }

html, body, h1, h2, h3, h4, h5, h6, form, fieldset, table, tr, td, img, li, a {
    font-family: "Lato", sans-serif !important;
    font-size: 14px;
    z-index:999;
}




h1 {
    color: red
}

h2 {
    color: royalblue
}

h3 {
    color: gray
}

h4 {
    color: red
}

h5 {
    color: royalblue
}

h6 {
    color: gray
}

.mySlides {
    display: none
}

/*gagewestern css ends*/


a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
    Vertically center the text there padding-left:16px;
    padding-right: 16px;
}