/* ------------------------------------------ */
/*           BASIC PORTAL DESIGN              */
/* ------------------------------------------ */


.sanction-list-file-view-row {
    padding: 5px;
}
.sanction-list-file-remove {
    float: right;
}


/* MAIN SITE CONTAINER */
body
{
    min-width: 1000px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #222;
}
#site
{
    min-width: 1000px;
    width: 100%;
    margin: 0px;
}

/* HEADER area */
#site-header
{
    position: fixed;
    width: 100%;
    min-width: 1000px;
    vertical-align: middle;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    z-index: 60;
    /*background: #09afc1;*/
    background: #159ba7;
}
#site-logo
{
    float: left;
    padding: 10px 20px;
    /*background: #09afc1;*/
    background: #159ba7;
}
#site-logo img
{
    height: auto;
    max-height: 40px;
    border-width: 0px;
    vertical-align: bottom;
}
#site-title
{
    float: left;
    /*background: #09afc1;*/
    background: #159ba7;
}
#site-title h1
{
    color: #FFFFFF;
    font-weight: normal;
    font-size: 20px;
    font-weight: 600;
    padding: 0 15px 0 0;
    margin: 0px;
    line-height: 60px;
}

/* TOPMENU structure */
#site-topmenu
{
    position: relative;
    border-right: none;
}
#site-topmenu ul
{
    position: static;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 100;
}
#site-topmenu li
{
    float: left;
    line-height: normal;
    padding: 0;
    margin: 0;
}
#site-topmenu a
{
    background: transparent;
    margin: 0;
    padding: 0px 15px;
    height: 60px;
    line-height: 60px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 300;
    font-size: 20px;
    display: block;
}
#site-topmenu ul ul
{
    position: absolute;
    width: 232px;    /* 192 */
    left: -999em;
    margin-left: -1px;
    border-top: 1px solid #aaa;
}
#site-topmenu ul ul a
{
    width: 200px;    /* 160 */
    padding: 5px 15px;
    margin: 0;
    height: auto;
    line-height: normal;
    background: #EFEFEF;
    color: #3F3F3F;
    font-size: 14px;
    font-weight: 400;
    border-style: solid;
    border-color: #ccc;
    border-width: 0 1px 1px 1px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-clients ul {
    max-height: 300px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.menu-screens ul {
    max-height: 300px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}
.expand-menu ul {
    overflow: visible !important;
}

#site-topmenu ul li a img {
    vertical-align: unset;
}

#site-topmenu ul ul ul
{
    margin: -1px 0 0 231px;   /* 191 */
    border-top: 1px solid #ccc;
}
#site-topmenu li:hover > a, #site-topmenu li:hover > * > a
{
    background-color: #CFCFCF;
    color: #3F3F3F;
    text-decoration: none;
    background-image: none;
}
#site-topmenu li > a, #site-topmenu li > * > a {
    box-sizing: unset;
}
#site-topmenu li li:hover > a, #site-topmenu li li:hover > * > a
{
    background: #CFCFCF;
    color: #3F3F3F;
}
#site-topmenu li:hover > ul
{
    left: auto;
}

/* CONTENT container */
#site-container
{
    position: static;
    padding: 80px 20px 25px;
    vertical-align: top;
    background-color: #FFFFFF;
}
#site-content
{
    padding: 20px;
}

/* FOOTER area */
#site-footer
{
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    color: #888;
    text-align: center;
}


/* NAV ICONS */

#site-topmenu > span > ul > li > a {
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 45px;
}

#site-topmenu > span > ul > li.menu-creditcard {
    float: right;
    padding: 0;
}

#site-topmenu > span > ul > li.menu-creditcard > a {
    padding: 0 7px;
}

#site-topmenu > span > ul > li.menu-creditcard > a:hover {
    background: none;
}

#site-topmenu .menu-register > a {
  background-image: url('../icons/?f=register&c=primary');
}

#site-topmenu > span > ul > li.menu-creditcard > a > img {
    padding-top: 20px;
    height: 20px;
}

#site-topmenu > span > ul > li.lang {
    float: right;
    width: 44px;
    padding-left: 0px;
}

#site-topmenu > span > ul > li.lang > a {
    padding: 0 7px;
}
#site-topmenu > span > ul > li.lang:hover, #site-topmenu > span > ul > li.lang > a:hover {
    background: none;
}
#site-topmenu > span > ul > li.lang > a > img {
    width: 30px;
    height: 20px;
    margin-top: 20px;
}

#site-topmenu .menu-no-text > a {
    padding-left: 35px;
}

#site-topmenu .menu-right {
    float: right;
}
#site-topmenu .menu-right ul {
    left:auto;
    right:-999em;
}
#site-topmenu .menu-right:hover ul {
    right:0;
}

#site-topmenu .menu-employee > a {
    background-image:url('../icons/?f=employee&c=primary');
    padding-left: 65px;
    background-size: 40px auto;
}
#site-topmenu .menu-employee:hover > a {
    background-image:url('../icons/?f=employee&c=3f3f3f');
}
#site-topmenu .menu-fire-alert > a {
    background-image: url('../icons/?f=fire-alert&c=primary');
}

#site-topmenu .menu-fire-alert-new > a {
    background-image: url('../icons/fire-alert-new.png');
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center;
}
#site-topmenu .menu-fire-alert-new:hover > a {
    background-image: url('../icons/fire-alert-new-hover.png');
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center;
}

