/*

  Darkblue    00bade
  lightblue   00c8d5
*/


/* BUTTONS */
.btn.m-btn--label-brand { color: #00bade; }
.btn-focus {
    color: #fff;
    background-color: #00bade;
    border-color: #00c8d5;
}
.btn-focus:hover {
    color: #fff;
    background-color: #00c8d5;
    border-color: #00bade;
}

.jstree-default .jstree-node {
    min-height: 32px;
    line-height: 33px !important;
    min-width: 24px;
    font-size: 17px !important;
}

.m-brand {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    height: 70px;
    width: 300px;
    padding: 0 30px;
}

.m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile)>.m-grid__item.m-grid__item--fluid { flex: none; }

h4.subtitle { color:white; font-weight: 300; line-height: 125% }

.btn-focus.m-btn--air, .btn-outline-focus.m-btn--air, .btn-focus.m-btn--air:hover, .btn-outline-focus.m-btn--air:hover {
    -webkit-box-shadow: 0 5px 10px 2px rgba(152,22,244,0);
    -moz-box-shadow: 0 5px 10px 2px rgba(152,22,244,0);
    box-shadow: 0 5px 10px 2px rgba(152,22,244,0);
}

.m-link, .m-link.m-link--focus { color: #00bade }
.m-link:hover, .m-link.m-link--focus:hover { color: #00c8d5; text-decoration-color: #00c8d5  }
.m-link.m-link--focus:hover:after, .m-link:hover:after  {
    border-bottom: 1px solid #00c8d5;
    opacity: .3
}

.m-login.m-login--1 .m-login__wrapper {
    overflow: hidden;
    padding: 30% 2rem 2rem 2rem;
}

#m_aside_left{ position: fixed; height: 100%; z-index: 999; margin-top: 0px;}
.m-grid__item { margin-left: 0px; }

.m-wrapper { margin-left: 300px; transition: margin 300ms;}


.m-aside-left--minimize .m-wrapper { margin-left: 70px; }
.m-aside-left { width:300px}

.loader {position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:url('../../app/media/img/loader.gif') 50% 50% no-repeat rgb(249,249,249);opacity:1}

.home {text-align: center;white-space: nowrap;
  background: url('/atom/assets/app/media/img/bg/bg_cms_inicio.png') no-repeat top center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover; }

.home img { width:60%; margin-top: 10%; vertical-align:middle; }
.home p { color: white;  font-size: 1.5em; }

.logohead { max-width: 160px; }
.pageTitle { margin: 28px 15px; float: left; font-weight: 800 !important; }


.bghome { background-image: url(/atom/assets/img/bghome.jpg) }

.m-dropdown.m-dropdown--header-bg-fill.m-dropdown--arrow .m-dropdown__arrow {color: #12adec;  }

.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00e3c5+0,53cbf1+60,00a5eb+100 */
  background: #00e3c5; /* Old browsers */
  background: -moz-linear-gradient(left, #00e3c5 0%, #53cbf1 60%, #00a5eb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #00e3c5 0%,#53cbf1 60%,#00a5eb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00e3c5 0%,#53cbf1 60%,#00a5eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e3c5', endColorstr='#00a5eb',GradientType=1 ); /* IE6-9 */

}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text { color: #00bade; }
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon { color: #00c8d5; }
.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__email { color: white; font-size: 0.9em; }

.m-nav__link .m-nav__link-icon > i::before {

    background: -webkit-linear-gradient(180deg,#00e4c4 25%,#00c4d8 50%,#00a0ee 75%,#00a0ee 100%);
    background: linear-gradient(180deg,#00e4c4 25%,#00c4d8 50%,#00a0ee 100%);
        background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control { padding: 1rem .5rem; }

  .form-control:focus { outline: none; }
  .m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control.m-login__form-input--last { border: 0 }
  .m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control:focus::-moz-placeholder { color: #00bade; opacity: 1 }
  .m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control:focus:-ms-input-placeholder { color: #00bade; }
  .m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control:focus::-webkit-input-placeholder { color: #00bade; }

/* live create edit styles */

.scheduled_space {
    padding: 10px;
    border: 1px solid #593976;
    background: #7a4da4;
    margin: 1px;
    color: white;
    text-align: left;
    font-size: 0.8em;
    border-radius: 5px;
    height: 100%;
    overflow: hidden;
}
.scheduled_space:hover {
    background: #ba8de4;
}
.non_scheduled_space {
    padding: 10px;
    margin: 1px;
    text-align: left;
    font-size: 0.8em;
    border-radius: 5px;
    height: 100%;
}
.non_scheduled_space:hover {
    background: #c0c0c0;
}
.scheduled_space .boton, .non_scheduled_space .boton {
    display: none;
}
.scheduled_space:hover .boton, .non_scheduled_space:hover .boton {
    display: inline-block;
}
.boton:hover {
    color: yellow;
    cursor: pointer;
}
.thumbnail_image {
    cursor: pointer;
    width: 100%;
}
.thumbnail_title {
    cursor: pointer;
    font-weight: lighter;
    font-size: 0.8em;
}

.thumbnail_stack.m-stack--ver .m-stack__item {
    padding: 10px;
    font-weight: 500;
}

.thumbnail_stack.m-stack--ver .m-stack__item.selected, .thumbnail_stack.m-stack--ver .m-stack__item:hover {
    background-color: #34bfa3;
    border-radius: 10px;
}
.thumbnail_stack.m-stack--ver .m-stack__item.selected .m-stack .m-stack__item, .thumbnail_stack.m-stack--ver .m-stack__item:hover .m-stack .m-stack__item {
    background-color: #34bfa3;
    color: white;
}


/* covers */

.template-row {
    /*border: 1px solid #716aca;*/
    margin: 5px;
    padding: 5px;
}





@media only screen and (max-width:992px) {
#m_aside_left{ position: fixed; height: 100%; z-index: 999; top: 60px; }
.m-aside-left-overlay { top: 60px;}

 .m-wrapper { margin-left: 0px !important; transition: margin-left 0.3s ease;}
  .home {
    background-size: auto 100%;
    position: absolute; height: 100%;
  }

  .m-body .m-content {
    padding: 40px 20px;
}

.m-brand {
    width: 100%;
}


}

@media only screen and ((max-width: 768px)) {
#m_aside_left{ position: fixed; height: 100%; z-index: 999; top: 60px; }
  
    .m-body .m-content {
        padding: 40px 20px;
    }
}

@media (max-width: 992px) {
.m-aside-left-overlay {
    z-index: 993; 
}
}