﻿#LogoAndStuff {
    max-width: 130px;
    max-height: 190px;
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}

    #LogoAndStuff img {
        width: 100%;
        margin-right: 10%;
        margin-top: 10%;
    }

.ContainerForWidth {
    margin-top: 15px;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

.ui-autocomplete {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
}

/*.ui-autocomplete {
    display: none;
}

ul.ui-autocomplete {
    list-style: none;
    overflow: auto;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}*/

.ui-helper-hidden-accessible {
    display: none;
}

.NoLabel {
    display: none;
}

.ChildTable {
    margin: auto;
}

    .ChildTable .GridClass a:active,
    .ChildTable .GridClass a:hover {
        color: #bd5a35;
        text-decoration: underline;
    }

    .ChildTable .GridClass {
        color: #666;
        text-shadow: 1px 1px 0px #fff;
        background: #eaebec;
        border: #ccc 1px solid;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 2px #d1d1d1;
        -webkit-box-shadow: 0 1px 2px #d1d1d1;
        box-shadow: 0 1px 2px #d1d1d1;
    }

.NoHeader .GridClass th {
    display: none;
}

.ChildTable .GridClass th:first-child {
    text-align: left;
    padding-left: 20px;
}

.ChildTable .GridClass tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

.ChildTable .GridClass tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.ChildTable .GridClass tr {
    text-align: center;
    padding-left: 0;
}

.ChildTable .GridClass td:first-child {
    text-align: left;
    padding-left: 20px;
    border-left: 0;
}

.ChildTable .GridClass td {
    padding: 18px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.ChildTable .GridClass tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

.ChildTable .GridClass tr:last-child td {
    border-bottom: 0;
}

    .ChildTable .GridClass tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .ChildTable .GridClass tr:last-child td:last-child {
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

.ChildTable .GridClass tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

.GridClass {
    margin: auto;
}

    .GridClass a:active,
    .GridClass a:hover {
        color: #bd5a35;
        text-decoration: underline;
    }

.GridClass {
    color: #666;
    text-shadow: 1px 1px 0px #fff;
    background: #eaebec;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}

    .GridClass tr:first-child th:first-child {
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .GridClass tr:first-child th:last-child {
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .GridClass tr {
        text-align: center;
        padding-left: 20px;
    }

    .GridClass td {
        padding: 2px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        /*background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);*/
        background: #eaebec;
        background: -webkit-gradient(linear, left top, left bottom, from(#eaebec), to(#fafafa));
        background: -moz-linear-gradient(top, #eaebec, #fafafa);
    }

    .GridClass tr.even td {
        background: #f6f6f6;
        background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
        background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
    }

    .GridClass tr:last-child td {
        border-bottom: 0;
    }

        .GridClass tr:last-child td:first-child {
            -moz-border-radius-bottomleft: 3px;
            -webkit-border-bottom-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .GridClass tr:last-child td:last-child {
            -moz-border-radius-bottomright: 3px;
            -webkit-border-bottom-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

    .GridClass tr:hover td {
        background: #CCCCCC;
        background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#e0e0e0));
        background: -moz-linear-gradient(top, #CCCCCC, #e0e0e0);
        /*background: #f2f2f2;*/
        /*background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);*/
    }


.SearchTable {
    margin: auto;
}

    .SearchTable a:active,
    .SearchTable a:hover {
        color: #bd5a35;
        text-decoration: underline;
    }

.SearchTable {
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-shadow: -1px -1px 0px #fff;
    background: #eaebec;
    margin: 20px;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}

.ChildTable .GridClass th:first-child {
    text-align: left;
    padding-left: 20px;
}

.SearchTable tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

.SearchTable tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.SearchTable tr:first-child {
    background: Silver;
    color: white;
}

    .SearchTable tr:first-child:hover {
        background: Crimson;
        color: white;
    }

.SearchTable tr {
    text-align: center;
    padding-left: 20px;
}

.SearchTable td:first-child {
    text-align: left;
    padding-left: 20px;
    border-left: 0;
}

.SearchTable td {
    padding: 18px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.SearchTable tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

.SearchTable tr:last-child td {
    border-bottom: 0;
}

    .SearchTable tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .SearchTable tr:last-child td:last-child {
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

.SearchTable tr:hover td {
    text-shadow: 1px 1px 1px #fff;
    color: #fff;
    background: #f2f2f2;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));*/
    background: -webkit-gradient(linear, left top, left bottom, from(Crimson), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

.DisclaimerDiv {
    border: 1px solid black;
    border-radius: 5px;
    padding: 10px;
}


.ShortInput {
    width: 40px;
}

.ShortestInput {
    width: 2px;
}

.MediumInput {
    width: 80px;
}




.GridClass {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

#LogoImage {
    width: 100%;
    max-width: 100px;
    max-height: 100px;
}

.header {
    direction: ltr;
    display: inline-flex;
    float: left;
}


.contentGroupHeader {
    COLOR: LavenderBlush;
    FONT-SIZE: 1.1em;
    FONT-WEIGHT: bolder;
    background-color: Crimson;
}

H1.contentHeader {
    COLOR: Crimson;
    FONT-SIZE: 14pt;
}

.seletedSubMenu {
    COLOR: Crimson;
    FONT-WEIGHT: bolder;
}


input, textarea, keygen, select, button {
    vertical-align: text-top;
}

.ui-accordion-content {
    padding: 1em;
}

.htmlDoc {
    TEXT-ALIGN: right;
    display: inline-block;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.longText {
    TEXT-ALIGN: @baseAlign;
    PADDING-LEFT: 0em;
    PADDING-RIGHT: 0em;
    Width: 70%;
    display: inline-block;
}

/*/.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .50;
    filter: alpha(opacity=50);
}

.white_content {
    display: none;
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    padding: 16px;
    border: 5px solid Crimson;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}
*/
input[id^='FIELD_20013_'] {
    max-width: 50px;
}

input[id^='FIELD_50002_'] {
    width: 11.5em;
}

input[id^='FIELD_50003_'] {
    width: 11.5em;
}

input[id^='FIELD_90013_'] {
    width: 5em;
}

input[id^='FIELD_50004_'] {
    width: 2.5em;
}

input[id^='FIELD_50010_'] {
    width: 2.5em;
}

select[id^='FIELD_90005_'] {
    width: 10em;
}

.noActive {
    pointer-events: none;
}

.withBorder {
    BORDER: #ffffff 1px solid;
    TEXT-ALIGN: @baseAlign;
    PADDING-LEFT: 0em;
    PADDING-RIGHT: 0em;
    Width: 30%;
    display: inline-block;
}

#IMG_BUTTON_1, #IMG_BUTTON_2, #IMG_BUTTON_7 {
    Width: 5em;
    height: 5em;
}

#IMG_BUTTON_6 {
    Width: 2em;
    height: 2em;
}

input[id^='FIELD_60004'], input[id^='FIELD_60005'] {
    background-color: #eeeeee;
    BORDER-BOTTOM: #729cb9 0px solid;
    BORDER-LEFT: #729cb9 0px solid;
    WIDTH: 20em;
    BORDER-TOP: #729cb9 0px solid;
    BORDER-RIGHT: #729cb9 0px solid;
    pointer-events: none;
}

@media only screen and (max-device-width : 767px) {
    .withBorder {
        BORDER: #ffffff 1px solid;
        TEXT-ALIGN: @baseAlign;
        PADDING-LEFT: 0em;
        PADDING-RIGHT: 0em;
        Width: 100%;
        text-align: center;
    }

    #deleteButton {
        margin: 150px 0 0 0;
    }

    #BUTTON_265 {
        margin: 20px 0 0 0;
    }
}

@media only screen and (min-device-width : 768px) {
    #deleteButton {
        position: absolute;
        left: 25px;
    }
}

input[id^='FIELD_7623_'] {
    max-width: 200px;
}

input[id^='FIELD_7101_'] {
    max-width: 250px;
}

td:has(input[id^='FIELD_7094_']) {
    width:100%;
}

/*input[id^='FIELD_7094_'] {
    max-width: 230px;
}*/


.GridTd > .form-control {
    min-width: initial;
    width: initial;
}

.GridTd > textarea.form-control {
    width: initial;
    min-width: initial;
}

.GridTd > select.form-control {
    min-width: initial;
}

.GridTd > input[id^='FIELD_9457_'] {
    min-width: 500px;
}

.GridTd > input[id^='FIELD_9460_'] {
    min-width: 500px;
}

.GridTd > input[id^='FIELD_9462_'] {
    min-width: 500px;
}
.GridTd > input[id^='FIELD_7077_'] {
    width: 125px;
}
.GridTd > select[id^='FIELD_13712_'] {
    min-width: 135px;
}
.GridTd > select[id^='FIELD_14175_'] {
    min-width: 151px;
}

@media only screen and (max-device-width : 767px) {
    .savebutton {
        Width: 100%;
        min-height: 50px;
    }
}

@media only screen and (min-device-width : 767px) {
    .savebutton {
        Width: 33%;
    }
}

.savebutton {
    font-weight: 600 !important;
}

@media only screen and (max-device-width : 767px) {
    /*#btnGoToQue {
        position: fixed;
        bottom: 0;
        left: 1px
    }*/
}

::-webkit-file-upload-button {
    background: aliceblue;
    padding: 1em;
    border: 1px solid rgba(76, 135, 185, 0.7) !important;
}
 .select2-results__option {
  color:black;
  background-color: #67c29c45;

}

.select2-results__option--highlighted {
  color: white !important;
  background-color: #6a7ab7 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: darkgray;
}
.select2-results__options{
    height: 400px;
    overflow: scroll;
}

.InGridFldTITLE {
    font-size: 16px;
    font-weight: 600;
    height: auto;
    text-align: right;
}



input[id^='FIELD_7625'] {
    width: 51px !important;
}

select[id^='FIELD_13975_'] {
    min-width: max-content !important;
}


@media (max-width: 768px) {
    .search-barInnerDiv {
        overflow-x: auto;
        white-space: nowrap;
        display: contents;
    }
}
GridTd > div > .ui-autocomplete-input{
    width:100%;
}