* {
    text-decoration: none !important;
}

body {
    font-family: "DM Sans" !important;
}

h2, h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: #053072;
}

.custom-color-1{
    color:#053072;
}
/* NOTIFICATION HEADER  */

.notification-title{
    font-size:16px;
    font-weight:bold;
}

/* width */
.overflow-auto::-webkit-scrollbar{
    width: 6px;
  }
  
  /* Track */
  .overflow-auto::-webkit-scrollbar-track{
    border-radius:8px;
    background: #f1f1f1; 
  }
   
  /* Handle */
  .overflow-auto::-webkit-scrollbar-thumb{
    border-radius:8px;
    background: #888; 
  }
  
  /* Handle on hover */
  .overflow-auto::-webkit-scrollbar-thumb:hover{
    background: #555; 
  }

/* NOTIFICATION HEADER  */

.list-unstyled li {
    line-height: 10px;
}

.list-unstyled {
    float: right;
}

.card {
    border-radius: 6px;
}

.nav-icon {
    font-size: 20px;
    top: 10px;
}

#map {
    display: none;
    width: 100% ;
    height: 17px !important;
    border-radius: 6px;
}

#map_preview {
    background-position: center;
    background-size: contain;
    border-radius: 6px;
    background-color: #032c40;
    height: 117px;
    margin-top: 15px;
    width: 100%;
    text-align: center;
    align-content: center;
    vertical-align: center;
    transition: height 1s;
}

#linkMapPreview {
    height: 117px;
    line-height:117px;
    color: white;
    font-size: 18px;
}

#linkMapPreview a {
    color: white;
}

#closedMapPreview {
    display: none;
    background-color: white;
    height: 30px;
    width: 30px;
    border-radius: 6px;
    line-height: 30px;
    position: absolute;
    top: 25px;
    z-index: 1000;
    right: 20px;
}



#usersProjects {
    margin-top: 15px;
    padding-right: 30px;
    text-align: right;
}

.avatarProject {
    width: 38px;
    height: 38px;
    border: solid 2px #fff;
    margin-right: -20px;
    border-radius: 100px;
}

.bg-danger {
    background-color: #FF5252 !important;
}

#projectsView i {

    font-size: 20px;
}

.custom-size-icon{
    font-size: 25px;
    list-style: none;
    margin-top: 17px;
}

#collapse, #collapse1, #collapse2, #collapse3, #collapse4, #collapse5, #collapse6, #collapse7, #collapse8, #collapse9, #collapse10, #collapse11{
    display:inline;
}

#menu{
    background:#fff;
}

#menu a {
    font-family: 'Montserrat', sans-serif;
    color: #A3AED0;
    fill: #A3AED0;
}

#menu h2 {
    font-size: 16px;
    margin-left: 1.2em;
}

#menu ul {
    font-size: 14px;
    padding: 0;
    margin-left: 1em;
    list-style: none;
    display: inline;
    width: 100%;
}

#menu a:hover {
    color: #163073;
    fill: #163073;
    background-color: #e9efff;
    transition-duration: 1s;

    & span {
      display: inline;
    }
}

#menu .nav-link {
    margin-bottom: 5px;
}

#menu .nav-link svg {
    margin-left: 18px;
    transition-duration: 1s;
}

#menu .active {
    color: #163073;
    fill: #163073;
    background-color: #1B59F81A;
    font-weight:600;
}

#menu a {
    color: #A3AED0;
    width: 90%;
    padding: 10px;
    border-radius: 6px;
    transition-duration: 1s;
}

#menu > ul > li > a > svg {
    float: left;
    margin-right: 20px;
}

#menu > ul > li > a {

    fill: #A3AED0;
    display: block;
}
#menu > ul > li > p {
    float: left;
    border: solid 1px yellow;
}

#menu > ul > li {
    height: 46px;
    transition-duration: 600ms;
}

#menuBody {
    width: 255px;
    position: fixed;
    height: 100vh;
    transition-duration: 1s;
}

.logosvg {
    transition-duration: 2s;
}

#bodyContent {
    margin-left: 18em;
    transition-duration: 1.5s
}

.spaceMenu {
    margin-top: 46px;
}

footer {
    margin-top: 30px;
}

#headerPage h2 {
    color: #053072;
    font-size: 24px;
    text-transform: none !important;
}

table {
    border: none;
    border-radius: 6px !important;
}

table th{
    background:#e9efff;
}

table .leftBorder {
    border-radius:6px 0px 0px 0px;
}

table .rightBorder {
    border-radius:0px 6px 0px 0px;
}

table thead  {
    border: none;
    background-color: #e9efff;
}

.table a {
    font-family: 'DM Sans', sans-serif !important;
    text-decoration: none;
    color: #545454;
}

.card-body {
    border-radius: 6px !important;
}

.card-body h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
}

.card-body label {
    color: #053072 ;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

.btn-enter {
    border-radius: 16px;
    height: 54px;
}

#leftContent {
    display: none;
}

.form-v2 {

    .btn {
        border-radius: 16px !important;
        min-height: 54px;
        transition-duration: 1s;
    }

    /* .btn:hover {
        background-color: #053072 !important;
    } */

    .alink {
        font-weight: bold;
    }


}

.form-v2 h2 {
    font-weight: bold;
}

.form-v2 input {
    border-radius: 16px;
    border: solid 1px #919191;
    padding: 20px;
}

.blue2 {
    color: #50C7E3;
}

button {
    border-radius: 6px !important;
}

