html {
        /*color: rgba(46, 46, 46, 0.87)!important;*/
        font-family: "Bellota Text", sans-serif !important;
        /*font-family: 'Stag Sans', sans-serif !important;*/
        /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;*/
        font-weight: 400 !important;
        line-height: 1.4 !important;
        color: #2e2e2e !important;
        background-color: #f9f9f9 !important;
        /*scale: 0.9!important;*/
    }

    @media only screen and (min-width: 993px) {
        nav a.sidenav-trigger {
            display: inline !important;
        }
    }

    .modal .modal-content {
        padding: 0 !important;
    }

    .input-field {
        /*position: relative;
        margin-top: 1rem;*/
        margin-bottom: 0 !important;
    }

    input[type="text"]:not(.browser-default),
    input[type="password"]:not(.browser-default),
    input[type="email"]:not(.browser-default),
    input[type="url"]:not(.browser-default),
    input[type="time"]:not(.browser-default),
    input[type="date"]:not(.browser-default),
    input[type="datetime"]:not(.browser-default),
    input[type="datetime-local"]:not(.browser-default),
    input[type="tel"]:not(.browser-default),
    input[type="number"]:not(.browser-default),
    input[type="search"]:not(.browser-default) {
        background-color: #95c9c91a !important;
        border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
        border-bottom: 1px solid #9e9e9e;
        border-radius: 5px !important;
        outline: none;
        height: 1.5rem !important;
        width: 100%;
        font-size: 16px;
        margin: 0 0 8px 0;
        padding: 5px !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-transition: border .3s, -webkit-box-shadow .3s;
        transition: border .3s, -webkit-box-shadow .3s;
        transition: box-shadow .3s, border .3s;
        transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    }

    textarea.materialize-textarea {
        background-color: #95c9c91a !important;
        border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
        border-bottom: 1px solid #9e9e9e;
        border-radius: 5px !important;
        outline: none;
        width: 100%;
        min-height: 10rem !important;
        font-size: 16px;
        margin: 0 0 8px 0;
        padding: 5px !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-transition: border .3s, -webkit-box-shadow .3s;
        transition: border .3s, -webkit-box-shadow .3s;
        transition: box-shadow .3s, border .3s;
        transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
    }

    input[type=search]:not(.browser-default) {
        height: 42px !important;
        width: 100% !important;
        padding-left: 56px !important;
    }

    .input-field input[type=search]~.material-icons {
        right: -180px !important;
    }

    .input-field input[type=search]:focus:not(.browser-default) {
        background-color: rgb(172, 172, 172) !important;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: rgb(126, 122, 122)
    }

    @media only screen and (min-width: 601px) {
        input[type=search]:not(.browser-default) {
            height: 50px !important;
        }

        nav i,
        nav [class^="mdi-"],
        nav [class*="mdi-"],
        nav i.material-icons {
            display: block;
            font-size: 24px;
            height: 64px !important;
            line-height: 64px !important;

        }

        input-field input[type=search]~.material-icons {
            right: -100px !important;
        }
    }

    nav {
        box-shadow: none !important;
        /*color: rgb(255, 255, 255);*/
        /*background-color: #00b0c6 !important;*/
        /*background: linear-gradient(90deg, rgba(0, 176, 198, 1) 0%, rgba(0, 176, 198, 1) 17%, rgba(143, 194, 59, 1) 100%) !important;*/
        /*width: 90%!important;*/
    }

    .vertical-center {
        margin-top: 5em;
    }

    .back-login {
        /*background-image: url("../imag/WallCo.png");*/
        display: flex;
        flex-direction: column;
        height: 100vh;
        margin: 0;
    }


    .Tit {
        font-size: 1.6em !important;
        /*font-weight: 600!important;*/
        /*font-family: 'Bellota Text'!important;*/
    }

    .btn,
    .btn-large,
    .btn-small {
        color: #ffffff !important;
        background-color: #00b0c6 !important;
        text-transform: none !important;
        font-size: medium !important;
    }


    .waves-effect.waves-teal .waves-ripple {
        background-color: #2490ef !important;
    }

    .SideLat {
        position: fixed;
        display: block;
    }

    .Lateral {
        width: 136px;
        font-weight: 300;
        color: black !important;
        padding-left: 16px;
        height: 1.5rem;
        line-height: 1.5rem;
        letter-spacing: .4;
        display: inline-block;
    }

    .parallax-container {
        position: relative;
        overflow: hidden;
        height: 300px !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        border: none !important;
        border-bottom: 1px solid #aaa !important;
        border-radius: 0px !important;
        padding: 0px !important;
        background-color: transparent;
        margin-left: 0px !important;
        height: 40px !important;
        width: 100% !important;
        padding-left: 0px !important;
        margin-bottom: 35px !important;
    }

    .dataTables_filter label {
        font-size: 0.85em!important;
        color: #444;
        font-weight: 500;
    }

    thead {
        /*background-image: linear-gradient(to right, #e42b32, #ea4146, #ef535a, #f3646d, #f6757f)!important;*/
        /*background-color: #eceff1;*/
        font-weight: 400 !important;
    }

    th {
        font-weight: 400 !important;
        color: #616161 !important;
    }

    tr,
    tbody,
    thead,
    table,
    td,
    tfoot {
        border-top-color: #eceff1 !important;
        border-bottom-color: #eceff1 !important;
        font-size: 14px !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background: #eceff1 !important;
        border: none !important;
        border-radius: 2px !important;
        display: inline-block !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 16px !important;
        text-transform: uppercase !important;
        vertical-align: middle !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .formul {
        margin-bottom: 0px !important;
    }

    .input-field .prefix {
        position: absolute;
        color: rgba(0, 0, 0, 0.54) !important;
        width: 3rem;
        font-size: 2rem;
        -webkit-transition: color .2s;
        transition: color .2s;
        top: .5rem;
    }

    .input-field .helper-text {
        position: relative;
        min-height: 18px;
        display: block;
        font-size: 15px !important;
        color: rgba(0, 0, 0, 0.54);
    }

    .lineaText {
        line-height: 25px !important;
    }

    .table-of-contents a.active {
        font-weight: 500;
        padding-left: 14px;
        border-left: 4px solid #2490ef !important;
    }

    span.badge.new {
        font-weight: 300;
        font-size: 0.8rem;
        color: #fff;
        background-color: #2490ef !important;
        border-radius: 2px;
    }

    .sidenav li>a {
        color: #2e2e2e !important;
        display: block;
        font-size: 14px;
        font-weight: 400 !important;
        height: 48px;
        line-height: 48px;
        padding: 0 32px;
    }

    .sidenav li>a>i {
        color: #2e2e2e !important;
    }

    .Tit2 {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 10px;
        padding-left: 28px;
        font-size: 25px !important;
        font-family: 'Roboto' !important;
        font-weight: 600 !important;
        /*color: #ffd54f !important;*/
        /*background: #444!important;*/
    }

    .collapsible-body {
        display: none;
        border-bottom: 1px solid #ddd;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px !important;
    }

    .colorIcon {
        color: #ffffff !important;
    }

    .colorIconW {
        color: #ffffff !important;
    }

    .ch {
        text-align: center !important;
        height: 2rem !important;
        text-indent: 0px;
        font-size: 16px !important;
        background-color: rgba(170, 170, 170, 0.082) !important;
    }

    /*header,
    main,
    body,
    footer {
        padding-left: 265px !important;
    }*/

    @media only screen and (max-width: 992px) {

        header,
        main,
        body,
        footer {
            padding-left: 0 !important;
        }
    }

    /*@media only screen and (min-width: 993px) {
        .container {
            width: 98% !important;
        }
    }*/

    @media only screen and (min-width: 993px) {
        .containerNav {
            width: 100% !important;

            /*width: 98% !important;*/
        }

        .tit00 {
            font-size: 6rem !important;
            line-height: 1.1 !important;
            padding-top: 10rem !important;

        }
    }

    @media only screen and (max-width: 810px) {
        .container {
            width: 100% !important;
        }

        .tit00 {
            font-size: 3rem !important;
            line-height: 1.1 !important;
            padding-top: 10rem !important;

        }

    }

    @media only screen and (max-width: 450px) {
        .tit00 {
            font-size: 2rem !important;
            line-height: 1.1 !important;
            padding-top: 10rem !important;
        }
    }

    label {
        font-size: .8rem;
        color: #111113 !important;
    }


    .tabs .tab a:hover,
    .tabs .tab a.active {
        background-color: transparent;
        color: #454852 !important;
    }

    .tabs .tab a {
        color: #454852 !important;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0 24px;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-transition: color .28s ease, background-color .28s ease;
        transition: color .28s ease, background-color .28s ease;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: #454852 !important;
        will-change: left, right
    }

    .tabs .tab a:focus,
    .tabs .tab a:focus.active {
        background-color: #2490ef6e !important;
        outline: none
    }

    .tit01 {
        color: #212121 !important;
        font-size: 45px !important;
    }

    .tit0 {
        color: #212121 !important;
        font-size: 35px
    }

    .tit1 {
        color: #212121 !important;
        font-size: 18px
    }

    .tit1-2 {
        color: #212121 !important;
        font-size: 22px
    }

    .tit1w {
        color: white !important;
        font-size: 18px
    }


    .tit6 {
        color: #212121 !important;
        font-size: 32px
    }

    .tit7 {
        color: #212121 !important;
        font-size: 55px
    }

    .tit8 {
        color: #212121 !important;
        font-size: 14px
    }

    .tit00 {
        color: white !important;
        font-size: 85px;


    }


    .collapsible-header i {
        width: 2rem;
        font-size: 1.5rem !important;
        display: inline-block;
        text-align: center;
        margin-right: 12px !important;
        margin-left: 12px !important;
    }

    .input-field .inhelper-text {
        position: relative;
        min-height: 18px;
        display: block;
        width: auto;
        font-size: 14px !important;
        color: rgba(0, 0, 0, 0.54);
        top: -40px !important;
        text-align: end !important;
    }

    .tit3 {
        font-size: 1.7rem !important;
        font-weight: 600 !important;
        font-family: 'Quicksand';
        line-height: 170% !important;
        color: #212121 !important;
    }



    textarea {
        font-size: 1.0em !important;
        font-family: "Mulish", sans-serif !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        color: #454852 !important;
    }

    .select-wrapper .caret {
        position: absolute;
        right: 0;
        top: 25px !important;
        bottom: 0;
        margin: auto 0;
        z-index: 0;
        fill: rgba(0, 0, 0, 0.87);
    }

    .small {
        font-size: small !important;
    }

    input[type="text"]:not(.browser-default):disabled {
        color: #454852 !important;
    }

    .container {
        margin: 0 auto;
        max-width: 2160px !important;
        width: 90%
    }

    /* Formulas con css*/

    .radical {
        position: relative;
        font-size: 1.6em;
        vertical-align: middle;
    }

    .n-root {
        position: absolute;
        top: -0.333em;
        left: 0.333em;
        font-size: 45%;
    }

    .radicand {
        padding: 0.25em 0.25em;
        border-top: thin black solid;
    }

    .fraction {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0.2em 0.4ex;
        text-align: center;
    }

    .fraction>span {
        display: block;
        padding-top: 0.15em;
    }

    .fraction span.fdn {
        border-top: thin solid black;
    }

    .fraction span.bar {
        display: none;
    }

    .progress {
        min-height: 36px;
        overflow: hidden;
        position: relative;
    }

    .progress .determinate {
        width: 0;
        transition: width 1s ease-in-out;
        padding: 8px;
        position: relative;
        color: #fff;
        text-align: right;
        white-space: nowrap;
        display: block;
        left: 0;
    }

    .progress1 .determinate1 {
        border-radius: 3px;
    }

    tr.group,
    tr.group:hover {
        background-color: #ddd !important;
    }

    .scroller {


        scrollbar-width: thin;
    }

    li {
        list-style-type: none;
    }

    .loader {
        margin: auto;
        border: 20px solid #EAF0F6;
        border-radius: 50%;
        border-top: 20px solid #00ABC8;
        width: 100px;
        height: 100px;
        animation: spinner 2s linear infinite;
    }

    @keyframes spinner {
        0% {
            transform: rotate(0deg);
        }

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

    .bred {
        color: #ffffff !important;
        background-color: #fd3977 !important;
        text-transform: none !important;
        font-size: medium !important;
    }

    .hdd {
        height: 0px !important;
        width: 0px !important;
        overflow: hidden !important;
    }

    .btn-red {
        color: #ffffff !important;
        background-color: #336de1 !important;
        text-transform: none !important;
        font-size: medium !important;
    }

    #loader {
        border: 12px solid #f3f3f3;
        border-radius: 50%;
        border-top: 12px solid #444444;
        width: 70px;
        height: 70px;
        animation: spin 1s linear infinite;
    }

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

    .center2 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .collection a.collection-item {
        display: block;
        -webkit-transition: .25s;
        transition: .25s;
        color: #000000;
    }

    button.dt-button,
    div.dt-button,
    a.dt-button,
    input.dt-button {
        color: #ffffff !important;
        background-color: #00b0c6 !important;
        text-transform: none !important;
        font-size: medium !important;
        border: none !important;
        border-radius: 2px !important;
        display: inline-block !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 16px !important;



    }

    #overlay {
        position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgb(255, 255, 255);
        transition: 1s 0.4s;
    }

    .navsac {
        background-color: #00b0c6 !important;
    }

    .navjarfels {
        background-color: #93d50a !important;
    }

    .calendar {


        padding-right: 10px !important;
        padding-left: 10px !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        /*width: 14.25em!important;*/

    }

    .mainmenu {
        background-color: #00b0c6 !important;
    }


    .card .card-content {

        border-radius:
            20px 20px 20px 20px !important;
    }

    .card {

        border-radius:
            20px !important;
    }