/* Custom Styling
-------------------------------------------------- */
.input-daterange input:first-child, .input-daterange input:last-child {
    border-radius: 0;
}

hr.small {
    margin: 9px 0;
}

hr.tiny {
    margin: 4px 0;
}

/*#footer {*/
/*padding:0 30px 0 0;*/
/*}*/

@media (max-width: 768px) {
    .container {
        width: 100%
    }
}

.tags {
    font-size: 0.8em;;
}

.form-control:focus {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 transparent;
}

@media print {
    .progress {
        background-color: #f5f5f5 !important;
        -ms-filter:       "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F5F5', endColorstr='#F5F5F5')" !important;
    }

    .progress-bar-info {
        display:          block !important;
        background-color: #5bc0de !important;
        -ms-filter:       "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5BC0DE', endColorstr='#5BC0DE')" !important;
    }

    .progress-bar-error {
        display:          block !important;
        background-color: #a84442 !important;
        -ms-filter:       "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a84442', endColorstr='#a84442')" !important;
    }

    .progress-bar-success {
        display:          block !important;
        background-color: #3c763d !important;
        -ms-filter:       "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3c763d', endColorstr='#3c763d')" !important;
    }

    .progress-bar-warning {
        display:          block !important;
        background-color: #896d3b !important;
        -ms-filter:       "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#896d3b', endColorstr='#896d3b')" !important;
    }

    .progress, .progress > .progress-bar {
        display:                    block !important;
        -webkit-print-color-adjust: exact !important;

        box-shadow:                 inset 0 0 !important;
        -webkit-box-shadow:         inset 0 0 !important;
    }
}

/*.container {*/
/*width: 1170px;*/
/*}*/

/*@media (max-width: 767px) {*/
/*.container {*/
/*width: 1170px;*/
/*}*/
/*}*/

/*@media (min-width: 768px) and (max-width: 991px) {*/
/*.container {*/
/*width: 1170px;*/
/*}*/
/*}*/

/*@media (min-width: 992px) and (max-width: 1199px) {*/
/*.container {*/
/*width: 1170px;*/
/*}*/
/*}*/

/*@media (min-width: 1200px) {*/
/*.container {*/
/*width: 1170px;*/
/*}*/
/*}*/

*:focus {
    outline: none;
}

*::-moz-focus-inner {
    border: 0;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position:   relative;
    min-height: 100%;
}

h1, .h1 {
    margin-top: 2px;
}

body {
    /* Margin bottom by footer height */
    margin:         0 auto 60px auto;
    padding-bottom: 20px;
    padding-top:    20px;
}

#footer {
    position: absolute;
    bottom:   0;
    /* Set the fixed height of the footer here */
    height:   61px;
}

.navbar {
    /*background: white;*/
    /*border: 1px solid #e7e7e7;*/
}

.container .text-muted {
    margin: 20px 0;
}

.hljs {
    background-color: transparent;
    padding:          0;
}

.affix-top,
.affix {
    position: static;
}

#sidebar.affix {
    position: fixed;
    top:      70px;
    width:    228px;
}

code {
    border:  1px solid #bebebe;
    padding: 1px 2px;
}

pre code {
    border: none;
}

pre {
    -webkit-border-radius:   0;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      0;
    -moz-background-clip:    padding;
    border-radius:           0;
    background-clip:         padding-box;
}

header.page-header {
    margin-top:          0;
    position:            relative;
    border-bottom-color: #e1e1e1;
}

.page-header .container:before {
    background: none repeat scroll 0 0 #0e3892;
    bottom:     0;
    content:    "";
    display:    block;
    height:     1px;
    /*left: 5%;*/
    margin:     0 0 -1px 15px;
    position:   absolute;
    width:      100px;
}

.page-header .title {
    font-weight: normal;
    margin:      -4px 0 18px;
    padding:     0;
    position:    relative;
}

