/*****************************************************************************
 Copyright © by Solid Design Software Solution LLC (assumed name SolidCircle)
*****************************************************************************/


/*Main Site CSS*/

/* New Changes to handle Kendo Report Viewer Menu */

.trv-parameter-value .k-checkbox-wrap .k-checkbox {
    opacity: 100 !important;
    width: 14px !important;
    -webkit-appearance: auto !important;
}

.trv-report-viewer .k-menu-horizontal .k-menu-link {
    padding: 4px 16px !important;
}

.trv-report-pager {
    font-size: 12px !important;
}

.trv-report-pager .k-link .k-numerictextbox {
    width: 60px !important;
}

.trv-report-pager .k-link .k-numerictextbox .k-numeric-wrap .k-select {
    display: block !important;
    border-width: 0;
    top: -2px;
}

.trv-nav .k-input {
    width: 100% !important;
}

/* End Kendo Report Viewer Changes */

.led-red {
    margin: 0 auto;
    margin-top: 9px;
    margin-right: 6px;
    padding-left: 4px;
    padding-top: 5px;
    font-weight: bold !important;
    width: 26px;
    height: 26px;
    background-color: #F00;
    color: white;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 24px;
    -webkit-animation: blinkRed 5s infinite;
    -moz-animation: blinkRed 5s infinite;
    -ms-animation: blinkRed 5s infinite;
    -o-animation: blinkRed 5s infinite;
    animation: blinkRed 5s infinite;
}

@-webkit-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-moz-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-ms-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-o-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}

.led-yellow {
    margin: 0 auto;
    margin-top: 9px;
    margin-right: 6px;
    padding-left: 4px;
    padding-top: 5px;
    font-weight: bold !important;
    width: 26px;
    height: 26px;
    background-color: #FF0;
    color: cadetblue;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 12px;
    -webkit-animation: blinkYellow 5s infinite;
    -moz-animation: blinkYellow 5s infinite;
    -ms-animation: blinkYellow 5s infinite;
    -o-animation: blinkYellow 5s infinite;
    animation: blinkYellow 5s infinite;
}

@-webkit-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-moz-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-ms-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-o-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}

@media (max-width: 900px) {
    .navbar-header {
        float: none;
        margin-left: 2px !important;
        margin-right: 2px !important;
        min-width:230px;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

@media (max-width: 1090px) {
    .navbar-environment {
        display: none;
    }
}

.k-grid .k-hierarchy-col {
    width: 30px !important;
}

.k-grid-norecords-template {
    width: 50%;
    height: 2.5em;
    line-height: 2.5em;
}

.k-grid td {
    padding: .4em 0;
}

.modal-body {
    overflow: auto;
    overflow-x: hidden
}

.span12 {
    text-align: center
}

input.k-textbox {
    height: 2.22em;
    line-height: 1.6em;
}

.k-combobox-clearable .k-input {
    height: 2.0775em;
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    height: 2.0775em;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 24px;
    padding: 5px;
}

.h4 {
    font-size: 18px !important;
}

.label-top-sm, .label-top-clear {
    margin-bottom: 2px !important;
    margin-top: 2px !important;
}

.label-sidebar {
    font-size: 14px !important; 
    font-weight: normal !important;
}

.sidebar-draggable-label {
    font-size: 14px !important;
    font-weight: normal !important;
    cursor: grab;
}

.sidebar-draggable-item {
    list-style-type: none;
    width: 270px;
    margin: 5px;
    border-radius: 3px;
    cursor: grab;
}

.sidebar-draggable-placeholder {
    list-style-type: none;
    width: 250px;
    margin: 5px;
    border-radius: 3px;
    border-style: dashed;
    border-width: 1px;
    cursor: grab;
}

.modal-body {
    padding: 4px 8px 6px 8px !important;
}

.modal-footer {
    padding: 8px !important;
}

.modal-footer-left {
    padding: 8px !important;
}

.modal-header {
    padding: 5px !important;
}

.modal-title {
    font-size: 18px !important;
    line-height: 1.4em !important;
}

/* End New */

#header {
   
}

#body {
    padding: 10px;
    height: 100%;
}

#footer .container .row {
    padding-bottom:8px;
}

#content {
    padding-top: 42px;
    height: 100%;
    width: 100%;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    line-height: 1.28em;
}

table {
    background-color: transparent;
}

.body-content {
    padding: 0;
}

.input-dirty.k-grid {
    border: 1px solid red !important;
}
/*#endregion LayoutPage*/

/*#region Media*/

@media screen and (min-width: 300px) {
    *[class*='widget-columns'] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 5px;
    }
}

