﻿html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body{
    padding-top: 70px;
    min-width: 320px;
}
.container:after,
.container-fluid:after,
.row-lg::after,
.row-md::after,
.row-sm::after {
    content: " ";
    display: table;
    clear: both;
}
.row-lg,
.row-md,
.row-sm {
      margin-left: -15px;
      margin-right: -15px;
}

.container {
    width: 92%;
    max-width: 1600px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid {
    width: calc(100% - 6rem);
    max-width: calc(100% - 6rem);
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.hide-when-mobile {
    display:block;
}


.navbar {
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index: 1999;
}
.navbar .navbar-brand {
    display:inline-block;
}
.navbar .navbar-collapsible,
.navbar .navbar-fixed {
    display:block;
    float:right;
}
.navbar li {
    display:block;
    float:left;
}
.navbar li a {
    display:block;
}

.navbar .navbar-collapsible.collapsed {
    display:none;
    float:none;
}
.navbar .navbar-collapsible.collapsed li {
    float:none;
}
.navbar-opened-overlay {
    background-color: transparent;
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.navbar-opened {
    position:relative;
}
.navbar [data-navbar-action="toggle"] {
    display:none;
}
.navbar [data-navbar-action="toggle"] a {
    cursor:pointer;
}

/* Navbar nested menus */

.navbar [data-navbar-part='menu-container'] {
    display:none;
}

.navbar-dropdown-menu {
    position:absolute;
    background-color: white;
    border: solid 1px silver;
}

/* Columns */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-12 {
    width: 100%;
}
.col-11 {
    width: 91.66666667%;
}
.col-10 {
    width: 83.33333333%;
}
.col-9 {
    width: 75%;
}
.col-8 {
    width: 66.66666667%;
}
.col-7 {
    width: 58.33333333%;
}
.col-6 {
    width: 50%;
}
.col-5 {
    width: 41.66666667%;
}
.col-4 {
    width: 33.33333333%;
}
.col-3 {
    width: 25%;
}
.col-2 {
    width: 16.66666667%;
}
.col-1 {
    width: 8.33333333%;
}



@media (max-width: 960px) {
    .row-lg > .col-1,
    .row-lg > .col-2,
    .row-lg > .col-3,
    .row-lg > .col-4,
    .row-lg > .col-5, 
    .row-lg > .col-6,
    .row-lg > .col-7,
    .row-lg > .col-8,
    .row-lg > .col-9, 
    .row-lg > .col-10, 
    .row-lg > .col-11, 
    .row-lg > .col-12 {
        float: left;
        width: 100%;
        margin-bottom: 8px;
    }
}



@media (max-width: 640px) {
    .container {
        width:100%;
    }
    .navbar .container {
        padding-right: 0;
    }
    .hide-when-mobile {
        display:none;
    }
    .row-md > .col-1,
    .row-md > .col-2,
    .row-md > .col-3,
    .row-md > .col-4,
    .row-md > .col-5, 
    .row-md > .col-6,
    .row-md > .col-7,
    .row-md > .col-8,
    .row-md > .col-9, 
    .row-md > .col-10, 
    .row-md > .col-11, 
    .row-md > .col-12 {
        float: left;
        width: 100%;
        margin-bottom: 8px;
    }
}