/*
    DEMO STYLE
*/
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";



a, a:hover, a:focus {    
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding-top:15px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
   
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: rgb(233,75,42);
    background: linear-gradient(90deg, rgba(233,75,42,1) 0%, rgba(239,123,65,0.8701855742296919) 97%);
    color: white;
    transition: all 0.3s;
    margin-bottom:0;
}

.sidebar-header{
    background-color:white;
    height:80px;
}
    #sidebar.active {
        margin-left: -250px;
    }


    #sidebar ul.components {
        padding: 20px 0;
        
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 10px;
        font-size: 1.1em;
        display: block;
    }

        #sidebar ul li a:hover {
            background-color: #E94B2A !important;
            color: white;
        }

#sidebar ul li.active > a, a[aria-expanded="true"] {
    background-color: #E94B2A !important;
    color: white;
}


a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}

a[aria-expanded="true"]::before {
    content: '\e260';
}


ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

a.download {
    background: #fff;
    color: #7386D5;
}

a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}


#sidebar ul li a{
    font-size:10px;
    margin-left:25px;
    color:white;
}

.sd-bar {
    
    color: white !important;
}

.sd-bar a:hover{
    background-color:#E94B2A !important;
    color: white;
}

/*
   inicia seccion header
*/
#top-nav {
    background-color: white;
    border: 0;
}

.active2 {
    background-color: white;
    color: #E94B2A !important;
}

ul {
    margin-bottom:0px;
}


ul li a {
    color: #BBB7CE !important;
}

.navbar-header a {
    color: #BBB7CE !important;
}

.active2 a:hover {
    color: #EF7B41 !important;
}


#tg-btn {
    background-color: #e94b2a;
    color: white;
    margin-top: 1%;
    margin-bottom:1%;
    margin-right:7%;
    border-radius: 5px;
    border: none;
    white-space: nowrap;
}

#sidebarCollapse {
    background-color: #BBB7CE !important;
    color: #E94B2A !important;
    border: 0;
}

#tp-logo {
   width:90%;
   height:75%;
   margin-top:10px;
   margin-left:10px;
}

.lbl-title{
    margin-top:10%;
    margin-left:10%;
}



/*
    fin seccion header
*/
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    min-height: 100vh;
    transition: all 0.3s;
}

#contenido{
   /* margin-top:3%;
    margin-left:18%;*/
    margin: 3% auto;
}

.content-footer
{
    margin-top:40px;
}

#content-title
{
    color:#212D58 !important;
    font-size:30px;
    padding-left: 20px;
}

div.video {
    margin: 10px 10px;
    /*width: 36%;
    max-height: 18%;
    float: left;*/
}

   /* div.video video {
        width: 60%;
        height: 35%;
        outline: none;
    }*/


    div.video p {
        font-size: 25px;
    }




/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }

        #sidebar.active {
            margin-left: 0;
        }

    #sidebarCollapse span {
        display: none;
    }
}