/* 
    Document   : admin css
    Author     : Internet-Commerce TREINAMENTO
    Description:
        Formata o painel admin do projeto do curso de PHP OO da Internet-Commerce.
*/
/*menus dos cursos*/

.custom-navbar {
        background-color: #f8f9fa;
        padding: 10px 20px;
    }

    .custom-navbar-nav {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

    /* Botão 'Ver todos' */
    .custom-btn-xyz {
        background: linear-gradient(45deg, #ff6f61, #ff3d00);
        color: #fff;
        padding: 10px 20px;
        border-radius: 30px;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        transition: all 0.3s ease;
    }

    .custom-btn-xyz:hover {
        background: linear-gradient(45deg, #ff3d00, #ff6f61);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        transform: translateY(-3px);
    }

    /* Botão 'Hacks Vips' */
    .custom-btn-abc {
        background: linear-gradient(45deg, #0f4b69, #3b8d99);
        color: #fff;
        padding: 10px 20px;
        border-radius: 30px;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        transition: all 0.3s ease;
    }

    .custom-btn-abc:hover {
        background: linear-gradient(45deg, #3b8d99, #0f4b69);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        transform: translateY(-3px);
    }

    /* Botão 'Ver Inclusos no meu plano' */
    .custom-btn-mno {
        background: linear-gradient(45deg, #6a1b9a, #8e24aa);
        color: #fff;
        padding: 10px 20px;
        border-radius: 30px;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        transition: all 0.3s ease;
    }

    .custom-btn-mno:hover {
        background: linear-gradient(45deg, #8e24aa, #6a1b9a);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        transform: translateY(-3px);
    }

    /* Botão 'Cursos iniciados' */
    .custom-btn-pqr {
        background: linear-gradient(45deg, #fbc02d, #f57c00);
        color: #fff;
        padding: 10px 20px;
        border-radius: 30px;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        transition: all 0.3s ease;
    }

    .custom-btn-pqr:hover {
        background: linear-gradient(45deg, #f57c00, #fbc02d);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        transform: translateY(-3px);
    }

    .custom-nav-item {
        list-style-type: none;
    }
    
/* CLASES DA PAGINA DE COMPATIBILIDADE DE ACESSORIOS */

.ocult{
    display: none !important;
}
.fech {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.titulo{
	font-size: 24px;
	font-weight: bold;
	color: #06F;
	text-decoration: none;
}
.acessorio{
	background-color: #FFC !important;
}
.listlado{
	float: left;
	list-style-type: none;
}
.listlado h3{
	color: #09F;
	font-size: 24px;
	font-weight: bolder;
	text-transform: capitalize;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1em;
}
.seta{backgroun: url(../icons/seta.png) repeat-no;}

/* CLASES DA PAGINA DE COMPATIBILIDADE DE ACESSORIOS */
body{font-family: 'Open Sans', sans-serif;}
body.login{background: #09f;}
body.painel{background: url(../images/header_bg.png) repeat-x #fbfbfb;}

/*BOTÕES*/
.btn{padding: 7px 22px; border: 3px solid #eee; background: #fbfbfb; text-transform: uppercase; font-weight: bold;}
.btn{cursor: pointer; font-size: 0.8em; color: #fff;}
.blue{background: #069; border-color: #053a8a}
.blue:hover{background: #09f; border-color: #069;}
.green{background: #33752c; border-color: #1f471a}
.green:hover{background: #4aaa40; border-color: #398431;}

/*FLOATS*/
.right{float: right !important;}
.left{float: left !important;}
.center{text-align: center !important;}

/*MENSAGENS DO SISTEM*/
.trigger{padding: 15px 15px 15px 40px; background: #eee; font-size: 14px; margin-bottom: 15px;}
.trigger a{font-weight: 600; font-size: 12px; text-transform: uppercase; padding: 5px 15px; background: #069; color: #fff;}
.trigger a:hover{background: #09f; color: #fff;}

.accept{background: #71ca73 url(../icons/accept.png) center left 10px no-repeat}
.infor{background:  #c8dbfd url(../icons/infor.png) center left 10px no-repeat}
.alert{background:  #faf7b7 url(../icons/alert.png) center left 10px no-repeat}
.error{background:  #ffafaf url(../icons/error.png) center left 10px no-repeat}

/*CAIXAS DE IMAGEM*/
.thumb_small{width: 120px; height: 70px; background: #FFFFFF url(../images/header_logo.png) center center no-repeat; background-size: 70%}
.thumb_emp{width: 120px; height: 60px; background: #00254A url(../images/header_logo.png) center center no-repeat; background-size: 70%}
.thumb_medium{width: 200px; height: 116px; background: #00254A url(../images/header_logo.png) center center no-repeat; background-size: 70%}

/*APENAS TELA DE LOGIN*/
#login{width: 100%;}
#login .boxin{position: absolute; width: 322px; min-height: 300px; background: #eee; left: 50%; top: 50%;}
#login .boxin{padding: 20px 20px 10px; margin-left: -181px; margin-top: -170px;}
#login .boxin h1{font-size: 30px; text-transform: uppercase; font-weight: 600; color: #09f; border-bottom: 5px solid #09f;}
#login .boxin h1{margin-bottom: 15px; padding-bottom: 5px; text-align: center;}
#login form label{display: block; margin-bottom: 15px;}
#login form label span{display: block; margin-bottom: 5px;}
#login form label input{width: 300px; padding: 10px; font-size: 18px; border: none;}
#login form .btn{margin-top: 10px;}

/*PAINEL ADMIN*/
#navadmin{width: 100%; height: 147px; position: relative; margin-bottom: 50px;} 
#navadmin .content{width: 968px; display: block; margin: 0 auto;}
#navadmin .logomarca{float: left; font-size: 0; width: 200px; height: 60px; margin-top: 20px; background: url(../images/header_logo.png) left center no-repeat;}

/*NAV SYSTEM*/
#navadmin .systema_nav{float: right; padding: 5px 5px 10px; background: #006699; position: relative; top: -10px}
#navadmin .systema_nav li{float: left;}
#navadmin .systema_nav li a{float: left; margin: 0 15px; width: 30px; height: 30px; font-size: 0;}
#navadmin .systema_nav li a:hover{background-color: #09f;}
#navadmin .systema_nav li .profile{background: url(../icons/profile.png) center center no-repeat;}
#navadmin .systema_nav li .users{background: url(../icons/users.png) center center no-repeat;}
#navadmin .systema_nav li .logout{background: url(../icons/logout.png) center center no-repeat;}
#navadmin .systema_nav li .icon{background-size: 80%;}
#navadmin .systema_nav .username{margin: 5px 15px; float: left; font-variant: small-caps; color: #fff;}





/*Conteúdo*/
.home .content_statistics{float: right; width: 620px;}
.home .content_statistics section{padding: 20px; background: #fff; margin-bottom: 20px; float: left; width: 580px;}
.home .content_statistics section:last-child{margin: 0;}
.home .content_statistics section .boxsubtitle{border-bottom: 3px solid #eee; margin-bottom: 20px; padding-bottom: 5px;}
.home .content_statistics section article{margin-bottom: 18px; padding-bottom: 18px; float: left; width: 580px; border-bottom: 1px dotted #eee;}
.home .content_statistics section article:last-child{margin: 0; padding: 0; border: none;}
.home .content_statistics section article .img{float: left; margin-right: 15px;}
.home .content_statistics section article h1{font-size: 14px; margin-bottom: 10px;}
.home .content_statistics section article h1 a{font-weight: 600; color: #005875}
.home .content_statistics section article h1 a:hover{text-decoration: underline;}

/*POSTS*/
.post_actions{float: left; width: 298px; font-size: 12px;}
.post_actions li{float: left; margin-right: 6px;}
.post_actions li:first-child{margin-right: 32px; margin-top: 4px;}
.post_actions li:last-child{margin: 0;}
.post_actions li a{background: #ccc; text-transform: uppercase; font-size: 10px; color: #333; width: 25px; height: 25px; float: left; font-size: 0;}
.post_actions li a:hover{background-color: #09f; color: #fff;}
.post_actions li .act_view{background: #eee url(../icons/act_view.png) center center no-repeat;}
.post_actions li .act_edit{background: #eee url(../icons/act_edit.png) center center no-repeat;}
.post_actions li .act_precooff{background: #eee url(../icons/icone-precooff.png) center center no-repeat;}
.post_actions li .act_precoon{background: #eee url(../icons/icone-preco.png) center center no-repeat;}
.post_actions li .act_ative{background: #eee url(../icons/act_ative.png) center center no-repeat;}
.post_actions li .act_inative{background: #eee url(../icons/act_inative.png) center center no-repeat;}
.post_actions li .act_compatible{background: #eee url(../icons/compativel.png) center center no-repeat; width: 100px !important; height: 25px;}
.post_actions li .act_incompatible{background: #eee url(../icons/incompativel.png) center center no-repeat; width: 100px !important; height: 25px;}
.post_actions li .act_imagens{background: #eee url(../icons/envia_imagem.png) center center no-repeat; width: 100px !important; height: 25px;}
.post_actions li .act_delete{background: #eee url(../icons/act_delete.png) center center no-repeat;}



/*LISTA CONTENT*/
.list_content h1{margin-bottom: 10px;}
.list_content article{padding: 20px; background: #fff; margin-bottom: 20px; float: left; width: 434px; min-height: 76px;}
.list_content article .img{float: left; margin-right: 15px;}
.list_content article h1{font-size: 14px;}
.list_content article h1 a{color: #069;}
.list_content article h1 a:hover{text-decoration: underline;}

/*LISTA CATEGORIAS*/
.cat_list h1{margin-bottom: 10px;}
.cat_list section section{padding: 20px 20px 0; margin-bottom: 30px; background: #fff; float: left; width: 928px; border-bottom: 10px solid #ccc}
.cat_list section:last-child{margin: 0;}
.cat_list section section header{display: block; float: left; width: 928px}
.cat_list section section header h1{font-size: 20px; margin: 0 !important; font-weight: bold; text-transform: uppercase; color: #333}
.cat_list section section header .tagline{font-size: 16px; margin: 15px 0; color: #666;}
.cat_list section section header .info{padding: 10px; margin-bottom: 20px; background: #fbfbfb; display: block; width: 908px;}

.cat_list section section h2{font-size: 18px; margin: 15px 0 !important; font-weight: 600; color: #999}
.cat_list section section article{float: left; width: 256px; padding: 20px; background: #eee; margin: 0 20px 20px 0;}
.cat_list section section .right{margin-right: 0;}
.cat_list section section article h1{font-size: 14px}
.cat_list section section article .info{width: 256px;}
.cat_list section section article .info li:first-child{margin-right: 21px;}

/*EMPRESAS*/
.list_emp article h1{margin: 0;}
.list_emp article h2{margin: 0; font-size: 12px; text-transform: uppercase; margin-bottom: 3px;}
.list_emp article h2 a{color: #666; font-weight: bold;}
.list_emp article h2 a:hover{text-decoration: underline;}

/*PAGINATOR*/
.paginator{padding: 10px; background: #fff; text-align: center}
.paginator li{display: inline;}
.paginator a, .paginator span{margin: 0 5px; padding: 3px 8px; font-size: 14px; color: #333; font-weight: 600}
.paginator a:hover{background: #09f; color: #fff;}
.paginator .active{background: #c21f25; color: #fff;}

/*USUÁRIOS*/
.user_cad{float: right; background: #bee2b0; padding: 8px 20px; font-size: 14px; text-transform: uppercase; color: #fff;}
.user_cad:hover{background: #80e258}
.ultable{width: 968px; display: block; margin: 20px auto; overflow: hidden; background: #eee; list-style: none; padding: 0;}
.ultable .t_title{background: #333; color: #fff; border-color: #333; width: 968px;}
.ultable .t_title span{border-color: #fff;}
.ultable li{float: left; display: block; border: 1px solid #333; border-top: none; width: 968px; font-size: 14px;}
.ultable li span{float: left; padding: 15px; border-right: 1px solid #ccc; min-height: 22px}
.ultable li .center{text-align: center;}
.ultable li .ui{width: 20px;}
.ultable li .un{width: 210px;}
.ultable li .ue{width: 200px;}
.ultable li .ur{width: 80px;}
.ultable li .ua{width: 150px;}
.ultable li .ul{width: 40px;}
.ultable li .ed{width: 50px; border-right-color: #333;}
.ultable li .ed a{background: #069;}
.ultable li .ed a:hover{background-color: #09f;}
.ultable li .ed a:last-child{background-color: #efc3c2;}
.ultable li .ed a:last-child:hover{background-color: red;}
.ultable li .ed .action{width: 25px; height: 22px; display: block; font-size: 0; float: left;}
.ultable li .ed .user_edit{background: #ccc url(../icons/act_edit.png) center center no-repeat; background-size: 70%}
.ultable li .ed .user_dele{background: #ccc url(../icons/act_delete.png) center center no-repeat; background-size: 70%}

/*FOOTER GERAL*/
.main_footer{background: #00254A; width: 100%; padding: 30px 0; text-align: center; border-top: 2px solid #444;}
.main_footer a{font-size: 14px; color: #fff; font-variant: small-caps;}
.main_footer a:hover{text-decoration: underline;}
/*dados da tela de pedidos*/
.head{
	font-weight: bold;
	color: #963 !important;
	text-decoration: none;
}
.head a{
	color:#333;
	}
.btnp{
	padding: 2px;
	cursor:pointer;
	border-radius: 2px;
	}	
.textos{
	padding-left: 2em;
	padding-bottom: 2px;
	color: #333;
	font-size: 15px;
	list-style-type: none;
	}
.red{
	background:#FFF !important;
	color: #F00 !important;
}
.azul{
	background:#FFF !important;
	color: #06F !important;
	}
.verde{
	background:#FFF !important;
	color: #063 !important;
	}