/* GENERAL */



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');


.dataTables_wrapper div.dataTables_filter input {
    border: none;
}


body:has(.modal.in) {
  overflow: hidden;
}


.modal.in {
  overflow-y: auto;
 
}


.box-header {

      padding: 20px !important;
}


.skin-black-light .main-sidebar, .skin-blue-light .main-sidebar, .skin-green-light .main-sidebar, .skin-purple-light .main-sidebar, .skin-red-light .main-sidebar, .skin-yellow-light .main-sidebar {
    
border-right: 1px solid #e8e8e8!important;
}
.content-wrapper {
    background-color: transparent!important;
}

a#qr_catalogue {
    display: none;
}
a#hrm_menu {
    display: none;
}

.lenght_top {
    display: inline-block;
    font-size: 1.3em;
    font-weight: 500;
}

td.details-control {
    background: none;
}

.input-group-addon {
    border: none;
    position: absolute;
    z-index: 11;
    background: transparent !important;
    top: 8px;
    left: 2px;
}

div#manager_user ul li a span {
    float: right;
    width: 35px;
    height: 35px;
    background: #e6f1f6;
    border-radius: 99px;
    color: #d21b2b;
    margin-top: -5px;
    line-height: 35px;
    margin-right: -10px;
}

div#manager_user ul li a i {
    font-weight: 100;
    float: left;
    font-size: 1.2em;
    margin-top: -3px;
    color: #d21b2b;
}

form#notification_templates .nav-tabs-custom>.nav-tabs li {
    float: unset;
}

form#notification_templates .nav-tabs-custom>.nav-tabs {
    width: 30%;
    float: left;
}

form#notification_templates .nav-tabs-custom>.tab-content {
    float: right;
    width: 70%;
}

.dataTables_scrollFootInner .details-control {
    display: block!important;
}



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

.btn-md-1 {
    line-height: 35px;
    font-size: 1.1em;
    height: 35px;
    padding: 0px 10px 0px 15px!important;
    background: transparent;
    color: #d21b2b;
    border: 1px solid #d21b2b!important;
    box-shadow: 0px 5px 10px #dadada;
    border-radius: 99px!important;
    margin-bottom: 10px;
}

.dataTables_length select {
    font-size: 1.2em;
    border: none;
    height: 40px;
    font-weight: bold;
    color: #d21b2b;
}

.dataTables_length {
    position: absolute;
    margin-top: -65px;
    right: 25px;
}

.btn-primary:focus {
    box-shadow: none;
    color: #d21b2b!important;
}


.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
   position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #e7e7e7;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled strong {
 color: #d21b2b;
}


.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    color: #000;
    box-shadow: 0px 0px 20px #0000001f;
    transition: 0.2s all ease;
    background: transparent;
    border:none;
    font-weight:bold;
}

 
input#search_product:focus {
    border-radius: 10px 10px 0px 0px!important;
border-bottom:none!important;
}

.ui-widget.ui-widget-content {
    border-top: none!important;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #3c8dbc;
    padding: 0px;
    box-shadow: 0px 10px 10px #efefef;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #e7e7e7;
}


.ui-menu .ui-menu-item-wrapper strong {
 color: #d21b2b;
}


table tr td button.btn.btn-info.dropdown-toggle.btn-xs:hover {
    background-color: #d21b2b;
    color: #fff;
}

table tr td button.btn.btn-info.dropdown-toggle.btn-xs {
    background: transparent;
    color: #d21b2b;
    border: 1px solid #d21b2b !important;
    box-shadow: 0px 5px 10px #dadada;
 
    font-size: 0.95em;
}



input#search_product {
    font-weight: 500;
    box-shadow: 0px 10px 10px #efefef;
    font-size: 1.5em;
    height: 55px;
}


.overflow-off {
    overflow:unset!important;
}



#Tecnicos li.dropdown.notifications-menu {
    display: none;
}

thead tr:hover {
    box-shadow: none;
}

tr:hover {
    box-shadow: 0px 0px 20px #0000001f;
    transition: 0.2s all ease;
    border-radius: 15px;
    overflow: hidden;
}

tr {
    transition: 0.2s all ease;
    cursor:pointer;
}





table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}

table.dataTable>tbody>tr.child span.dtr-title {
  
    min-width: 50%;
 
}

#popup { 
  display: none; 
  border: 1px black solid;
  width: 400px; height: 200px; 
  top:20px; left:20px;
  background-color: white;
  z-index: 10;
  padding: 2em;
  position: fixed;
}

.darken { background: rgba(0, 0, 0, 0.7); }

#iframe { border: 0; }

html, body, #page { height: 100%; }

.ordenes .data_row_1 {
    display: none;
}

.ordenes .data_row_2 .col-md-4 {
    width: 100%;
}

a.pull-right.btn-box-tool.chat-delete {
    background: #e7e7e7;
    width: 30px;
    height: 30px;
    font-size: 1.1em;
    line-height: 20px;
    text-align: center;
    right: 20px;
    border-radius: 5px;
    margin-top: -20px;
}

.post.msg-box {
    border: none;
    background: #f7f7f7;
    padding: 20px;
    border-radius: 15px;
}


#essential_create ul.select2-selection__rendered {
      padding-left: 65px!important;
    padding: 10px;
 
}

#essential_create .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 2em;
    position: relative;
    right: 50px;
    top: 3px;
    line-height: 0;
    margin-right: -40px;
}


#essential_edit ul.select2-selection__rendered {
      padding-left: 65px!important;
    padding: 10px;
 
}

#essential_edit .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 2em;
    position: relative;
    right: 50px;
    top: 3px;
    line-height: 0;
    margin-right: -40px;
}


.select2-container--default .select2-results>.select2-results__options {
    max-height: 450px;
 
}

.select2-results__option {
    border-bottom: 1px solid #f0f0f0;
}

.sidebar-collapse .icono {
  display:block!important;
}

.sidebar-collapse .logo {
  display:none!important;
}

.navbar-nav>.user-menu .user-image {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -8px;
}

span.count-ledger {
    font-weight: 500;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    position: absolute;
    line-height: 35px;
    text-align: center;
       background: #fdf1f2;
  
    color: #d21b2b;
    top: 15px;
    right: 15px;
}

