﻿body{
    font-size: 14px !important;
}

.clearfix{
    clear: both;
}

.small-gutter [class*='col-'] {
    padding-left: 4px;
    padding-right: 4px;
}

.form-control.small-padding, .form-control-static.small-padding {
    padding-left: 6px;
    padding-right: 6px;
}

.form-control.ng-invalid {
    border: 2px solid #ff0000;
}

.stacked-control-0 {
    position: relative;
    z-index: 0;
}

.shadowed-controls .stacked-control-0 {
    visibility: hidden;
}

p.stacked-control-0.form-control-static {
    /*padding: 7px 17px;*/
}

p.small-padding.stacked-control-0 {
    padding-left: 11px;
    padding-right: 11px;
}

[class*='col-'].small-padding {
    padding-left: 4px;
    padding-right: 4px;
}

.stacked-control-1-parent .dropdown-top {
    position: absolute;
    top: 0px;
    min-width: 180px;
    font-size: 20px !important;
}

.dropdown-top-label {
    font-size: 20px !important;
}

.stacked-control-1 {
    position: absolute;
    top: 0px;
    z-index: 1;
    opacity: 0.01;
}

.reportTable .stacked-control-1{
    top: 5px;
}

.stacked-control-1:hover {
    opacity: 1;
}

.shadowed-controls .stacked-control-1 {
    opacity: 1;
}

.stacked-control-1:focus {
    opacity: 1;
}

