th {
    border: none !important;
}

.w-100 {
    width: 100%;
}

.w-75 {
    width: 75%;
}

.w-50{
    width: 50%;
}

.w-25{
    width: 25%;
}


span, h1, h2, h3, h4, h5, h6, div, td, tr {
    user-select:text;
}

.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .popup .popuptext {
        visibility: hidden;
        width: 160px;
        background-color: #5D6D7E;
        color: #fff;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -80px;
    }

        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Toggle this class - hide and show the popup */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#Richieste td#requestPickUp, #Richieste td#requestDropOff {
    width: 20%;
    padding: 14px 8px 14px 8px;
}

#Richieste td#requestUser {
    width: 25%;
    padding: 14px 8px 14px 8px;
}

#Richieste td#requestPickUpTime, #Richieste td#requestDropOffTime {
    width: 15%;
    padding: 14px 8px 14px 8px;
}


#Richieste td#requestStatus {
    width: 20px;
    padding: 14px 8px 14px 8px;
}

#Richieste td#ActionButton {
    width: 10px;
    text-align: center;
    padding: 14px 8px 14px 8px;
    cursor: pointer;
}

#Proposte td#bookingStatus {
    width: 20px;
    padding: 14px 8px 14px 8px;
}

#Proposte td#bookingVehicle {
    width: 15%;
    padding: 14px 8px 14px 8px;
}

#Proposte td#bookingPickUp, #Proposte td#bookingDropOff {
    width: 20%;
    padding: 14px 8px 14px 8px;
}

#Proposte td#bookingPickUpTime, #Proposte td#bookingDropOffTime {
    width: 20%;
    padding: 14px 8px 14px 8px;
}

#Proposte td#bookingAction {
    width: 10px;
    text-align: center;
    padding: 14px 8px 14px 8px;
}


.actionDropDown {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 40px -10px #000;
    color: #505050;
    margin-top: 24px;
    max-height: 0;
    overflow: hidden;
    transition: all .5s
}

.down {
    max-height: 150px
}


@media(min-width: 1200px) {
    /*.RequestBox, .ProposedBox{
        width:55%;
        float:left;
    }

    .MapBox, .PathBox {
        width: 45%;
        float: left;
    */
}

.header-box-container {
    display: inline-flex;
    align-items: center;
    width: 70%;
}

.input-header {
    width: 100%;
    float: right;
    margin-right: 20px;
}
/*Impostazioni di stile per firefox*/
@-moz-document url-prefix() {
    .input-header {
        float: right;
        margin-right: 20px;
    }
}

}