@media screen and (min-width: 600px) {
    *[class*='widget-columns'] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 5px;
    }
}

@media screen and (min-width: 800px) {
    *[class*='widget-columns'] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 5px;
    }
}

@media screen and (min-width: 1200px) {
    *[class*='widget-columns'] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 5px;
    }
}

@media screen and (min-width: 1600px) {
    *[class*='widget-columns'] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 5px;
    }
}

@media screen and (min-width: 1920px) {
    *[class*='widget-columns'] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 5px;
    }
}

@media screen and (min-width: 2200px) {
    *[class*='widget-columns'] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 5px;
    }
}

@media screen and (min-width: 2500px) {
    *[class*='widget-columns'] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 5px;
    }
}

/* These media settings add additional space below elements when all stacked in x-small view */
@media screen and (max-width: 480px){
  *[class*='k-combobox']{
    margin-bottom:4px;
    margin-top:4px;
  }

  *[class*='k-datepicker']{
    margin-bottom:4px;
    margin-top:4px;
  }

  *[class*='k-numeric-wrap']{
    margin-bottom:4px;
    margin-top:4px;
  }

  *[class*='k-widget k-numerictextbox']{
    margin-bottom:0;
    margin-top:0;
  }

  *[class*='k-textbox']{
    margin-bottom:4px;
    margin-top:4px;
  }

  .action-pad {
      margin-bottom: 10px;
      margin-top: 4px;
  }

  .action-label {
      margin-top: 4px;
  }

  .label-missing-sm {
      margin-top: 4px;
  }
}

/*#endregion Media*/

/* Testing */

.nav > li > a {
    padding: 5px;
}

/* expand grid cell to show validation tooltip */
 .k-grid .k-widget.k-tooltip-validation.k-invalid-msg {
    position: relative !important;
}

#widget-wrapper {
	width: 100%;
	min-width: 240px;
	margin-top: 10px;
	margin-right: 20px;
    padding-bottom: 100px;
}

.pin {
    display: inline-block;
    border: 0 !important;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    margin: 0 2px 8px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    padding: 0 !important;
    width: 100%;
    cursor: pointer;
}

.pin img {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

.pin p {
	font: 12px/18px Arial, sans-serif;
	color: #333;
	margin: 0;
}

.pin .label-section {
    cursor: pointer;
}

/*#region Alert*/

/* This cuts down all of the extra spacing at the bottom */
.alert-danger {
    margin-bottom: 0;
}
.alert-info {
    margin-bottom: 0;
}
.alert-success {
    margin-bottom: 0;
}
.alert-warning {
    margin-bottom: 0;
}

/*#endregion Alert*/

.blockUI {
    border: none;
    padding: 15px;
    background-color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    opacity: .5;
    color: #fff
}

/*#region Button*/

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 100%;
}

.btn-group .btn {
    min-width: 18px !important;
    line-height: 1.4em !important;
}

/* Decreases the default padding */
.btn {
    padding: 6px;
    font-family: "News Cycle", "Arial Narrow Bold", sans-serif !important;
    font-weight: normal !important;
    border-radius: 15px !important;
    font-size: 14px !important;
}

.btn-assessment {
    padding: 2px !important;
    font-family: "News Cycle", "Arial Narrow Bold", sans-serif !important;
    font-weight: normal !important;
    min-height: 40px !important;
    min-width: 18px !important;
    width: 94% !important;
    white-space: normal !important;
    border-radius: 0 !important;
    line-height: 1.4em !important;
    font-size: 14px !important;
}

.btn-assessment-large {
    padding: 2px !important;
    font-family: "News Cycle", "Arial Narrow Bold", sans-serif !important;
    font-weight: normal !important;
    min-height: 60px !important;
    min-width: 18px !important;
    width: 94% !important;
    white-space: normal !important;
    border-radius: 0 !important;
    line-height: 1.4em !important;
    font-size: 14px !important;
}

.btn-daily {
    width: 44px;
    padding-left: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: "News Cycle", "Arial Narrow Bold", sans-serif !important;
    font-size: 13px;
    font-weight: normal !important;
}