#contacts_tab ul#tabs_navs li.active a {
    background: #d21b2b;
    color: #fff;
    border: none;
}

#contacts_tab ul#tabs_navs li.active a i {
    color: #fff;
    border: none;
}

.treeview.active a .pull-right-container {
    transform: rotate(-90deg);
    transition: 0.2s all ease;
   margin-top: -20px!important;
}

.treeview.active a:hover .pull-right-container {
    right: 35px;
}

.treeview a:hover .pull-right-container i {
   z-index: 1;
    width: 40px;
    height: 40px;
    background: #f2f2f2;
    text-align: center;
    margin-right: 0;
    line-height: 40px;
    border-radius: 100px;
    position: absolute;
    top: -8px;
    right: -2px;
}

table#contact_actions tr td a {
    font-weight: 100!important;
    display: block;
    font-size: 2em;
    background: #fdf1f2;
    margin: 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #d21b2b;
    text-align: center;
    border-radius: 10px;
transition: 0.5s all ease;
}

table#contact_actions tr td a:hover {
    color: #fff;
    background: #1f1c2f;
transition: 0.2s all ease;
transform: translateY(-5px);
}

table#contact_actions {
    margin: auto;
}

#contacts_tab ul#tabs_navs li a {
    background: #fff;
    color: #1f1c2f;
    border: 1px solid #cdd7e3;
       margin: 5px;
          transition: 0.8s all ease;
          text-align: left;
}


#contacts_tab ul#tabs_navs li:hover a {
    border: 1px solid #49485c;
    transition: 0.2s all ease;
    transform: translateY(-10px);
    box-shadow: 0px 10px 10px #d4e0ee6e;
}

#contacts_tab ul#tabs_navs li:hover a i {
    transition: 0.2s all ease;
    font-size: 2em;
    margin: 0;
}


#contacts_tab ul#tabs_navs li i {
    display: block;
    font-size: 1.5em;
    margin-bottom: 5px;
    font-weight: 100;
        transition: 0.5s all ease;
        color: #d21b2b;
}

#contacts_tab ul#tabs_navs li {
    width: 16.2%;
    display: inline-block;
}

#contacts_tab ul#tabs_navs {
    border-bottom: 1px solid #26262621;
    padding: 20px;
    margin-bottom: 20px;
}


div.dataTables_wrapper div.dataTables_processing {
    font-size: 2em;
    border: none;
    box-shadow: none;
    background: #d21b2b;
    color: #fff;
    padding: 25px 40px;
    z-index: 11111;
    width: auto;
}

.btn-group .btn-danger {
    font-size: 1.23em;
}
.btn-group .btn-success {
    font-size: 1.23em;
}

.box.box-solid.title_new .box-title {
    padding-left: 60px;
    font-weight: 300!important;
    color: #a6afbc;
}


.title_icon {
    position: absolute;
    top: 10px;
    left: 35px;
    font-size: 2.5em;
    color: #d21b2b;
}


table#stock_transfer_table td {
    word-break: break-word;
}

.pos-form-actions .abrir {
    display: none!important;
}

.dropdown-menu i {
    margin-right: 7px;
}
.date_project .day {
    font-size: 2.6em;
    font-weight: 600;
    line-height: 0.8;
color:#d21b2b;
  display: block;
}

.date_project {
    zoom: 0.9;
    width: 90px;
    position: absolute;
    z-index: 1;
    height: 90px;
    border-radius: 100%;
    padding-top: 15px;
    text-align: center;
    right: 15px;
    background: #ffffff;
    top: 70px;
    box-shadow: 0px 10px 10px #8c878024;
}

.date_project .month {
    display: block;
    line-height: 0.6;
}

.date_project .hour {
   font-size: 0.85em;
    font-weight: 600;
}

.vehiculos_panel {
   bottom: 40px;
    position: absolute;
    font-size: 8em;
    right: 12px;
    font-weight: 500;
    font-family: Made Tommy, sans-serif;
        opacity: 0.25;
}

#Vendedor .edit_sale_direct  {
    display:none!important;
}

#Vendedor .edit_payment  {
    display:none!important;
}


#Vendedor input#paid_on {
       pointer-events: none;
    opacity: 0.7;
  
}


#Vendedor .delete_payment {
   display:none;
  
}

#Vendedor .payment_edit {
    pointer-events: none;
    opacity: 0.7;
}


#Vendedor .payment_method {
    pointer-events: none;
    opacity: 0.7;
}

#Vendedor #qr_catalogue {
    display: none;
}

#Vendedor #hrm_menu {
    display: none;
}


#Vendedor #project {
    display: none;
}

#Vendedor #kitchen {
    display: none;
}

#Ejecutivos #informe_606 {
    display: none;
}

#Ejecutivos #informe_607 {
    display: none;
}


#Ejecutivos #informe_stock {
    display: none;
}


#Ejecutivos #ajuste_stock {
    display: none;
}


#Ejecutivos #ordenes {
    display: none;
}



button.btn.btn-default.btn-flat.quantity-up {
    background: transparent;
    height: 45px;
    position: absolute;
    top: 0;
    right: 5px;
}

button.btn.btn-default.btn-flat.quantity-down {
    background: transparent;
    height: 45px;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 11;
}

a#divider {
    pointer-events: none;
    border-top: 1px solid #e7e7e7!important;
    
    padding: 5px;
    position: relative;
    margin-top: 5px;
}

#add {
    width: 100%;
    text-align: center;
    display: block;
    line-height: 1;
    font-size: 5em;
    margin-top: -10px;
    font-weight: 100!important;
    cursor: pointer;
}

#remove {
    width: 100%;
    text-align: center;
    display: block;
    line-height: 1;
    font-size: 5em;
    margin-top: -10px;
    font-weight: 100!important;
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #d21b2b;
    padding: 5px 10px;
    border: none;
    color: #fff;
    border-radius: 6px;
}


#Tecnicos #documatic {
    display: none;
}

#Tecnicos #project {
    display: none;
}

#Ejecutivos input#paid_on {
       pointer-events: none;
    opacity: 0.7;
  
}