.RequestBox, .MapBox, .ProposedBox, .PathBox {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/* Page */

/*.container-action {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    text-align: center;
}*/

.more-menu {
    width: 100px;
}

/* More Button / Dropdown Menu */

.more-btn,
.more-menu-btn {
    background: none;
    border: 0 none;
    line-height: normal;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    text-align: left;
    outline: none;
    cursor: pointer;
}

.more-dot {
    background-color: #aab8c2;
    margin: 0 auto;
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 1px;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.more-menu {
    position: absolute;
    top: 100%;
    z-index: 900;
    float: left;
    padding: 10px 0;
    margin-top: 9px;
    background-color: #fff;
    border: 1px solid #ccd8e0;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
    opacity: 0;
    transform: translate(0, 15px) scale(.95);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
}

.more-menu-caret {
    position: absolute;
    top: -10px;
    left: 12px;
    width: 18px;
    height: 10px;
    float: left;
    overflow: hidden;
}

.more-menu-caret-outer,
.more-menu-caret-inner {
    position: absolute;
    display: inline-block;
    margin-left: -1px;
    font-size: 0;
    line-height: 1;
}

.more-menu-caret-outer {
    border-bottom: 10px solid #c1d0da;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: auto;
    left: 0;
    top: 0;
    width: auto;
}

.more-menu-caret-inner {
    top: 1px;
    left: 1px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
}

.more-menu-items {
    margin: 0;
    list-style: none;
    padding: 0;
}

.more-menu-item {
    display: block;
}

.more-menu-btn {
    min-width: 100%;
    color: #66757f;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 20px;
    position: relative;
    white-space: nowrap;
}

.more-menu-item:hover {
    background-color: #489fe5;
}

    .more-menu-item:hover .more-menu-btn {
        color: #fff;
    }

.more-btn:hover .more-dot,
.show-more-menu .more-dot {
    background-color: #516471;
}

.show-more-menu .more-menu {
    opacity: 1;
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}

.animate {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}



/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.four {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.three {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.two {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.one {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.one-box {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.two-box {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.three-box {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.four-box {
    -webkit-animation-delay: 2.3s;
    -moz-animation-delay: 2.3s;
    animation-delay: 2.3s;
}



#toast {
    max-width: 350px;
    overflow: hidden;
    background-color: rgba(35, 155, 86, 0.7);
    color: white;
    background-clip: padding-box;
    border: 1px solid rgba(35, 155, 86, 0.7);
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    visibility: hidden;
    position: fixed;
    margin: auto;
    bottom: 40px;
    right: 20px;
    z-index: 2000;
}

    #toast.error {
        background-color: rgba(231, 76, 60,0.7);
        border: 1px solid rgba(231, 76, 60,0.7);
    }

    #toast.warning {
        background-color: rgba(212, 172, 13,0.7);
        border: 1px solid rgba(212, 172, 13,0.7);
    }

    #toast.success {
        background-color: rgba(35, 155, 86, 0.7);
        border: 1px solid rgba(35, 155, 86, 0.7);
    }

    #toast.info {
        background-color: rgba(93, 173, 226, 0.7);
        border: 1px solid rgba(93, 173, 226, 0.7);
    }

        #toast.error.top-left, #toast.warning.top-left, #toast.info.top-left, #toast.success.top-left {
            position: fixed;
            margin: inherit;
            top: 57px;
            left: 67px;
            bottom: inherit;
        }

        #toast.error.top-center, #toast.warning.top-center, #toast.info.top-center, #toast.success.top-center {
            position: fixed;
            margin: auto;
            top: 60px;
            left: 0px;
            right: 0px;
            bottom: inherit;
        }

        #toast.error.top-right, #toast.warning.top-right, #toast.info.top-right, #toast.success.top-right {
            position: fixed;
            margin: auto;
            top: 57px;
            left: inherit;
            right: 16px;
            bottom: inherit;
        }

        #toast.error.center-left, #toast.warning.center-left, #toast.info.center-left, #toast.success.center-left {
            position: fixed;
            margin: auto;
            top: inherit;
            left: 67px;
            right: inherit;
            bottom: 50%;
        }

        #toast.error.center, #toast.warning.center, #toast.info.center, #toast.success.center {
            position: fixed;
            margin: auto;
            top: inherit;
            left: 0px;
            right: 0px;
            bottom: 50%;
        }

        #toast.error.center-right, #toast.warning.center-right, #toast.info.center-right, #toast.success.center-right {
            position: fixed;
            margin: auto;
            top: inherit;
            left: inherit;
            right: 16px;
            bottom: 50%;
        }

        #toast.error.bottom-left, #toast.warning.bottom-left, #toast.info.bottom-left, #toast.success.bottom-left {
            position: fixed;
            margin: auto;
            top: inherit;
            left: 67px;
            right: inherit;
            bottom: 40px;
        }

        #toast.error.bottom-center, #toast.warning.bottom-center, #toast.info.bottom-center, #toast.success.bottom-center {
            position: fixed;
            margin: auto;
            top: inherit;
            left: 0px;
            right: 0px;
            bottom: 40px;
        }

        #toast.error.bottom-right, #toast.warning.bottom-right, #toast.info.bottom-right, #toast.success.bottom-right {
            position: fixed;
            margin: auto;
            top: inherit;
            left: inherit;
            right: 16px;
            bottom: 40px;
        }

#toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: white;
    /*background-color: rgba(40, 180, 99, 0.5);*/
    background-clip: padding-box;
    /*border-bottom: 1px solid #28B463;*/
}


#toast-body {
    padding: .75rem;
    white-space: pre-wrap;
}

#toast.show {
    visibility: visible;
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    left: 20px;
    border-bottom: 1px solid #111;
    width: 95%;
    height: 12px;
}

tr.strikeout td:after {
    content: "\00B7";
    font-size: 1px;
}

.modal-confirm {
    color: #636363;
    width: 400px;
}

    .modal-confirm .modal-content {
        padding: 20px;
        border-radius: 5px;
        border: none;
        text-align: center;
        font-size: 14px;
    }

    .modal-confirm .modal-header {
        border-bottom: none;
        position: relative;
    }

    .modal-confirm h4 {
        text-align: center;
        font-size: 26px;
        margin: 30px 0 -10px;
    }

    .modal-confirm .close {
        position: absolute;
        top: 10px;
        right: -2px;
    }

    .modal-confirm .modal-body {
        color: #999;
        margin-right: 20px;
        margin-top: 10px;
    }

    .modal-confirm .modal-footer {
        border: none;
        text-align: center;
        border-radius: 5px;
        font-size: 13px;
        padding: 10px 15px 25px;
    }

        .modal-confirm .modal-footer a {
            color: #999;
        }

    .modal-confirm .icon-box {
        width: 80px;
        height: 80px;
        margin: 0 auto;
        border-radius: 50%;
        z-index: 9;
        text-align: center;
        border: 3px solid #f15e5e;
    }

        .modal-confirm .icon-box span {
            color: #f15e5e;
            font-size: 46px;
            display: inline-block;
            margin-top: 5px;
        }

    .modal-confirm .btn {
        color: #fff;
        border-radius: 4px;
        background: #60c7c1;
        text-decoration: none;
        transition: all 0.4s;
        line-height: normal;
        min-width: 120px;
        border: none;
        min-height: 40px;
        border-radius: 3px;
        margin: 0 5px;
        outline: none !important;
    }

    .modal-confirm .btn-info {
        background: #c1c1c1;
    }

        .modal-confirm .btn-info:hover, .modal-confirm .btn-info:focus {
            background: #a8a8a8;
        }

    .modal-confirm .btn-danger {
        background: #f15e5e;
    }

        .modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
            background: #ee3535;
        }