.btn-font {
    font-family: "News Cycle", "Arial Narrow Bold", sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

/* This sets default color hover */
.btn:hover {
    color: yellow;
}

/* Decreases the default top pad */
.btn-add-top {
    margin-top: 4px;
}

/* Decreases the spacing for all alerts */
.btn-alert, .btn-alert:hover {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 0;
    margin-bottom: 1px;
}

/* Decreases the default pads on tab strip buttons */
.btn-bar {
    padding: 4px !important;
    margin-top: 4px !important;
    margin-bottom: 2px !important;
    margin-right: 2px !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
}

/* Decreases the default pads on tab strip buttons */
.btn-bar-search {
    padding: 4px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    margin-right: 2px !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
}

/* Makes button fill column */
.btn-full {
    display: block; 
    width: 100%;
}

/* Decreases the default padding */
.btn-groupsecurity {
    width: 130px;
}

/* This adds left pad when pulling buttons right */
.btn-pull-right {
    margin-left: 2px;
}

/* Used to center images in our standard button space, when needing space after icon */
.btn-space {
    margin-right: 8px;
}

/* Used to center images in our standard button space, when needing space after icon */
.btn-space-sm {
    margin-right: 2px;
}

/* Used to center images in our standard button space, when needing space after icon */
.btn-space-end {
    margin-right: -2px;
}

/* Increase default size for close icon on popups */
.close {
    font-size: 30px;
}

/*#endregion Button*/

/*#region Checkbox*/

/* This increases the default size and spacing for check boxes */
input[type=checkbox] {
    transform: scale(2.0);
    -webkit-transform: scale(2.0);
    margin-left:10px;
    margin-top: 10px;
}

/* This is for IE Only */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    input[type=checkbox] {
        transform: scale(1.7);
        -webkit-transform: scale(1.7);
        margin-left:10px;
        margin-top: 8px;
    }
}

/* This is added to the bottom of checkbox sections so that fields after them don't fall directly underneath them, instead of going to the far left when resizing */
.check-fix-bottom {
    padding-bottom: 6px;
}

/*#endregion Checkbox*/

/*#region Column*/

 /* This decreases the default bootstrap gutters around all columns */ 
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px;
}

/* This puts in a bottom space in between a row and something like a grid */
.col-fix-bottom {
    padding-bottom: 6px;
}

/* This puts in a bottom space in between a row and something like a grid */
.col-fix-bottom-md {
    padding-bottom: 3px;
}

/* This puts in a bottom space in between a row or inputs and another row */
.col-fix-bottom-sm {
    padding-bottom: 0;
}

