html,body{
background-color: #b3e6ff;
height: 100%;
width: 100%;
}


#modalLogin .modal-content{
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('https://dixiponto.com.br/suporte/treinamento/admin/assets/img/fundologing.png');
    background-position: right;
} 
#modalLogin .modal-header,#modalLogin .modal-footer{
    background-color: #4aaadcb0;
    color: #fff;
}
#modalLogin .modal-content .border-info{
    background: #212529;
}
#modalLogin .modal-content small{
    color: #fff;
}



.bgwhite{
background: white;

}
#top{
margin-top
width: 100%;
background: white;
margin: auto;

}
#top a{
text-decoration: none;
}
.menuprincipal {
background-color: #dbdbdb;
padding: 10px;
min-height: 30px;
margin-bottom: 3px;
}
.#top a:link{
text-decoration: none;
text-align: center;
}
#top a{
color: inherit;
}

#top h3 {
font-weight: normal;
vertical-align: center;
padding: 5px;
/*padding-right: 40px;*/
font-size: 14px;
color: #717173;
}
.pesquisa{
width: 260px;
margin: 20px  auto;
}
/*.email img{
width: 25px;
height:25px;
}

.email{
width: 270px;
margin: 10px auto;
*/
}
.email{
}
.logo-dixi{
display: block;
max-width: 206px;
margin: 10px  auto;

}
.logo-dixi img{
width: 50px;
float: left;
margin-right: 10px;

}
#top .texto-logo h3{
width: 190px;
font-size: 16px;
color: #717173;
margin-left: 20px;
padding: 5px;
}
/*======================Lista link externos========================*/
.links-externos ul{
list-style-type: none;
margin: 0;
padding: 5px;
overflow: hidden;
background-color: #49a8db;
}
.links-externos li{
color: white;
border-left:1px solid white;
float: right;
}
.links-externos a{
}
.links-externos li a{
font-size: 12px;
display: block;
text-align: center;
padding: 0px 25px;
text-decoration: none;
color: white;
}
.links-externos li:hover{
color: silver;
}
/*=======================LISTA DE VIDEOS===========================*/
.primaria{
height: 100%;
background:#d3d3d3;
}
.lista-videos ul{
list-style: none;
padding: 0;
}
.lista-videos a{
margin-left: 10px;
text-decoration: none;
color: #444;
font-family: arial;
}
.lista-videos a:hover{
color: red;
}
.lista-videos li:hover{
background: silver;
text-decoration: none;
color: red;
border-bottom: solid 1px #f60;
}
.lista-videos li{
display: block;
width: 100%;
padding: 10px;
border-bottom: solid 1px #ccc}
.row-azul{
width: 100%;
height: 4px;
background-color:  #49a8db;
}
.playlist{
padding: 1px;
}
.titulo-playlist{
text-align: center;
color: #808090;
}
.titulo-playlist h2{
font-size: 1rem;
height: 30px;
}
.texto-playlist{
text-align: center;
/*padding-top: 10px;*/
color: #808080;
font-size: 0.8em;
height: 60px;
overflow-y: hidden;

}
/*jQuery-Carousel*/
.slider {
/*width: 90%;*/
margin: 20px auto;
}

.slick-slide {
margin: 0px 20px;

}
.slick-slide img {
width: auto;
height:  auto;
max-width: 200px;
max-height: 120px;
margin: auto;
}


.slick-prev:before,
.slick-next:before {
color: #696969;

}
.slick-slide {
transition: all ease-in-out .5s;
opacity: 1;

}

.slick-active {
opacity: 1;
}
.slick-current {
opacity: 1;
}
/*=======================FIM LISTA DE VIDEOS===========================*/
.veja{
text-align: left;
width: 100%;
background: #e6e7e9;
}
.veja p{
color: black;
font-weight: 600;
padding: 5px;
margin-left: 10px;

}
.direitos{
text-align: center;
width: 100%;
background: #e6e7e9;

}
.direitos p{
color: black;
font-weight: 400;
padding: 10px;
margin-left: 10px;
margin-bottom: 0;
margin: 0 auto;

}
.wrapper {
display: flex;
width: 100%;
height: 100%;
align-items: stretch;
}
a, a:hover, a:focus {
color: inherit;
text-decoration: none;
transition: all 0.3s;
}
#sidebar{
width: 100%;
height: 100%;
background: #808080 ;
color: #fff;
transition: all 0.3s;
}
.color-silver{
background: #696969
}
#sidebar .sidebar-header{
padding: 10px;
background: #696969 ;
}
#sidebar ul.components {


}
#sidebar ul p {
color: #fff;
padding: 2px;
}
#sidebar ul li a {
padding: 5px;
font-size: 1.1em;
display: block;
}
#sidebar ul li a:hover {
color: #7386D5;
background: #fff;
}
#sidebar ul li.active > a, a[aria-expanded="true"] {
color: #fff;
background: #4197C5;
}
ul ul li a {
font-size: 1.1em !important;
padding-left: 30px !important;
background: #49a8db;
}
ul ul ul li a {
font-size: 1.1em !important;
padding-left: 40px !important;
background: #49a8db;
}
#sidebar.active {
margin-left: -50px;
}
#conteudotreinamento{
color: #808080;
padding: 10px;
}
#conteudotreinamento h1{
color: #808080;
font-size: 1.5em;
}
#conteudotreinamento p{
padding: 10px;
font-size: 1em;
}
#conteudotreinamento #tituloicone{
margin-right: 10px;
}
.btn-setas{
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
cursor: pointer;
}
.setas{
background-color: white;
color: black;
}
.setas:hover{
background-color: #808080;
color: black;
}
.setas-texto{
padding: 10px;
align-content: center;
font-size: 1.5em;

}
.conteudo_recomendado{
margin: 10px;
}
.header-recomendado{

border: 2px #808080 solid;
font-size: .9em
}
.img_titulo{
margin: 0 auto;
padding: 10px;
max-width: 260px;

}
.img_titulo img{
width: 100%;
box-shadow: 5px solid black;

}
#ytplayer{
/*  min-height: 450px;
width: 100%;*/
}
.menu-top ul{
margin: 0;
}
.menu-top ul li{
list-style: none;
display: inline;
}
#top .menu-top ul li a{
display: inline-block;
color: #fff;