.modal-backdrop {
    background-color: transparent;
}

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

.hidden {
    display: none;
}

.visuallyhidden {
    opacity: 0;
}

.user-select-datatable {
    /*background-color: rgba(52, 152, 219, 0.5);*/
    color: #707B7C;
    font-size: 18px;
    cursor: pointer;
}

.icon {
    color: #7F8C8D;
}

.row-selected, tr.row-selected:hover {
    /*background-color: rgba(52, 152, 219, 0.5) !important;*/
    background-color: rgba(93, 109, 126,0.5) !important;
}

    .row-selected .multiple-select-datatable {
        color: white !important;
    }

    .row-selected td .icon {
        color: white !important;
    }



/*tr:hover {
    background-color: #f5f5f5;
}*/
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    width: 100%;
    border-top: none;
    z-index: 990;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    right: 0;
    max-height: 240px;
    overflow-y: auto;
    background-color: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 20px;
    scrollbar-width: thin;
}


    .autocomplete-items div:hover {
        background-color: #e9e9e9;
    }

.addRequestBody {
    max-height: 90%;
    scrollbar-width: thin;
    transition: height 500ms linear;
}


#Richieste_wrapper .row {
    margin-left: -5px;
    margin-right: -5px;
}

.info-box-container {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.more-option-content {
    display: none;
    position: absolute;
    background-color: #fff;
    /*min-width: 200px;*/
    right: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1260;
    border-radius: 5px;
}

.more-body-option-content, .more-head-option-content {
    max-width: 160px;
    /*margin: 0 auto;*/
}





.spinner {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 0px;
    border-radius: 100%;
    border: 6px solid;
    border-top-color: #005a9c;
    border-bottom-color: #005a9c;
    border-left-color: rgba(0, 90, 156, 0.15);
    border-right-color: rgba(0, 90, 156, 0.15);
    -webkit-animation: spinner 0.8s ease-in-out infinite alternate;
    animation: spinner 0.8s ease-in-out infinite alternate;
}

@keyframes spinner {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}


.add-user-mapbox {
    float: right;
    width: 48%;
    margin-right: 15px;
}

.add-user-pathbox {
    width: 48%;
    float: right;
    margin-right: 15px;
}

.UserProposedBox {
    width: 50%;
    position: absolute;
    margin-left: 15px;
}


.center-loader {
    position: absolute;
    width: 300px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 1500;
}

#table_tbody_notify tr {
    height: 40px;
}

    #table_tbody_notify tr td:first-child {
        text-align: left;
        padding-left: 10px;
    }


    #table_tbody_notify tr td {
        text-align: start;
        padding-right: 5px;
        padding-left: 25px;
        color: #616A6B;
    }

#menu_info_notification li {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Clearable text inputs */
.clearable {
    background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center;
    border-radius: 3px;
    transition: background 0.4s;
}

    .clearable.x {
        background-position: right 5px center;
    }
    /* (jQ) Show icon */
    .clearable.onX {
        cursor: pointer;
    }
    /* (jQ) hover cursor style */
    .clearable::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }
/* Remove IE default X */



.header-box-container {
    display: inline-flex;
    align-items: center;
    width: 70%;
}

.input-header {
    width: 100%;
    float: right;
    margin-right: 20px;
}
/*Impostazioni di stile per firefox*/
@-moz-document url-prefix() {
    .input-header {
        float: right;
        margin-right: 20px;
        width: auto;
    }
}

.isOnline {
    background-color: rgba(82, 190, 128,0.7);
}

.isOffline {
    background-color: rgba(231, 76, 60,0.7);
}

.isOnline-text {
    background-color: rgba(82, 190, 128,0.3);
}

.isOffline-text {
    background-color: rgba(231, 76, 60,0.3);
}

td {
    overflow: hidden;
    white-space: nowrap;
}

.tobedeleted {
    color: #dd4b39 !important;
}

.elaborated {
    color: #00a65a;
}

.button-disabled {
    color: #7F8C8D !important;
    cursor: not-allowed !important;
    /*border: 1px solid #7F8C8D !important;*/
}

.color-disabled {
    color: #7F8C8D !important;
}


.tabs__wrapper {
    margin: 0 auto;
}

.tabs__ {
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    padding-left: 0px;
}

    .tabs__ > li {
        transition-duration: .25s;
        display: table-cell;
        list-style: none;
        text-align: center;
        padding: 20px 20px 15px 20px;
        position: relative;
        /*overflow: hidden;*/
        cursor: pointer;
        color: white;
    }

        .tabs__ > li:before {
            z-index: -1;
            position: absolute;
            content: "";
            width: 100%;
            height: 120%;
            top: 0;
            left: 0;
            background-color: rgba(255, 255, 255, 0.3);
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            transition-duration: .25s;
            border-radius: 5px 5px 0 0;
        }

        .tabs__ > li:hover:before {
            -webkit-transform: translateY(70%);
            transform: translateY(70%);
        }

        .tabs__ > li.active {
            /*color: #3c8dbc;*/
            color: #5D6D7E;
        }

            .tabs__ > li.active:before {
                transition-duration: .5s;
                background-color: white;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

.tab__content {
    background-color: white;
    position: relative;
    width: 100%;
    border-radius: 4px;
}

    .tab__content > li {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        list-style: none;
    }

        .tab__content > li .content__wrapper {
            border-radius: 5px;
            width: 100%;
            padding: 45px 40px 40px 40px;
            background-color: white;
        }

.content__wrapper h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    font-weight: 300;
}

