/*
 * BluePexUTM.css
 * Copyright (c) 2015 BluePex <desenvolvimento@bluepex.com>
 * Copyright (c) 2015 Bruno B. Stein
 */

@import url("/css/pfSense.css");

body { margin-top: 100px; background: url(/images/bg-login.jpg) ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-size: 12px; }
a { color: #007dc5; }

#widget-available a { color: #333; }

#wrapper { padding-left: 0; }
#page-wrapper { width: 100%; padding: 0; background-color: #fff; }

.btn { border-radius:0; }
.btn-primary { color: #fff; background-color: #007DC5; border-color: #007DC5; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-top: 1px solid #FFF; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #FbFbFb; }

.shortcuts { min-height:60px; background-color:#f7f7f7; margin-bottom:10px; padding:5px; border:2px solid #f5f5f5; }
.shortcuts .back { background-color:#007dc5; min-height:100px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-top: 3px solid #043958; }
.shortcuts .back:hover { opacity:0.8; border-top: 0; border-bottom: 3px solid #043958; }
.shortcuts .icon { min-height:60px; padding:0; }
.shortcuts .title { width:100%; color:#fff; font-size:12px; }
.shortcuts .icon.oneclick { background: url(/images/icons/click-icon.png) no-repeat scroll center center transparent; }
.shortcuts .icon.active-protection { background: url(/images/icons/active-protection-w.png) no-repeat scroll center center transparent; }
.shortcuts .icon.fwrules { background: url(/images/icons/firewall-w.png) no-repeat scroll center center transparent; }
.shortcuts .icon.fwnat { background: url(/images/icons/nat-icon-w.png) no-repeat scroll center center transparent;  }
.shortcuts .icon.qos { background: url(/images/icons/qos-w.png) no-repeat scroll center center transparent; }
.shortcuts .icon.wf { background: url(/images/icons/webfilter-w.png) no-repeat scroll center center transparent; }
.shortcuts .icon.dtclick { background: url(/images/icons/dataclick-w.png) no-repeat scroll center center transparent; }
.shortcuts .icon.availability_branch { background: url(/images/icons/availability_branch-w.png) no-repeat scroll center center transparent; }
.shortcuts .icon.backup-cloud { background: url(/images/icons/backup_cloud-w.png) no-repeat scroll center center transparent; }
.shortcuts .icon.ids-ips { background: url(/images/icons/ids-ips-w.png) no-repeat scroll center center transparent; }
.shortcuts .icon.cblocker { background: url(/images/icons/cblocker-w.png) no-repeat scroll center center transparent; }
.shortcuts .col-md-2, .shortcuts .col-sm-2 { padding:5px; }

.nav > li > a { color:#333; }
.nav-tabs > li { margin-bottom: 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { border-width: 1px; border-color: #F5F5F5; color: #333; }
.nav-tabs { border-bottom: 2px solid #007dc5; }

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav li.open>a, .nav li.open>a:focus, .nav-pills>li.active>a:hover { border-bottom:0; color:#333 }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background-color: #007DC5; border-bottom:0 }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; }
.nav-pills>li>a:hover, .nav-pills>li>a:focus { border: 0; }
.nav-pills { border-bottom:2px solid #007dc5; margin-bottom: 20px; }
.nav-pills>li>a { border-radius:0; color:#333; }
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{ color:#fff; }

.navbar-inverse .navbar-nav > li > a { border:0 }
.navbar-inverse { background-color: #007DC5; border-bottom: 2px solid #006FAF; }
.navbar-inverse .navbar-brand { color: #fff; }
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF; font-size:12px; }
.navbar-brand img { height:25px; }
.navbar-brand { float: left; height: 50px; padding: 15px; font-size: 18px; line-height: 20px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }

.breadcrumb > li + li::before { color: #BABABA; }
.breadcrumb { border-radius: 0px; box-shadow: none; background-color: #F7F7F7; }

.form-group { border-bottom: 1px solid #FFF; }
.form-control { border-radius:0; height:28px; }

.h1, h1 { font-size: 28px; }

.side-nav > li.dropdown { border-bottom:1px solid #00273E; }
.nav > li.dropdown .collapse.in { background-color: #043958; }
.nav > li > a, .nav > li > a:hover, .nav > li > a:focus { border-bottom:0 }

.panel { border:0; box-shadow: none }
.panel-body { background-color: #f5f5f5; padding:3px; }
.panel .panel-heading { background-color: #043958; }
.panel, .panel .panel-heading, .panel .panel-footer { border-radius:0; }
.panel-heading { padding: 8px; }
.panel-default { border-color: #424242; }

.top-nav { padding: 0 15px; }
.top-nav>li { display: inline-block; float: left; }
.top-nav>li>a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; color: #fff; }
.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus { color: #fff; background-color: #0288D6; }

.top-nav .dropdown-menu { margin-top:3px; }
.top-nav>.open>.dropdown-menu, .dropdown-menu { border:0; border-radius:0 }
.top-nav>.open>.dropdown-menu { float: left; position: absolute; border-top-left-radius: 0; border-top-right-radius: 0; background-color: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.top-nav>.open>.dropdown-menu>li>a { white-space: normal; }

ul.context-links li a { color: #007dc5; }
ul.alert-dropdown { width: 200px; }
ul.message-dropdown { padding: 0; max-height: 250px; overflow-x: hidden; overflow-y: auto; }
li.message-preview { width: 275px; border-bottom: 1px solid rgba(0,0,0,.15); }
li.message-preview>a { padding-top: 15px; padding-bottom: 15px; }
li.message-footer { margin: 5px 0; }

.side-nav>li>ul { padding: 0; }
.side-nav>li>ul>li>a { display: block; padding: 10px 25px; text-decoration: none; color: #ccc; font-size:12px; border-left: 3px solid #fff; }
.side-nav>li>ul>li>a:hover { color: #fff; }
.side-nav a.fa, i.fa { font-size:12px; }

.progress-bar { background-color: #007dc5; }
.progress { height: 18px; border-radius:0; box-shadow: none; background-color: #fff; border: 1px solid #eee; }

.alert { box-shadow: none; }
.alert-danger { border:2px solid #FF9E9E; background-color: #FFB3B3; }
.alert-warning { border: 2px solid #FFEC8B; background-color: #FFF9B6; }
.alert-success { border: 2px solid #78FF83; background-color: #ACFFB3; }
.alert-info { border: 2px solid #C1E3FF; background-color: #C9ECFF; }

.img-thumbnail { border-radius:0; }

table[id^=calTable] { border:3px solid #333; }
table[id^=calTable] .bg-success { color: #FFF; background-color: #2FB63A; }
table[id^=calTable]>thead>tr>th, table[id^=calTable]>thead>tr>td, table[id^=calTable]>tbody>tr>td { border:1px solid #333; }

pre { margin: 10px; background-color: #E2F0FF; border: 1px solid #C6E9FC; border-radius: 0; }

#widget-rss .list-group-item:first-child, #widget-rss .list-group-item:last-child { border-radius: 0; }
#widget-rss .list-group-item { background-color: #f0f0f0; border-bottom: 2px dotted #7a7a7a; }

.modal-backdrop { background-color:#fff; }

/* Cards */
.card-ameaca, .card-system, .card-link, .card-app {background-color:#f2f2f2;border-left: 6px solid #13afad;}
.cards-info h6 {color: #007dc5;text-transform: uppercase;}
.memory-details span, .disc-details span, .cpu-details span {font-weight: 500;}
.details span {font-weight: 500;}
.line-bottom {margin-bottom: 5px;}
.line-bottom2 {margin-bottom: 5px;margin-top: 0;}
.Backup p, .Capacity p {margin-bottom:0px;font-weight: 500;}

/* Colors Progress */
.bg-warning2 {background-color: #df8b24;}
.bg-success2 {background-color: #2e945c;}
.bg-info2 {background-color: #13afad;}
.bg-grey {background-color: #dad7d7;}

.Access-social p, .Access-table p {font-weight: 500; text-transform: uppercase;font-size: 13px;}

/* Tables */
#table-access th {background: #177bb4;color: #fff;text-align: center;}
#table-access {text-align: center;}
#table-link {border:none;}
#table-link th {border:none;border-bottom: none;background-color:#177bb4; color: #fff; }
#table-link td, #table-link tr {text-align: center;}
.table td, .table th {padding: .15rem;vertical-align: top;border-top: none;}
#table-virus td {color: #e68b1b;text-align: center;text-transform: uppercase;}
#table-virus th {text-align: center;border-bottom: none;border-top: none;}

.sidebar {background-color: #012e52;color: #fff!important;}
.nav-link a {color:#fff;text-align: center;}

/* Menu */
.menu-horiz .nav-link {color:#333;border-left: 1px solid #e0e0e0;font-size: 13px;border-radius:0;}
.menu-horiz .nav-link.active {background-color: #108ad0;}
.menu-horiz .nav-link:hover {background-color: #108ad0;color:#fff;}
#menu-vert .nav-item a {border-bottom: 1px solid #134369;padding: 18px;color: #fff;}
.nav-link {color:#fff;text-align: center;}

/* Login - UTM */
#login-form {background-color: rgba(255,255,255,0.1);padding: 20px;color: #fff;margin-top: 60px;}
#header {border-bottom: 1px solid #152c3c;padding:10px 5px;margin-bottom: 20px;}
.recovery-password a {color: #fff; font-size:1.2em;}
.recovery-password a:hover {color: #007dc5;}
.download-apps h6 {color: #fff;}
.btn-login {width: 100%;background-color: #007dc5;color: #fff;border: 0;padding: 10px;border-bottom:none;}
#login-form .form-control {background: none;border-color: #fff;color: #fff;padding: 20px;}
#login-form h2 {font-size: 18px;text-transform: uppercase;}
.lang-buttons img {border: 0;padding: 0px 5px;}
.lang-buttons {padding: 10px 0;}
#app-download {margin-bottom: 20px;}
#footer-login {padding: 10px 0;min-height: 80px;line-height: 60px;position: absolute;bottom: 0;width: 100%;color: #fff;background-color: #04243ec9;}
.login label {font-size: 15px;}
.logo { padding:10px 0; }
hr {border-top: 1px solid #002b47;}


@media (max-width:1366px) {
    .shortcuts .icon.fwrules,
    .shortcuts .icon.fwnat,
    .shortcuts .icon.qos,
    .shortcuts .icon.wf,
    .shortcuts .icon.dtclick,
    .shortcuts .icon.backup-cloud,
    .shortcuts .icon.ids-ips,
    .shortcuts .icon.cblocker { background-size: 30px; }
    .shortcuts .back {  min-height: 80px; }
    .shortcuts .title { font-size:11px; }
    .shortcuts .col-md-2, .shortcuts .col-sm-2 { padding:3px 0 3px 0; }
    .shortcuts .icon { min-height: 40px; }
}

@media(max-width: 961px) {
    body { margin-top:0; }
    .side-nav, .navbar-fixed-bottom, .navbar-fixed-top { position: relative; margin:0; }
    .navbar-collapse.collapse.in { display: block !important; background-color: #03314C; }
    .navbar-collapse { box-shadow: none; }
}

@media(min-width:961px) {
    body { margin-top: 0px; }
    #wrapper { padding-left: 200px; }
    #page-wrapper { padding: 10px; }
    .side-nav { position: fixed; top: 53px; left: 200px; width: 200px; margin-left: -200px; border: none; border-radius: 0; overflow-y: auto; background-color: #03314C; bottom: 0; overflow-x: hidden; padding-bottom: 40px; }
    .side-nav>li>a { width: 200px; }
    .side-nav li a:hover,
    .side-nav li a:focus { outline: none; background-color: #03283E !important; }
}

@media only screen and (max-width: 780px) {
    #icon-backup, #icon-capacity, #icon-details {display:none;}
    .Capacity  {margin-bottom: 15px;}

    .buttons-lang img { height:22px; }
}

@media only screen and (max-width: 580px) {
    body {margin-bottom: 0 !important}
    #login-form {margin-top:0 !important}
    #login-form h2 {margin-top:0 !important}
    .card-ameaca, .card-system, .card-link {margin-bottom: 10px;}
    .nav-fill .nav-item {width: 50%;}
    .menu-horiz .nav-link {color: #012e52;background: #ececec;margin-left: 1px;margin-bottom: 2px;font-size:12px;}
    .flag img {width: 40px;margin-top: 13px;}
    #footer-login {position: relative !important}
}

@media(max-width: 982px) {
    #footer-login {position: inherit;}
}

.header { box-shadow: none; }


/** Page footer */
.footer {
    position: absolute;
    bottom: 0;
    right:0;
    width: 100%;
    min-height: 80px;
    z-index:0;
    background-color: #f5f5f5;
    padding-top: -3px;
    margin-top:20px;
    border:0px solid #333;
}

.footer .icons-sociais {
    float:right;
    line-height:5px;
}

.footer .copyright {
    line-height:35px;
    margin-right:10px;
    padding-left:225px;
}