#Ejecutivos .edit_sale_direct  {
    display:none!important;
}

#Ejecutivos .edit_payment  {
    display:none!important;
}



#Ejecutivos .delete_payment {
   display:none;
  
}

#Ejecutivos .payment_edit {
    pointer-events: none;
    opacity: 0.7;
}


#Ejecutivos .payment_method {
    pointer-events: none;
    opacity: 0.7;
}

#Ejecutivos #qr_catalogue {
    display: none;
}

#Ejecutivos #hrm_menu {
    display: none;
}



#Ejecutivos #kitchen {
    display: none;
}


#pos_recent_modal .tab-content {
    height: 50vh;
    overflow-y: scroll;
}


#Ejecutivos .delete_a_invoice {
    display: none;
}

#Ejecutivos .edit_a_invoice {
    display: none;
}

.dropzone {
    min-height: unset!important;
    border: 2px solid rgba(0,0,0,.3);
    background: #fff;
    padding: 0px!important;
}



#Administrador #project {
    display: none;
}

#Administrador #qr_catalogue {
    display: none;
}

#Administrador #hrm_menu {
    display: none;
}

#Administrador #crm {
    display: none;
}

#Administrador #kitchen {
    display: none;
}

#Administrador #todo_menu {
    display: none;
}

#Administrador #ordenes {
    display: none;
}

#Tecnicos #editor {
    display: none;
}


#Tecnicos #documatic {
    display: none;
}

#Tecnicos #project {
    display: none;
}

#Tecnicos #qr_catalogue {
    display: none;
}

#Tecnicos #hrm_menu {
    display: none;
}

#Tecnicos #crm {
    display: none;
}

#Tecnicos #kitchen {
    display: none;
}

#Tecnicos #todo_menu {
    display: none;
}


#Tecnicos #users {
    display: none;
}

ul#contact_profile li {
    padding: 0;
}
ul#contact_profile li i {
    display: block;
    text-align: center;
    font-weight: 100;
    font-size: 1.5em;
    line-height: 1;
}

ul#contact_profile li a {
    font-weight: 100!important;
    text-align: center;
}


table#order_products td:last-of-type {
    text-align: end;
    padding-right:20px;
}
table#order_products th:last-of-type {
    text-align: end;
     padding-right:20px;
}

table#order_products td:first-of-type {
   
    padding-left:20px;
}
table#order_products th:first-of-type {
   
     padding-left:20px;
}



div#orders_div .inner {
    padding-bottom: 0px;
}

table#order_products td {
    height: 45px;
    text-align: left;
        border: none!important;
}
table#order_products .label {
    font-size: 1em;
    width: 100%;
    font-weight: 100!important;
    letter-spacing: 0px!important;
}

table#orders_services tr {
    height: 30px;
}
table#orders_services .label {
    font-size: 1em!important;
    display: inline-block;
}

div#order_buttons .order_btn {
    padding: 5px;
}

table#orders_services td {
    text-align: end;
    border: none!important;
   
}

div#order_buttons a {
    display: block;
    background: #fdf1f2;
    padding: 10px;
    margin: 5px;
    border-radius: 8px;
    text-align: center;
    color: #d21b2b;
}

span.order_buttons_icons {
    display: block;
    font-size: 1.5em;
    line-height: 1;
}
span.order_buttons_values {
    font-size: 1.1em;

}



#calculator button {
    padding: 0;
    font-size: 1.2em;
    line-height: 1;
    border-radius: 6px!important;
}

#calculator .screen {
    background: #fdf1f2;
    font-family: sans-serif;
    border-radius: 8px;
    margin: 8px 25px;
}

#calculator button#allClear {
    color: #fff;
    box-shadow: none;
    background: red;
}
#calculator button#clear {
    background: #d21b2b!important;
    box-shadow: none;
    color: #fff;
}

#calculator button#equals {
    color: #fff;
}

tr.header th::before {
    display: none;
}

.modal-header br {
    display: none;
}

.modal-header .col-md-6 {
   padding:0px;
}


.currency::before {
    content: 'RD$';
}

.card-actions a {
    width: 30%;
    background: #f4f5fb;
    margin: 4px;
    line-height: 2.5;
    text-align: center;
    color: #d21b2b;
    cursor: pointer;
}

button.btn.btn-primary.btn-sm.add_new_project {
    font-size: 1.1em;
}

.btn-group.btn-group-toggle.btn-project label {
    font-size: 1.5em;
}

.btn-group.btn-group-toggle.btn-project {
    width: 100%;
}

.btn-group.btn-group-toggle.btn-project label {

    width: 50%;
    padding: 0px 20px;
    line-height: 45px;
}

.btn-project label {
    background: #f6f9fd;
    color: #000;
}

.btn-project label.active {
    background: #d21b2b;
}



/* Project Module */



ul#projects li a {
    text-align: center;
    font-weight: 100!important;
}

ul#projects li a i {
    display: block;
    font-weight: 100;
    font-size: 1.5em;
}

ul#projects li {
    padding: 0;
}

.vehiculo_row input {
    background: transparent;
    height: 30px;
    border: 1px solid #ebebeb;
    border-radius: 6px!important;
}

.vehiculo_row .select2-selection {
background: transparent!important;
    height: 30px!important;
    border: 1px solid #96e1c0!important;
}

.vehiculo_row .select2-selection #select2-description-container {
    line-height: 1;
}


.vehiculo_row .select2-selection #select2-description2-container {
    line-height: 1;
}

.vehiculo_row .select2-selection #select2-description3-container {
    line-height: 1;
}

.vehiculo_row .select2-selection #select2-description4-container {
    line-height: 1;
}

.vehiculo_row .select2-selection #select2-description5-container {
    line-height: 1;
}




.col-md-12.il-bg.invoice_line:hover {
    box-shadow: 0px 10px 10px #b9c7e36b;
    transition: 0.3s all ease;
}

.col-md-12.il-bg.invoice_line {
    padding: 10px 0px;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    margin-bottom: 12px;
    box-shadow: 0px 10px 10px #8c9cb612;
    transition: 0.5s all ease;
    cursor: pointer;
}

.scrolltop {
    display: none!important;
   
}