.backdrop {
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.modal {
    overflow: initial;
    display: block;
    position: absolute;
}


 .modal-base {
    display: none;
    overflow: hidden !important;
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: @zindex-modal;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-fixed {
    position: fixed !important;
}

.sublocations{
    overflow:visible;
}

    .sublocations .modal-flyout {
        top: 20px;
        min-width: 300px;
        max-width: 500px;
        position: relative;
    }

.sublocations-button {
    display: inline-block;
    /*height:40px;*/ 
    width:210px;
    font-size:20px;
    font-weight:bold;
    align-items: flex-start;
    text-align:center;
    cursor: grab;
    color: black;
    background-color: transparent;
    box-sizing: border-box;
    padding: 6px;
    border-width: 0px;
    border-style: none;
    border-color: transparent;
}

.sublocations-button:hover {
    background-color:rgba(255, 0, 0, 0.4);
    color: black;
    cursor:grab;
}

.cabin-sublocation-selection:hover {
    fill: red !important;
    fill-opacity: 0.8 !important;
}

.cabin-selected-locations-before {
    fill-opacity: 0.0 !important;
}

.redBg, .whiteBg {
    transition: background-color 300ms linear;
}

.redBg {
    background-color: rgba(255, 0, 0, 0.7);
}

.selected-location {
    fill: red !important;
    /*fill-opacity: 0.8 !important;*/
}

.selected-sublocation {
    fill: url(#patternChecked) #000 !important;
}

.location-partnumber{
    color:gray;
}

.location-partnumber-small{
    font-size: 14px;
}

.transparentBg {
    background-color: transparent;
}

.borderless-controls .form-control:focus,
.borderless-controls .form-control.keep-border {
    border-color: #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.borderless-controls .form-control {
    border-color: transparent;
    box-shadow: none;
}

.shadowed-controls .form-control:focus,
.shadowed-controls .form-control.keep-border {
    border: 1px solid #CCC;
}

.shadowed-controls .form-control {
    /*border: 1px solid white;
    box-shadow: 1px 1px 5px #DDD inset;*/
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.stripe, .stripe input, .stripe textarea, .stripe select {
    background: padding-box #F8F8F8;
}

.close-at-distance {
    margin: 10px -10px 0 0;
}

.attachment {
    margin-top: 20px;
    margin-bottom: 20px;
}

.lopa-droparea .image-drop-area {
    border-radius: 4px;
    text-align: center;
    color: #888;
    height: 80px;
    cursor: pointer;
    background-color: #eee;
    padding-top: 25px;
    border-style: dashed;
    border-width: 2px;
    border-color: #888;
}

.image-drop-area {
    border-radius: 4px;
    text-align: center;
    color: #AAA;
    height: 210px;
    cursor: pointer;
}

.image-drop-area.nv-file-over {
    background-color: #428bca;
    border-color: white;
    color: white;
}

.filters {
    border-radius: 4px;
    background: #F8F8F8;
    padding: 0px 10px 0px 10px;
    /*margin: 0px 15px 0px -15px;*/
}

.damage-report-list {
    margin-bottom: 15px;
}

.damage-report-list .form-group {
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

.filters .form-group {
    margin-bottom: 0;
    padding-top: 0px;
    padding-bottom: 7px;
}

.damage-report-details,
.damage-report-details .form-control {
    font-size: 18px;
}

.damage-report-details .form-group-lg .form-control-static,
.damage-report-details .form-group-lg .form-control {
    font-size: 22px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.damage-report-details .form-group-lg p.stacked-control-0.form-control-static {
    padding: 10px 0 10px 17px;
}

.damage-report-details p.stacked-control-0.form-control-static {
    padding: 6px 17px;
}

.damage-report-details .control-label {
    font-weight: normal;
}

.damage-report-details input.form-control {
    /*margin-top: 2px;*/
}

.damage-report-details .form-control,
.damage-report-details .form-control-static {
    font-weight: bold;
    padding-left: 12px;
    padding-right: 12px;
}

.damage-report-details .form-control.small-padding,
.damage-report-details .form-control-static.small-padding {
    padding-left: 6px;
    padding-right: 6px;
}

.damage-report-details textarea.form-control {
    padding-left: 17px;
    padding-right: 17px;
}

.damage-report-details .reg .form-control {
    /*color: orange;*/
}

.damage-report-details .reg .form-control:focus {
    color: #555;
}

.long-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80px;
}

.long-text-ellipsis-250 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
}

.attachment-details img {
    padding-top: 12px;
    max-width: 100%;
}

.navbar .partner-logo {
    height: 45px;
    padding-top: 5px;
    /*height: 36px;
    padding-top: 12px;*/
}

.navbar .product-logo {
    height: 50px;
    padding: 2px 15px 2px 0;
    margin-bottom: -20px;
    position: relative;
}

.navbar .product-logo-placeholder {
    position: relative;
}

.navbar .product-logo-background {
    height: 1px;
    background-color: #F8F8F8;
    left: 15px;
    right: 20px;
    bottom: -1px;
    position: absolute;
}

.modified-row input{
    background-color: yellow;
}

.deleted-row input{
    background-color: #F88 !important;
}

.new-row input{
    /*background-color: lightgreen;*/
    border: 2px solid orange;
    background-color: #fff;
}

.o42-save > * {
    margin-right: 8px;
}

.o42-save .form-status .glyphicon {
    padding-left: 4px;
    padding-right: 4px;
}

.o42-save .saved {
    color: green;
}

.o42-save .validation-errors {
    color: red;
}

.o42-save .needs-saving {
    color: orange;
}

h1.title {
    color: #888;
    font-size: 200%;
    margin-top: 0;
    margin-bottom: 20px;
}

h1.regular {
    color: #888;
    font-size: 200%;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0 !important;
}

h4.small-header{
    color: #888;
    font-weight: bold;
}

section.regularSection table.table>tbody>tr>th, section.regularSection table.table>tfoot>tr>th, section.regularSection table.table>tbody>tr>td, section.regularSection table.table>tfoot>tr>td, section.discrepSection table.table>tbody>tr>th, section.discrepSection table.table>tfoot>tr>th, section.discrepSection table.table>tbody>tr>td, section.discrepSection table.table>tfoot>tr>td {
    border: none;
    padding: 5px;
}

section.regularSection table.table > tbody > tr:hover,
section.discrepSection table.table > tbody > tr:hover {
    background-color: #cccccc;
}

.successDiv{
    color: #34b000;
    font-weight: bold;
}

.noPaddingLeft{
    padding-left: 0px !important;
}

.sortingLink a{
    cursor: pointer;
}

.sortingLink a:hover{
    text-decoration: none;
}

.btn-additional {
    cursor: pointer;
    background: none;
    border: none;
    font-size: 24px;
    opacity: 0.2;
    padding: 6px 0;
}

.modal-header {
    border-radius: 6px 6px 0 0;
    border-bottom: none;
    background-color: #F8F8F8;
}

.modal-content {
    position:relative;
}

.btn-additional:hover, .btn-additional:focus {
    opacity: 0.5;
}

.backdrop-deleted {
    position: absolute;
    z-index: 1;
    background: rgba(128, 0, 0, 0.2);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.above-backdrop-deleted {
    position: relative;
    z-index: 2;
}

.close.above-backdrop-deleted {
    text-align: center;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background-color: white;
}

.backdrop-deleted-shown .close.above-backdrop-deleted {
    opacity: 1;
}

.backdrop-middle.btn {
    background-color: lightgreen;
}

.bottom-toast-placeholder {
    height: 41px;
}

.bottom-toast {
    position: fixed;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: -41px 0 0 0;
    z-index: 1100;
    background: none;
    text-align: center;
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.bottom-toast.bottom-toast-hidden {
    margin-top: -10px;
}

.toast-content {
    display: inline-block;
    background: white;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    padding: 3px 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.toast-content p {
    display: inline-block;
    border: 1px solid transparent;
    margin: 0;
    padding: 6px 20px;
}

.clickable, .clickable * {
    cursor: pointer
}

.marginTop_XS{
    margin-top: 5px;
}

.marginTop_XXS{
    margin-top: 2px;
}

.marginTop_S {
    margin-top: 10px;
}

.marginTop{
    margin-top: 20px;
}

.marginTop_L{
    margin-top: 35px;
}

.marginTop_XL{
    margin-top: 55px;
}

.marginTop_15{
 margin-top: 15px;
}

.marginRight_XS{
    margin-right: 5px;
}

.marginRight_S{
    margin-right: 10px;
}

.marginRight{
    margin-right: 20px;
}

.marginRight_L{
    margin-right: 35px;
}

.marginRight_XL{
    margin-right: 55px;
}

.marginLeft_XS{
    margin-left: 5px;
}

.marginLeft_S{
    margin-left: 10px;
}

.marginLeft{
    margin-left: 20px;
}

.marginLeft_L{
    margin-left: 35px;
}

.marginLeft_M {
    margin-left: 15px;
}

.marginLeft_XL{
    margin-left: 55px;
}

.marginBottom_XS{
    margin-bottom: 5px;
}

.marginBottom_S{
    margin-bottom: 10px;
}

.marginBottom{
    margin-bottom: 20px;
}

.marginBottom_L{
    margin-bottom: 35px;
}

.marginBottom_XL{
    margin-bottom: 55px;
}

.nomargin{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.alignWithLabel{
    margin-top: -8px;
    margin-bottom: 2px;
}

.nopadding {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.leftpadding{
   padding-left: 15px !important;
   padding-right: 0 !important;
}

.rightpadding{
   padding-left: 0 !important;
   padding-right: 15px !important;
}

.reportTable td,
.reportTable th {
    position: relative;
    vertical-align: middle !important;
    height: 45px;
}

.reportTable  p{
    margin: 0;
    padding: 0;
}

.form-control-static{
    min-height: unset !important;
}

.no-wrap{
    white-space: nowrap;
}

.wrap-break-word {
    word-wrap: break-word;
}

.detail-form .label-container{
    padding-top: 14px;
}

.form-label{
    color: #666666;
}

.report-button, .report-button-1180 {
    background-image: url('../Images/pdf_icon.png');
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
}

.report-button {
    width: 31px;
    height: 40px;
    background-position: left center;
}

.report-button-1180 {
    width: 26px;
    height: 34px;
    background-position: left top;
    background-size: 100%;
}

.report-button-thmb {
    background-image: url('../Images/pdf_thmb_icon.png');
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
}

.report-download {
    background: url('../Images/download_blue.gif') no-repeat scroll center center;
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    outline: none !important;
}

.report-loading {
    background: url('../Images/loading_blue.gif') no-repeat scroll center center;
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    outline: none !important;
}

.excel-button {
    background-image: url('../Images/xls_icon.png');
    width: 31px;
    height: 40px;
    border: none;
    background-color: transparent;
}

.pdf-button {
    background-image: url('../Images/pdf_icon.png');
    width: 31px;
    height: 40px;
    border: none;
    background-color: transparent;
}

.file-button {
    background-image: url('../Images/file_icon.png');
    width: 31px;
    height: 40px;
    border: none;
    background-color: transparent;
}


.error-file-button {
    background-image: url('../Images/file_error_icon.png');
    width: 31px;
    height: 40px;
    border: none;
    background-color: transparent;
}
.big-glyph{
    font-size: 30px;
    padding-top: 6px;
    cursor: pointer;
}

.highlighted-area{
    background-color: #dedede;
    border-radius: 4px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.highlighted-field{
    border: solid 2px #000000;
}

.grey-background, .black-background, .red-background {
    margin-left: -4px;
    border-radius: 4px;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 2px;
    padding-top: 2px;
}

.grey-background{
    background-color: #cccccc;
}

.black-background {
    background-color: #323232;
}

.red-background {
    background-color: #860000;
}

.col-md-4.black-background {
    width: 32.5%;
}


.big-text{
    font-size: 24px;
}

.col-md-4.grey-background{
    width: 32.5%;
}

.label-padding{
    padding-left: 10px !important;
}

.close{
    opacity: 1 !important;
}

.unbold{
    font-weight: normal !important;
    color:#888888;
}

::-webkit-input-placeholder { 
    color:#cccccc; font-weight: normal !important;
}
::-moz-placeholder {
    color:#cccccc; font-weight: normal !important;
}
:-ms-input-placeholder {
    color:#cccccc; font-weight: normal !important;
}
input:-moz-placeholder {
    color:#cccccc; font-weight: normal !important;
}

.reg-row-selected {
    background-color: #eeeeee;
    border: 1px solid #888888;
    margin-left: -15px;
    padding-left: 15px !important;
    padding-top: 10px !important;
}

.reg-form-item{
    padding: 7px 0px 6px 0px;
    border-radius: 5px;
    margin-bottom: 2px;
}

.config-row{
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 7px;
}

.old-reg-config {
    color: red;
}

.bottompadding{
    padding-bottom: 15px;
}
.relative-position {
    position: relative;
}

.spinner {
    position: absolute;
    z-index: 1000;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
}

.spinner-relative {
    position: relative;
}

.spinner:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #ccc;
    opacity: .0;
}
.spinner-overlay:before{
    opacity: .5;
}

.spinner > div {
    position: relative;
    left: 45%;
    top:15%;
}

.loading-area {
    height: 100px;
    width: 100%;
}

.display-block {
    display:block !important;
}

.display-none {
    display: none !important;
}

.half-transparent {
    opacity: .5;
}


.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.clip {
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-flyout-centered{
    margin:150px;
}

.bold{
    font-weight:bold;
}

.button-fixed-width{
    width: 100%;
}

.left-indent-15{
    margin-left: -15px;
}

#successDiv,
#failDiv{

}

.hideOnLoad{
    display: none;
}

.input-inline{
    display:inline;
}

     .matrix-table table {
         border: 0px solid transparent;
     }

     #divMatrixTable {
         overflow: scroll;
         width: 800px;
         height: 400px;
         position: relative;
     }

        #divMatrixTable > table {
            width: 700px;
        }

            #divMatrixTable > table tr {
                border-bottom: 1px solid #ddd;
            }

    #divMatrixHeader {
        overflow: hidden;
        width: 780px;
    }

        #divMatrixHeader table {
        width: 700px;
    }

    .matrix-header-row {
        border-bottom: 1px solid #ddd;
    }

     .matrix-header-cell{
         border-bottom: 1px solid #ddd;
     }

    #divMatrixFirstColumn tr {
         border-bottom: 1px solid #ddd;
    }

     #divMatrixFirstColumn td {
         max-width: 250px;
     }

     #divMatrixFirstColumn {
         overflow: hidden;
         height: 380px;
     }

     #divMatrixFirstColumn table {
         width: 250px;
     }

     .matrix-data-tr > td {
         width: 100px;
     }
     .matrix-data-tr > td input {
         width: 100px;
     }

     .matrix-title-col{
         min-width: 100px;
         text-align:center;
         font-weight:bold;
         padding-bottom:5px;
     }

     .matrix-first-col-tr {
         width: 100px;
         height: 40px;
         text-align: right;
         font-weight: bold;
         padding-top: 5px;
     }

     .matrix-first-col-div {
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
     }

     .matrix-data-tr {
         height: 40px;
     }

     .modal-adjust{
         bottom:auto !important;
     }

     .version-info{
         text-align:right;
         padding-right:20px;
         padding-bottom:5px;
         font-size: 12px;
         color: #CCC;
     }

     .gly-spin {
      -webkit-animation: spin 2s infinite linear;
      -moz-animation: spin 2s infinite linear;
      -o-animation: spin 2s infinite linear;
      animation: spin 2s infinite linear;
    }

