.bld {
    font-weight: bold !important;
}

.va {
    vertical-align: middle !important;
}

.mz {
    margin: 0 !important;
}

.mb20px {
    margin-bottom: 20px !important;
}

.mb25px {
    margin-bottom: 25px !important;
}

.mb10px {
    margin-bottom: 10px !important;
}

select.page-size {
    width: 60px !important;
}

.w220px {
    width: 220px !important;
}

.h35px {
    height: 35px !important;
}

.mtb {
    margin: 10px 0;
}

.btn-txt {
    font-weight: 400 !important;
    color: white !important;
}

.ui-button:hover, .ui-button:focus {
    background-color: #fff;
    background-image: none;
    border: 1px solid #054F87;
    border-radius: 2px;
    box-shadow: none;
}

.ui-button:hover .btn-txt, .ui-button:focus .btn-txt {
    color: #048 !important;
}

.ui-datatable .ui-sortable-column {
    cursor: pointer;
}

.search_panel input[type="text"],
.search_panel select {
    width: 99%;
}

ul.user-autocomplete {
    padding: 10px !important;
    background: #ffffff !important;
}

ul#ui-id-1.user-autocomplete {
    width: 208px !important;
}

.ui-autocomplete {
    max-height: 200px !important;
    max-width: 65% !important;
    overflow-y: auto !important;
    /* prevent horizontal scrollbar */
    overflow-x: hidden !important;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px !important;
}

ul li.ui-menu-item .ui-menu-item-wrapper {
    padding: 5px !important;
    border-bottom: 1px solid #f2f2f2;
}

.search-filter {
    background: white !important;
}

.l100 {
    left: 100%;
}

.mT14px-i {
    margin-top: 14px !important;
}

.mB5px {
    margin-bottom: 5px;
}

.mL5px {
    margin-left: 5px;
}

.mB1em {
    margin-bottom: 1em !important;
}

.mT5px {
    margin-top: 5px;
}

.mT-20px-i {
    margin-top: -20px !important;
}

.z1001 {
    z-index: 1001;
}

.w120px {
    width: 120px;
}

.w70px {
    width: 70px;
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}

.main-bpo-content {
    min-height: 640px;
    width: 1150px !important;
}

.mt1em {
    margin-top: 1em;
}

.signature-text {
    display: inline-block;
    margin-right: 2em;
}

.signature-text > p {
    margin-bottom: 0;
}

.mR3em {
    margin-right: 3em;
}

.mR10px {
    margin-right: 10px;
}

.display-inline-block {
    display: inline-block;
}

.clear {
    clear: both;
}

.img200 {
    max-height: 200px !important;
    max-width: 200px !important;
}

.display-none {
    display: none;
}

.secondary-t .ui-datatable thead th, .table-columns > tr > th {
    background: gray !important;
}

.w90px {
    width: 90px;
}

.w95px {
    width: 95px;
}

.w100px {
    width: 100px;
}

.w50px {
    width: 50px;
}

.w190px {
    width: 190px;
}

.align-center {
    text-align: center;
}

.font-size15 {
    font-size: 15px;
}

.mark-signed-icon::before {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 10px 0 0;
    content: "";
    background: transparent url("../images/ui-icons_30x30_3rd_2018-08-24.png") left top no-repeat;
    background-position-x: -360px;
    background-position-y: top;
    vertical-align: middle;
}


.system-icon::before {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 10px 0 0;
    content: "";
    background: transparent url("../images/ui-icons_30x30_3rd_2018-08-24.png") left top no-repeat;
    background-position-x: -390px;
    background-position-y: top;
    vertical-align: middle;
}

.download-icon::before {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 10px 0 0;
    content: "";
    background: transparent url("../images/ui-icons_30x30_3rd_2018-08-24.png") left top no-repeat;
    background-position-x: -330px;
    background-position-y: top;
    vertical-align: middle;
}

a.mark-signed-icon, a.system-icon, a.download-icon {
    color: #346ca5 !important;
    font-weight: bold;
    font-size: 14px;
}


.accept-icon::before {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 10px 0 0;
    content: "";
    background: transparent url("../images/ui-icons_30x30_3rd_2018-08-24.png") left top no-repeat;
    background-position-x: -300px;
    background-position-y: top;
    vertical-align: middle;
}

.sign-icon::before {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 10px 0 0;
    content: "";
    background: transparent url("../images/ui-icons_30x30_3rd_2018-08-24.png") left top no-repeat;
    background-position-x: -270px;
    background-position-y: top;
    vertical-align: middle;
}


button.accept-icon, button.sign-icon {
    padding: 0;
    background-color: #e8f6f5;
    color: #346ca5 !important;
    border: none;
    text-transform: none;
}


button.accept-icon span, button.accept-icon span.ui-button-text {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-shadow: none;
    letter-spacing: normal;
}

button.sign-icon span, button.sign-icon span.ui-button-text {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-shadow: none;
    letter-spacing: normal;
}

button.accept-icon:hover span.ui-button-text, button.sign-icon:hover span.ui-button-text {
    text-decoration: underline;
}


.ui-datatable table th .ui-column-title {
    white-space: normal !important;
}

.information-tab-title {
    background-color: #e8f6f5;
    border-radius: 6px;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}

.mRL10px {
    margin-left: 10px;
    margin-right: 10px;
}

.mRL20px {
    margin-left: 20px;
    margin-right: 20px;
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}

