body {background-color: #e8e8e8;}
a, a:hover, a:focus{color:#f7505a;}
h1, h2, h3 {color: #fff; font-family: "Raleway",sans-serif; font-style: normal; font-weight: 300; text-rendering: optimizelegibility; font-size:34px;}
.row{margin:0;}

.form-signin {
    max-width: 400px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
    margin: 10px 0 10px 0;
    background-color:Transparent;
    color:#fff;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.content-loading {
    background-image: initial; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: black; 
    background-position: initial initial; 
    background-repeat: initial initial;    
    top: 0px; 
    left: 0px; 
    position:fixed;
    opacity: 0.6; 
    z-index: 1100; 
    width: 100%; 
    height: 100%; 
}  
.text-loading{
    color:#fff;
    background-color:#000;
    position:fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 35px;
    margin: auto;
    font-size:14px;
    z-index: 1101; 
    display: inline-block;
    padding: 0px 10px !important;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border:1px solid #fff;
    border-radius: 5px;
}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #fff;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #fff;
}

/*========== Buttons ==========*/
.btn-custum {background-color: #f7505a; border-color: #f7505a; color: #fff; margin-top:15px;}
.btn:hover, .btn:focus {color: #fff;}
.btn:active, .btn.active {-webkit-box-shadow: none;  box-shadow: none;}

/*button primary*/
.btn-primary {background-color: #f7505a !important; border-color: #f7505a; color: #fff; margin:10px 0 10px 0;}

/*button sizes*/
.btn {padding: 18px 18px; font-size: 14px; line-height:1; width:100%}
.btn-lg,.btn-group-lg > .btn {font-size: 12px; font-weight:bold;}
.btn-sm,.btn-group-sm > .btn {padding: 14px 14px; font-size: 14px;}
.btn-xs,.btn-group-xs > .btn { padding: 8px 8px; font-size: 12px;}

.container-coloruno{background-color:#f7505a; min-height:200px;}
.container-colordos{background-color:#858587; min-height:30px; }
.container-colortres{background-color:#e8e8e8; min-height:100px; padding-top:25px;}
.container-colorcuatro{background-color:#2e2f31;}
.container-logo{padding-top:45px;}
.container-titulo{margin-top:35px; margin-bottom:0;}
.container-leyenda{width:25%; margin: auto;}
.leyenda{color:#000; font-size:11px; font-family: "Raleway",sans-serif; font-style: normal; font-weight: 500; text-rendering: optimizelegibility;}
.leyendaurl{font-size:16px; font-family: "Raleway",sans-serif; font-style: normal; font-weight: 500; text-rendering: optimizelegibility;}
.footer-bottom{ color:#c0c0ca; background: #000; padding:40px 0;}
.footer-bottom a{color: inherit;}
.footer-bottom a:hover {}

.footer-bottom-social{ color:#c0c0ca; background: #2e2f31; padding:10px 0;}
.footer-bottom-social a{color: inherit;}
.footer-bottom-social a:hover {}

.footer-bottom .menu-footer {padding:20px 0 10px;}
.footer-bottom .menu-footer ul{margin:0 auto; text-align:center;}
.footer-bottom .menu-footer ul li{ text-transform:uppercase; font-size:16px;}
.footer-bottom .copyright { padding:10px 0; text-align:center;}
.footer-bottom .copyright p{ margin-bottom:0; line-height:1.9;}

@media (min-width: 400px) {
    .footer-links { background-color:#2e2f31; width:100%; height:90px; bottom:inherit; position:relative; }
}
@media (min-width: 600px) {
    .footer-links { background-color:#2e2f31; width:100%; height:90px; bottom:0; position:absolute;}
}

.footer-bottom-social .social-footer { padding:10px 0 5px;}
.footer-bottom-social .social-list { margin:0 auto; text-align:center;}
.footer-bottom-social .social-list li{ margin-left:5px;}
.footer-bottom-social .social-list li a { display: block; min-width: 20px; text-align: center; font-size:22px;}

/* background color */
.o-tooltip-inner {background-color: #f7505a;}
.o-tooltip.bc .o-tooltip-arrow{border-top-color:#f7505a;}
.o-tooltip.mr .o-tooltip-arrow{border-left-color:#f7505a;}
.o-tooltip.tc .o-tooltip-arrow{border-bottom-color:#f7505a;}
.o-tooltip.ml .o-tooltip-arrow{border-right-color:#f7505a;}
.o-tooltip.tl .o-tooltip-arrow{border-left-color:#f7505a; }
.o-tooltip.bl .o-tooltip-arrow{border-left-color:#f7505a; }
.o-tooltip.tr .o-tooltip-arrow{border-right-color:#f7505a;}
.o-tooltip.br .o-tooltip-arrow{border-right-color:#f7505a;}

/*  SWEETALERT   */
.swal2-popup .swal2-styled.swal2-confirm {
    background-color: #f7505a !important;
    border: 1px solid #f7505a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);      
}
.swal2-popup .swal2-styled.swal2-confirm:hover {
    background-color: #f7505a !important;
}
.alert-detalle {
    padding: 10px 20px;
}
.alert-detalle p{
    line-height: 1;
    text-align: left;
    margin: 0 0 8px 0;
}
/*  SWEETALERT   */