/*
Copyright (c) 9/02/2019
Todos los derechos reservados. El uso no autorizado de este programa está
estrictamente prohibido sin la autorización previa y por escrito del autor.
*/
/* 
    Created on : 9/02/2019, 12:09:28 PM
    Author     : Fernando Garcia - fgarcia@novasys.com.mx
*/

html,body,header,.view {
    height: 100vh;
}
body, html {
    margin: 0; padding: 0;
    width: 100%; height: 100%;
    background-color: #E9E9E9;
    font-family: 'Candara', sans-serif;
    font-weight: 300;
    overflow: hidden;
}

@media (max-width: 740px) {
    html,body,header,view {
        height: 815px;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    html,body,header,.view  {
        height: 650px;
    }
}

.intro-2 {
   background: url("../../img/svg/fondo5.jpg")no-repeat center center;
    background-size: cover;
}

.top-nav-collapse {
    background-color: #3f51b5 !important;
}

.navbar:not(.top-nav-collapse) {
    /* background: transparent !important */;
}

@media (max-width: 768px) {
    .navbar:not(.top-nav-collapse) {
        background: #3f51b5 !important;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background: #3f51b5!important;
    }
}

.card {
    background-color: rgba(255, 255, 255, 1);
}

.md-form label {
    /*color: #8EDEF8 !important;*/
}

h6 {
    line-height: 1.7;
}

.card {
    margin-top: 30px;
}

.md-form input[type=text]:focus:not([readonly]),
.md-form input[type=password]:focus:not([readonly]) {
    border-bottom: 1px solid #8EDEF8;
    box-shadow: 0 1px 0 0 #8EDEF8;
}

.md-form input[type=text]:focus:not([readonly])+label,
.md-form input[type=password]:focus:not([readonly])+label {
    color: #8EDEF8;
}

.md-form .form-control {
    /* color: #fff; */
}

.line-height-48 {line-height: 48px;}
.line-height-24 {line-height: 24px;}
.line-height-74 {line-height: 74px;}
.icon-between {
    display: block; float: left;
    width: 48px; height: 48px;
    line-height: 48px; text-align: center;
    cursor: pointer;
}
/* - - - - - - - - - -- - - - - - - - -- */

/* Custom styles */
body, html {
    margin: 0; padding: 0;
    width: 100%; height: 100%;
    background-color: #E9E9E9;
    font-family: 'Candara', sans-serif;
    font-weight: 300;
    overflow: hidden;
}

.font-header {
    font-size: 24px;
}
.font-subheader {
    font-size: 16px; font-weight: bold;
}
.font-normal {
    font-size: 14px;
}
.font-small {
    font-size: 12px;
}

/* Auxiliares */
.noselect {
    cursor: default;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
             user-select: none;  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.cursor-pointer {cursor: pointer;}
.cursor-move {cursor: grab;}
.cursor-default{cursor: default !important;}
.custom-modal-btn {line-height: 48px; text-align: center; text-transform: uppercase;}
.text-small{font-size:.95rem}
.text-smaller{font-size:.85rem}
.text-bold{font-weight: bold;}