body {
    font-family: 'Roboto', sans-serif;

}

.copy_dashboard:hover {
    color: #b7b7b7;
}

.copy_default:hover {
    color: #222222;
}

.btn-success { 
    color: #fff !important;
    background-color: #5cb85c !important;
}

.btn-sm {
    padding: 0.2rem 0.3rem;
    font-size: .8rem;
    border-radius: 0.2rem;
}

.table { font-size: 1em; }

.pos_r { position: relative; }

.ds_in { display: inline-block; }

._500 { font-weight: 500; }
._600 { font-weight: 600; }

.accordion-top-gray .box-header { background: #ededee !important;  }
.tr-red { background-color: #ff9797; }
.tr-red td { border-color: #FE8783 !important; }
.tr-red td a { color: #fff !important; }

/* NETWORK */
.row-network-responsive { display: none; }
.row-network { margin: 50px 0 30px; width: 100%; }
.row-network .col-md-3,
.row-network .col-md-6,
.row-network .col-md-12, 
.row-network .col-md-125 { min-height: 190px; }
.row-network .col-md-625 { padding-top: 0; }
.row-network a { padding: 8px; display: inline-block; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; max-height: 105px; margin-top: 30px; }

.row-network a.network_status_a { border: 1px solid #2f551c; }
.row-network a.network_status_a div { background: #2f551c }

.row-network a.network_binary_0 { border: 1px solid #ffa800; }
.row-network a.network_binary_0 div { background: #ffa800 }

.row-network a.network_status_i.network_binary_0 { border: 1px solid #e55638; }
.row-network a.network_status_i.network_binary_0 div { background: #e55638 }

.row-network a.network_status_e.network_binary_0 { border: 1px solid #575757; }
.row-network a.network_status_e.network_binary_0 div { background: #575757 }

.row-network a div { padding: 0 10px; color: #1e2022; display: inline-block; border-radius: 100%; width: 87px; height: 87px; font-size: 2em; font-weight: bold; line-height: 87px; }
.row-network p { margin: 10px 0 0; font-weight: bold; text-transform: uppercase; font-size: 1em; }
.row-network .last-row .col-md-6 { min-height: 100px; }
.row-network .last-row .col-md-6 a {  width: 80px; height: 80px; padding: 4px; display: block; margin-left: auto; margin-right: auto; }
.row-network .last-row .col-md-6 a div { width: 100%; height: 71px; padding: 0; line-height: 71px; }    
.row-network .last-row .col-md-6 p { font-size: 0.65em; overflow: hidden; word-wrap: break-word; line-height: 12px; }

/* NETWORK IN MOBILE */
.list-network { padding: 10px 20px; }
.list-network ul { list-style: none; margin: 0; padding: 0; }
.list-network ul li { cursor: pointer; }        
.list-network ul li div { background: #353535; border-radius: 7px; margin-bottom: 10px; padding: 15px 20px; font-size: 0.9em; }        
.list-network ul li div.side-left { border-left: 7px solid #2e541d; }
.list-network ul li div.side-right { border-left: 7px solid #b7b7b7; }
.list-network ul li ul { display: none; margin: 0; }
.list-network ul li.line { padding: 0; margin: 0 0 10px 25px; }
.list-network ul li p { display: inline-block; margin: 0; color: #fff; }
.list-network ul li span { display: none; margin: 0; background-color: #2e551c; color: #fff; font-size: 0.9em; padding: 3px 10px; border-radius: 6px; margin-left: 10px; }
.color-list-network { margin: 0 0 20px 0; padding: 0; text-align: center; }
.color-list-network li { display: inline-block; padding: 0 10px; }
.color-list-network li span { width: 20px; height: 10px; display: inline-block; margin-right: 10px; }
.color-list-network li span.first { background-color: #2e541d;  }
.color-list-network li span.last { background-color: #b7b7b7; }

.search-network { padding: 4.5rem 0 0; margin: 0 auto; }
.search-network .input-group { background-color: #ededee;  }
.search-network .input-group .input-group-btn .btn { background: #ededee !important; border: 1px solid #d7d9db; border-radius: 0; color: #464a4c;  }
.search-network .input-group .input-group-btn .btn:hover { background: #2b2b2b !important; }
.search-network input, .search-network button { background-color: transparent !important }
.network-description,
.network-action { display: block; width: 100%; text-align: center; padding-top: 30px; padding-left: 0; }
.network-description li,
.network-action li { display: inline-block; padding: 0 15px; }
.network-action li i { margin-right: 7px; color: #fff; }
.network-action li a { color: #378100; }
.network-action li a:hover { opacity: 0.6 }
.network-description li span { display: inline-block; width: 12px; height: 12px; margin-right: 7px; border-radius: 100%; }
.network-description li.status1 span { background-color: #378100; }
.network-description li.status2 span { background-color: #e55638; }
.network-description li.status3 span { background-color: #ffa800; }
.network-description li.status4 span { background-color: #575757; }

.count-network { padding: 0; text-align: center; width: 100%; }
.count-network li { display: inline-block; padding: 0 10px; }

/* PAGE CAREER PLAN */
.page-career-plan .level { order: 1px solid #e0e0e0; border-radius: 4px; padding: 10px 15px; background: #f2f1f2; }

.nav-icons { display: block; }
.nav-icons .nav-item { display: inline-block; }

.ul-plans { padding: 0; margin: 0; margin-top: 15px; }
.ul-plans li { display: block }
.ul-plans li span { width: 150px; }

.messages { padding: 0; list-style: none; margin: 1rem 0 2rem; text-align: center; }
.messages li { display: inline-block; padding: 10px; background: #f7f7f7; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; }
.messages li:hover { background: #f1f0f0 }

.bin-fixed { padding: 0 0 10px; }
.bin-fixed .btn { margin-top: -3px; }

.label-notify {  position: absolute; right: -10px; top: -10px; }

.row-dashboard-packages .w-40 {
    background: rgba(0, 0, 0, 0.085);
    font-weight: bold;
    font-size: 1.5em;
}

.row-dashboard-packages .text-sm {
    font-size: 0.9rem;
}

@media screen and (max-width: 1366px) {

    .row-network .last-row .col-md-6 { min-height: auto; }    
    .row-network .last-row .col-md-6 a { width: 50px; height: 50px;  }    
    .row-network .last-row .col-md-6 a div {  width: 40px; height: 40px; padding: 0; line-height: 40px; font-size: 1.3em; }

}

@media screen and (max-width: 1024px) {

	.row-network {
        display: none;
    }

    .row-network-responsive {
        display: block;
        margin-bottom: 30px;
    }

    .network-description,
    .network-action {
        display: none;
    }

    .search-network {
        padding-top: 0;
        padding-bottom: 15px;
    }
}