body {
    font-family: 'Roboto', sans-serif;
    background: #ecf0f5;
}

.nav-pills>li>a {

    border-radius: 0;

    border-top: 3px solid transparent;

    color: #444;

    padding: 15px 15px;

}



.botoes {

    margin: 40px 0px 40px 0px;

}


.topo {

    background: url('../img/pseq.png');

    width: 100%;

    height: 260px;

    background-size: 100% 100%;

}



.list-group>.active>a {

    color: #f4f4f4 !important;

}

.alerta {
    background-color: #FFFFE0;
    font-weight: 400 !important;
}



@media screen and (max-width: 767px) {
    .topo {
      height: 92px;
    }

    .box-pseq h1 {
      font-size: 1rem;
    }
  }

.box-default{
    padding-bottom: 30px!important;
}

.box-custom {
    border: 1px solid #d1d1d1;
    background: #ecf0f5;

}

.box-custom2 {
    margin-top:12px;
    border: 1px solid #d1d1d1;
    background: #ecf0f5;
}

.box-pseq {
    color: #fff;
    background: #ed4c9b;
    font-weight: 600;
    display: block;
    padding: 5px;
    position: relative;
}
.navbar {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 1000;
}

.nav-tabs-custom{
    background: transparent!important;
}
.nav-tabs-custom > div{
    padding: 0;
}

.text-success{
    color: #28a745;
}
.text-danger{
    color: #dc3545;
}
.timeline-descricao{
    font-weight: 100;
    font-size: 14px;
    color: #8c8c8c!important;
    padding-top: 5px;
}

.form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}

.row{
    margin-left: 0;
    margin-right: 0;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
    background-color: #ed4c9b;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    border-color:#ed4c9b!important;
}


.box-title{
    text-transform: uppercase!important;
}


/* .box-pseq-font {
    color: #fff;
    background: #d14592;
    font-weight: bold;
    position: relative;
    padding: 5px;
} */


.box-login {
    /* -webkit-box-shadow: 3px 2px 15px 0px #000000;
    box-shadow: 3px 2px 15px 0px #000000; */
    -webkit-box-shadow: 5px -1px 15px -4px rgba(0, 0, 0, 0.95);
    box-shadow: 5px -1px 15px -4px rgba(0, 0, 0, 0.95);

}



.list-group>.list-group-item>a {

    display: block;

}



.input {

    border: 1px solid #cccccc;

    border-radius: 5px;

    font-style: normal;

    font-weight: bold;

}
.div-body{
    padding-left: 16px!important;
}

.navbar-toggle {
    padding: 20px 15px;
}


@media (max-width: 678px) {
    .div-body{
        padding-left: 0px!important;
    }

    .topo {

        height: 20%;

    }

    ol,

    ul {

        padding-left: 15px;

    }

    .btn-group-justified {

        display: inline-table;

    }

    .btn-group-justified>.btn,

    .btn-group-justified>.btn-group {

        display: inline-table;

        width: 100%;

    }

    .botoes .btn-group-lg>.btn,

    .btn-lg {

        border-radius: 6px !important;

    }

    a {

        word-break: break-all;

    }




}