.map-modal {
    float: none;
    width: auto;
    padding: 0px;
}

    .map-modal .box {
        border-top: 0px;
    }

        .map-modal .box .box-header {
            padding-top: 0px;
        }

            .map-modal .box .box-header.with-border {
                border-bottom: 0px;
            }


.modal-content {
    border-radius: 30px !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-bottom: 0px !important;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 4px;
        bottom: 0;
        top: 0;
        margin: auto;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: rgba(93, 173, 226,0.8) !important;
}

input:focus + .slider {
    box-shadow: 0 0 1px rgba(93, 173, 226,0.8);
}

input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.generalcolor {
    color: #B2BABB;
}

.drag-container {
    height: 100%;
}

.skewBtn {
    width: 70%;
    height: 40px;
    outline: none;
    cursor: pointer;
    background: none;
    transition: .5s;
    font-size: 16px;
    border-radius: 1.5em;
}

    .skewBtn:hover {
        border: none;
        color: white;
        /*font-size: 18px;*/
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.skewBtn-disabled {
    width: 70%;
    height: 40px;
    outline: none;
    background: none;
    transition: .5s;
    font-size: 16px;
    border-radius: 1.5em;
}

.blue-disabled {
    border: 1px solid #AEB6BF;
    color: #AEB6BF;
}


.blue {
    border: 1px solid #AEB6BF;
    color: #AEB6BF;
}

    .blue:hover {
        /*border: 1px solid #5D6D7E;
        color: #5D6D7E;*/
        border: none;
        color: white;
        background-color: rgba(39,174,96,0.6);
        transition: all 0.3s ease-in-out;
    }

.H24 {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #24c1e8;
    background-color: white;
    color: #24c1e8;
    text-align: center;
    cursor: pointer;
    transition: background-color 350ms linear, color 350ms linear, border 350ms;
}

.nohover {
    pointer-events: none;
}

.label-status {
    display: inline;
    padding: 4px 10px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 8px;
    font-weight: 100;
    font-size: 12px;
}

.label-checkbox {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .label-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #CCD1D1;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.label-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.label-checkbox input:checked ~ .checkmark {
    background-color: rgba(93, 173, 226,0.8);
}

    .label-checkbox input:checked ~ .checkmark.disabled {
        background-color: #B2BABB;
    }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.label-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.label-checkbox .checkmark:after {
    left: 8px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.day-daytype {
    border-radius: 8px;
    background-color: rgb(26,188,156);
    color: white;
    text-align: center;
    cursor: pointer;
    transition: background-color 350ms linear, color 350ms linear, border 350ms;
    padding: 8px;
    background-color: #B2BABB;
}

    .day-daytype.sel {
        border-radius: 8px;
        background-color: rgb(60,141,188);
        color: white;
        text-align: center;
        cursor: pointer;
        transition: background-color 350ms linear, color 350ms linear, border 350ms;
        padding: 8px;
    }

.daytype-old {
    background-color: rgba(153, 163, 164, 0.7) !important;
}


.center-in-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.absolute-tooltip {
    position: absolute;
}

.disabled-input {
    color: #aaa;
}

.row {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.error {
    color: rgba(255, 87, 51, 0.7);
}

.warning {
    color: rgba(241, 196, 15, 0.7);
}

.success {
    color: rgba(39, 174, 96, 0.7);
}

.primary-color {
    color: rgba(60,141,188, 0.7);
}

.background-red {
    background-color: rgba(255, 87, 51, 0.7) !important;
}

.background-green {
    background-color: rgba(39, 174, 96, 0.7) !important;
}

.background-primary {
    background-color: rgba(60,141,188, 0.7) !important;
}

.background-unavailable {
    background-color: rgba(127, 140, 141, 0.7) !important;
}

.background-deselected {
    background-color: rgba(231, 76, 60, 0.7) !important;
}

.background-planned {
    background-color: rgba(241, 196, 15, 0.7) !important;
}

.background-associated {
    background-color: rgba(40, 180, 99, 0.7) !important;
}

th.resizing {
    cursor: ew-resize !important;
}


.lds-circle {
    display: inline-block;
    transform: translateZ(1px);
}

    .lds-circle > div {
        display: inline-block;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        animation: lds-circle 5.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
        border: 2px solid rgba(39, 174, 96, 0.7) !important;
        background-color: #F4F6F7 !important;
    }

@keyframes lds-circle {
    0%, 100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(1800deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    100% {
        transform: rotateY(3600deg);
    }
}

.tooltip {
    z-index: 2000px;
}


.flip-card {
    height: 40px;
    perspective: 1000px;
}

.flip-card-inner {
    height: 100%;
    text-align: center;
    transition: transform 0.5s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateX(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotatex(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.flip-card-back {
    transform: rotateX(180deg);
}


.container-radiobutton {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .container-radiobutton input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark-radiobutton {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: rgba(131, 145, 146, 0.5);
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radiobutton:hover input ~ .checkmark-radiobutton {
    background-color: rgba(113, 125, 126, 0.5);
}

/* When the radio button is checked, add a blue background */
.container-radiobutton input:checked ~ .checkmark-radiobutton {
    background-color: rgba(93, 173, 226,0.8);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radiobutton:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radiobutton input:checked ~ .checkmark-radiobutton:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-radiobutton .checkmark-radiobutton:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.sel-container {
    background-color: rgba(40, 180, 99,0.4);
}

/*.select2-result-repository {
    padding-top: 4px;
    padding-bottom: 3px;
}*/
.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}


.select2-container--default .select2-results > .select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 360px !important;
}

.select2-container--open .select2-dropdown {
    max-height: 400px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
    border-radius: 8px;
}
/*.select2-result-repository__meta {
    margin-left: 70px;
}*/
.select2-result-repository__title {
    line-height: 1.1;
    margin-bottom: 6px;
}

.select2-result-repository__description, .select2-result-repository__CARROZZ, select2-result-repository__blackList {
    display: inline-block;
    color: #aaa;
    font-size: 11px;
    margin-right: 1em;
}

.select2-results__option--highlighted .select2-result-repository__description,
.select2-results__option--highlighted .select2-result-repository__CARROZZ,
.select2-results__option--highlighted .select2-result-repository__blackList, {
    color: #c6dcef;
}

.select2-dropdown.select2-dropdown--below {
    border-radius: 8px;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: white;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    border-radius: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #fff;
    /*background-color: #3c8dbc;*/
    background-color: #5D6D7E;
    opacity: 0.7;
    padding: 3px;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 20px;
    outline: none;
    padding: 3px;
}

.select2-container--default .select2-selection--multiple, .select2-selection .select2-selection--multiple {
    border: 1px solid #d2d6de;
}

.select2-container--default .select2-selection--multiple {
    background-color: transparent;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    min-height: 34px !important;
    height: auto;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 3px !important;
    margin-left:10px;
}


.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: none !important;
}

.tooltip.right {
    margin-left: 15px;
}




.upload {
    --btn-color: #3bafda;
    --progress-color: #2d334c;
    --ease-in-out-quartic: cubic-bezier(0.77, 0, 0.175, 1);
    position: relative;
    display: flex;
    font-size: 24px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 1.7px 1.4px rgba(0, 0, 0, 0.02), 0 4px 3.3px rgba(0, 0, 0, 0.028), 0 7.5px 6.3px rgba(0, 0, 0, 0.035), 0 13.4px 11.2px rgba(0, 0, 0, 0.042), 0 25.1px 20.9px rgba(0, 0, 0, 0.05), 0 60px 50px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

.upload__info {
    display: flex;
    align-items: center;
    padding: 25px 30px;
    margin-right: 60px;
}

.upload__filename {
    padding-left: 12px;
}

.upload__button {
    position: relative;
    padding: 20px 20px;
    font-size: 24px;
    color: white;
    background: none;
    border: none;
    border-radius: inherit;
    outline: none;
    cursor: pointer;
    transform: scale(0.9);
}

    .upload__button::before {
        position: absolute;
        content: "";
        z-index: -1;
        top: 0;
        left: 2px;
        width: 100%;
        height: 100%;
        background-color: var(--btn-color);
        border-radius: inherit;
        transform-origin: right;
    }

.upload__hint {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: white;
    transform: translateY(100%);
}

.upload__progress {
    position: absolute;
    content: "";
    top: 90%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: white;
    background: var(--progress-color);
    transform: scaleX(0);
    transform-origin: left;
}

    .upload__progress .check {
        stroke-dasharray: 20px;
        stroke-dashoffset: 20px;
        margin-right: 10px;
    }

.upload.uploading .upload__button {
    animation: expand 0.3s forwards;
}

    .upload.uploading .upload__button::before {
        animation: fill-left 1.2s 0.4s var(--ease-in-out-quartic) forwards;
    }

.upload.uploading .upload__info > *,
.upload.uploading .upload__button__text {
    animation: fade-up-out 0.4s 0.4s forwards;
}

.upload.uploading .upload__hint {
    animation: fade-up-in 0.4s 0.8s forwards;
}

.upload.uploading .upload__progress {
    animation: fill-right 2s 1s var(--ease-in-out-quartic) forwards;
}

.upload.uploaded .upload__progress {
    animation: slide-up 1s var(--ease-in-out-quartic) forwards;
}

    .upload.uploaded .upload__progress .check {
        animation: stroke-in 0.6s 0.4s var(--ease-in-out-quartic) forwards;
    }

.upload.uploaded-after .upload__info {
    animation: slide-down-info 1s var(--ease-in-out-quartic) forwards;
}

.upload.uploaded-after .upload__button {
    animation: slide-down-button 1s var(--ease-in-out-quartic) forwards;
}

.upload.uploaded-after .upload__progress {
    animation: slide-down-progress 1s var(--ease-in-out-quartic) forwards;
}

@keyframes expand {
    to {
        transform: scale(1);
    }
}

@keyframes fill-left {
    to {
        transform: scale(4, 1.2);
    }
}

@keyframes fade-up-out {
    to {
        opacity: 0;
        transform: translateY(-40%);
    }
}

@keyframes fade-up-in {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fill-right {
    to {
        transform: scaleX(1);
    }
}

@keyframes slide-up {
    from {
        transform: scaleX(1) translateY(0);
    }

    to {
        transform: scaleX(1) translateY(-90%);
    }
}

@keyframes stroke-in {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes slide-down-info {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes slide-down-button {
    from {
        transform: scale(0.9) translateY(-100%);
    }

    to {
        transform: scale(0.9) translateY(0);
    }
}

@keyframes slide-down-progress {
    from {
        transform: scaleX(1) translateY(-90%);
    }

    to {
        transform: scaleX(1) translateY(10%);
    }
}

#notifications-bottom-right {
    position: absolute;
    width: 400px;
    right: 20px;
    top: 60px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 20px;
    z-index: 1000;
}

    #notifications-bottom-right > span:first-child {
        background-color: white;
        float: left;
        height: 90px;
        width: 400px;
        margin-top: 10px;
        position: relative;
        border-radius: 20px;
    }

#notifications-bottom-right-tab {
    float: left;
    height: 90px;
    width: 400px;
    margin-top: 0px;
    position: relative;
    border-radius: 20px;
    /*background-color: rgba(60,141,188, 0.7);*/
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

    #notifications-bottom-right-tab.info-message {
        background-color: rgba(60,141,188,0.7);
    }

    #notifications-bottom-right-tab.info-warning {
        background-color: rgba(212, 172, 13,0.7);
    }

    #notifications-bottom-right-tab.info-error {
        background-color: rgba(231, 76, 60,0.7);
    }

    #notifications-bottom-right-tab.info-success {
        background-color: rgba(35, 155, 86, 0.7);
    }

#notifications-bottom-right-tab-close {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    right: 15px;
    /*color: #cccccc;*/
    color: white;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

    #notifications-bottom-right-tab-close:hover {
        color: rgba(102,102,102,1);
        cursor: pointer;
    }

    #notifications-bottom-right-tab-close .close {
        color: white;
        position: absolute;
        top: 0;
        font-size: 14px;
        opacity: 0.7;
        font-weight: 100;
    }

#notifications-bottom-right-tab-avatar {
    float: left;
    height: 100px;
    width: 70px;
    margin-left: 20px;
}

    #notifications-bottom-right-tab-avatar img {
        -moz-border-radius: 50% 50% 50% 50%;
        -webkit-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        -khtml-border-radius: 50% 50% 50% 50%;
        float: left;
        margin-top: 10px;
        background-color: rgba(255,255,255,1);
        padding: 10px;
        border-radius: 250px;
    }

#notifications-bottom-right-tab-right {
    float: left;
    width: 210px;
    margin-left: 20px;
    margin-top: 12px;
}