.forgot-password {
    font-weight: 100!important;
    text-align: center;
    width: 100%;
    display: block;
    padding: 10px;
}

.btn-login {
    background-color: #d21b2b!important;
    width: 100%;
    border-radius: 5px!important;
    border: none!important;
    font-size: 1.3em;
    height: 55px;
}

.logo-login {
    width: 280px;
}

.logo-bg-login {
    background: #fff;
    text-align: center;
    padding: 40px;
}


.user-login {
border-radius: 15px;
    padding: 0px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 0px 40px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0px 40px rgb(0 0 0 / 5%);
}

.radio-inline input[type=radio] {
    position: relative;
    top: 2px;
}

.radio-inline {
    background: #f6f9fd;
    height: 45px;
    line-height: 45px;
    padding: 0px 20px 0px 35px;
    text-align: center;
    border-radius: 10px;
}

ul.sidebar-menu.tree::-webkit-scrollbar {
    width: 4px;
}

ul.sidebar-menu.tree:hover::-webkit-scrollbar-thumb {
    background: #dcdcdc;
}


ul.sidebar-menu.tree::-webkit-scrollbar-thumb {
    background: transparent;
}

ul.sidebar-menu.tree::-webkit-scrollbar-track {
    background: transparent;
}

ul.sidebar-menu.tree {
    overflow-y: scroll!important;
        height: 100vh;
            padding-bottom: 150px;
}

ul.sidebar-menu.tree:hover {
    overflow-y: scroll!important;
    height: 100vh;
    padding-bottom: 150px;
}

#product_variation_form_part input {
    text-indent: 0;
}

#product_variation_form_part td {
   
}





 
#project_overview .box.box-solid {
       box-shadow: none !important;
    border-radius: 25px;
    border: 1px solid #e8e8e8 !important;
}

#project_overview .box-title {
    color: #fff;
    font-size: 1.5em!important;
}

#project_overview .box.box-solid.box-default>.box-header {
    background: #d21b2b;
}


#project_overview .box-body.text-center {
    font-size: 2.5em;
    padding: 10px;
        padding-top: 30px;
    padding-bottom: 30px;
}

.dropdown-menu {
    border-radius: 10px;
    box-shadow: 0px 10px 25px #d6dce3;
    min-width: 200px;
 padding: 10px 0px;
 transition: 0.5s all ease;
}

.dropdown-menu>li>a:hover {
    font-weight: bold!important;
    transition: 0.3s all ease;
    box-shadow: 0px 0px 25px -10px #a5bad3;
}

.dropdown-menu>li>a i {
    color: #d21b2b;
}



.dropdown-menu>li>a {
    padding: 5px 10px;
    border-bottom: 1px solid #efefef;
    font-size: 1.20em;
    font-weight: 300!important;
 
        border-radius: 0px!important;
    border: none!important;
}



/* FORM CONTROL */

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: transparent!important;
}

.input-group .form-control {
    text-indent: 25px;
    z-index:1;
}


.input-group .select2-selection__rendered {
      text-indent: 25px!important;
}


.form-control:focus {
    transition: 0.3s all ease;
    border-bottom: 1px solid red!important;
  
}

.form-control {
      transition: 0.5s all ease;
    border-bottom: 1px solid #d4d5e1!important;
    border: none;
    background: #fff;
    font-family: "Inter", Helvetica, Arial, serif!important;
    height: 45px;
    border-radius: 0px!important;
}

.btn {
    border: none;
 
    font-weight: 100!important;
    border-radius: 7px;
    padding: 5px 10px;
}


/* SELECT2 */

.select2-container--default .select2-selection--multiple {
   border: 1px solid #d4d5e1;
    background: #fff;
    font-family: "Inter", Helvetica, Arial, serif!important;
   
    border-radius: 10px!important;
}


.select2-search--dropdown {
    padding: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ddd;
    border-radius: 8px;
  
    text-indent: 8px!important;
    border-color: #dbdbdb!important;
}





.select2-container .select2-selection--single .select2-selection__rendered {
  
    margin-top: 0px;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
  border-bottom: 1px solid #d4d5e1!important;
  border: none;
    background: #fff;
    font-family: "Inter", Helvetica, Arial, serif!important;
    height: 45px;
    border-radius: 0px!important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border: 1px solid #ddd;
    border-radius: 10px 10px 10px 10px !important;
}


/* BUTTONS FILTER */




.dt-buttons.btn-group a {
    border: none;
    margin: 10px;
    border-radius: 10px!important;
    padding: 10px 20px;
    box-shadow: none;
    font-size: 1.2em;
    font-weight: 400!important;
}


/* BUTTONS */

.btn-group.pull-right .btn {
    border: none;
    box-shadow: none;
    margin: 5px;
    border-radius: 10px!important;
}




	button.btn.btn-link.add_new_customer {
    font-size: 1.5em;
    padding: 0;
    color: #fe0000;
}




.skin-blue-light .content-wrapper .content-header-custom h1 {
    color: #d21b2b!important;
}


.skin-blue-light .content-wrapper .content-header-custom {
    background: #f3f6fd;
    color: #d21b2b;
    padding: 0px 30px 200px!important;
}
.skin-blue-light .content-wrapper .content-custom {
    margin-top: -290px;
}

b, strong, label {
    font-family: "Inter", Helvetica, Arial, serif!important;
}



.input-group {
    width: 100%;
}

.input-group-addon {
    border: none;
   
}



.table-bordered {
    border: none;
}

html {
   background: #f3f6fd;
}

p, button, a, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
    font-family: "Inter", Helvetica, Arial, serif!important;
   
    letter-spacing: -0.5px!important;
}








.logo {
    display: block!important;
}


.box-header .box-header {
    border: 0!important;
    padding: 0!important;
}




.box-title {
    font-size: 2em!important;

}

.box-title i {
    font-weight: 100!important;
    position: relative;
    top: -3px;
    margin-right: 10px;
}

.box-title a {
   color:  #d21b2b;
   
}

.box-title a:hover {
  background: transparent!important;
   font-weight: 600!important;
}



.box .box-header {
    border-bottom: 1px solid #e8e8e8;
    padding: 20px 24px;
}