#plans {
    background: linear-gradient(#ffffff, rgba(27, 89, 248, 0.38));
}

.price {
    color: #1B59F8;
    font-size: 35px;
    padding: 0;
}

.itemPlans {

    .card {
        border-radius: 24px !important;
    }

    .amount {
        font-size: 54px;
        font-family: "DM Sans";
    }



    & h5 {
        font-family: "DM Sans";
        font-size: 20px;
    }
}

.itemPlanFree {
    .card {
        background-color: transparent;
        box-shadow: none;
        border: solid 1px #8D8D8D;
        border-radius: 24px;
    }

    & ul li {
        min-width: 33%;
    }



}


.itemPlanFree ul {
    width: 100%;
}

.itemPlanFree ul li {
    float: left;
    margin-right: 10px;
}

.boxItemsPersonalize {
    background-color: white;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    height: 98px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.selectPersonalize {
    background-color: #1B59F8;
    border-radius: 200px;
    border: none;
    padding: 10px;
    color: white;
}

.topbar-nav {

}

#componentTop {
    padding-top: 15px !important;
}

.topbar-nav li {

    padding: 5px;
    align-content: center;
    align-items: center;
    float: right;
}

.thead {
    background-color: #DFE8FE !important;
    color: #053072 !important;
    text-transform: uppercase;
}

#projectsView {

    color: #A3AED0 !important;
}

#projectsView .bg-danger {
    color: white !important;
}

#buttons-equipament-view {
    color: #A3AED0 !important;
}

#buttons-equipament-view .bg-danger {
    color: white !important;
}

.nav-link .badge {
    margin-top: -10px;
}

.alert_sensor {
    border: solid 1px #FF5252;
    transition: 1s;
    box-shadow: 3px 3px 3px 3px rgba(255, 82, 82, 0.25);
}

#mapProject {
    height: 55vh;
    border-radius: 6px;
}

#language_expand {
    padding: 15px;
    font-size: 16px;
    border-radius: 8px;
    position: absolute;
    right: 40px;
    top: 30px;
    color: white;

    background-color: rgba(255,255,255,0.2);

    & img {
        margin-left: 20px;
    }
}

.card .card-body {
    border-radius: 8px !important;
}

#logo_paypal {
    width: 112px;
    height: 29px;
    margin: 5px 0 20px;
    background-position: 0 -47px;
    background-image: url(https://www.paypalobjects.com/images/checkout/hermes/hermes_window_sprite_v16.png);
    background-repeat: no-repeat;
}

@media (width >= 1250px) {
    #bodyContent {
        margin-top: 10vh;
        margin-left: 40vh;
        padding: 5px !important;
    }
}

@media (width <= 1250px) {


    #menu .nav-link svg {
        margin-left: 0px;
    }

    #bodyContent {
        margin-left: 0em;
        padding: 3px !important;
    }
}

.ph--fan {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M233 135a60 60 0 0 0-89.62-35.45l16.39-65.44a8 8 0 0 0-3.45-8.68a60 60 0 1 0-60.63 103.48l-64.87 18.53a8 8 0 0 0-5.8 7.32a60 60 0 0 0 44.42 60.66a60.52 60.52 0 0 0 15.62 2.07a60.07 60.07 0 0 0 59.88-62l48.48 46.92a8 8 0 0 0 9.25 1.35A60 60 0 0 0 233 135m-121-7a16 16 0 1 1 16 16a16 16 0 0 1-16-16M80 76a44 44 0 0 1 62.75-39.82L127.77 96a32 32 0 0 0-27.92 16.8A43.85 43.85 0 0 1 80 76m27 119.57a44 44 0 0 1-65.86-34.43l59.31-16.94A32 32 0 0 0 128 160h.91A43.82 43.82 0 0 1 107 195.57m106.17-23a43.92 43.92 0 0 1-13 14.14l-44.32-42.89a31.91 31.91 0 0 0-.59-32.57a44 44 0 0 1 57.91 61.32'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.solar--power-bold {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M12 2v4'/%3E%3Cpath fill='%23000' d='M12.75 2.75a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0z'/%3E%3Cpath fill='%23000' d='M8.792 5.147a.75.75 0 1 0-.584-1.382A9.753 9.753 0 0 0 2.25 12.75c0 5.385 4.365 9.75 9.75 9.75s9.75-4.365 9.75-9.75a9.752 9.752 0 0 0-5.958-8.985a.75.75 0 1 0-.584 1.382A8.253 8.253 0 0 1 12 21A8.25 8.25 0 0 1 8.792 5.147'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.iconoir--bell {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4C6 15.867 3 18 3 18h18s-3-2.133-3-9.6M13.73 21a1.999 1.999 0 0 1-3.46 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.bi--plug {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22c-.041.514-.126 1.003-.317 1.424a2.08 2.08 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.92 1.92 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219c.241-.123.4-.3.514-.55c.121-.266.193-.621.23-1.09c.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0M5 4v2.5A2.5 2.5 0 0 0 7.5 9h1A2.5 2.5 0 0 0 11 6.5V4z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.mingcute--alert-line {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='m13.299 3.148l8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0M12 4.898L4.232 18.352h15.536zM12 15a1 1 0 1 1 0 2a1 1 0 0 1 0-2m0-7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.menu-mobile {

}

.menu-mobile .nav-pills {
    width: 100%;
}

.menu-mobile .nav-item {
    width: 100%;
}

.menu-mobile .nav-link.active {
    color: white;
    fill: white;
}