.select-center-text{
    text-align-last: center;
}

.padding-top-small{
    padding-top: 5px;
}

.select-page-options {
    width: 65px;
    display: inline;
    margin-left: 5px;
}

div.sortingLink {
    color: #337ab7;
    cursor: pointer;
}

.lock-icon:hover {
    cursor: pointer;
    cursor: hand;
}

.lock-icon {
    float: right;
    padding-right: 5px;
    margin-left: -30px;
    margin-top: 35px;
}

.uib-timepicker input[type=text] {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.date-and-time-picker > input {
    width: 65% !important;
    margin-right: 5px !important;
}
.date-and-time-picker table {
    width: 30% !important;
    margin-top: -34px !important;
}

.workstep-container {
    border-bottom: 1px solid lightgrey;
}

.img-adjust {
    max-width: 100% !important;
    max-height: 100% !important;
}
/*.sortingLink a:hover {
    text-decoration: none;
}*/


.img-loading {
    background: transparent url('../Images/loading.gif') no-repeat scroll center 100px;
}

.img-uploading {
    background: transparent url('../Images/loading.gif') no-repeat scroll top center;
    margin-top: 15px;
}

.btn-normal-padding {
    padding: 6px 12px;
}
.input-no-border {
    border: 0px !important;
    outline: none !important;
}

.control-label {
    text-align: inherit !important;
}

.control-label-no-top {
    padding-top: 0px !important;
    margin-bottom: 0;
}

.padding-bottom {
    padding-bottom: 10px;
}

.container-with-padding{
    padding: 0 15px;
}

.fixed-width-reg{
    width: 100px;
}

.fixed-width-date {
    width: 100px;
}

.fixed-width-att {
    width: 50px;
}

.ng-invalid-div {
    border: 2px solid #ff0000;
}

.about-link {

    bottom:5px;
    right:5px;
    color: #337ab7;
    cursor: pointer;
    text-decoration: underline;
    text-align: right;
    padding-right: 10px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #CCC;
    margin-left: 80%;
    width: 150px;
}

.user-frame {
    border-width: 0px;
    margin-bottom: 40px;
    border-color: transparent;
    position: absolute;
    overflow-y: hidden;
}


.hidden-frame {
    border-width: 0px;
    border-color: transparent;
    position: absolute;
    overflow-y: hidden;
    height: 0px;
}

isteven-multi-select .multiSelect > button {
    min-height: 34px !important;
}

isteven-multi-select.custom-form-control,
isteven-multi-select.custom-form-control .multiSelect,
isteven-multi-select.custom-form-control .multiSelect > button,
isteven-multi-select.custom-form-control .multiSelect > button .buttonLabel {
    display: inline-block;
    width: 100%;
}

isteven-multi-select.custom-form-control .multiSelect > button {
    text-align: left;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

isteven-multi-select.custom-form-control .multiSelect > button,
isteven-multi-select.custom-form-control .multiSelect > button:hover {
    background-image: none;
}

isteven-multi-select.custom-form-control .multiSelect > button .caret {
    float: right;
    margin-top: 8px !important;
}

.img-thumb {
    height: 160px;
    /*width: 160px;
    height: 160px;*/
    padding: 7px;
    align-content: center;
    text-align: center;
}

.img-thumb img{
    max-height: 160px;
}

.attachment-container{
    border: solid 1px #bbbbbb;
    border-radius: 4px;
    height: 210px;
    /*margin-right: 20px;*/
    background-color: #f7f7f7;
   
}

.attachment-container-wrapper{
    margin-top: 25px;
}

div.attachment-container-wrapper:nth-child(-n+4){
    margin-top: 0px !important;
}

.attachment-container:hover {
    -webkit-box-shadow: 0px 0px 32px -4px rgba(87,87,87,0.53);
    -moz-box-shadow: 0px 0px 32px -4px rgba(87,87,87,0.53);
    box-shadow: 0px 0px 32px -4px rgba(87,87,87,0.53);
    Copy Text
}

/*.attachment-container:nth-child(4n+1){
    margin-right: 0px;
}*/

.img-responsive{
    display: inline-block;
}

.attachment-caption-container{
    padding: 7px;
}

.attachment-caption-text{
    font-size: 14px;
}

.part-req-container{
    padding: 0 7px;
    border: 1px solid #bbbbbb;
    background: #f7f7f7;
    border-radius: 4px;
}

.part-req-container.red {
    /*border: 2px solid #860000;*/
    font-weight: bold;
    color: #860000;
}

.damage-report-details, .damage-report-details .form-control {
    font-size: 16px;
}

.sub-section-title{
    font-size: 18px;
    font-weight: bold;
}

.fixed-buttons {
    position: fixed;
    background-color: #fff;
    padding: 15px 15px 0 11px;
    border-radius: 0 4px 4px 0;
}

.fixed-buttons-1180-wrapper {
    position: fixed;
    background-color: #fff;
    padding: 5px 15px 0 0px;
    border-radius: 0 3px 3px 0;
    z-index: 999;
    display: block;
    top: 0px;
    width: 898px;
    height: 44px;
    background-color: #eee;
    border-bottom: 1px #888 solid;
}

.fixed-buttons button {
    min-width: 100px;
}

.fixed-buttons-1180-button{
    margin-right: 15px;
}

.fixed-buttons-wrapper {
    position: absolute;
    left: auto;
    right: 4px;
    top: 0px;
}

.modal-dialog{
    position: relative;
}

.fixed-buttons-button{
    margin-bottom: 15px;
}

.fixed-buttons-button.divider{
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 15px;
}

.item-row{
    cursor: pointer;
}

.item-row:hover{
    background: #eee !important;
}

.modal-full-width {
    width: 95% !important;
}

.priority-color-indicator {
    width: 10px;
    height: 10px;
    font-size: 3px;
}
.for-identity-server {
    overflow: hidden;
}

.for-identity-server .container {
    padding-left: 0;
    padding-right: 0;
}
.header-filtered .ui-grid-header-cell-label,
.title-filtered {
    color: orange !important;
}

.btn-primary.button-filtered {
    background-color: orange;
    border-color: orange;
}
.btn-primary.button-filtered:active,
.btn-primary.button-filtered.active,
.btn-primary.button-filtered.focus,
.btn-primary.button-filtered:focus {
    background-color: orange;
    border-color: orange;
}

.btn-primary.button-filtered:hover {
    background-color: #f46711;
    border-color: #f46711;
}

.ui-grid-menu-mid {
    position:relative;
    max-height: 500px !important;
}

@media(max-width: 1179px){
    .hide-on-narrow-screen{
        display: none;
    }
}

@media(min-width: 1180px) {
    .hide-on-wide-screen {
        display: none;
    }
}

@media(min-width: 993px){
    .show-under-992 {
        display: none;
    }
}

@media(max-width: 992px){
    .text-align-left-under-992{
        text-align: left !important;
        padding-left: 15px !important;
    }

    .bottom-margin-under-992{
        margin-bottom: 15px !important;
    }

    .rightpadding{
        padding-right: 0px !important;
    }

    .show-under-992{
        display: block;
    }

    .hide-under-992 {
        display: none;
    }

    
}

.prev-under-992{
    width: 50px;
    text-align: left;
    float: left;
}

.reg-under-992{
    float: left;
    width: 75%;
    text-align: center;
}

.next-under-992{
    width: 50px;
    text-align: right;
    float: right;
}

.reg-under-992 .dropdown-top {
    display: inline;
    margin-top: 8px;
    margin-left: 8px;
}

.reg-select-under-992 .dropdown-top {
    height: 44px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    width: 50%;
    font-size: 22px;
    font-weight: bold;
}

.location-row {
    min-height:45px;
}

.location-button {
    color: #337AB7;
    padding: 2px;
    min-width: 55px;
    font-weight: bold;
}

.location-item-text {
    padding: 2px 4px 2px 2px;
    text-align: right;
}

.small-vertical-spacing {
    line-height: 18px;
}

.markedInvalid{
    color:red;
}

.info-small-label {
    font-size: 11pt;
    color: #860000;
    font-weight:normal;
    margin-bottom: 0px;
}

.ui-grid-top-panel{
    overflow: visible !important;
}

.ui-grid-header-viewport {
    overflow: visible !important;
}

.underline{
    border-bottom: 1px solid #bbbbbb;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.overline {
    border-top: 1px solid #bbbbbb;
    margin-top: 15px;
    padding-top: 15px;
}

.row-content-text  {
    font-weight: normal;
    height: 35px;
    line-height:35px;
}

.table-row-small-padding {
    padding-left: 2pt;
    padding-right: 2pt;
    padding-top: 0pt;
    padding-bottom: 4pt;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.warning{
    color: red;
}

.level-1{
    position: relative;
    z-index: 1;
}

.level-2{
    position: relative;
    z-index: 2;
}

.controlpadding {
    margin-left: -10px;
    margin-right: -10px;
}

.inserted-control {
    min-height: 71px;
}

.location-item-text.small-text{
    font-size: 14px;
}

.location-buttons .btn-sm {
    padding-left: 7px;
    padding-right: 7px;
}

.ui-grid-cell-highlight {
    width: 100%;
    text-align: center;
    margin-top: 3px;
    padding-top: 5px !important;
    border-radius: 5px;
}

.input-with-alert {
    width: calc(100% - 28px) !important;
}

.alert-mark {
    margin: 6px 5px 0px 0px;
    float: left;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border-color: rgb(204,204,204);
    border-width: thin;
    border-style: solid;
}

.centered-text {
    text-align: center;
}

.filters-checkbox{
    max-height: 34px;
    margin-top:-3px;
}

.centered {
    width:100%;
    text-align:center;
    vertical-align:middle;
}

div.inactivated {
    position: relative;
}

div.inactivated:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid dimgray;
    width: 100%;
}