#notifications-bottom-right-tab-right-title {
    float: left;
    width: 100%;
    /*color: #252525;*/
    font-weight: 600;
    color: white;
}

    #notifications-bottom-right-tab-right-title span {
        color: #e91e63;
        color: white;
    }

#notifications-bottom-right-tab-right-text {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #4c4c4c;
    color: white;
    /*font-style: italic;*/
    margin-top: 5px;
}

#notifications-full {
    -moz-box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
    height: 300px;
    width: 530px;
    background-color: rgba(255,255,255,1);
    position: fixed;
    margin-top: 10%;
    margin-left: -265px;
    z-index: 2;
    left: 50%;
    top: 10%;
}

#notifications-full-close {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #cccccc;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

    #notifications-full-close:hover {
        color: rgba(102,102,102,1);
        cursor: pointer;
    }

#notifications-full-icon {
    float: left;
    width: 100%;
    font-size: 65px;
    text-align: center;
    height: 65px;
    margin-top: 35px;
    color: #404040;
}

#notifications-full-text {
    width: 430px;
    float: left;
    margin-left: 50px;
    text-align: center;
    margin-top: 40px;
    font-size: 16px;
    line-height: 24px;
    color: #404040;
}

.iconb:before {
    color: white;
    font-family: 'IcoMoon';
    content: attr(data-icon);
}