.pT0 {
    padding-top: 0;
}

.mT10 {
    margin-top: 10px;
}

.mT20 {
    margin-top: 20px;
}

.mT45 {
    margin-top: 45px;
}

.mT60 {
    margin-top: 60px;
}

.bB1 {
    border-bottom-style: solid;
    border-bottom-color: #004488;
    border-bottom-width: 1px;
}

.bT1 {
    border-top-style: solid;
    border-top-color: #004488;
    border-top-width: 1px;
}

.rightBtn {
    margin-top: 10px;
    float: right
}

.txtField {
    margin: 10px 10px 10px 5px !important;
    align-content: center !important;
}

.mTB60{
    margin-top: 60px;
    margin-bottom: 60px;
}

.mB60{
    margin-bottom: 60px;
}

.mTB20{
    margin-top: 20px;
    margin-bottom: 20px;
}

.mT40B20{
    margin-top: 40px;
    margin-bottom: 20px;
}

.shortTxtField{
    width: 85% !important;
}

.shortTxtFieldBtn{
    float: right;
    display: inline-block;
}

.emptyTableMsg{
    text-align: center;
    margin-top: 30px;
}

td, th {
    text-align: center !important;
    padding: 10px 17px 10px 17px !important;
}

label {
    text-align: right;
    clear: both;
    float: left;
    margin-right: 15px;
}

h1, h2, h3 {
    margin: 2px 0 !important;
}

.m13a {
    margin: 13px auto;
}

.p1520 {
    padding: 5px 10px !important;
}


[type="checkbox"] {
    vertical-align: middle;
    margin: 8px 10px 5px 10px !important;
}

textarea {
    resize: vertical;
    width: 99%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.select2-container--open .select2-field-nice-classes-dropdown .select2-distinctive-nice-classes-dropdown .select2-field-absolute-classes-dropdown .select2-field-classes-dropdown,
.select2-field-classes-dropdown{
    width: 560px !important;
    padding: 10px;
}

#select2-field-nice-classes-results,
#select2-distinctive-nice-classes-results,
#select2-field-absolute-classes-results,
.select2-field-classes-results{
    text-align: center;
}

#select2-field-nice-classes-results .select2-results__option,
#select2-distinctive-nice-classes-results .select2-results__option,
#select2-field-absolute-classes-results .select2-results__option,
.select2-field-classes-results .select2-results__option,
.select2-results__option{
    text-align: center;
    width: 36px;
    display: inline-block;
    margin: 1px;
    max-height: inherit;
    background-color: #048;
    background-image: none;
    border: 1px solid #048;
    border-radius: 2px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

input.select2-search__field {
    width: 100% !important;
}


#select2-field-nice-classes-results .select2-results__option[aria-selected=true],
#select2-field-nice-classes-results .select2-results__option:hover,
#select2-distinctive-nice-classes-results .select2-results__option[aria-selected=true],
#select2-distinctive-nice-classes-results .select2-results__option:hover,
#select2-field-absolute-classes-results .select2-results__option[aria-selected=true],
#select2-field-absolute-classes-results .select2-results__option:hover,
.select2-field-classes-results .select2-results__option[aria-selected=true],
.select2-field-classes-results .select2-results__option:hover,
.select2-results__option[aria-selected=true],
.select2-results__option:hover{
    background-color: #ddd;
    background-color: #fff;
    background-image: none;
    color: #048;
    border: 1px solid #054F87;
    border-radius: 2px;
    box-shadow: none;
}

.numberInput{
    width: 50px;
    height: 33px;
    border-radius: 2px;
    text-align: center;
    background-color: white;
    margin-top: 6px;
}

.material-icons.md-light { color: #446cb8; }

.text-column{
    text-align: left !important; width: 200px
}

.data-column{
    padding: 10px !important; width: 500px
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    margin-left: 5px;
    position: absolute !important;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
/*.dropdown:active .dropdown-content {display: block;}*/
.show {display: block;}

.ui-datepicker-calendar .ui-state-hover                    {background-color:#e6e6e6; border-color:#999;}
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-state-hover.ui-state-highlight {background-color:#fffa90;color:#000;}
.ui-datepicker-calendar .ui-state-hover.ui-state-active    {background-color:#059;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {cursor:pointer;}
.ui-datepicker-calendar .ui-state-active    {background-color:#059;border-color: #059;}

ui-datepicker{
    z-index: 9800 !important;
}

.paginator-css-fix{
    border: none !important;
    background: none !important;
}

.radio-btn{
    margin: 1px 1px 5px 5px !important;
}

body > header{
    width: 1220px !important;
}
body > footer{
    width: 1220px !important;
}

.ml90pro{
    margin-left: 90%;
}

.ml80pro{
    margin-left: 80%;
}

.successText{
    bottom: 5px;
    left: 40%;
    margin-top: 0px;
    color: green;
    position: absolute !important;
}

form {
    margin: 0 !important;
}

.width80pro{
    width: 80% !important;
}

.courtLabel{
    margin: 6px 0 10px 0px !important;
    width: 135px;
}

.vertical-rb{
    margin: 5px !important;
    float: left;
    display: inline-block;
}
.inlBlW100{
    display: inline-block;
    width: 100%;
}

.rb-text{
    display: inline-block;
    width: 90%;
}

.rb-grid{
    width: 100%;
    display: grid;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}