/*
Aplicatie realizata de Bogdan POPA.
Este interzisa vanzarea, modificarea, utilizarea in orice mijloace
a codului sursa sau a aplicatiei fara acordul scris al programatorului.
Contact: Bogdan POPA E-mail: bogdanpopa50@gmail.com Telefon: +4 0761 62 09 42
*/
/* 
    Created on : Dec 26, 2017, 12:06:16 AM
    Author     : bogda
*/


.hero{
    background-image: url('../images/login_bg.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    margin: 0;
    position: absolute;
}
.hero:after{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
}
.hero .container{
    z-index: 3;
    position: relative;
}
.hero .card{
    background: rgba(0,0,0,0.7);
}
.hero a, a:hover{
    color: #fff;
    text-decoration: underline;
}
@media (min-width:576px){
    .hero section{
        padding: 40px 0px;
    }
    .hero .card .card-block{
        padding-left: 4rem;
        padding-right: 4rem;
    }
}
@media (max-width:576px){
    .hero section{
        padding: 20px;
    }
}
.hero .bg-alt {
    background-color: #fff;
}
.hero .btn{
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    text-transform: uppercase;
    font-weight: 500;
    padding: .6rem 1.5rem;
    cursor: pointer;
}
.hero .btn:hover, .btn:focus {
    box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.15);
}
.hero .btn-primary{
    background-color: #ff5722 !important;
    border-color: #ff5722 !important;
}
.hero .btn-primary:hover, .btn-primary:focus{
    color: #fff !important;
}
.hero .form-group {
    margin-bottom: 1.5rem;
}
.hero .form-control{
    height: 45px;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    color: #FFFFFF; 
}
.hero .form-control:focus {
    border-color: #FFFFFF;
    background-color: transparent;
    color: #FFFFFF; 
}
.hero .border-none{
    border: none !important;
    border-color: transparent !important;
}
.hero .text-primary{
    color: #ff5722 !important;
}
.hero .custom-control-input:checked~.custom-control-indicator {
    color: #fff;
    background-color: #ff5722;
    outline-color: #ff5722; 
}
.hero .content-divider.center {
    text-align: center;
}
.hero .content-divider {
    position: relative;
    z-index: 1;
}
.hero .content-divider > span, .content-divider > a {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding: 2px 12px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
}
.hero .content-divider > span:before, .content-divider > a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    background-color: #ddd;
    width: 100%;
    z-index: -1;
}

body
{ 
    margin-bottom: 100px; 
}

.links
{
    padding-top:5px;
    padding-bottom:5px;
}
 
.titlul_pagina
{
    text-align: center;
    font-size:18px;
    font-weight: bolder;
    border-bottom: 2px solid #cccccc;
    margin-bottom: 10px;
    background-color: #ffebeb;
    padding: 5px;
}

.titlul_sectiune
{
    font-weight: bolder;
    background: #4286f4;
    color: white;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.masini_tabel1
{
    font-size:11px;
}


.input_small
{
    font-size: 10px;
}
.mesaj{
    margin-bottom: 10px;
    margin-top: 10px;
}

table
{
    font-size:12px;
}



.bg_total 
{
    background: #f4b084;
}


 .bg_yellow{
                background: yellow;
            }



            



/* PIPO  */


.videoContainer 
{
    position:absolute;
    height:100%;
    width:100%;
    overflow: hidden;
}

.videoContainer video 
{
    min-width: 100%;
    min-height: 100%;
}




/* SECONDARY MENU */


.navbar_secondary{
    font-size: 13px;
    margin:0;
    padding:0;
    margin-bottom: 10px;;
}

.navbar_secondary .nav-item{
    margin:0px 3px;
    
}

.navbar_secondary  .dropdown-item{
    font-size: 13px;
}

.top_navigation img{

    /* width:20px; */
    
}

.top_navigation_icon{
     width:20px;
}