.modal {
    z-index: 100;
}

.modal-content {
    border-radius: 20px;
 
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff!important;
        border-radius: 20px 20px 0px 0px
}

.modal-footer {
    border-radius: 0px 0px 20px 20px;
    overflow: hidden;
}

.box, .info-box {

    box-shadow: none!important;
   
    border-radius: 25px;
    border: 1px solid #e8e8e8!important;
}


.main-header .navbar {
  margin: 0px 0px 0px 260px;
    border-radius: 10px;
}

.main-header {
 z-index:3!important;
}


.metatasks .kanban-item {
    border: none;
    border-radius: 10px;
    box-shadow: 0px 10px 10px #00000012;
    padding: 15px;
}


.metatasks .kanban-item:hover::before {
    display:none;
}

.metatasks .kanban-item .card-title {
    font-weight: 600;
}

.metatasks .kanban-item .card-tags .label {
    background: #f4f5fb;
    margin: 5px!important;
    display: block;
    padding: 10px;
    font-weight: 400;
    font-size: 0.85em;
    text-align: left;
    border-radius: 6px!important;
    line-height:1.2;
  
}

.metatasks .kanban-item .card-tags .label:last-child {
    float: right;
    margin-top: -25px!important;
    background: #d21b2b;
    color: #fff;
    padding: 5px 12px;
}


.metatasks .kanban-board-header.new {
    background: #f8f8f8;
    color: #d21b2b;
    border-bottom: 5px solid red;
}

.metatasks .kanban-board-header.info {
    background: #f8f8f8;
    color: #d21b2b;
    border-bottom: 5px solid #0084ff;
}

.metatasks .kanban-board-header.warning {
    background: #f8f8f8;
    border-bottom: 5px solid #ffa22c;
    color: #d21b2b;
}

[data-id="not_started"] .card-tags .label:first-child {
    background: #f4f5fb!important;
    color:#d21b2b!important;
}
[data-id="not_started"] .card-tags .label:last-child {
    background: red!important;
}


[data-id="in_progress"] .card-tags .label:first-child {
       background: #f4f5fb!important;
    color:#d21b2b!important;
}
[data-id="in_progress"] .card-tags .label:last-child {
    background: #0084ff!important;
}

[data-id="on_hold"] .card-tags .label:first-child {
    background: #f4f5fb!important;
    color:#d21b2b!important;
}
[data-id="on_hold"] .card-tags .label:last-child {
    background: #ffa22c!important;
}

[data-id="cancelled"] .card-tags .label:first-child {
    background: #f4f5fb!important;
    color:#d21b2b!important;
}
[data-id="cancelled"] .card-tags .label:last-child {
    background: red!important;
}

[data-id="completed"] .card-tags .label:first-child {
       background: #f4f5fb!important;
    color:#d21b2b!important;
}
[data-id="completed"] .card-tags .label:last-child {
    background: #00b961!important;
}


div#myKanban2::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

div#myKanban2::-webkit-scrollbar-track {
    border-radius: 20px;
    margin: 5px;
}

div#myKanban::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

div#myKanban::-webkit-scrollbar-track {
    border-radius: 20px;
    margin: 5px;
}

.metatasks .kanban-board-header.success {
    background: #fff;
    border-bottom: 5px solid #00b961;
    color: #d21b2b;
}

.metatasks .kanban-board-header .kanban-title-board   {
    text-shadow: none;
}

.metatasks .kanban-board footer::before {
display: none;
}

.metatasks .kanban-board header::after {
display: none;
}


.metatasks .kanban-container .kanban-board {
    background-color: #f8f8f8;
    border: none;
    border-radius: 15px;
        overflow: hidden;
}

.select2-container--open .select2-dropdown--above {
 border: 1px solid #d4d5e1;
    background-color: #fff;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    border-top: none;
    margin-top: -6px;

}

.select2-container--open .select2-dropdown--below {
border: 1px solid #d4d5e1;
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    border-top: none;
    margin-top: -6px;

}


.content-wrapper, .main-footer {
  
    margin-left: 265px;
   
}


.wrapper {
  
    overflow-x: hidden;
    overflow-y: hidden;
}



.content-wrapper .content {
    padding: 30px;
}

.content-wrapper .content-header {
    padding: 0px 30px;
}


#customer-panel .icon-project {
font-size: 2em;
    font-weight: 100!important;
    padding: 10px;
    background: #fdf1f2;
    border-radius: 10px;
    color: #d21b2b;
    margin-right: 15px;
        -webkit-text-stroke: 0.7px #fdf1f2;
}


#customer-panel .title {
display: block;
    font-size: 1em;
    font-weight: 600;
    padding-top: 5px;
    color: #142e50;
 
}


#customer-panel .value {
    font-size: 1em;
 
}

#customer-panel td {
    line-height: 1.15;
    vertical-align: middle;
}

#customer-panel td:first-of-type {
    width: 60px;
    padding-left: 20px;
}

#customer-panel table {
    width: 100%;
}

#customer-panel table tr {
   height:60px;
       vertical-align: top;
}

#customer-panel-list .icon-project {
font-size: 1.6em;
    font-weight: 100!important;
    padding: 10px;
    background: #fdf1f2;
    border-radius: 10px;
    color: #d21b2b;
    margin-right: 10px;
        -webkit-text-stroke: 0.3px #fdf1f2;
}


#customer-panel-list .title {
display: block;
    font-weight: 600;
    color: #d21b2b;
    margin-top: -3px;
 
}


#customer-panel-list .value {
   
 
}

#customer-panel-list td {
    line-height: 1.15;
    vertical-align: middle;
}

#customer-panel-list td:first-of-type {
    width: 60px;
}

#customer-panel-list table {
    width: 100%;
}

#customer-panel-list table tr {
   height:55px;
       vertical-align: top;
}




h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Inter", Helvetica, Arial, serif!important;

    letter-spacing: -0.5px!important;
}


.table {
    font-family: "Inter", Helvetica, Arial, serif!important;

}



.icon-link {
    border: 1px solid #d2d2d2;
    padding: 20px;
    border-radius: 10px;
    min-height: 22vh;
}