.slide-left {
    -webkit-animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-right {
    -webkit-animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.export-file {
    min-width: 0px;
    width: 0px;
    padding: 0px;
    transition: width 2s;
    /*display: none;*/
    /*transition: transform 0s ease-out;*/
}

#exportFile :hover > .export-file {
    width: auto;
    /*display: none;*/
    /*transition: transform 0s ease-out;*/
}

.export-file.export-show {
    /*display: inline-table;*/
    /*width: 200px;*/
    /*transition: width 2s;*/
    /*transform: scaleX(1);*/
}





@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
    }
}

@keyframes slide-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
    }
}

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }
}



.profile {
    width: 120px;
    height: 40px;
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    bottom: 0px;
    right: 100px;
    background-color: #5D6D7E;
    padding: 0px;
    /*animation: show-profile 0.5s forwards ease-in-out;*/
    cursor: pointer;
}

@keyframes show-profile {
    0% {
        width: 0;
    }
}

.profile .content-profile {
    padding: 10px;
    text-align: start;
}

    .profile .content-profile .text {
        color: white;
    }

    .profile .content-profile .btn-export {
        background-color: #5D6D7E;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        border-radius: 50%;
        z-index: 1;
        cursor: pointer;
        padding: 6px;
        font-size: 20px;
        color: white;
    }


        .profile .content-profile .btn-export span {
            width: 60%;
            height: 2px;
            position: absolute;
            background-color: white;
            top: 50%;
            left: 20%;
            transform: translateY(-50%);
            animation: to-hamburger 0.3s forwards ease-in-out;
        }

