#EverBlog {float:left; width:100%; text-align:center; font-size:13px; color:#333333; margin-top:20px}
#EverBlog .DivCenter {display:inline-block; width:100%; max-width:1240px; outline-style:none}
#EverBlog .BtBlogCat {width:140px; height:48px; background-color:#777777; color:#eeeeee; font-size:15px; font-weight:bold; border:0px; border-radius:4px}
#EverBlog .BtBlogCat:hover {background-color:#999999; cursor:pointer}
#EverBlog .BtBlogCatSel {width:140px; height:48px; background-color:#333333; color:#eeeeee; font-size:15px; font-weight:bold; border:0px; border-radius:4px; outline-style:none}
#EverBlog .BtAdicionar {width:140px; height:48px; background-color:#41A85F; color:#ffffff; font-size:15px; font-weight:bold; border:0px; border-radius:4px; outline-style:none}
#EverBlog .BtAdicionar:hover {background-color:#4ab96b; cursor:pointer}
#EverBlog .CampoSelect {width:100%; height:48px; border:1px #ccc solid; border-radius:4px; padding:10px; color:#666; outline-style:none}
#EverBlog .CampoTexto {width:100%; height:48px !important; min-height:48px !important; border:1px #ccc solid; border-radius:4px; padding-left:10px; padding-right:10px; color:#666; outline-style:none}
#EverBlog .CampoArea {width:100%; border:1px #ccc solid; border-radius:4px; padding:10px; color:#666; outline-style:none; font-size:14px}
#EverBlog .DivExibir1 {float:left; border:1px #ccc solid; height:36px; padding-top:10px; width:50px; text-align:center; border-right:0px; border-radius:4px 0px 0px 4px}
#EverBlog .DivExibir2 {float:left; border:1px #ccc solid; height:36px; padding-top:10px; width:50px; text-align:center; border-radius:0px 4px 4px 0px}
#EverBlog .IconExibir {filter:alpha(opacity=50);opacity:.5;cursor:pointer}
#EverBlog .IconExibir:hover {filter:alpha(opacity=40);opacity:.4;cursor:pointer}
#EverBlog .DivFiltro {float:left; margin-left:14px}
#EverBlog .DivProcurar {float:left; margin-left:14px; position:relative}
#EverBlog .DivIconLupa {position:absolute; left:calc(100% - 35px); top:13px}
#EverBlog .DivAdd {float:left; margin-left:14px}
#EverBlog .DivContBtMenu {float:left}
#EverBlog .DivContAddBusca {float:right}
#EverBlog .Padrao {float:left; width:100%}
#EverBlog .BtVoltar {width:140px; height:48px; background-color:#cccccc; color:#ffffff; font-size:15px; font-weight:bold; border:0px; border-radius:4px; cursor:pointer; outline-style:none}
#EverBlog .BgListagem {float:left; width:100%; padding-top:8px; padding-bottom:8px; border-bottom:1px #d7d7d7 solid; font-size:14px; color:#777777; outline-style:none}	
#EverBlog .BgListagem:hover {background-color:#fbfbfb}	
#EverBlog input {outline-style:none}
#EverBlog .ContListagemBlogImagem {float:left; width:calc(100% + 20px); margin-left:-20px}
#EverBlog .BoxListagemBlogImagem {float:left; width:calc(25% - 20px); margin-left:20px; margin-top:30px}
#EverBlog .BlogImgCategoria {float:left; width:100%; text-align:left; color:#3D8EB9; font-weight:bold; font-size:13px; margin-top:10px}
#EverBlog .BlogImgTitulo {float:left; width:100%; text-align:left; color:#555555; font-size:19px; margin-top:10px; height:45px; overflow:hidden}
#EverBlog .BlogImgBoxEditDel {float:left; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.7); display:none}
#EverBlog .DivBlogImgBg {float:left; width:100%; height:220px}
#EverBlog .DivBlogImgBg:hover .BlogImgBoxEditDel {display:inline}
#EverBlog .BtAddCapa {border:0px; width:50px; height:50px; border-radius:25px; background:url('../imagens/upload.png') no-repeat center center; background-color: rgba(0, 0, 0, 0.7)}	
#EverBlog .BtAddCapa:hover {background-color: rgba(0, 0, 0, 0.9); cursor:pointer}	
#EverBlog .DivCamposAdd {float:left; width:100%; font-size:14px; font-weight:bold; line-height:25px; color:#656565; margin-top:12px}	
#EverBlog .AreaTitulo {width:100%; height:80px; border:1px #ccc solid; border-radius:4px; padding:10px; font-size:19px; color:#777777; outline-style:none}	
#EverBlog .GoogleTitle {float:left; width:100%; font-size:18px; color:#1a0dab; line-height:22px}	
#EverBlog .GoogleUrl {float:left; width:100%; font-size:14px; color:#006621; line-height:16px; margin-top:2px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}	
#EverBlog .GoogleDescription {float:left; width:100%; font-size:13px; color:#545454; line-height:18px; margin-top:3px}	
#EverBlog .BtOpcoesGerenciamento {font-size:17px; color:#444444; height:50px; border:1px #cccccc solid; border-radius:4px; background-color:#ffffff; background-repeat:no-repeat}
#EverBlog .BtOpcoesGerenciamento:hover {background-color:#f3f3f3; cursor:pointer}
#EverBlog .DivBtOpcoes {display:inline-block; margin-left:4px; margin-right:4px}
#EverBlog .BoxBlocos {float:left; width:100%; background-color:#F9F9F9; padding:40px; margin-top:20px; margin-bottom:10px; text-align:left; position:relative}
#EverBlog .BoxBtFechar {position:absolute; top:14px; left:calc(100% - 42px); width:28px; height:28px; background:url('../imagens/icon_fechar_opcao.png')}
#EverBlog .BoxBtFechar:hover {filter:alpha(opacity=60);opacity:.6; cursor:pointer}
#EverBlog #ConteudoMateria {float:left; width:100%; text-align:left; font-size:14px; color:#545454; line-height:23px}
#EverBlog .EstiloCitacao {font-size:32px; color:#3388BB; line-height:38px}
#EverBlog .EstiloTexto {font-size:14px; color:#545454}
#EverBlog .DivIconGerenciarConteudo {display:inline-block; margin-left:10px; margin-right:10px}
#EverBlog .DivIconGerenciarConteudo:hover {cursor:pointer; filter:alpha(opacity=70);opacity:.7}
#EverBlog .DivAbsoluteGerenciarConteudo {position:absolute; width:100%; height:100%; background-color: rgba(0,120,255,0.3); display:flex; align-items:center; justify-content:center; display:none; min-height:40px; box-sizing: border-box}
#EverBlog .BoxBlocosEditar:hover .DivAbsoluteGerenciarConteudo {display:flex}
#EverBlog .DivPadrao {float:left; width:100%; margin-top:24px}
#EverBlog .CampoValidar {border:1px #dd0000 solid}
#EverBlog .EditorHTML {text-align:left; }

