/*!

 * SQUALUS APP v1.0.0 (http://squal.us/)
 * Copyright 2018 SQUALUS - All rights reserved.

 */

 #contenedor {

     background-size:cover!important;
     background-position: center center!important
 }

 #contenedor .color_primary {
     color: #BFBFBF
 }

 #contenedor .color_secondary {
     color: #414143
 }

 #contenedor .color_text {
     color: #fff
 }

 #contenedor [type="checkbox"],
 #contenedor [type="radio"] {
     border: 0 !important;
     clip: rect(1px, 1px, 1px, 1px) !important;
     clip-path: inset(50%) !important;
     height: 1px !important;
     overflow: hidden !important;
     padding: 0 !important;
     position: absolute !important;
     width: 1px !important;
     white-space: nowrap !important
 }

 #contenedor [type="checkbox"]:focus+label::before,
 #contenedor [type="radio"]:focus+label::before {
     box-shadow: 0 0 0 2px rgba(65, 65, 67, 0.4) !important
 }

 #contenedor [type="checkbox"]:hover+label::before,
 #contenedor [type="radio"]:hover+label::before {
     border-color: transparent
 }

 #contenedor [type="checkbox"]:active+label::before,
 #contenedor [type="radio"]:active+label::before {
     transition-duration: 0
 }

 #contenedor [type="checkbox"]+label,
 #contenedor [type="radio"]+label {
     position: relative;
     padding: 6px;
     user-select: none
 }

 #contenedor [type="checkbox"]+label::before,
 #contenedor [type="radio"]+label::before {
     background-color: #fff;
     border: 1px solid transparent;
     box-sizing: content-box;
     content: '';
     color: #414143;
     margin-right: 6px;
     top: 50%;
     left: 0;
     width: 24px;
     height: 24px;
     display: inline-block;
     vertical-align: middle
 }

 #contenedor [type="checkbox"]+label::after,
 #contenedor [type="radio"]+label::after {
     box-sizing: content-box;
     content: '';
     background-color: #414143;
     position: absolute;
     top: 50%;
     left: 10px;
     width: 18px;
     height: 18px;
     margin-top: -9px;
     transform: scale(0);
     transform-origin: 50%;
     transition: transform 200ms ease-out
 }

 #contenedor [type="checkbox"][disabled]+label::before,
 #contenedor [type="radio"][disabled]+label::before {
     animation: none;
     box-shadow: none
 }

 #contenedor [type="checkbox"]+label::before,
 #contenedor [type="checkbox"]+label::after {
     border-radius: 4px
 }

 #contenedor [type="checkbox"]+label::after {
     background-color: transparent;
     top: 50%;
     left: calc(6px + 1px + 24px/5);
     width: 12px;
     height: 4.8px;
     margin-top: calc(24px / -2 / 2 * 0.8);
     border-style: solid;
     border-color: #414143;
     border-width: 0 0 3px 3px;
     border-radius: 0;
     border-image: none;
     transform: rotate(-45deg) scale(0);
     transition: none
 }

 #contenedor [type="checkbox"]:checked+label::after {
     content: '';
     transform: rotate(-45deg) scale(1);
     transition: transform 200ms ease-out
 }

 #contenedor [type="radio"]+label::before,
 #contenedor [type="radio"]+label::after {
     border-radius: 50%
 }

 #contenedor [type="radio"]:checked:active+label::before,
 #contenedor [type="radio"]:checked:focus+label::before {
     animation: none;
     filter: none;
     transition: none
 }

 #contenedor [type="radio"]:checked+label::before {
     animation: none;
     background-color: #fff
 }

 #contenedor [type="radio"]:checked+label::after {
     transform: scale(1)
 }

 @keyframes borderscale {
     50% {}
 }

 #contenedor .input ul {
     list-style: none
 }

 #contenedor label {
     cursor: pointer;
     display: inline-block
 }
 #contenedor .circle-primary{background:#f00; border-radius: 50%; display: inline-block;width: 100px; height: 100px;     line-height: 116px}
 #contenedor .circle-primary i{font-size: 25px;}
 #contenedor .input {
     margin-bottom: 17px
 }

 #contenedor .input input[type=text],
 #contenedor .input select {
     font-family: sans-serif;
     width: 100%;
     /* height: 55px; */
     height: 45px;
     background-color: white;
     box-shadow: none;
     border: none;
     padding: 0 30px;
     outline: none;
     color: #757575;
     -webkit-appearance: none
 }

 #contenedor .input input[type=text].w-icon,
 #contenedor .input select.w-icon {
     font-family: sans-serif;
     width: 100%;
     /* height: 55px; */
     height: 40px;
     background: white;
     box-shadow: none;
     border: none;
     padding: 0 60px;
     outline: none;
     color: #757575;
     -webkit-appearance: none
 }

 #contenedor .input i.left {
     position: absolute;
     left: 40px;
     color: #757575;
     top: 0;
     /* line-height: 56px; */
     line-height: 39px;
     opacity: 0.7
 }

 #contenedor .input i.right {
     position: absolute;
     right: 40px;
     color: #757575;
     top: 0;
     line-height: 56px;
     opacity: 0.7
 }

 #contenedor h1 {
     font-size: 48px
 }

 #contenedor h2 {
     font-size: 36px
 }

 #contenedor h3 {
     font-size: 24px
 }

 #contenedor h4 {
     font-size: 18px
 }

 #contenedor h5 {
     font-size: 14px
 }

 #contenedor p {
     font-size: 14px
 }

 #contenedor strong {
     font-weight: 900
 }

 #contenedor .classic {
     font-family: serif
 }

 #contenedor .classic input[type=text],
 #contenedor .classic button.primary-btn,
 #contenedor .classic select {
     border-radius: 4px
 }

 #contenedor.trendy {
     font-family: sans-serif
 }

 #contenedor.trendy input[type=text],
 #contenedor.trendy button.primary-btn,
 #contenedor.trendy select {
     border-radius: 54px!important
 }

 #contenedor blockquote,
 #contenedor body,
 #contenedor dd,
 #contenedor div,
 #contenedor dl,
 #contenedor dt,
 #contenedor fieldset,
 #contenedor form,
 #contenedor h1,
 #contenedor h2,
 #contenedor h3,
 #contenedor h4,
 #contenedor h5,
 #contenedor h6,
 #contenedor html,
 #contenedor input,
 #contenedor li,
 #contenedor ol,
 #contenedor p,
 #contenedor pre,
 #contenedor td,
 #contenedor textarea,
 #contenedor th,
 #contenedor ul {
     padding: 0;
     margin: 0;
     outline: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 /* Hide default HTML checkbox */