.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li>a:hover {
    background: transparent;
    margin: 10px;
    border-radius: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid #ddd;
}



.nav-tabs-custom>.nav-tabs>li.active:hover>a, .nav-tabs-custom>.nav-tabs>li.active>a {
    color: #d21b2b;
    border: 1px solid #d21b2b!important;
}

.nav-tabs-custom>.nav-tabs>li.active {
   
    border: none;
}

.nav-tabs-custom>.nav-tabs>li {
border: none;
    margin: 0;
}

.nav-tabs-custom>.nav-tabs>li.active>a {

    border: none;
}

.nav-tabs-custom>.nav-tabs {

    border: none;
}

.pagination .disabled a {
    background: #f1f1f1;
    width: auto;
    padding: 0px 15px;
    border-radius: 8px!important;
}

li#contact_table_next a {
    background: #fafafa;
    width: auto;
    border: none;
    border-radius: 8px;
    padding: 0px 10px;
}
li#contact_table_previous a {
    background: #fafafa;
    width: auto;
    border: none;
    border-radius: 8px;
    padding: 0px 10px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    width: auto;
    border: none;
    margin: 5px;
    border-radius: 8px;
    font-weight: 100!important;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
}

.pagination>li>a {
    border: none;
    margin: 5px;
    border-radius: 8px;
    width: 40px;
    font-size: 1.2em;
    font-weight: 100!important;
    height: 40px;
    line-height: 40px;
    padding: 0;
}

div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
}

div.dataTables_wrapper div.dataTables_info {
    text-align: center;
}

.table>tbody>tr>td {
    vertical-align: middle;
       line-height: 1.1;
    border-bottom: 1px solid #eaeaea!important;
}


.table-striped>tbody>tr:nth-of-type(odd) {
    background: transparent;
}



.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: auto;
}


#header_menu_account {
    border-radius: 20px!important;
    overflow: hidden;
}

#header_menu_account .user-header img {
  padding:15px;
  width:220px;
}


#header_menu_account .user-header {
    background: #fff!important;
}

#header_menu_account .user-footer {
    background: transparent;
    font-size:0.7em;
}

#header_menu_account .dropdown-menu {
    border-radius: 20px!important;
    
    overflow: hidden;
}

#header_menu_account .desconectar {
width: 100%;
    background: #e33f3f;
    color: #fff!important;
    border: 0px solid!important;
}

#header_menu_account .desconectar i {

    color: #fff!important;
   
}






.content-wrapper .content-header small {
    display: block;
    font-size: 0.4em;
    font-weight: 400;
    color: #00000045;
}



.content-header>h1 {
    font-size: 3em;
    font-weight: 700;
    color: #d21b2b;
    margin-top: 15px;
}




tr.bg-green th {
    background: #fe0000;
}


.small-box.bg-gray {
    box-shadow: 0px 10px 10px #0000001f;
    border-radius: 10px;
    overflow: hidden;
}











.scroll {
    z-index: 111111;
}
.scroll.icon {
    background: #fe0000;
    width: 70px;
    line-height: 0;
    border-radius: 10px;
}

.scroll.icon i {
    color: #fff;
    font-size: 4em;
    font-weight: 100!important;
}




.dataTables_filter label {
    width: 100%;
}

.dataTables_filter input {
    font-size: 2em;
    width: 100%!important;
    margin: 0!important;
    height: 60px;
    text-indent: 10px;
    margin-bottom: 10px!important;
    margin-top: 10px!important;
    padding: 5px 15px 5px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: unset;
    background-color: #fff;
    font-weight: 600;
    border: 2px solid #e9e9e9;
}





tr.product_row td:first-of-type {
   padding: 10px 5px;
    line-height: 1.1
}

	
	@media (min-width: 768px) and (max-width: 1600px) {	
		
		
		.sidebar-mini.sidebar-collapse .main-header .navbar {
		    margin-left: 50px!important;
		}
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .right-side {
  
    margin-left: 50px!important;
   
}

		
		
	}	
	
	

	
/* Ipad vertical */	
@media (min-width: 576px) and (max-width: 767px) {

    
.main-header .navbar {
    height: auto;
    margin: 25px!important;
    width: unset;
}

.main-sidebar {
    -webkit-transform: translate(-290px,0)!important;
    -ms-transform: translate(-290px,0)!important;
    -o-transform: translate(-290px,0)!important;
    transform: translate(-290px,0)!important;
}

.content-wrapper {
    margin-left:0px;
}    
    
    
.sidebar-open .main-header .navbar {
    margin-left: 320px!important;
}

.sidebar-open .main-sidebar {
    -webkit-transform: translate(0px,0)!important;
    -ms-transform: translate(0px,0)!important;
    -o-transform: translate(0px,0)!important;
    transform: translate(0px,0)!important;
}

.sidebar-open .content-wrapper {
    margin-left: 60px;
    width: 62.5%;
}




}


@media (min-width: 320px) and (max-width: 576px) {
    
    #contacts_tab ul#tabs_navs li {
    width: 49%;
  
}
    
    
   .sidebar-open  .main-header .navbar {
    transform: translate(60px,0);
    
    } 
       
    
    
   .sidebar-open .main-sidebar {
    -webkit-transform: translate(-0px,0)!important;
    -ms-transform: translate(-0px,0)!important;
    -o-transform: translate(-0px,0)!important;
    transform: translate(-0px,0)!important;
}


.sidebar-open .content-wrapper, .sidebar-open .main-footer {
    -webkit-transform: translate(230px,0);
    -ms-transform: translate(290px,0);
    -o-transform: translate(290px,0);
    transform: translate(290px,0);
}


    
 
    
    
    .main-header .navbar {
    margin: 30px 30px 30px 30px!important;
    width:unset;
    
    } 
    
    
    
.content-wrapper, .main-footer {
    margin-left: 0!important;
}


.main-sidebar {
    -webkit-transform: translate(-290px,0)!important;
    -ms-transform: translate(-290px,0)!important;
    -o-transform: translate(-290px,0)!important;
    transform: translate(-290px,0)!important;
}

}


@media only screen  and (min-width: 900px)  {


ul#projects li {
    width: 12.5%;
}

}