#site-topmenu .menu-open-button > a {
    background-image: url('../icons/?f=arrows&c=background');
    height: 34px;
    margin-top: 12px;
    line-height: 34px;
    border-radius: 6px;
    margin-right: 15px;
    border: 1px solid;
    font-size: 18px;
}
#site-topmenu .menu-open-button:hover > a {
    background-image: url('../icons/?f=arrows&c=primary');
}

#site-topmenu .restart-led-button > a {
    background-image: url('../icons/?f=screen&c=background');
    height: 34px;
    margin-top: 12px;
    line-height: 34px;
    border-radius: 6px;
    margin-right: 15px;
    border: 1px solid;
    font-size: 18px;
}
#site-topmenu .restart-led-button > a {
    background-image: url('../icons/?f=screen&c=primary');
    padding-right: 5px !important;
}

#site-topmenu .menu-partner > a {
    background-image:url('../icons/?f=download&c=primary');
}
#site-topmenu .menu-clients > a {
    background-image:url('../icons/?f=home&c=primary');
}
#site-topmenu .menu-screens > a {
    background-image:url('../icons/?f=screen&c=primary');
}
#site-topmenu .menu-resources > a {
    background-image:url('../icons/?f=calendar&c=primary');
}
#site-topmenu .menu-settings > a {
    background-image:url('../icons/?f=setting&c=primary');
}
#site-topmenu .menu-help > a {
    background-image:url('../icons/?f=help&c=primary');
}
#site-topmenu .menu-shop > a {
    background-image:url('../icons/?f=cart&c=primary');
}
#site-topmenu .menu-user > a {
    background-image:url('../icons/?f=user&c=primary');
}
#site-topmenu .menu-login > a {
    background-image:url('../icons/?f=login&c=primary');
}
#site-topmenu .menu-room-planner > a {
    background-image:url('../icons/?f=room-planner&c=primary');
}
#site-topmenu .menu-access-control > a {
    background-image:url('../icons/?f=access-control&c=primary');
}
#site-topmenu .menu-access > a {
    background-image:url('../icons/?f=access-control&c=primary');
}
#site-topmenu .menu-clients:hover > a {
    background-image:url('../icons/?f=home&c=3f3f3f');
}
#site-topmenu .menu-resources:hover > a {
    background-image:url('../icons/?f=calendar&c=3f3f3f');
}
#site-topmenu .menu-settings:hover > a {
    background-image:url('../icons/?f=setting&c=3f3f3f');
}
#site-topmenu .menu-help:hover > a {
    background-image:url('../icons/?f=help&c=3f3f3f');
}
#site-topmenu .menu-shop:hover > a {
    background-image:url('../icons/?f=cart&c=3f3f3f');
}
#site-topmenu .menu-user:hover > a {
    background-image:url('../icons/?f=user&c=3f3f3f');
}
#site-topmenu .menu-login:hover > a {
    background-image:url('../icons/?f=login&c=3f3f3f');
}
#site-topmenu .menu-access-control:hover > a {
    background-image:url('../icons/?f=access-control&c=3f3f3f');
}
#site-topmenu .menu-access:hover > a {
    background-image:url('../icons/?f=access-control&c=3f3f3f');
}

/*#site-topmenu .menu-clients > a {
    background-image:url('../icons/icon/home.png');
}
#site-topmenu .menu-resources > a {
    background-image:url('../icons/icon/calendar.png');
}
#site-topmenu .menu-settings > a {
    background-image:url('../icons/icon/settings.png');
}
#site-topmenu .menu-help > a {
    background-image:url('../icons/icon/help.png');
}
#site-topmenu .menu-shop > a {
    background-image:url('../icons/icon/shop.png');
}
#site-topmenu .menu-user > a {
    background-image:url('../icons/icon/user.png');
}
#site-topmenu .menu-login > a {
    background-image:url('../icons/icon/login.png');
}

#site-topmenu .menu-clients:hover > a {
    background-image:url('../icons/icon/home-active.png');
}
#site-topmenu .menu-resources:hover > a {
    background-image:url('../icons/icon/calendar-active.png');
}
#site-topmenu .menu-settings:hover > a {
    background-image:url('../icons/icon/settings-active.png');
}
#site-topmenu .menu-help:hover > a {
    background-image:url('../icons/icon/help-active.png');
}
#site-topmenu .menu-shop:hover > a {
    background-image:url('../icons/icon/shop-active.png');
}
#site-topmenu .menu-user:hover > a {
    background-image:url('../icons/icon/user-active.png');
}
#site-topmenu .menu-login:hover > a {
    background-image:url('../icons/icon/login-active.png');
}*/

/* END NAV ICONS */


/* BOOTSTRAP COLS */
/*
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs,
.col-xs-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


@media (max-width: 576px) {
    .col-xs-hidden{
        display: none;
    }

    .col-xs {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xs-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-xs-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xs-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xs-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xs-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xs-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xs-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xs-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xs-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xs-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xs-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    .col-sm-hidden{
        display: none;
    }

    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md-hidden{
        display: none;
    }
    .col-md-hide{
        display: none;
    }

    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg-visible{
        display: flex;
    }
    .col-lg-hidden{
        display: none;
    }
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {
    clear: both;
}

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
    display: table;
    content: " ";
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}*/