#contenedor .switch input {display:none;}

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

#contenedor .slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#contenedor input:checked + .slider {
  background-color: #2196F3;
}

#contenedor input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

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

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

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

 #contenedor .padding {
     padding: 0 22px 20px 22px !important
 }

 #contenedor .nopadding {
     margin: 0 !important;
     padding: 0 !important
 }

 #contenedor .blur {
     -webkit-filter: blur(5px);
     -o-filter: blur(5px);
     filter: blur(5px)
 }

 #contenedor a {
     color: #fff !important;
     text-decoration: underline
 }

 #contenedor body {
     background-color: #BFBFBF;
     font-size: 14px;
     font-family: sans-serif;
     padding: 0
 }

 #contenedor .background-image {
     position: fixed;
     z-index: -1;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat
 }

 #contenedor .logo_home {
     background-image: url("../img/brand.png");
     background-size: contain;
     background-position: center;
     /* background-color:#f00; */
     background-repeat: no-repeat;
     /* height: 160px; */
     /* margin: 70px 0 50px */
          margin: 13px 0 13px;
     height: 75px;
 }

 #contenedor .center-text {
     text-align: center
 }

 #contenedor .right-text {
     text-align: right
 }

 #contenedor .or .row {
     padding: 0 17px;
     color: #fff;
     margin-bottom: 20px
 }

 #contenedor .or .dash {
     border-top: 1px solid #fff;
     margin-top: 12px
 }

 #contenedor header {
     top: 0;
     left: 0;
     width: 100%;
     z-index: 998;
     background-color: #BFBFBF
 }

 #contenedor header .menu {
     padding: 15px 30px;
     -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.75);
     box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.75)
 }

 #contenedor header h4 {
     float: left
 }

 #contenedor header span {
     margin-left: 10px;
     line-height: 24px
 }

 #contenedor button {
     background-color: transparent;
     border: none;
     outline: none !important
 }

 #contenedor button.primary-btn {
     width: 100%;
     background-color: #414143;
     text-align: center;
     /* height: 55px; */
     height: 40px;
     outline: none;
     color: #fff;
     border: none
 }

 #contenedor button.facebook-btn {
     background-color: #4366B2 !important
 }
 #contenedor button.twitter-btn {
     background-color: #1da1f2 !important
 }
 #contenedor button.google-btn {
     background-color: #db3236 !important
 }

 #contenedor button:active {
     opacity: 0.7
 }

 #contenedor .tab-signin {
     height: 160px;
     margin: 70px 0 50px;
     text-align: center
 }

 #contenedor .tab-signin div {
     text-align: center
 }

 #contenedor .tab-signin .circle {
     width: 26px;
     height: 26px;
     border-radius: 20px;
     border: 2px solid transparent;
     position: absolute;
     left: 50%;
     margin-left: -13px;
     top: -13px
 }

 #contenedor .tab-signin .circle .dot {
     width: 4px;
     height: 4px;
     border-radius: 20px;
     background: #fff;
     position: absolute;
     left: 50%;
     margin-left: -2px;
     top: 9px
 }

 #contenedor .tab-signin .step {
     border: 2px solid #fff
 }

 #contenedor .tab-signin .dash {
     border-bottom: 2px solid #fff
 }

 #contenedor .tab-signin .title {
     position: absolute;
     width: 100%;
     bottom: 0
 }

 #contenedor .create-account {
     font-size: 10px;
     margin-top: 0
 }