.panel {
    -webkit-border-radius:   0;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      0;
    -moz-background-clip:    padding;
    border-radius:           0;
    background-clip:         padding-box;
}

.panel-default > .panel-heading {
    background-image: none;
    background-color: #ebebeb;
}

.panel-title {
    font-weight: bold;
    color:       #8e8e8e;
}

.highlight {
    background-color:        #248aaf;
    color:                   #fff;
    padding:                 2px 5px;
    -webkit-border-radius:   4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      4px;
    -moz-background-clip:    padding;
    border-radius:           4px;
    background-clip:         padding-box;
}

.alert {
    -webkit-border-radius:   0;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      0;
    -moz-background-clip:    padding;
    border-radius:           0;
    background-clip:         padding-box;
}

.breadcrumb > li + li::before {
    color:   #ccc;
    content: "> ";
    padding: 0 5px;
}

.form-group * {
    -webkit-border-radius:   0;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      0;
    -moz-background-clip:    padding;
    border-radius:           0;
    background-clip:         padding-box;
}

.form-group .highlight {
    -webkit-border-radius:   4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      4px;
    -moz-background-clip:    padding;
    border-radius:           4px;
    background-clip:         padding-box;
}

.form-group .form-control:focus {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:    0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:         0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
}

.form-group .input-group > .input-group-addon.focus {
    border-color:     #66afe9;
    color:            white;
    background-color: #66afe9;
}

.form-group.has-error .form-control:focus {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:    0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:         0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
}

.form-group.has-error .input-group > .input-group-addon.focus {
    border-color:     #a84442;
    color:            white;
    background-color: #a84442;
}

.form-group.has-warning .form-control:focus {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:    0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:         0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
}

.form-group.has-warning .input-group > .input-group-addon.focus {
    border-color:     #896d3b;
    color:            white;
    background-color: #896d3b;
}

.form-group.has-success .form-control:focus {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:    0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:         0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
}

.form-group.has-success .input-group > .input-group-addon.focus {
    border-color:     #3c763d;
    color:            white;
    background-color: #3c763d;
}

.btn {
    -webkit-border-radius:   0;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      0;
    -moz-background-clip:    padding;
    border-radius:           0;
    background-clip:         padding-box;
}

.btn-primary {
    border-color: #384496;
    background:   #384496 !important;
    color:        white;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #384496 !important;
    color:            white;
}

@media (min-width: 768px) {
    .navbar-form .input-group-btn,
    .navbar-form .input-group-addon {
        width:              auto;
        -webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
        -moz-transition:    border-color 0.15s ease-in-out 0s, -moz-box-shadow 0.15s ease-in-out 0s;
        -o-transition:      border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        transition:         border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    }
}

.navbar-text.double {
    margin: 8px;
}

.navbar-text.double .label {
    display: inline-block;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline:        0;
    outline:        0 auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

p[class*='bg-'] {
    padding: 15px;
}

p.bg-info {
    background-color: #fafafa;
    border-radius:    5px;
    border:           1px solid #66aee8;
    font-size:        12px;
}

.has-error p.bg-info {
    border: 1px solid #a84442;
}

#leftCol .panel {
    border-top-width: 1px;
}

#leftCol .panel-heading {
    background-color:        #f1f1f1;
    border-bottom-color:     #e9e9e9;
    -webkit-border-radius:   0;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      0;
    -moz-background-clip:    padding;
    border-radius:           0;
    background-clip:         padding-box;
}

.nav > li.nav-header {
    display:     block;
    padding:     3px 20px 3px 0;
    font-weight: bold;
    line-height: 1.42857143;
    color:       #999;
}

.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    border-left:      2px solid #428bca;
    background-color: #eaeaea;
}

.nav-sidebar > li > a {
    padding: 5px 7.5px;
}

.panel-warning {
    border-color: #dd7c61;
}

.panel-warning > .panel-heading {
    background: #dd7c61;
}