.profile .box-profile {
    width: 60px;
    height: 150px;
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0%, -50%);
    transition-duration: 0.3s;
}

    .profile .box-profile i {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #ececec;
        font-size: 26px;
        text-align: center;
        line-height: 50px;
        position: absolute;
        left: 18px;
        top: calc(75px - 50px/2);
        /*box-shadow: 0 0 0.5rem #babbbc;*/
        background-color: transparent;
        transition-duration: 0.3s;
    }

        .profile .box-profile i:hover {
            transition-delay: initial !important;
            box-shadow: 0 0 0 5px #babbbc;
        }

    .profile .box-profile.open {
        opacity: 1;
    }

        .profile .box-profile.open i {
            opacity: 1;
            background-color: #5D6D7E;
            color: white;
        }

            .profile .box-profile.open i:nth-of-type(1) {
                transform: rotate(-90deg) translateX(120px) rotate(90deg);
                transition-delay: 0s;
                /*background-color: #ececec;*/
                box-shadow: 0 0 0.5rem #babbbc;
                left: -140px;
                margin-top: 50px;
            }

            .profile .box-profile.open i:nth-of-type(2) {
                transform: rotate(-90deg) translateX(120px) rotate(90deg);
                transition-delay: 0.1s;
                /*background-color: #ececec;*/
                box-shadow: 0 0 0.5rem #babbbc;
                left: -70px;
                margin-top: 50px;
            }

            .profile .box-profile.open i:nth-of-type(3) {
                transform: rotate(-90deg) translateX(120px) rotate(90deg);
                transition-delay: 0.2s;
                /*background-color: #ececec;*/
                box-shadow: 0 0 0.5rem #babbbc;
                left: 0px;
                margin-top: 50px;
            }

            .profile .box-profile.open i:nth-of-type(4) {
                transform: rotate(-90deg) translateX(120px) rotate(90deg);
                transition-delay: 0.3s;
                /*background-color: #ececec;*/
                box-shadow: 0 0 0.5rem #babbbc;
                left: 70px;
                margin-top: 50px;
            }

            .profile .box-profile.open i:nth-of-type(5) {
                transform: rotate(-90deg) translateX(120px) rotate(90deg);
                transition-delay: 0.4s;
                /*background-color: #ececec;*/
                box-shadow: 0 0 0.5rem #babbbc;
                left: 140px;
                margin-top: 50px;
            }

th.transparent-column-th {
    color: transparent !important;
    font-size: 6px;
    width: 1% !important;
}

.option-selected {
    color: #555;
}


.pulse-button-container {
    width: 300px;
    height: 100%;
    margin: 0 auto 0;
    -webkit-perspective: 1000;
    z-index: 101;
    -webkit-backface-visibility: hidden;
}

.pulse-button {
    position: relative;
    margin-left: -50px;
    display: block;
    width: 60px;
    height: 60px;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 60px;
    letter-spacing: 1.3px;
    border: none;
    border-radius: 50%;
    background: rgba(93,173,226,0.6);
    color: white;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(214, 234, 248, 0.8);
    -webkit-animation: pulse-button 2s infinite;
}

    .pulse-button img {
        height: 25px;
        width: 25px;
    }

    .pulse-button:hover {
        -webkit-animation: none;
    }

@-webkit-keyframes pulse-button {
    0% {
        letter-spacing: 1.3px;
        transform: scale(0.8);
    }

    70% {
        letter-spacing: 1.9px;
        transform: scale(1);
        box-shadow: 0 0 0 40px rgba(93, 109, 126, 0);
    }

    100% {
        letter-spacing: 1.3px;
        transform: scale(0.8);
        box-shadow: 0 0 0 0 rgba(93, 109, 126, 0);
    }
}

.parking-bg {
    color: #3498DB;
}

.stop-bg {
    color: #28B463;
}

.softdelete-bg {
    color: #CB4335;
}

.junction-bg {
    color: #CB4335;
}

.sac-bg {
    color: #28B463;
}

.vehicle-bg {
    color: #2E4053;
}

.trip-bg {
    color: #CA6F1E;
}

.alternativestop-bg {
    color: #2E86C1;
}

.error-bg {
    background-color: #E74C3C;
    color: white;
}

.success-bg {
    background-color: #28B463;
    color: white;
}

.disable-notification {
    background-color: #AAB7B8;
    color: white !important;
}