.price-pos-label {
line-height: 1;
    color: #000!important;
    display: block;
}

.price-pos {
    font-size: inherit;
    margin: 0;
    line-height: 0.9;
    display: inline-block;
    color: #fff!important;
}

.pos-form-actions button i {
    font-size: 1.4em;
    margin-right: 5px;
    position: relative;
    top: -0.5px;
}

.pos-form-actions {
    background: transparent;
    margin: 0;
    padding: 20px;
    width: 100%;
    overflow: hidden;
    display: flex!important;
    z-index: 2;
    margin-left: 20px;
}


.pos-form-actions div {
    padding: 5px;
}

.pos-form-actions button {
    background: #fff!important;
    color: #000!important;
    box-shadow: 0px 5px 10px #0000001c;
    width: 100%;
}

.producto-codigo {
   display: inline-block;
   font-weight:100;
   background: #004088;
   font-size: 0.6em;
   color: #fff;
   margin-top: 10px;
   line-height: 1.3;
   padding: 5px 10px;
   border-radius: 5px;
   font-weight:400;
   display: none;
}


.pagar {
    display: none;
}



.col-sm-12.caja-registradora input {
    font-size: 4em;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #c1c1c1;
    text-align: center;
    font-weight: 600;
}

table.table.bg-gray tr:nth-child(2n+1) td {
    border: none!important;
}
table.table.bg-gray tr:nth-child(2n+1) {
  
    border: none!important;
}





.user-18 [name="invoice_scheme_id"] option[value="3"] {
    display: none;
}

.user-18  [name="invoice_scheme_id"] option[value="4"] {
    display: none;
}

.bg-gray {
    color: #000;
    background-color: #d2d6de!important;
    background: none!important;
}

.dropdown-menu>li>a {
    padding: 7px 20px;
    border-bottom: 1px solid #ddd;
    font-size: 1.20em;
    font-weight: 500;
}

 .lockscreen .personal1 {
    font-weight: bold;
    font-size: 3em;
    height: 100px;
    border-radius: 10px!important;
    border: 5px solid #fe0000;
    padding: 0px 20px;
    color: #fe0000;
    background-image: url(https://image.flaticon.com/icons/png/512/45/45428.png)!important;
background-size: 70px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    text-indent: 90px;
}

 .lockscreen .mesa1 {
    font-weight: bold;
    font-size: 3em;
    height: 100px;
    border-radius: 10px!important;
    border: 5px solid #fe0000;
    padding: 0px 20px;
    color: #fe0000;
    background-image: url(https://image.flaticon.com/icons/png/512/3190/3190094.png)!important;
background-size: 70px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    text-indent: 90px;
    
}





.navbar-custom-menu a {
    margin-right: 0;
}


.navbar-custom-menu button {
    margin-right: 0;
}


a#show_unread_notifications {
    color: gray;
    padding: 0px 10px;
    line-height: 60px;
    font-size: 2em;
}

.personal1 {
    font-weight: bold;
    font-size: 3em;
    height: 100px;
    border-radius: 10px!important;
    border: 5px solid #fe0000;
    padding: 0px 20px;
    color: #fe0000;
    background-image: url(https://image.flaticon.com/icons/png/512/45/45428.png)!important;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    text-indent: 90px;
}

.pos-button button {
     border:none;
    padding-top: 15px;
    padding-bottom: 15px;
   background: #fdf1f2;
   
    color: #d21b2b;
    width: 100%;
   font-size: 1.3em;
    text-align: center;
    line-height: 30px;
    border-radius: 12px!important;
   
}


.pos-button button:hover {
color:#fff;
   background: #d21b2b;
   border:none;
   
}

.pos-button a {
        padding-top: 15px;
    padding-bottom: 15px;
   background: #fdf1f2;
   
    color: #d21b2b;
    width: 100%;
   font-size: 1.3em;
    text-align: center;
    line-height: 30px;
    border-radius: 12px!important;
  
     border:none;
}




.pos-button a:hover {
color:#fff;
   background: #d21b2b;
    border:none;
   
}

.pos-button button span {
   display:block;
   margin-top:-5px;
}

.pos-button a span {
   display:block;
   margin-top:-5px;
}

.col-md-1.pos-button {
    padding: 5px;
}




.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: none;
}




li.dropdown.user.user-menu .dropdown-toggle {
    background: #fff!important;
    padding: 10px;
    border-radius: 10px!important;
    margin: 10px;
    color: #000!important;
}


#date_header {
    padding: 0px 10px;
    line-height: 45px;
    background: #fdf1f2;
    margin: 0px 10px;
    color: #d21b2b!important;
    border-radius: 10px!important;

        transition: 0.5s all ease;
}


#date_header:hover {
    background: #d21b2b;
    color: #fff!important;
    transition: 0.3s all ease;
}




.navbar-custom-menu .btn:hover {
    background: #fdf1f2;
    color: #d21b2b;
    transition: 0.3s all ease;
}

.navbar-custom-menu .btn {
      background: transparent;
    color: gray;
    font-size: 1.6em;

    border-radius: 10px!important;
    width: 45px;
    height: 45px;
    padding: 0;
    line-height: 45px;
    transition: 0.5s all ease;
}

.navbar-custom-menu button {
    border: none;
     border-radius: 100px!important;
         padding: 9px 10px;
}

.navbar-custom-menu a {
    border-radius: 100px!important;
    border: none;
        padding: 9px 10px;
}

.main-sidebar {
    padding: 0;
    box-shadow: none!important;
    overflow: hidden;
   
    z-index: 1;
    width: 260px;
    position:fixed;
}



.treeview-menu a::before {
    content: "\EA68";
    font-family: 'remixicon' !important;
    display: inline-block;
    position: relative;
}

.skin-blue-light .treeview a .pull-right-container {
    font-size: larger;
    margin-top: -4px;
        transition: 0.2s all ease;
}



.skin-blue-light .sidebar-menu .treeview-menu>li.active>a {
    font-weight: 700!important;
    color: #0084ff!important;
}


