/* ------------------ RESET ------------------ */
/* 
	 color:#003264; 
*/
* { margin:0; padding:0; font-size:100%; border:none; outline:none; box-sizing:border-box; color:#151515; font-family: doulos; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;}
html, body{ width:100%; height:100%; background:#fff;}
#site-container{ width:100%; height:100%; position:relative;}
#loading{ width:100%; height:100%; position:fixed; background:#fff; z-index:9999;}
#loading span{ background:url(../../img/icons/div-loader.gif) no-repeat; background-size:100%; display:table; width:60px; height:60px; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px; }
.button{ width:auto!important; padding:10px 20px!important; color:#fff; background:#196cd9!important; border:none!important; border-radius:8px; cursor:pointer; }
.blue{ background:#137AE1; }
.red{ background:#FF3C3C; }
.green{ background:#27a745; }
.yellow{ background:#ed9907}
iframe{ width:100%; height:100%; }
/* LOGIN */
.login-screen h1{ width:100%; font-weight:300; font-size:1.3em; text-align:center; }
#login-adm{ width:100%; height:100%; min-height:600px; position:relative; background:url(../../img/bg/bg.jpg) #e3e3e3 top no-repeat;}
#login-adm .logo{ width:250px; height:100px; background:url(../../img/icons/logo.png) no-repeat; background-size:100%; display:table; position:absolute; left:50%; transform:translateX(-50%); top:60px;} 
#login-adm #login-form{ background:#fff; display:table; width:300px; height:250px; position:absolute; top:200px ;left:50%; transform:translate(-50%,0); padding:20px; border-radius:10px; -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,1); box-shadow: 0px 0px 10px -5px rgba(0,0,0,1);}
#login-adm #login-form form { width:100%; display:table; margin-top:15px;}
#login-adm #login-form form label{ display:table; color:#003264; width:100%; font-size:0.8em; padding-left:15px; margin-bottom:5px; margin-top:10px; }
#login-adm #login-form form input{ width:100%; display:table; border-bottom:#e3e3e3 2px solid; padding:10px; margin-bottom:15px;  }
#login-adm #login-form form .button{ margin-bottom:0; }
#login-adm .alert-admin-login{ width:100%; position:absolute; top:100%; left:0; padding:10px 20px; border-radius:5px; color:#FFF; text-align:center; transform:translateY(10px); display:none;  }
#login-adm #login-form form input:hover, #login-adm #login-form form input:active{border-bottom:#003264 2px solid;}
#footer-login{  color:#003264; width:100%; padding:20px; position:absolute; bottom:0; text-align:center; font-size:0.85em; }
#footer-login a{  color:#003264;  }
/* PAINEL */
#modal{ width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; display:none; z-index:9996; }
#modal #loading-panel{ width:50px; height:50px; display:table; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:url(../../img/icons/div-loader.gif) no-repeat; background-size:100%; display:none; }
#modal .close-modal{ width:25px; height:25px; background:url(../../img/icons/close.png) no-repeat; background-size:100%; position:absolute; right:20px; top:15px; cursor:pointer; display:none; }
#modal #modal-box{ width:90%; text-align:center; padding:10px; display:table; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:7px; color:#fff; }
#modal #modal-box #admin-alert{ padding:10px; border-radius:5px; color:#fff; }
.dashboard-screen header{ width:100%; background:#202f3d; height:55px; position:fixed; top:0; left:0; z-index:9990; }
.dashboard-screen header #header-container{ width:100%; display:table; position:relative; }
.dashboard-screen header #header-container .logo{ height:50px; width:125px; background:url(../../img/icons/logo.png) no-repeat; background-size:100%; display:table; margin-left:20px; margin-top:3px;  }
.dashboard-screen header #header-container .user-admin{ width:130px; height:40px; display:table; position:absolute; right:70px; top:12px; cursor:pointer; }
.dashboard-screen header #header-container .user-admin .img{ width:35px; height:35px; border-radius:100%; position:absolute; left:0; display:table; background-size:100%!important; border:#131b23 thin solid; } 
.dashboard-screen header #header-container .user-admin .name{ padding-top:8px; padding-right:10px; color:#fff; width: 80px; position:absolute; left:45px; white-space: nowrap; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-size:0.9em; }
.dashboard-screen header #header-container .user-admin #icon-arrow-user{ width:8px; height:8px; background:url(../../img/icons/down-arrow.png) no-repeat; background-size:100%; position:absolute; right:0; top:15px; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.dashboard-screen header #header-container .user-admin .open{ transform:rotate(-180deg) }
#menu-icon{ width:50px; height:50px; top:5px; right:10px; position:absolute; border-radius:100%; overflow:hidden; }
#menu-icon label{ width:100%; height:100%;position:absolute; transition: all .3s linear; position:absolute; top:0; left:0; cursor:pointer; margin:0; z-index:9990; }
#menu-icon span{ width:25px; height:2px; top: 45%; transform: translateY(-50%); left: 50%; transform: translateX(-50%); position:absolute; background:#fff; transition: all .3s linear; cursor:pointer;}
#menu-icon span:before{ content:''; width:25px; height:2px; bottom:-8px; position:absolute; background:#fff; transition:all .3s linear}
#menu-icon span:after{ content:''; width:25px; height:2px; top:-8px; position:absolute; background:#fff; transition:all .3s linear}
#menu-icon #check{ display:none;}
#menu-icon #check:checked ~ span{ background:none; }
#menu-icon #check:checked ~ span:before{ transform: translate(0px, -8px) rotate(-45deg); }
#menu-icon #check:checked ~ span:after{ transform: translate(0px, 8px) rotate(45deg); }
.dashboard-screen .menu{ width:225px; height:100%; background:#17191c; position:fixed; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; left:-250px; padding-top:55px; z-index:9985; }
.dashboard-screen .menu #menu-container{ height:100%; overflow:auto;} 
.dashboard-screen .menu #menu-container .data-table{ width:100%; display:table; background:#1a2225; }
.dashboard-screen .menu #menu-container .data-table td{ position:relative; }
.dashboard-screen .menu #menu-container .data-table td a{ padding:10px; display:table; width:100%; color:#4e7278; padding-left:45px; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dashboard-screen .menu #menu-container .data-table td a:hover, .dashboard-screen .menu #menu-container .data-table td a:active, .dashboard-screen .menu #menu-container .data-table td .active{ background:#192530; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dashboard-screen .menu #menu-container .data-table td a span{ width:25px; height:25px; position:absolute; left:10px; top:8px; display:table; background-size:100%!important;  }
.dashboard-screen .menu #menu-container .data-table .keywords-td{ display:none; }
.dataTables_empty{ padding:10px; font-size:0.8em; color:#374548; }
.dashboard-screen .menu #menu-container .data-table .statistics{ background:url(../../img/icons/dashboard.png) no-repeat; }
.dashboard-screen .menu #menu-container .data-table .requests{ background:url(../../img/icons/money.png) no-repeat; }
.dashboard-screen .menu #menu-container .data-table .rainloop{ background:url(../../img/icons/email.png) no-repeat; }
.dashboard-screen .menu #menu-container .data-table .product{ background:url(../../img/icons/product.png) no-repeat; }
.dashboard-screen .menu #menu-container .data-table .pages{ background:url(../../img/icons/world.png) no-repeat; }
.dashboard-screen .menu #menu-container .data-table .users{ background:url(../../img/icons/user.png) no-repeat; }
.dashboard-screen .menu #menu-container .data-table .posts{ background:url(../../img/icons/post.png) no-repeat; }
.dashboard-screen .menu #menu-container .data-table .advertiser{ background:url(../../img/icons/advertiser.png) no-repeat; }
.dashboard-screen .menu #menu-container .data-table .view-site{ background:url(../../img/icons/eye.png) no-repeat; }
.dashboard-screen .menu #menu-container .dataTables_info, .dashboard-screen .menu #menu-container .paginate_button, .dashboard-screen .menu #menu-container .dataTables_length{ display:none; }
.dashboard-screen .menu #menu-container .dataTables_filter{ width:100%; padding:20px 15px; }
.dashboard-screen .menu #menu-container .dataTables_filter input{ width:100%; padding:7px 10px; border-radius:5px; }
.dashboard-screen #user-admin-box{ display:table; width:270px; height:280px; background:#fff; border-radius:10px; -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,1); box-shadow: 0px 0px 10px -5px rgba(0,0,0,1); position:fixed; top:65px; right:10px; border:#e3e3e3 thin solid; display:none; z-index:9980; }
.dashboard-screen #user-admin-box #user-admin-container{ display:table; position:relative; padding:20px;  }
.dashboard-screen #user-admin-box #user-admin-container .name, .dashboard-screen #user-admin-box #user-admin-container .username{ width:100%; display:table; table-layout:fixed; word-wrap:break-word; font-size:0.8em; text-align:center; line-height:20px; }
.dashboard-screen #user-admin-box #user-admin-container .name{ font-size:1.2em; line-height:30px; }
.dashboard-screen #user-admin-box #user-admin-container .img{ width:100px; height:100px; border-radius:100%; display:table; margin:auto; background-size:100%!important; margin-bottom:10px;}
.dashboard-screen #user-admin-box ul{ display:table; width:100%; border-top:#e3e3e3 thin solid; padding:0;  }
.dashboard-screen #user-admin-box li{ width:100%; border-bottom:#e3e3e3 thin solid; display:table; list-style:none; padding:0; }
.dashboard-screen #user-admin-box li a{ width:100%; display:table; padding:15px; color:#003264; font-size:0.9em;  }
.dashboard-screen #user-admin-box .logout{ display:table; width:100%; padding:30px; position:relative; }
.dashboard-screen #user-admin-box .logout .button{ position:absolute; left:50%; transform:translate(-50%,-50%) }
#dashboard{ width:100%; height:100%; padding-top:55px; }
#dashboard #dashboard-container{ width:100%; height:100%; overflow-y:scroll; background:#fff; position:relative; padding-bottom:100px; }
#dashboard #dashboard-container h1{ font-size:1.5em; font-weight:300; width:100%; padding:20px; }
#dashboard #dashboard-container h2{font-size:1.2em; font-weight:300; width:100%; padding:10px; }
#dashboard #dashboard-container label{ display:table; color:#003264; width:100%; font-size:0.8em; padding-left:15px; margin-bottom:5px; margin-top:10px; }
#dashboard #dashboard-container input{ width:100%; display:table; border-bottom:#e3e3e3 2px solid; padding:10px; margin-bottom:15px;  }
#dashboard #dashboard-container textarea{ border-bottom:#e3e3e3 2px solid!important; border:#e3e3e3 thin solid; width:100%; padding:10px; height:80px; resize:none; }
#dashboard #dashboard-container textarea:hover, textarea:active{ border-bottom:#003264 2px solid!important;}
#dashboard #dashboard-container table{  width:100%; table-layout:fixed; }
#dashboard #dashboard-container th, #dashboard #dashboard-container td{ padding:13px; text-align:left; table-layout:fixed; word-wrap:break-word; }
#dashboard #dashboard-container td{ border-top:#e3e3e3 thin solid; }
#dashboard #dashboard-container .small-td{ width:10px; text-align:center!important; }
#dashboard #dashboard-container .medium-td{ width:150px; text-align:center!important; }
#dashboard #dashboard-container .medium2-td{ width:100px; text-align:center!important; }
#dashboard #dashboard-container .medium-td .status{ color:#fff; font-size:0.9em; border-radius:5px; padding:5px; width:100%!important; display:table; }
#dashboard #dashboard-container input:hover, #dashboard #dashboard-container input:active{border-bottom:#003264 2px solid;}
#navigation-bar{ width:100%; display:table; border-bottom:#e3e3e3 thin solid; }
#dashboard #dashboard-container .fixed-bottom-buttons{ width:100%; border-top:#e3e3e3 thin solid; position:fixed; padding-bottom:15px; bottom:0; display:table; background:#fff; }
#dashboard #dashboard-container .fixed-bottom-buttons .button{ float:left; margin-left:10px; margin-top:10px; margin-bottom:0}
#navigation-bar li{ padding:0; float:left; display:table; }
#dashboard #dashboard-container .fixed-bottom-buttons #admin-alert-fixed{ width:auto; display:table; float:left; color:#fff; padding:10px; border-radius:8px; display:none; margin-top:10px; margin-left:10px;  }
#navigation-bar li a{ padding:12px; color:#196cd9; display:table; position:relative; padding-left:20px; font-size:0.8em; }
#navigation-bar li a span{ width:8px; height:8px; background:url(../../img/icons/blue-arrow.png) no-repeat; background-size:100%; display:table; position:absolute; left:5px; top:17px; }
#dashboard #dashboard-container #crop-modal{ background:rgba(255,255,255,0.8); position:fixed; top:0; left:0; width:100%; height:100%; display:none; min-height:450px; z-index:9995; }
#dashboard #dashboard-container #crop-modal input{ border:none!important; }
#dashboard #dashboard-container #crop-modal .crop-box{ width:100%; display:table; position:absolute; top:50%!important; transform:translate(0,-50%); padding-bottom:120px; }
.resume{ width:100%; display:table; float:left;}
.resume .resume-container{ width:100%; height:150px; display:table; padding:10px; float:left;}
.resume .resume-container .resume-box{ width:100%; height:100%; display:table; position:relative; cursor:pointer; border-radius:8px; padding:15px;}
.resume .resume-container .resume-box .icon{ position:absolute; right:15px; top:15px; background-size:100%!important; width:60px; height:60px; display:table;  }
.resume .resume-container .resume-box .number{ position:absolute; top:30px; width:80%; font-size:2.5em; color:#fff; height:60px; display:table;  }
.resume .resume-container .resume-box .name{ width:100%; color:#fff; display:table; margin-top:80px;  }
.resume .resume-container .resume-box .border{ width:100%; height:1px; position:absolute; bottom:45px; left:0; display:table; background:rgba(0,0,0,0.2);  }

#charts{ display:table; width:100%; #border:#000 thin solid;  }
.graphic, .graphic-b, .graphic-c{ width:100%; float:left; position:relative; table-layout:fixed; word-wrap:break-word; padding:10px;}
.graphic .chart-container, .graphic-b .chart-container, .graphic-c .chart-container{ width:100%; overflow:hidden; border:#e3e3e3 thin solid; border-radius:8px; padding:10px;  }
.graphic-c .chart-container{ padding-left:150px; padding-top:60px; position:relative }
.graphic-c h2{ position:absolute; left:15px; top:15px; }
.resume-table{ width:100%; display:table; }
.resume-table select{  border:#e3e3e3 thin solid; border-radius:8px; padding:7px; position:absolute; right:15px; top:15px; display:table; }
.resume-table .resume-table-container, .resume-table .resume-table-container-b{ width:100%; padding:10px; display:table; float:left; }
.resume-table .resume-table-container-b table{table-layout:fixed; word-wrap:break-word;}
.resume-table .resume-table-container .resume-table-box, .resume-table .resume-table-container-b .resume-table-box{ width:100%; border:#e3e3e3 thin solid; border-radius:8px; padding:10px; position:relative;}
.chart{ width:98.5%!important; max-height:350px;}
.chart2{ width:200px!important; height:200px!important;}
#plataforma, #navegador{ width:100%;}
.legend{ position:absolute; top:60px; left:20px; list-style:none; display:table; padding:none; margin:none; width:120px; height:100px;}
.legend li{margin:none;padding:5px 15px;position:relative;padding-left:20px;font-size:0.85em;}
.legend li span{width:10px;height:10px;display:table;border-radius:100%;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
#dashboard #dashboard-container .paginate_button{ display:table; border:#e3e3e3 thin solid; float:left; padding:8px; margin-right:5px; border-radius:5px; cursor:pointer; margin-top:20px; }
#dashboard #dashboard-container .dataTables_info, #dashboard #dashboard-container .dataTables_length{ display:none; }
#dashboard #dashboard-container .dataTables_filter{ display:table; border:#e3e3e3 thin solid;  position:absolute; top:-60px; right:20px; width:180px; border-radius:8px;  }
#dashboard #dashboard-container .dataTables_filter input{ padding:5px!important; margin:0!important; border:none!important; }
.modal-container{ width:100%; height:100px; position:relative; display:table; background:#fff; border-radius:5px; padding:20px; }
.modal-container .title{ display:table; }
.modal-container .button{ float:left; margin-top:20px; margin-right:10px; }
.modal-container .close{ width:20px; height:20px; background:url(../../img/icons/closedark.png) no-repeat; background-size:100%; position:absolute; right:20px; top:20px; cursor:pointer; }