body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.disable {
    cursor: not-allowed;
}

    .disable span {
        pointer-events: none;
    }

img {
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

div[disabled] {
    pointer-events: none;
    /* for "disabled" effect */
    opacity: 0.9;
    background: #CCC;
}

.main {
    border: 5px;
    border-color: #242F71;
    border-style: solid;
    margin: 1%;
}

.header {
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
}

.content {
    height: auto;
    width: 100%;
}

.report-block {
    width: 100%;
    height: auto;
}

    .report-block .title {
        width: 100%;
        background-color: #242F71;
        text-align: center;
        color: white;
        font-weight: bold;
    }

    .report-block .content {
        padding: 10px;
    }

.logo {
    width: 30%;
    height: auto;
    float: left;
}

.dateReport {
    float: right;
    text-align: left;
    font-style: italic;
    padding-right: 50px;
    padding-top: 20px;
}

img {
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

.signature {
    width: 40%;
    height: auto;
    vertical-align: text-bottom;
}

.description {
    width: 100%;
    height: auto;
    float: left;
    margin: 1%;
    text-align: left;
}

.checkBox {
    width: inherit;
    height: 34px;
}

.mytable > tbody > tr > td, .mytable > tbody > tr > th, .mytable > tfoot > tr > td, .mytable > tfoot > tr > th, .mytable > thead > tr > td, .mytable > thead > tr > th {
    padding: 1px !important;
}

.customTextArea {
    max-width: 100%;
    min-width: 700px;
    min-height: 50px;
    max-height: 100%;
    border: 1px solid black;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.custom-header {
    margin: 0px 0px 0px 9px;
    display: inline-block;
    max-width: 100%;
    font-size: 16px;
    font-weight: bold;
}

.location-description {
    font-style: oblique;
    font-family: -webkit-body;
}

#ticketNotes {
    width: fit-content;
    margin-left: 20px;
    border: 0;
    border-radius: 2px;
    margin-bottom: 15px;
}

    #ticketNotes::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    #ticketNotes::-webkit-scrollbar {
        width: 12px;
    }

    #ticketNotes::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #909090;
    }

    #ticketNotes .notes-ul {
        padding: 0;
        list-style: none;
        width: 720px;
        margin: 0 4px 0 4px;
    }

    #ticketNotes .notes-li {
        white-space: pre-wrap;
        border-width: 1px 0;
        color: #0e0e0e;
        border-style: solid;
        border-color: #cec3c3;
        margin: 0 0 3px 0;
        padding: 13px;
        position: relative;
        top: 1em;
        font-size: 1.15em;
        box-shadow: 0px 0px 2px 0px #b7b7b7;
        font-family: serif
    }

#notesTable {
    margin-top: 5px;
    width: 725px;
    margin-left: 20px;
}

    #notesTable .description-container {
        padding: 0 0 0 2px;
    }

    #notesTable .ticket-number {
        width: 130px;
    }

    #notesTable .descriptionTd {
        display: block;
        text-align: left;
    }

        #notesTable .descriptionTd::-webkit-scrollbar-track {
            -webkit-box-shadow: inset -4px -6px 6px rgba(230, 214, 214, 0.3);
        }

        #notesTable .descriptionTd::-webkit-scrollbar {
            width: 10px;
            background-color: #F5F5F5;
        }

        #notesTable .descriptionTd::-webkit-scrollbar-thumb {
            border-radius: 3px;
            -webkit-box-shadow: inset 0 0 6px rgba(37, 127, 171, 0.3);
            background-color: #a7d8e8;
        }

    #notesTable .custom-table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }

    #notesTable .td-th {
        border: 1px solid #3e7694;
        text-align: center;
    }

    #notesTable .custom-th {
        text-align-last: center;
        color: #355b7b;
    }

    #notesTable .custom-ul {
        list-style: none;
        padding: 0;
        margin: 4px 1px 4px 1px;
    }

    #notesTable .custom-link {
        padding: 5px 5px 5px 5px;
        font-size: 16px;
    }

        #notesTable .custom-link:hover {
            box-shadow: inset 0px 0px 3px 1px #91e9f7;
            color: #4086c1;
            border-radius: 3px;
        }

    #notesTable .custom-li {
        white-space: pre-wrap;
        padding: 5px 5px 5px 8px;
        box-shadow: inset 0px 0px 3px 0px #b5b5b5;
        margin: 3px 3px 0 0;
        color: #313131;
        font-family: serif;
        border-radius: 1px;
    }

.ui-wrapper {
    padding: 0px !important;
    min-height: 264px !important;
    min-width: 726px !important;
    margin-bottom: 5px;
}

.custom-text-box-size {
    width: 120px;
}

.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 {
    min-height: 7px;
    padding-left: 7px;
    padding-right: 7px;
}

.form-group {
    margin-bottom: 6px;
}

.form-control {
    height: 31px;
}

.row {
    margin-left: 4px;
}

/*.item {
            width: 30px;
            height: 30px;
            text-align: center;
            display: inline-block;
        }*/

.item span {
    font-size: large;
    top: 8px;
}


/*Logo*/
.navbar-brand {
    padding: 0px;
}

    .navbar-brand > img {
        height: 100%;
        width: auto;
        padding: 1px;
        margin-right: 10px;
        margin-left: 10px;
    }


/*Dropdown*/

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

/*End Dropdown*/

.custom-input-size {
    max-width: 100%;
}

.without-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}