.panel-warning > .panel-heading > .panel-title {
    color:       #fff;
    font-weight: normal;
}

.panel-success {
    border-color: #92a867;
}

.panel-success > .panel-heading {
    background: #92a867;
}

.panel-success > .panel-heading > .panel-title {
    color:       #fff;
    font-weight: normal;
}

.panel-danger {
    border-color: #d58383;
}

.panel-danger > .panel-heading {
    background: #d58383;
}

.panel-danger > .panel-heading > .panel-title {
    color:       #fff;
    font-weight: normal;
}

.panel-info {
    border-color: #618ca0;
}

.panel-info > .panel-heading {
    background: #618ca0;
}

.panel-info > .panel-heading > .panel-title {
    color:       #fff;
    font-weight: normal;
}

.panel-primary {
    border-color: #618ca0;
}

.panel-primary > .panel-heading {
    background: #618ca0;
}

.panel-primary > .panel-heading > .panel-title {
    color:       #fff;
    font-weight: normal;
}

.panel-heading {
    -webkit-border-radius:   0;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      0;
    -moz-background-clip:    padding;
    border-radius:           0;
    background-clip:         padding-box;
}

.list-group {
    -webkit-border-radius:   0;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      0;
    -moz-background-clip:    padding;
    border-radius:           0;
    background-clip:         padding-box;
}

.list-group-item:first-child {
    -webkit-border-radius:   0;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      0;
    -moz-background-clip:    padding;
    border-radius:           0;
    background-clip:         padding-box;
}

.list-group-item:last-child {
    -webkit-border-radius:   0;
    -webkit-background-clip: padding-box;
    -moz-border-radius:      0;
    -moz-background-clip:    padding;
    border-radius:           0;
    background-clip:         padding-box;
}

.panel-body .list-group:last-child {
    padding: 0;
}

.highlight-danger {
    background-color: #d8534f;
}

.ui-datepicker-calendar {
    display: none;
}

.ui-datepicker-title select {
    color:       #7e7e7e;
    font-weight: normal;
}

#leftCol ul > li a i.fa {
    color: darkgray;
}

.ui-dialog {
    z-index: 1030;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    z-index: 99;
}

.ui-dialog-titlebar {
    font-weight: normal;
}

.ui-dialog .row {
    margin: 0;
}

.ui-dialog .ui-dialog-content.dialogContainer {
    padding: 0;
}

a:focus {
    outline: 0 none;
}

.ui-dialog .form-group {
    margin: 0;
}

.notifications.bottom-left {
    left:   10px;
    bottom: 10px;
}

.notifications .alert-success,
.ui-pnotify .alert-success {
    background:   #e4ffa2;
    border-color: #92a867;
}

.notifications .alert-danger,
.ui-pnotify .alert-danger {
    background:   #ff9b9b;
    border-color: #d48282;
}

.notifications .alert-warning,
.ui-pnotify .alert-warning {
    background:   #ffb396;
    border-color: #dc7c61;
}

.notifications .alert-info,
.ui-pnotify .alert-info {
    background:   #99d3ea;
    border-color: #618b9f;
}

.notifications .close,
.ui-pnotify .close {
    margin-left: 5px;
}

.ui-pnotify-icon {
    margin-top: 0.3em;
}

.label {
    padding: 0.3em 0.6em 0.2em;
}

.ms-ctn-focus {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:    0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:         0 0 0 rgba(255, 255, 255, 0) inset, 0 0 0 rgba(0, 0, 0, 0);
}

.ms-res-ctn .ms-res-item em {
    background-color: #ffcc97;
    color:            #101010;
}

.has-error h5 {
    color: #a84442;
}

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }

    .text-left-sm {
        text-align: left;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }

    .text-left-lg {
        text-align: left;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }
}

.capsLocked {
    color:       #ff3357;
    font-weight: bold;
}