.skin-blue-light .sidebar-menu>li>.treeview-menu a {
    color: #32325d;
  
      font-family: "Inter", Helvetica, Arial, serif!important;
      font-size: 1.3em!important;
      padding: 5px 5px 5px 30px!important;
}
.skin-blue-light .sidebar-menu>li>.treeview-menu {
    background: #fff!important;
}


.skin-blue-light .sidebar-menu>li.active>a i {
    color: #d21b2b;
    margin-left: -10px;
}

.skin-blue-light .sidebar-menu>li>a i {
    color: #d21b2b;
    font-size: 1.6em;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    width: 30px;
    margin-top: -8px;
    font-weight: lighter;
}




.skin-blue-light .sidebar-menu>li.active>a {
  background: transparent!important;
}

.skin-blue-light .sidebar-menu>li.active>a, .skin-blue-light .sidebar-menu>li:hover>a .pull-right-container i {
    
    background: transparent;
}

.skin-blue-light .sidebar-menu>li.active>a, .skin-blue-light .sidebar-menu>li:hover>a i {
    color: #d21b2b;
    margin-left: -10px;
}

.skin-blue-light .sidebar-menu>li.active>a, .skin-blue-light .sidebar-menu>li:hover>a {
    transition: 0.2s all ease;
    background: #fdf1f2!important;
    font-weight: 700!important;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
}





.table>thead>tr>th {
    line-height: 1;
border-top: none;
   
    font-weight: 700;
    vertical-align: inherit;
        
}

.table>thead>tr>th:hover {
    background: #daeef7;
}

.table>tbody>tr:hover td {
    border: none!important;
}

.table>tbody>tr>th  {
    line-height: 1;
border-top: none;
    color: #d21b2b;
    font-weight: 700;
    vertical-align: inherit;
      border-bottom: none!important;
    border-top: none;
}

.sidebar-menu>li>a i {
    color: #32325d;
}

 .main-header .navbar {
 
    box-shadow: none!important;
    border-radius: 0px;
    border-bottom: 1px solid #e8e8e8!important;
    background: #fff!important;
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
    color: #32325d;
    font-size: 2em;
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    background: transparent;
    color: #000;
}

.sidebar-menu>li>a {
    background: #fff;
    border: none!important;
    font-family: "Inter", Helvetica, Arial, serif!important;
    color: #32325d;
    
}








.sidebar-menu>li>a span {
    color: #32325d;
font-size: 1.3em;

}





.abrir-registro {
   

    width: 100%;
    font-size: 3em;
    border-radius: 10px;
}









	
		.modal-backdrop.in {
   
    z-index: 1;
}



 	
 	
 .lockscreen 	.table>thead>tr>th {

    font-size: unset;
   
}

footer.no-print.text-center.text-info {
    display: none;
}
 	
small.text.text-muted.pos-product-price {
    font-size: 1em;
    color: #d21b2b;
    margin-top: 4px;
    overflow: visible;
    margin-bottom: 10px;
    
    font-weight: bold!important;
}

.pos_product_div .table tr td {
 
}

.dataTables_scrollBody {
    min-height: 50vh!important;
}
		
		
		



 
nav.navbar.navbar-default.bg-white.m-4 {
    margin: 30px;
    margin-bottom: 0;
    font-size: 1.6em;
    border: none;
    border-radius: 10px;
    padding: 10px;
    -webkit-box-shadow: 0 0px 40px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0px 40px rgb(0 0 0 / 5%);
}

nav.navbar.navbar-default.bg-white.m-4 ul li a {
    font-weight: 400!important;
}


nav.navbar.navbar-default.bg-white.m-4 .navbar-header {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}


nav.navbar.navbar-default.bg-white.m-4 .navbar-nav>.active>a {
    font-weight: 600!important;
    background: transparent;
}










.animation-target {
  -webkit-animation: animation 1500ms linear both;
  animation: animation 1500ms linear both;
}

@-webkit-keyframes animation { 
  0% { -webkit-transform: matrix3d(0.85, 0, 0, 0, 0, 0.85, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.85, 0, 0, 0, 0, 0.85, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  2.7% { -webkit-transform: matrix3d(0.908, 0, 0, 0, 0, 0.908, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.908, 0, 0, 0, 0, 0.908, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  5.41% { -webkit-transform: matrix3d(0.987, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.987, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.11% { -webkit-transform: matrix3d(1.045, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.045, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.71% { -webkit-transform: matrix3d(1.064, 0, 0, 0, 0, 1.064, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.064, 0, 0, 0, 0, 1.064, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.71% { -webkit-transform: matrix3d(1.046, 0, 0, 0, 0, 1.046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.046, 0, 0, 0, 0, 1.046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.62% { -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  19.62% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 0.983, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 0.983, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  22.52% { -webkit-transform: matrix3d(0.974, 0, 0, 0, 0, 0.974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.974, 0, 0, 0, 0, 0.974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.43% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  34.33% { -webkit-transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.05% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.86% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  69.57% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  81.38% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.19% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes animation { 
  0% { -webkit-transform: matrix3d(0.85, 0, 0, 0, 0, 0.85, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.85, 0, 0, 0, 0, 0.85, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  2.7% { -webkit-transform: matrix3d(0.908, 0, 0, 0, 0, 0.908, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.908, 0, 0, 0, 0, 0.908, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  5.41% { -webkit-transform: matrix3d(0.987, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.987, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.11% { -webkit-transform: matrix3d(1.045, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.045, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.71% { -webkit-transform: matrix3d(1.064, 0, 0, 0, 0, 1.064, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.064, 0, 0, 0, 0, 1.064, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.71% { -webkit-transform: matrix3d(1.046, 0, 0, 0, 0, 1.046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.046, 0, 0, 0, 0, 1.046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.62% { -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  19.62% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 0.983, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 0.983, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  22.52% { -webkit-transform: matrix3d(0.974, 0, 0, 0, 0, 0.974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.974, 0, 0, 0, 0, 0.974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.43% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  34.33% { -webkit-transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.011, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.05% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.86% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  69.57% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  81.38% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.19% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}


#home_dashboard .info-box-icon i {
    font-size: 3em;
}
#home_dashboard .info-box-icon {
    background: transparent!important;
    border-radius: 10px;
    box-shadow: none!important;
    color: #d21b2b!important;
}