﻿/* SUPER RESET  ------------------------------------------------------------------*/

* {
    border-radius: 0 !important;
}

/* BOOTSTRAP DATEPICKER CONFLICT  -------------------------------------------------*/
.ui-widget,
.ui-widget-content {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing:content-box!important;
    box-sizing: content-box!important;
}



[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
    display: none !important;
}

/* HELPER CLASSES  ---------------------------------------------------------------*/

.cursor-help {
    cursor: help;
}

/* VALIDATION --------------------------------------------------------------------*/

.field-validation-error {
    color: #a94442;
}

.form-control.input-validation-error {
    border: 1px solid #a94442;
}


    .form-control.input-validation-error:focus {
        border: 1px solid #a94442;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(169, 68, 66, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(169, 68, 66, .6);
    }

.form-control.valid {
    border: 1px solid #3c763d;
}

    .form-control.valid:focus {
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(60, 118, 61, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(60, 118, 61, .6);
    }

/* MODAL DIALOG  -----------------------------------------------------------------*/

.modal-body-content {
    display: none;
}

/* BOOTSTRAP BTN MULTILINE -------------------------------------------------------*/

.btn.btn-multiline {
    margin-bottom: 4px;
    word-wrap: break-word;
    white-space: normal !important;
    max-width: 100%;
}

/* PINES STEPS -------------------------------------------------------------------*/

.step-navigator {
    text-align: center;
    word-spacing: 0;
    font-size: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .step-navigator .step {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857;
        margin-bottom: 0;
        padding: 6px 12px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        text-decoration: none;
        cursor: pointer;
        opacity: .9;
        outline: 0;
    }

    .step-navigator .step-wrapper.active .step,
    .step-navigator .step-wrapper.active .step {
        background-color: #245580;
        border-color: #2e6da4;
    }

    .step-navigator .step-wrapper.disabled .step,
    .step-navigator .step-wrapper.disabled .step {
        background-color: lightgray;
        border-color: gray;
        cursor: not-allowed;
    }

    .step-navigator .step-wrapper.active .step:hover {
        opacity: 1;
    }

    .step-navigator .step.step-circle {
        border-radius: 50% !important;
    }

    .step-navigator .step-line {
        width: 8.33333%;
        /*border-top: 1px solid lightGray;
            border-bottom: 1px solid gray;*/
        /*background-color: gray;
            height: 1px;*/
    }

    .step-navigator .step-wrapper.disabled .step-line:before,
    .step-navigator .step-wrapper.disabled .step-line:after {
        background-color: gray;
    }

    .step-navigator .step-line:before,
    .step-navigator .step-line:after {
        background-color: #4cae4c;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
    }

        .step-navigator .step,
        .step-navigator .step-line {
            margin: 0;
            display: inline-block;
        }

/* CALLOUT -----------------------------------------------------------------------*/

.callout {
    padding: 20px;
    margin: 20px 0;
    border-left: solid 3px #666;
    background-color: #eee;
    width: 100%;
}

.callout-danger {
    border-color: #d9534f;
    background-color: #fdf7f7;
}

.callout-danger, .callout-danger * {
    color: #A94442;
}

.callout-info {
    border-color: #5BC0DE;
    background-color: #F4F8FA;
}

.callout-info, .callout-info * {
    color: #5191D1;
}

.callout-warning {
    border-color: #F0AD4E;
    background-color: #FCF8F2;
}

.callout-warning, .callout-warning * {
    color: #cb8d34;
}

.callout-success {
    border-color: #3c763d;
    background-color: #f4faf5;
}

.callout-success, .callout-success * {
    color: #3c763d;
}

/* BOOTSTRAP DASHBOARD -----------------------------------------------------------*/

.page-header{
    margin-bottom:15px;
}

/* BOOTSTRAP NAV INVERSE ---------------------------------------------------------*/

.sidebar .nav-sidebar > li > a{
    padding: 15px;
}
.sidebar-inverse {
  background-color: #111;
  border-color: #080808;
}
.sidebar-inverse .navbar-brand {
  color: #9d9d9d;
}
.sidebar-inverse .navbar-brand:hover,
.sidebar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.sidebar-inverse .navbar-text {
  color: #9d9d9d;
}
.sidebar-inverse .nav-sidebar > li > a {
  color: #9d9d9d;
}
.sidebar-inverse .nav-sidebar > li > a:hover,
.sidebar-inverse .nav-sidebar > li > a:focus {
  color: #fff;
  background-color: #080808;
}
.sidebar-inverse .nav-sidebar > .active > a,
.sidebar-inverse .nav-sidebar > .active > a:hover,
.sidebar-inverse .nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.sidebar-inverse .nav-sidebar > .disabled > a,
.sidebar-inverse .nav-sidebar > .disabled > a:hover,
.sidebar-inverse .nav-sidebar > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.sidebar-inverse .navbar-toggle {
  border-color: #333;
}
.sidebar-inverse .navbar-toggle:hover,
.sidebar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.sidebar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.sidebar-inverse .navbar-collapse,
.sidebar-inverse .navbar-form {
  border-color: #101010;
}
.sidebar-inverse .nav-sidebar > .open > a,
.sidebar-inverse .nav-sidebar > .open > a:hover,
.sidebar-inverse .nav-sidebar > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .sidebar-inverse .nav-sidebar .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .sidebar-inverse .nav-sidebar .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .sidebar-inverse .nav-sidebar .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .sidebar-inverse .nav-sidebar .open .dropdown-menu > li > a:hover,
  .sidebar-inverse .nav-sidebar .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .sidebar-inverse .nav-sidebar .open .dropdown-menu > .active > a,
  .sidebar-inverse .nav-sidebar .open .dropdown-menu > .active > a:hover,
  .sidebar-inverse .nav-sidebar .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .sidebar-inverse .nav-sidebar .open .dropdown-menu > .disabled > a,
  .sidebar-inverse .nav-sidebar .open .dropdown-menu > .disabled > a:hover,
  .sidebar-inverse .nav-sidebar .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.sidebar-inverse .navbar-link {
  color: #9d9d9d;
}
.sidebar-inverse .navbar-link:hover {
  color: #fff;
}
.sidebar-inverse .btn-link {
  color: #9d9d9d;
}
.sidebar-inverse .btn-link:hover,
.sidebar-inverse .btn-link:focus {
  color: #fff;
}
.sidebar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .sidebar-inverse .btn-link:hover,
.sidebar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .sidebar-inverse .btn-link:focus {
  color: #444;
}

.side-menu .nav-sidebar li a > .glyphicon {
    font-size: 18px;
    margin-right: 10px;
}
.side-menu .nav-sidebar li a > .nav-item-label{
    position: relative;
    bottom: 2px;
}

/* BOOTSTRAP EXTRA GRID TIER XL --------------------------------------------------*/
.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 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1600px) {
  .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 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
}

/* BOOTSTRAP ICON PICKER */

.btn-arrow.disabled{
    visibility: hidden;
}

.fa-congress {
    mask-image: url(/Content/icons/congress.svg);
    mask-size: contain;
    mask-position: 50% 50%;
    mask-repeat: no-repeat;
    background: currentColor;
    width: 1em;
    height: 1em;
}