.calendar-for-picker{
    bottom: auto !important;
}
.main-nav{
    position: fixed;
    height: 100vh;
    width: 300px;
    border-right: #2d0500 1pt solid;
    padding-left: 20px;
}

.main-nav > div.nav-element{
    display: flex;
    justify-content: space-between !important;
    width: 100% !important;
}

.main-nav * img{
    max-width: 50px;
}

.dialog-content{
    overflow: scroll
}
.text-only-input{
    border: none;
    border-bottom: #BDBDBD 1px solid;
    width: 100%;
    color:black !important;
}

.text-only-input::placeholder{
    color: black;
}

.disabled:not(a){
    cursor: not-allowed !important;
    pointer-events: unset !important;
}

.disabled:hover>a{
    color: dimgrey !important;
}

/*.table-padded {*/
/*    border-collapse: collapse;*/
/*    table-layout: fixed;*/
/*    width: 50%;*/
/*}*/
.table-padded tbody:before {
    content: "";
    display:block;
    border-top: 10px solid white;
}

.table-padded tbody td{
    text-align: left;
}

.table-padded tbody tr {
    border-color: #000;
    border-style: solid;
}


.table-padded tbody th:first-of-type{
    border-top-left-radius: 10px;
}
.table-padded tbody th:first-of-type{
    border-top-right-radius: 10px;
}


.table-padded tbody tr:first-of-type td:first-child{
    border-top-left-radius: 10px;
}
.table-padded tbody tr:first-of-type td:last-child{
    border-top-right-radius: 10px;
}
.table-padded tbody tr:last-of-type td:first-child{
    border-bottom-left-radius: 10px;
}
.table-padded tbody tr:last-of-type td:last-child{
    border-bottom-right-radius: 10px;
}

.table-padded tr th:last-child{
    /*width: 90px;*/
}

.table-padded tr td:last-child{
    /*width: 90px;*/
    text-align: right;
}

.table-padded tbody tr {
    background-color: whitesmoke;
}
.table-padded td {
    text-align: right;
}

a[disabled]{
    color: #606f7b !important;
}

button[disabled]:not(.primary){
    color: #606f7b !important;
}

.use-list-separator > div:nth-of-type(1n+2){
    border-top: #8aa2ae solid 2px;
}

.onTop{
    z-index: 9999;
}

.flex-grow-1{
    flex-grow: 1 !important;
}

.flex-shrink-1{
    flex-shrink: 1 !important;
}

.sort-handle{
    cursor: pointer;
}


#deletedStops:empty{
    display: none;
}

#deletedStops > div{
    background-color: rgba(250, 235, 234, .5) !important;
}

[linehaul-row]:hover{
    cursor: pointer;
    background-color: #b9bbbe;
}

.main-menu-button{
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background-color: transparent;
    border: 2px solid transparent;
    outline: 0;
    cursor: pointer;
}

.sidebar-header::before{
    content: "";
    background-image: url('/resources/assets/identity/icono-invertido.png');
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .25;
}

.row-hover > tbody > tr:not([disabled]){
    cursor: pointer;
}

.do-hover:hover{
    cursor: pointer;
    background-color: #d3d9df;
}

.my-slider{
    height: 100%;
    width: 100%;
    display: flex;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.my-slide{
    flex-shrink: 0;
    height: 100%;
    width: 100%;
}

.enable-scroll{
    overflow: scroll;
}

.row-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
}

.row-list li{
    min-width: 50%;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box;
    padding: 5px;
    /*border: thin solid #b3b7bb;*/
}

.pl-checkbox{
    min-height: 35px;
    align-content: center;
}

.pl-checkbox > input{
    appearance: none;
}

.pl-checkbox > label{
    position: absolute;
    left: 0;
    border: #BDBDBD solid thin;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color;
    transition-duration: .1s;
}

.pl-checkbox > input:checked ~ label{
    background-color: #d3d9df;
}

.transition-effects{
    transition: all;
    transition-duration: 300ms;
}

.striped-custom-rows:nth-child(odd){
    background-color: #444;
}

.warning-yellow{
    background-color: rgb(250, 250, 172) !important;
}

/*!*.trip-stop:not(:first-child){*!*/
/*.stop-heading{*/
/*    position: relative;*/
/*    background-color: red;*/
/*    z-index: 100;*/
/*}*/

/*!*.trip-stop:not(:first-child):after{*!*/
/*.stop-heading:before{*/
/*    content : "";*/
/*    position: absolute;*/
/*    top : 50%;*/
/*    right: 0;*/
/*    height  : 1px;*/
/*    width   : 100%;*/
/*    border-top: gray solid 1px;*/
/*}*/