:root {

    --mut-primary: rgb(68, 98, 238);

    --mut-primary-hover: #2f48b8;

    --mut-secondary: #192247;

    --mut-secondary-hover: #080b1a;

    --mut-primary-rgba: 68, 98, 238;

}



::selection {

  background: var(--mut-primary);

  color: #fff;

}



ol, ul {

    margin-left: 0;

}



ul.parsley-errors-list {

    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;

}

ul.parsley-errors-list li {

	list-style-type: none;

	color: #f53e3e;

    font-style: italic;

}



.spinner {

    border-radius: 50%;

    animation: mtu_spin 1s linear infinite;

    margin: 0px auto;

}



@keyframes mtu_spin {

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

    100% { transform: rotate(360deg); }

}



#toast-container>div {

    opacity: 1;

}



@keyframes fadeInOut {

    0% {

      opacity: 0.15;

    }

    25% {

      opacity: 0.07;

    }

    50% {

      opacity: 0.05;

    }

    75% {

      opacity: 0.07;

    }

    100% {

      opacity: 0.15;

    }

}

  

.placeholder {

    animation: fadeInOut 1.5s infinite ease-in-out;

}

.placeholder.vm-dark {

    color: #cecece;

}



.box_filters_table {

    display: flex;

    gap: 10px;

    align-items: center;

    width: 100%;

}

.box_filters_table > * {

    flex: 1;

}

.box_search {

    width: 150%;

    position: relative;

}

.box_search .clear_search {

    position: absolute;

    right: 2%;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

    font-size: 20px;

    display: none;

}

.search_customer, .search_customer::placeholder {

    font-size: 13px!important;

}

.vm-table {

    border-left: 0;

}

td span.text-truncate {

    width: 200px;

    display: inline-block;

}







.select2-container .select2-selection--single {

    height: 40px;

    border-color: #d1d5db !important;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 50%;

    transform: translateY(-50%);

}

.select2-container--default .select2-selection--single .select2-selection__clear {

    color: #000;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 2em;

}

.select2-container .select2-selection--single .select2-selection__rendered {

    width:100%;

    border-color: #a6bbd1 !important;

}





.sortable i {

    font-size: 16px;

}

.sortable {

    cursor: pointer;

}

.sortable:hover span {

    text-decoration: underline;

}

.scroll_menu {
	transform: translatey(-200px);
    position: fixed;
	transition: all 0.4s;
}