.overlay-editing{position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #dadadaf7;
    height: 100%;
    width: 100%;
    opacity: .4;
    z-index: 1500;}
  .overlay-editing.hide{display: none}

#contenedor .p-2{padding: 10px}

 #contenedor .top-menu {
     background-color: #00000030;
     padding: 0
 }

 #contenedor .top-menu ul {
     width: 100%;
     padding: 0;
     margin: 0
 }

 #contenedor .top-menu li {
     padding: 18px 2px;
     list-style: none;
     float: left;
     text-align: center;
     border-bottom: 2px solid transparent
 }
 #contenedor .top-menu-editor .button-next,#contenedor .top-menu-editor .button-back{ position: absolute; width: 16px; height: 15px;z-index: 150;top: 9px; opacity: 0;
   -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
 cursor: pointer;
 }
 #contenedor .top-menu-editor .button-back{left: 1px; }
 #contenedor .top-menu-editor .button-next{right: 1px; }

 #contenedor .list-menu{list-style-type: none}
 #contenedor .list-menu li{background-size:cover}

 #contenedor .top-menu-editor:hover .button-back,#contenedor .top-menu-editor:hover .button-next{opacity: 1}



 #contenedor .top-menu.app-nav-bar-editable li { cursor: pointer;}


 #contenedor .top-menu .selected {
     /* border-bottom: 2px solid #414143 */
 }

 #contenedor .grid {
     margin-top: 55px
 }

 #contenedor .overlay-box{ background: #272727a6;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 50;}

 #contenedor .grid .item-icon {
     text-align: center;
     padding: 28px 0
 }

 #contenedor .grid .item-icon i {
     font-size: 48px;
     color: #414143;
     width: 100%;
     text-align: center;
     margin-bottom: 10px
 }

 #contenedor .grid .item-icon span {
     color: #fff;
     font-weight: 600
 }

 #contenedor .grid .item-image {
     text-align: center;
     padding: 51px 0;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     border:1px solid #2E3646;

 }
 #contenedor .grid .ui-sortable-handle.selected .item-image{border:1px solid #fff}

 #contenedor .grid .item-image i {
     font-size: 36px;
     color: #fff;
     width: 100%;
     text-align: center;
     margin-bottom: 10px
 }

 #contenedor .grid .item-image span {
     color: #fff;
     font-weight: 600
 }

 #contenedor .grid .footer-buttons {
     bottom: 0;
     left: 0;
     width: 100%;
     background-color: #BFBFBF;
     z-index: 996;
     height: auto
 }
 #contenedor .grid .footer-buttons li{padding: 0!important}
  #contenedor .grid .footer-buttons .item-image{padding: 0; display: inline-block; width: 100%;border:none}
 #contenedor .grid .footer-buttons button {
     color: #fff;
     margin: 6px 0;
 }

 #contenedor .grid .footer-buttons li {
     background-color: #00000020;
     height: auto;
     list-style: none;
     text-align: center;
     padding: 10px 0;
     font-size: 14px
 }

 #contenedor .grid .footer-buttons li i {
     width: 100%;
     font-size: 18px
 }

 #contenedor .grid .footer-buttons li.calltoaction {
     background-color: #00000020;
     height: auto;
     list-style: none;
     text-align: center;
     padding: 5px 0;
     font-size: 14px
 }

 #contenedor .grid .footer-buttons li.calltoaction i {
     width: 100%;
     font-size: 18px
 }

 #contenedor .grid .footer-buttons li:nth-child(even) {
     border-left: 1px solid #00000020;
     border-right: 1px solid #00000020
 }

 #contenedor .grid .input-edit {
     padding: 40px 20px
 }

 #contenedor .grid .profile {
     text-align: center;
     padding: 40px 0;
     background-color: #00000020
 }

 #contenedor .grid .profile-image {
     height: 120px;
     width: 120px;
     border-radius: 300px;
     position: absolute;
     left: 50%;
     margin-left: -60px;
     margin-top: 20px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center
 }

 #contenedor .grid .name {
     margin-top: 150px;
     font-size: 18px
 }

 #contenedor .w-footer {
     margin-bottom: 80px
 }

 #contenedor .w-footer .item-icon {
     text-align: center;
     padding: 20px 0
 }

 #contenedor .w-footer .item-image {
     padding: 41px 0
 }

 #contenedor .w-header {
     margin-top: 107px
 }

 #contenedor .w-header .item-icon {
     text-align: center;
     padding: 23px 0
 }

 #contenedor .w-header .item-image {
     padding: 45px 0
 }

 #contenedor .w-headerandfooter {
     margin-top: 0px;
 }

 #contenedor .w-headerandfooter .item-icon {
     text-align: center;
     padding: 28px 0
 }

 #contenedor .w-headerandfooter .item-image {
     padding: 25px 0
 }

 #contenedor .blured-background {
     position: fixed;
     width: 100%;
     height: 100%;
     z-index: 999;
     background-color: #00000099
 }

 #contenedor .side-menu {
     position: absolute;
    top: 0;
     left: 0;
     width: 70%;
     height: 100%;
     background-color: #BFBFBF;
     padding: 20px 6px;
     z-index: 999;
         overflow-x: hidden;
 }

 #contenedor .side-menu .sidebar-header i {
     font-size: 28px
 }

 #contenedor .side-menu .sidebar-header span {
     position: absolute;
     right: 30px;
     text-align: right;
     font-size: 12px;
     font-weight: 900;
     opacity: 0.5
 }

 #contenedor .side-menu nav {}

 #contenedor .side-menu nav ul {
     list-style: none;
     font-size: 13px
 }

 #contenedor .side-menu nav ul li {
     /* padding: 3px 0 */
     padding-bottom:2px;
 }

 #contenedor .side-menu nav ul li a {
     text-decoration: none
 }

 #contenedor .side-menu .button-menu {
     border-top: 2px solid #ffffff30;
     padding: 20px 0;
     position: absolute;
     bottom: 0;
     left: 30px;
     right: 30px
 }

 #contenedor .side-menu .button-menu ul {
     list-style: none;
     font-size: 18px;
     width: 100%;
     font-weight: 900
 }

 #contenedor .side-menu .button-menu ul li {
     padding: 3px 0
 }

 #contenedor .side-menu .button-menu ul li a {
     text-decoration: none
 }

 #contenedor .side-menu .button-menu ul li.reset {
     opacity: 0.5;
     font-size: 14px;
     text-transform: none;
     margin-top: 15px
 }

 #contenedor .side-menu .button-menu ul li.reset a {
     text-decoration: none
 }

 #contenedor .side-menu .button-menu .profile-image {
     height: 60px;
     width: 60px;
     border-radius: 300px;
     margin-bottom: 10px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center
 }

 #contenedor .side-menu .button-menu .name {
     margin-top: 150px;
     font-size: 18px
 }
.sticky{position: sticky;}