body {
    font-family: Verdana, sans-serif;
}

#ui-id-1 {z-index: 9999;}


.field-nowrap {
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.field-nowrap-sm {
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

.table-nowrap td, .table-nowrap th {
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70px;
}

.fiter-table td {
    padding: 2px;
}

.filter {
    width: 100%;
    border: solid 1px #cccccc;
    background-color:#F0F0F0;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 10px;
    margin-bottom: 3px;
}   

.btn {
    border-radius: 2rem;
}

.btn-link {
    padding-left: 0px;
}

.bg-jtron {
    background-color: #e9ecef;
}

#main-nav a {
    font-weight: bold;
}

.navbar {
    border-bottom: 2px solid red !important;
}

.navbar .nav-link {
  font-size: 18px;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  color: black;
}

.navbar .nav-item.active {
    border-left: #444 3px solid;
}

.navbar-light .navbar-toggler {
    border: 2px solid black;
    position: absolute;
    right: 20px;
    border-radius: 20px;
}

table.dialog_list tr.alt {
    color:#000000;
    background-color: #EBEBEB;
}

.table-sm td, .table-sm th {
   /* padding: 0.2rem;*/
    font-size: 11px;
}

.table-sm tr.alt, .table-sm th.alt {
    color:#000000;
    background-color: #EBEBEB;
}

select.form-control-sm{
    font-size: 11px !important;
}

select.form-control-sm:not([size]):not([multiple]) {
    height: 1.5rem;
    padding: 0px;
}
  
.form-control-sm{
    font-size: 11px;
    line-height: 1.2;
}

.form-check-label {
    font-size: 11px;
    text-align: left;
    font-weight: bold;
}

.form-inline {
    margin-bottom: 1px !important; 
}

.form-inline .control-label{
    padding-top: 10px !important;
}

.control-label {
    font-size: 12px;
}

#topBtn {
    /*display: none; */
    position: fixed; /* Fixed/sticky position */
    bottom: 30px; /* Place the button at the bottom of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: blue; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px;  /*Increase font size */
}


.menu {
    list-style: none;
    padding-left: 5px;
    padding-top: 10px;
}

.menu-item {
    font-size: 1rem;
    line-height: 1.5;    
    border: 1px solid transparent;
    font-weight: 400;
    padding-bottom: 5px;
}

#menu-sidebar .navbar {
    padding-left: 0px;
    border-bottom: none !important;
}

.nav-link {
    font-size: 12px;
    font-weight: bold !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-tabs .nav-link {
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: none;
    border-top-left-radius: 0.7rem;
    border-top-right-radius: 0.7rem;
}

.card-header {
    font-size: 14px;
    padding: 5px 15px;
}

.card-body {
    min-height: 200px;
    max-height: 280px;
    padding: 5px 5px;
    overflow-x:hidden;
    overflow-y:auto;
}

.form-inline .col-1,
.form-inline .col-2,
.form-inline .col-3,
.form-inline .col-4,
.form-inline .col-5,
.form-inline .col-6,
.form-inline .col-7,
.form-inline .col-8,
.form-inline .col-9,
.form-inline .col-10,
.form-inline .col-11,
.form-inline .col-12
{
    padding-top: 5px;
}


.typeahead .dropdown-item {
    font-size: 12px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 2px;
}

.typeahead .dropdown-menu {
    padding: 5px;
}

.typeahead a {
    color: black !important;
    font-size: 12px !important;
}

div.ui-datepicker {
    font-size:12px;
    margin-left: -10px;
    z-index: 1000;    
}

.modal-title {
    font-size: 20px;
}

.modal-header {
    padding-top: 5px;
    padding-bottom: 5px;
}

.modal-body {
    padding: 0.7rem;
}

.hidden {
    display: none !important;
}

.divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
    border-top: 1px solid gray;
}


@media (min-width: 400px) {
    .form-inline label {
        align-items: left;
        justify-content: left;
    }

    .form-inline .col-2 {
        padding-top: 0px;
    }
        
}

@media (max-width: 400px) {
    .nowrap-small {
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*max-width: 55px;*/
    }    


}