text-decoration: none;
}
.menu-top ul{
padding:0;
float: right;
}
.menu-top-intem{
padding: 0px 25px;
font-size: 0.8rem;
border-left:1px solid #fff;
display:block;
color: #ffffff;
}
.bg-menu-top{
background-color: #49a8db;
padding: 2px;
}
#top .uv-destaque,#top .uv-destaque2{
float: right;
color: gray;
/*font-weight: 600;*/
}
.uv-cx-texto{
text-align: center;
margin: auto;
white-space: nowrap;
width: 70%;
overflow: hidden;
text-overflow: ellipsis;
color: #fcfcfc;
font-weight: 600;
}
.uv-icon-div{
position: relative;
}
.uv-icon-div img{
position: absolute;
top: 0px;
right: 90px;
width: 20px;
}
.uv-destaque2 sup{
/*         background-color: coral;*/
color: orangered;
font-weight:600;
padding: 2px;
}
#top .last-videos a{
color: gray;
}
#crs-destaque .carousel-control-next-icon{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
#crs-destaque .carousel-control-prev-icon{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;

}
.last-videos{
padding: 10px;
}


#perfilUsuario .modal-header,#perfilUsuario .modal-footer{
    background-color: #1d6089;
    color: #fff;
}




/*Media------------------------------------------------*/
@media(min-width: 1200px){
.container{
max-width: 1366px;
}
#conteudotreinamento{
min-width: 500px;
min-height: 400px !important;

}
}
/* este estilo aplica-se a partir de 900px em diante */
@media ( min-width: 900px ) {
.email{
width: auto;
float:right;
}
#texto-logo h3{
font-size: 16px;
margin-top: 15px;
color: #717173;
display: inline-block;
}

}
@media(max-width: 768px){
.direitos p{
font-size: 0.8rem;
}
#top .uv-destaque{
	float:none;
	padding-left:20px;
}
.uv-icon-div img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
}
.email{
	text-align: center;
}

}