/* This fixes the -15px that gets applied default to the row class */
.col-fix-clear-all {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* This fixes the -15px that gets applied default to the row class */
.col-fix-header {
    padding-top: 10px;
    padding-left: 4px;
    padding-right: 4px;
}

/* This fixes the -15px that gets applied default to the row class */
.col-fix-left {
    padding-left: 1px;
}

/* This removes all left and right side space */
.col-fix-side-clear {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* This removes all left side space */
.col-fix-left-clear {
    padding-left: 0 !important;
}

/* This fixes the spacing for something going a standard distance from right */
.col-fix-right {
    padding-right: 8px;
}

/* This fixes the spacing for something going a standard distance from right */
.col-fix-right-large {
    padding-right: 15px;
}

/* This removes all right side space */
.col-fix-right-clear {
    padding-right: 0 !important;
}

/* This decreases the right pad, to clear extra space */
.col-fix-right-sm {
    padding-right: 1px;
}

/* This puts in a bottom space in between a row or inputs and another row */
.col-fix-top {
    padding-top: 12px;
}

/* This puts in a bottom space in between a row or inputs and another row */
.col-fix-top-sm {
    padding-top: 6px;
}

/* This puts in a bottom space in between a row or inputs and another row */
.col-fix-top-xs {
    padding-top: 5px;
}

/* This is the padding between two separate objects for spacing */
.col-last {
    padding-right: 6px;
}

/* This is the padding between two separate objects for spacing */
.col-last-lg {
    padding-right: 10px;
}

/*#endregion Column*/

/*#region Header*/

.header-row-height {
    min-height: 26px;
}

/*#endregion Header*/

/*#region Kendo*/

/* Shrink buttons that go in grids */
.k-button {
    min-width: 10px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 30px;
    min-height: 30px;
}

/* This rounds the grid corners like our panel sections */
.k-grid {
    border-radius: 4px;
    border-color: #a0a0a0;
    border-width: 1px;
    font-size: 14px !important;
}

/* shrink default spacing for grid cells */
.k-grid td
{
    font-size: 14px !important;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-top: 2px;
    padding-right: 1px;
}

/* This is used for titles above sections, like grids */
.k-label-section {
    text-transform: capitalize !important;
    font-family: sans-serif !important;
    -ms-text-size-adjust: 100% !important;
    -webkit-text-size-adjust: 100% !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

/* Increase space below a section that is a grid and whatever is below it */
.k-grid-separator {
    margin-bottom: 6px;
}

/* Increase space between text and buttons in grid header */
.k-grid-separator-left-lg {
    padding-left: 6px;
}

/* Increase space between text and buttons in grid header */
.k-grid-separator-right {
    margin-right: 30px;
}

/* Increase space between a section that is a grid and whatever is above it */
.k-grid-separator-top {
    margin-top: 6px;
}

/* This matches the grid header spacing to our panel spacing */
/*.k-grid-toolbar {
    padding: 2px 3px 2px 4px;
}*/

/* Hide the Grid header and pager during export */
.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-pager-wrap {
    display: none;
}

/* Person photo thumbnails in grids */
.grid-thumbnail {
    height: 70px;
    width: 70px;
}

#bond_set_charge > .k-grid-header > div > table,
#bond_set_charge > .k-grid-content > table
{
   width: 100% !important;
}

#bond_condition_result > .k-grid-header > div > table,
#bond_condition_result > .k-grid-content > table
{
   width: 100% !important;
}

#addressaddedit_contact_address > .k-grid-header > div > table,
#addressaddedit_contact_address > .k-grid-content > table {
    width: 100% !important;
}

/* This rounds the scheduler corners like our panel sections */
.k-scheduler {
    border-color: #dddddd;
    border-radius: 4px;
}

/* This lightens the control to make it look disabled */
.k-state-disabled-text, .k-state-disabled-text:hover {
   border-width: 1px; 
   border-color: #e0e0e0;
   font-weight: bold;
}

/* Increase spacing above the tab strip for separation */
.k-tabstrip {
    margin-top: 10px !important;
}

/* Increase spacing above the tab strip for separation */
.k-tabstrip>.k-content, .k-panelbar .k-tabstrip>.k-content {
    padding: 2px 2px !important;
}

/* Decrease default gap between Telerik control and the text inside */
.k-textbox {
    padding: 0;
    text-indent: 2px !important;
}

/* Decrease default gap between Telerik control and the text inside */
.k-textbox>input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    text-indent: 6px !important;
}

/*.k-tooltip {
    margin-top: 12px !important;
}*/

span.k-tooltip {
    /*margin-top: 2px !important;
    margin-left: 2px !important;*/
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 1px;
}

/* Makes all Telerik controls fill the column space they are in */
.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox, .k-toolbar .k-split-button {
    width: 100%;
}

/* This makes form validation messages float below the control field */
form .k-widget.k-tooltip-validation.k-invalid-msg {
  position: absolute;
  top: 85%;
  left: 0;
}

/* Fix Kendo tooltip validation icon getting cut off with numeric textboxes */
.k-numerictextbox .k-tooltip .k-icon {
    height: 16px !important;
    display: none; /* numerictextbox tooltip (!) icon is showing as red and off center*/
}

/* Kendo PDF print settings */
.pdf-page-template > * {
    position: absolute;
    left: 10px;
    right: 10px;
}

.pdf-page-template .pdf-page-header {
    top: 0px;
    border-bottom: 1px solid #000;
}

.pdf-page-template .pdf-page-footer {
    bottom: 0px;
    border-top: 1px solid #000;
}

/*#endregion Kendo*/

/*#region Label*/

/* This is used where a group of action buttons exist, without a label */
.label-action {
    margin-bottom: 0;
    margin-top: 0;
}

/* This is used where the control doesn't have a label above it */
.label-missing-sm {
    margin-bottom: 0;
    padding-top: 19px !important;
}

/* This is used for titles above sections, like grids */
.label-section {
    text-transform: capitalize !important;
    font-family: sans-serif !important;
    -ms-text-size-adjust: 100% !important;
    -webkit-text-size-adjust: 100% !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

/* This is used for titles above sections, like grids */
.label-space {
    padding-top: 7px;
    font-size: 14px;
}

/* This is used for titles above sections, like grids */
.label-space-lg {
    padding-top: 20px;
    font-size: 16px;
}

/* This is used for our standard label which goes above the field */
.label-top {
    margin-bottom: 0;
    margin-top: 10px;
}

/* This is used where the control doesn't have a label above it */
.label-right-space {
    margin-right: 20px;
}

/* This is used for our standard label which goes above the field with a button in the label */
.label-top-button {
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 2px;
}

/*#endregion Label*/

/*#region Modal*/

body .modal-large {
    width: 90%
}

body .modal-medium{
    width: 70%
}

body .modal-largefixed {
    width: 1000px
}

.modal-footer .btn+.btn {
    margin-left: 0;
    margin-bottom: 0;
}

.modal-footer-left .btn + .btn {
    margin-left: 0;
    margin-bottom: 0;
}

.modal-lg {
     width: 90%;
}

/*#endregion Modal*/

/*#region Navbar*/

/* Standard navbar which is used for the main application */
.navbar {
    min-height: 40px;
    margin-bottom: 0;
}

/* Formatting tweaks for main navigation bar */
.navbar-brand {
    float: left;
    padding-top: 12px;
    padding-left: 15px;
    font-size: 18px;
    line-height: 18px;
    height: 40px;
}

/* Formatting tweaks for main navigation bar */
.navbar-header {
    height: 40px;
}

/* Formatting tweaks for main navigation bar */
.navbar-inverse {
    color: #ffffff;
    text-transform: uppercase !important;
    font-size: 14px !important;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.navbar-inverse-highlight {
    background-color: #5cb85c;
    border: 1px solid transparent !important;
}

.navbar-inverse .navbar-brand {
    color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: yellow;
}

/* Navbar formatting for main buttons to keep them from moving */
.navbar-nav > li > a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Navbar formatting for main buttons to keep them from moving */
.navbar-nav > li > a:hover {
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: yellow;
}

/* Navbar formatting for main buttons to keep them from moving */
.navbar .nav > li > a {
    font-size: 14px;
    line-height: 20px;
}

/* Navbar formatting for main buttons to keep them from moving */
.nav {
    font-size: 12px;
    line-height: 20px;
}

/* Navbar hamburger icon placement adjustments */
.navbar-toggle {
    margin-bottom: 2px;
    margin-right: 4px;
    margin-top: 2px;
}

/*#endregion Navbar*/

/*#region Panel*/

.panel-dirty {
    margin-bottom: 8px;
    border-width: 1px;
}

/* Decreases spacing around body of panel */
.panel-body {
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

/* Decreases spacing around heading */
.panel-heading {
    padding: 2px 3px 3px 4px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    min-height: 39px !important;
}

/*#endregion Panel*/

/*#region Row*/

/* This fixes the negative space which is put in a row */
.row {
    margin-left: 0;

    /* IE FIX FOR OC-3824: Set min row height due to box model differences between Kendo and Bootstrap */
    min-height: 34px;
}

.row-panel {
    min-height: 34px !important;
}

/*#endregion Row*/

/*#region Section*/

/* Increase spacing from default */
.section-separation {
    padding-left: 20px;
    padding-right: 20px;
}

/* Used to separate a split screen by outlining one of them */
.section-outline {
    outline: 1px solid #dddddd
}

/*#endregion Section*/

/*#region Separator*/

/* This goes anywhere a separator should divide 2 rows for visuals */
.hr-separator {
    border: 0;
    padding: 0;
    height: 1px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
}

/* This goes below headers where there are tabs */
.hr-separator-bar {
    border: 0;
    padding: 0;
    height: 1px;
    margin-bottom: 4px;
    margin-top: 3px;
    width: 100%;
}

/* This goes below headers where there are tabs */
.hr-separator-bar-only {
    border: 0;
    padding: 0;
    height: 1px;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
}

/* This goes below headers where there are tabs */
.hr-separator-bar-only-thick {
    border: 0;
    padding: 0;
    height: 2px;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
}

/* This goes below headers where there are tabs */
.hr-separator-header {
    border: 0;
    padding: 0;
    height: 1px;
    margin-bottom: 6px;
    margin-top: 0;
    width: 100%;
}

/* This goes below headers where there are tabs */
.hr-separator-search {
    border: 0;
    padding: 0;
    height: 1px;
    margin-bottom: 6px;
    margin-top: 6px;
    width: 100%;
}

/* This goes below headers where there are tabs */
.hr-separator-jumbo {
    border: 0;
    padding: 0;
    height: 1px;
    margin-bottom: 0;
    margin-top: -30px;
    width: 100%;
}

/*#endregion Separator*/

.select-listbox {
    width: 100%; 
    background-color: #c7c7c7;
    color: #000000;
}

/*#region Table*/

table a:not(.btn), .table a:not(.btn) {
    text-decoration: none;
}

/*#endregion Table*/

/*#region Timeline */

.timeline {
  list-style-type: none;
  display: flex;
  padding-left: 0px;
  justify-content: center;
}

.timeline-timestamp {
  margin-bottom: 10px;
  padding: 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.timeline-status {
  padding: 20px 20px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
}

.timeline-status:before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: -15px;
  left: 42%;
}

/*#endregion Timeline */


.vertical-center-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.modal-backdrop {
    visibility: hidden !important;
}

.modal.in {
    background-color: rgba(0,0,0,0.7);
}