div.panel-toolbar {
    padding:          15px;
    background-color: #f5f5f5;
}

.panel-body > div.panel-toolbar {
    margin:           -15px -15px 15px -15px;
    padding:          15px;
    background-color: #f5f5f5;
}

.panel-body > div.panel-toolbar > .btn-group:first-child {
    margin-left: 0;
}

/* See .navbar .brand style in bootstrap.css for a reference */
.btn-toolbar .title {
    display:     block;
    float:       left;
    margin-top:  -4px; /* Recover part of margin set in child Header nodes */
    margin-left: 5px;
    font-size:   20px;
    font-weight: 200;
    color:       #777;
    /*vertical-align: middle;*/
}

/* Google Analytics */
#gaPopUp, #gaMorePopUp {
    position:         relative;
    color:            white;
    background-color: #595959;
    display:          none;
    z-index:          99999;
    padding:          4px 6px;
}

#gaMorePopUp a {
    color: #a0cff8;
}

#gaMorePopUp {
    /*position: fixed;*/
    padding: 4px 6px;
    width:   100%;
}

#gaPopUp:first-child {
    /*float: left;*/
}

#gaPopUp .Head {
    font-weight: bold;
    font-size:   1.1em;
    display:     inline;
}

#gaPopUp .button, #gaMorePopUp .button, /*.btnMore,*/
.btnYes, .btnNo {
    color:           #e2e2e2;
    display:         inline-block;
    font-size:       13px;
    margin-left:     16px;
    padding:         0 8px;
    white-space:     nowrap;
    border:          1px solid rgba(0, 0, 0, 0.1);
    border-radius:   2px;
    cursor:          default !important;
    text-decoration: none;
    background:      linear-gradient(to top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.44)) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

a.btnYes, #gaMorePopUp .button.btnYes, a.btnMore, a.btnDecline {
    color:           #3cf204;
    text-decoration: underline !important;
    font-weight:     bold;
}

#gaPopUp .button:hover, #gaMorePopUp .button:hover, /*a.btnMore:hover,*/
a.btnYes:hover, a.btnNo:hover {
    color:      #fff;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.94)) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#gaPopUp .button, #gaMorePopUp .button {
    margin: 0;
}

.list-striped > li:nth-of-type(odd):not(.list-group-item-success):not(.list-group-item-info):not(.list-group-item-warning):not(.list-group-item-danger) {
    background-color: #f9f9f9;
}

.list-table-group > .list-group-item {
    position:        relative;
    display:         table;
    border-collapse: separate;
    width:           100%;
    padding:         0;
}

.list-group-item > .list-group-cell {
    white-space:    nowrap;
    width:          1%;
    height:         100%;
    vertical-align: middle;
    border-left:    1px solid #ccc;
    text-align:     center;
    line-height:    1;
    /*padding:        6px 12px;*/
    display:        table-cell;
    overflow:       hidden;
    opacity:        1;
}

.list-group-cell:first-child {
    border-left: 0 none;
}

.list-group-content {
    display: table-cell;
    padding: 6px 12px;
}

.list-group-cell + .list-group-content {
    border-left: 1px solid #ccc;
}

.list-group-cell > span,
.list-group-cell > div {
    padding: 6px 12px;
}

.list-group-cell > a {
    display: table;
    padding: 6px 12px;
    height:  100%;
}

.list-group-cell > a > span {
    display: table-cell;
    vertical-align: middle;
}

.list-group-cell > a:hover {
    background-color: #dcdcdc;
}

.list-group-cell.hidden-option {
    padding:  0;
    opacity:  0;
    width:    0;
    overflow: hidden;
}

.list-group-cell.shown-option * {
    opacity: 1;
}

.list-group-cell.hidden-option * {
    /*display: none;*/
    opacity: 0;
    padding: 0;
}
.modal-body {
    max-height: calc(100vh - 212px); overflow-y: auto;
}