.enable-notification {
    background-color: #28B463;
    color: white !important;
}

.line_separation {
    border-left: 6px solid rgba(60,141,188, 0.7);
    height: 50px;
}

.select2-selection__choice {
    white-space: break-spaces;
}

.iti__flag {
    background-image: url("../prefix/intl-tel-input/build/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("prefix/intl-tel-input/build/img/flags@2x.png");
    }
}

.best-proposal {
    cursor: pointer;
    color: rgb(25, 141, 61);
    font-weight: 700;
}

.dataTables_wrapper .row {
    display: block;
}


input[type=checkbox].checkbox-switch {
    height: 0;
    width: 0;
    visibility: hidden;
}

label.label-checkbox-switch {
    cursor: pointer;
    /*    text-indent: -9999px;*/
    width: 60px;
    height: 30px;
    background: rgba(243, 156, 18,1);
    display: block;
    border-radius: 100px;
    position: relative;
    margin: 0px;
    margin-right: 10px;
}

    label.label-checkbox-switch:after {
        content: "\f3c5";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        /*        transition: 0.3s;*/
        margin: 0 auto;
        color: white;
        font-size: 20px;
        height: 20px;
        width: 20px;
        max-width: 20px;
    }

input.checkbox-switch:checked + label.label-checkbox-switch {
    background: rgba(93, 173, 226,1);
}

    input.checkbox-switch:checked + label.label-checkbox-switch:after {
        left: calc(100%);
        transform: translateX(-100%);
        content: "\f276";
    }

label.label-checkbox-switch:active:after {
    width: 130px;
}

.marker-content-operation-pickup {
    content: "\f0d8";
    color: #CB4335;
    font-size: 18px;
}

.marker-content-operation-dropdown {
    content: "\f0d7";
    color: #28B463;
    font-size: 18px;
}

#ExpandedView {
    width: 100px;
    height: 100px;
    transition-property: all;
    transition-duration: 1s;
    transition-delay: 0s;
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
    #ExpandedView.expanded {
        width: 100%;
        min-height:1060px;
        top: 20px;
        margin:0px 20px 80px 20px;
    }
    #ExpandedView.not-expanded {
        width: 100px;
        height: 100px;
    }

.confirm-add-request {
    padding: 10px 16px;
}

#confirm_add_request_return {
    border-right: 5px solid white;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    font-size: 16px;
    display: block;
    height: 0.7rem;
    width: 0.7rem;
    right: 2.5rem;
    position: absolute;
    font-weight:100;
}

.disable-input {
    background-color: #E5E7E9 !important;
}

table.dataTable {
    width: 100% !important;
}

.bg-off-green {
    background-color: #17A589;
    color:white;
}



.fixedline-item, .fixedline-operation-item {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 1.7rem;
}

.fixedline-clock-icon, .fixedline-operation-badge {
    flex-shrink: 0;
    background: #fff;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
    margin-top: 1px;
    margin-left: -0.5rem;
    padding: 3px !important;
    border: 6px solid #fff !important;
}

.fixedline-content, .fixedline-operation-content {
    flex-grow: 1;
}

.collapsible-details {
    padding: 0px !important;
    width: 15px !important;
    align-items: center;
    background: #fff;
    text-align: left;
    border: none;
    border-radius: 24px;
    cursor: pointer;
    margin-left:5px;
}

.fixedline-time {
    /*color: #a1a5b7 !important;*/
}

.hide{
    display:none;
}

.fixedline-operations-list {
    position: relative;
    padding-left:10px;
    padding-top:10px;
}

    .fixedline-operations-list:before {
        content: "";
        position: absolute;
        left: 12.5px;
        width: 3px;
        top: 12px;
        bottom: 0;
        background-color: #eff2f5;
    }


.fixedline-operation-header{
    font-weight:bold;
    padding-top:10px;
}

.fixedline-header-time {
    margin-left:32px;
    width:80px;
    display:inline-block;
}

.fixedline-header-stop {
    width: 400px;
    display: inline-block;
}
.fixedline-header-user {
    width: 250px;
    display: inline-block;
}
.fixedline-header-seats {
    width: 100px;
    display: inline-block;
}


.fixedline-operation-time {
    margin-left: 10px;
    width: 80px;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.fixedline-operation-stop {
    width: 400px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    padding-right: 20px;
}
.fixedline-operation-user {
    width: 250px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    padding-right: 20px;
}
.fixedline-operation-seats {
    width: 100px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.fixedline-time, .fixedline-journey-seats {
    width:100px;
    margin-right:50px;
    display:inline-block;
}


.btn-secondary {
    color: #fff;
    background-color: #B2BABB;
    border-color: #B2BABB;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #99A3A4;
        border-color: #99A3A4;
    }

.arrow-icon {
    width: 16px;
    height: 16px;
}

    .arrow-icon > div {
        /*margin-left: -1px;*/
        /*margin-top: -4px;*/
        margin-left: 2px;
        margin-top: -10px;
        transform-origin: center center;
        /*font: 14px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;*/
        font: 30px/1 "Helvetica Neue", Arial, Helvetica, sans-serif;
    }