#EverBlog .switch {position: relative; display: inline-block; vertical-align: top; width: 65px; height: 26px; padding: 3px; background-color: white; border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; background-image: -webkit-linear-gradient(top, #eeeeee, white 25px); background-image: -moz-linear-gradient(top, #eeeeee, white 25px); background-image: -o-linear-gradient(top, #eeeeee, white 25px); background-image: linear-gradient(to bottom, #eeeeee, white 25px);}
#EverBlog .switch-green > .switch-input:checked ~ .switch-label {background: #4fb845;}
#EverBlog .switch-input {position: absolute;top: 0;left: 0;opacity: 0;}
#EverBlog .switch-label { position: relative; display: block; height: inherit; font-size: 12px; text-transform: uppercase; background: #eceeef; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: opacity background; -moz-transition-property: opacity background; -o-transition-property: opacity background; transition-property: opacity background;}
#EverBlog .switch-label:before {content: attr(data-off);right: 11px;color: #aaa;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
#EverBlog .switch-handle {position: absolute;top: 5px; left: 6px; width: 22px; height: 22px; background: white; border-radius: 10px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0); background-image: -moz-linear-gradient(top, white 40%, #f0f0f0); background-image: -o-linear-gradient(top, white 40%, #f0f0f0); background-image: linear-gradient(to bottom, white 40%, #f0f0f0); -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; }
#EverBlog .switch-handle:before {content: ''; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -3px; width: 6px; height: 6px; background: #f9f9f9; border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); background-image: -webkit-linear-gradient(top, #eeeeee, white); background-image: -moz-linear-gradient(top, #eeeeee, white); background-image: -o-linear-gradient(top, #eeeeee, white); background-image: linear-gradient(to bottom, #eeeeee, white);}
#EverBlog .switch-input:checked ~ .switch-handle {left: 44px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}

#EverBlodModal {position:fixed; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.5); display:table; text-align:center; z-index:9999; left:0; top:0}
#EverBlodModal .alignCenter {*position: absolute; top: 50%;display: table-cell;vertical-align: middle;}
#EverBlodModal .DivBox {display:inline-block; background-color:#ffffff; padding:30px; border-radius:4px; font-size:13px; color:#454545}
#EverBlodModal .DelBtDel {background-color:#dd0000; font-size:14px; color:#ffffff; font-weight:500; border:0px; border-radius:3px; height:34px; width:90px}
#EverBlodModal .DelBtDel:hover {background-color:#ca0000; cursor:pointer}
#EverBlodModal .DelBtCancel {background-color:#bbbbbb; font-size:14px; color:#ffffff; font-weight:500; border:0px; border-radius:3px; height:34px; width:90px}
#EverBlodModal .DelBtCancel:hover {background-color:#aaaaaa; cursor:pointer}

.DivPaginacao {float:left;width:100%;text-align:center}
.pagination{display:inline-block;padding-left:0;margin-top:20px;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:8px 14px;margin-left:-1px;line-height:1.3333333;color:#404040;text-decoration:none;background-color:#fff;border:1px solid #ddd;font-size:16px;cursor:pointer}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#404040;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#404040;border-color:#404040}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

@media(max-width:854px){
#EverBlog #ConteudoMateria{margin-top:-20px}
}

@media(max-width:600px){
#EverBlog .DivBtOpcoes{width:100%}
#EverBlog .BtOpcoesGerenciamento{width:50% !Important; margin-top:5px}
#EverBlog .EditorHTML{height:200px}
}

@media(max-width:480px){
#EverBlog .BtOpcoesGerenciamento{width:80% !Important}
#EverBlog .BoxBlocos{padding:20px}
#EverBlog .EditorHTML{height:180px}
}