/* -----------------------------------
	General Styles
-------------------------------------- */
body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
    background: #000 url(../images/bg-main.jpg) no-repeat top center fixed;
    /* Background Cover */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.hero {
    overflow-y: scroll;
    background: url(../images/bg-pat.png) repeat top center;
}

.hero-align {
    position: absolute;
    bottom: 40px;
    width: 100%;
    margin: 0 auto;
}

.text-shadow {
    text-shadow: 0 2px 4px #000;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}



/* -----------------------------------
	Buttons
-------------------------------------- */
.btn {
    color: #fff;
}

    .btn:hover {
        color: #fff;
        text-decoration: none;
    }

.btn-assentado, .btn-fundiario,
.btn-incra, .btn-area-assentado,
.btn-area-fundiario, .btn-o-incra, .btn-liquida {
    display: block;
    padding: 14px 14px 16px;
}

    .btn-assentado h2, .btn-fundiario h2,
    .btn-incra h2, .btn-o-incra h2, .btn-liquida h2 {
        font: 400 1.7em 'Open Sans';
        text-transform: uppercase;
        margin: 0 0 3px;
    }

    .btn-assentado p, .btn-fundiario p,
    .btn-incra p, .btn-acao p, .btn-liquida p {
        font: 300 0.85em 'Open Sans';
        margin: 0;
        color: #ccc;
    }

    .btn-assentado .btn-acao .access-text, .btn-acao .access-text {
        color: #ba424f;
        text-decoration: underline;
    }

    .btn-liquida{
        margin-bottom: 20px;
	    background: #DB0C12;
        text-decoration: none;
        /*border-radius: 50px;
        text-align: center;*/
    }

    .btn-fundiario .access-text,
    .btn-incra .access-text {
        color: #1c4d3e;
        text-decoration: underline;
    }

.btn-assentado, .btn-acao {
    background: #342d47;
}

.btn-fundiario {
    background: #dd4952;
}

.btn-incra {
    background: #31a37f;
}

.btn-area-assentado {
    background: #342d47;
    margin-bottom: 20px;
    cursor: pointer;
}

.btn-area-fundiario {
    background: #dd4952;
    margin-bottom: 20px;
}

.btn-primary, .btn-success,
.btn-blocked, .btn-info {
    padding: 8px 15px;
    font-size: 1.15em;
    font-weight: 300;
}

.btn-primary {
    background: #ba424f;
}

    .btn-primary:hover {
        background: #9d2b37;
    }

.btn-success,
#email .container a {
    background: #31a37f;
    border-radius: 5px;
}

    .btn-success:hover {
        background: #3b8c6b;
    }

.btn-blocked {
    background: #ccc;
    cursor: not-allowed;
}

.btn-info {
    background: #4f5863;
}

    .btn-info:hover {
        background: #342D47;
    }

.btn-active {
    background: #dd4952;
    border-bottom: 5px solid #c54149;
}

.btn-cancel {
    background: #9c9c9c;
    border-bottom: 5px solid #8b8b8b;
}

.btn-user {
    background: #31a37f;
    border-bottom: 5px solid #3b8c6b;
}

.btn-general,
#email .container a {
    color: #e0e0e0;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 300;
    border-radius: 0;
}

.btn-boleto {
    text-align: center;
    margin-bottom: 20px;
}

.btn-finaliza {
    border: none;
}

#email .container a:nth-child(3) {
    background: #dd4952;
}

.btn-menu {
    min-height: 118px;
}

@media only screen and (max-width: 991px) {
    .btn-assentado, .btn-fundiario, .btn-acao .btn-incra {
        display: block;
        padding: 14px 14px 16px;
        margin: 20px 0;
    }
}



/* -----------------------------------
	Icons
-------------------------------------- */

.agua-ok {
    background: url(../images/icons/agua-ok.png) no-repeat center;
    padding: 6px 20px;
    text-indent: 999em;
    overflow: hidden;
    color: transparent;
}

.agua-no {
    background: url(../images/icons/agua-no.png) no-repeat center;
    padding: 6px 20px;
    text-indent: 999em;
    overflow: hidden;
    color: transparent;
}

.energia-ok {
    background: url(../images/icons/energia-ok.png) no-repeat center;
    padding: 6px 20px;
    text-indent: 999em;
    overflow: hidden;
    color: transparent;
}

.energia-no {
    background: url(../images/icons/energia-no.png) no-repeat center;
    padding: 6px 20px;
    text-indent: 999em;
    overflow: hidden;
    color: transparent;
}

.habitacao-ok {
    background: url(../images/icons/habitacao-ok.png) no-repeat center;
    padding: 6px 20px;
    text-indent: 999em;
    overflow: hidden;
    color: transparent;
}

.habitacao-no {
    background: url(../images/icons/habitacao-no.png) no-repeat center;
    padding: 6px 20px;
    text-indent: 999em;
    overflow: hidden;
    color: transparent;
}



/* -----------------------------------
	Modal
-------------------------------------- */
.modal-dialog .modal-content {
    background: #d2d2d2;
    border-radius: 0;
    border: none;
    border-bottom: 5px solid #bbb;
    padding: 30px 30px 84px;
}

    .modal-dialog .modal-content p {
        color: #666;
        text-align: center;
    }

    .modal-dialog .modal-content h4 {
        text-align: center;
        text-transform: uppercase;
        font-size: 1.5em;
    }



/* -----------------------------------
	Main Header
-------------------------------------- */
#main-header {
    padding: 20px 30px 0;
}

.main-menu {
    display: block;
}

    .main-menu ul {
        float: right;
    }

        .main-menu ul li {
            float: left;
            list-style: none;
            margin: 0 20px;
        }

    .main-menu a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 300;
    }

@media only screen and (max-width: 991px) {
    .menu-name {
        position: absolute;
        top: 15px;
        right: 15px;
    }

        .menu-name a {
            background: url(../images/menu-mob.png) no-repeat;
            display: block;
            width: 29px;
            height: 18px;
            color: transparent;
        }

    .main-menu {
        display: none;
    }

        .main-menu ul li {
            float: none;
            margin: 20px auto 0;
            text-align: center;
        }

        .main-menu ul {
            float: none;
            margin: 0;
        }
}

@media only screen and (max-width: 366px) {
    .logo img {
        width: 75%;
    }
}

@media only screen and (max-width: 991px) {
    .main-menu a {
        text-shadow: 1px 1px 1px black;
    }
}




/* -----------------------------------
	Home Content
-------------------------------------- */
#home-content {
    margin-bottom: 20px;
}

    #home-content > .row {
        margin: 0;
    }

#main-carousel {
    position: absolute;
    bottom: 40px;
    width: 100%;
}

    #main-carousel .item {
        min-height: 400px;
    }

    #main-carousel .carousel-indicators {
        display: none;
    }

    #main-carousel .carousel-control {
        display: none;
    }

    #main-carousel #home-content,
    #main-carousel #area-fundiario {
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        width: 100%;
    }

.back-assentado {
    position: absolute;
    top: 36px;
    right: 40px;
    background: #716D97;
    padding: 10px 20px;
    color: #FFF;
}

    .back-assentado:hover {
        color: #ddd;
        text-decoration: none;
    }

@media only screen and (max-width: 991px) {
    #main-carousel {
        position: static;
    }
}



/* -----------------------------------
	Área do Fundiário(a)
-------------------------------------- */
#area-fundiario h1 {
    color: #fff;
    font: 600 1.8em 'Open Sans';
}

#area-fundiario p,
#area-fundiario h3 {
    color: #fff;
    margin-bottom: 30px;
    margin-top: -10px;
}

#area-fundiario .btn-area-fundiario {
    min-height: 76px;
    font: 300 1.3em 'Open Sans';
}


/* -----------------------------------
	Área do Assentado(a)
-------------------------------------- */
#area-assentado {
}

    #area-assentado h1 {
        color: #fff;
        font: 600 1.8em 'Open Sans';
    }


    #area-assentado form fieldset,
    #myModal2 form fieldset,
    #myModal3 form fieldset {
        border: none;
        padding: 0;
    }

    #area-assentado form input[type=text],
    #myModal2 form input[type=text],
    #myModal3 form input[type=text],
    #myModal2 form input[type=password] {
        width: 100%;
        border: none;
        padding: 10px 10px 8px;
    }

    #area-assentado form input[type=submit],
    #myModal2 form input[type=submit],
    #myModal3 form input[type=submit] {
        border: none;
    }


    #area-assentado fieldset,
    #myModal2 fieldset,
    #myModal3 fieldset {
        border: none;
        padding: 0;
    }

    #area-assentado input[type=text],
    #myModal2 input[type=text],
    #myModal3 input[type=text],
    #myModal2 input[type=password] {
        width: 100%;
        border: none;
        padding: 10px 10px 8px;
    }

    #area-assentado input[type=button],
    #myModal2 form input[type=button],
    #myModal3 form input[type=button] {
        border: none;
    }

    #area-assentado a.btn-area-assentado {
        font: 300 1.3em 'Open Sans';
        min-height: 76px;
        line-height: 1.3;
    }

    #area-assentado .assentado-information {
        color: #fff;
        font: 600 1.35em 'Open Sans';
    }

    #area-assentado .renegocie {
        float: right;
    }

    #area-assentado p {
        color: #fff;
    }

    /*uirá*/
    #liquida-divida form input[type=submit],
    #myModal2 form input[type=submit],
    #myModal3 form input[type=submit] {
        border: none;
    }


    #liquida-divida fieldset,
    #myModal2 fieldset,
    #myModal3 fieldset {
        border: none;
        padding: 0;
    }

    #liquida-divida input[type=text],
    #myModal2 input[type=text],
    #myModal3 input[type=text],
    #myModal2 input[type=password] {
        width: 100%;
        border: none;
        padding: 10px 10px 8px;
    }

    #liquida-divida input[type=button],
    #myModal2 form input[type=button],
    #myModal3 form input[type=button] {
        border: none;
    }

    #liquida-divida a.btn-liquida {
        font: 300 1.3em 'Open Sans';
        min-height: 76px;
        line-height: 1.3;
    }    
    
    #liquida-divida .container{
        border-radius: 10px 20px 30px 40px;
    }

    #liquida-divida .liquida-information {
        color: #fff;
        font: 600 1.35em 'Open Sans';
    }

    #liquida-divida .renegocie {
        float: right;
    }

    #liquida-divida p {
        color: #fff;
    }

/*#login-button{
	padding: 6px 20px;
	background: #31A37F;
	color: #FFF;
	float: right;
	margin-right: 60px;
}
#login-button:hover{
	background: #278063;
	color: #eee;
	text-decoration: none;
}*/
.lost-password {
    color: #818181;
    float: right;
    padding: 6px 20px;
}

    .lost-password:hover {
        color: #252525;
    }

.logout {
    float: right;
    color: white;
    margin-right: 40px;
    padding: 14px 0;
}

.link-menu-bar {
    color: #FFF;
    float: right;
    padding: 14px 16px;
    background: #2B9674;
    margin-right: 10px;
}

    .link-menu-bar:hover {
        color: #FFF;
        float: right;
        padding: 14px 16px;
        background: #278063;
        margin-right: 10px;
        text-decoration: none;
    }

    .link-menu-bar:hover,
    .logout:hover {
        color: #ddd;
    }

#bem-vindo-sc {
    float: left;
    color: #fff;
    margin: 0;
    margin-left: 40px;
    padding: 14px 0;
}

#barraLogin {
    margin: 0;
    background: #E4E4E4;
    padding: 6px 0;
    box-shadow: 1px 1px 1px #797979;
    border-bottom: 5px solid #B1B1B1;
}

#barraLogado {
    background: #31A37F;
    border-bottom: 6px solid #278063;
    margin: 0;
}

@media only screen and (max-width: 991px) {
    #area-assentado input[type=text] {
        margin: 0 0 10px;
    }
}



/* -----------------------------------
	Intern Pages
-------------------------------------- */
.intern-page {
    background: #fff;
    margin-top: 40px;
    padding-bottom: 40px;
}

.content-area {
    background: #e5e9ec;
}

.header-assentado {
    background: #e5e9ec;
    border-bottom: #c7c9ca;
}

.content-assentado {
    padding-top: 25px;
    background: #fff;
}

.content {
    margin-top: 0 !important;
}

.center-image {
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 991px) {
    .header-assentado h2 {
        margin-top: 0 !important;
        padding: 20px;
    }

    .center-image {
        width: 95%;
    }
}


/* -----------------------------------
	O INCRA
-------------------------------------- */
#o-incra .btn-o-incra,
.detalha-link .btn-o-incra,
#faq .btn-o-incra{
	background: #31A37F;
}

#o-incra h1,
#faq h1{
	color: #fff;
	font: 600 1.8em 'Open Sans';
}

#o-incra p{

}

#o-incra h3,
#faq h3{
	color: #fff;
	margin-bottom: 30px;
	margin-top: -10px
}

#o-incra .btn-o-incra,
#faq .btn-o-incra{
	min-height: 76px;
	font: 300 1.3em 'Open Sans';
	margin-bottom: 20px;
	height: 80px;
}

#o-incra ul,
#faq ul{
	padding: 0 0 0 5px;
}

#o-incra ul li{
	background: url(../images/icons/plus.png) no-repeat;
	margin: 20px 0;
	padding: 3px 45px;
	list-style: none;
	font-size: 18px;
}

#faq ul li{
	background: url(../images/icons/plus3.png) no-repeat;
	margin: 20px 0;
	padding: 3px 45px;
	list-style: none;
	font-size: 18px;
}

#o-incra ul li a,
#faq ul li a{
	color: #31A37F;
}

#search-incra{
	margin-bottom: 23px;
}

#search-incra fieldset{
	border: none;
	padding: 0;
}

#search-incra #input-search{
	border: none;
	padding: 10px 15px;
	min-width: 479px;
}

#search-incra input[type=submit]{
	border: none;
	padding: 10px 20px;
	color: #666;
}

.detalhamento{
	background: #fff;
	float: left;
	width: 100%;
	padding: 20px;
	max-height: 500px;
	overflow-x: auto;
}
.detalhamento h2{
	background: #DD4952;
	padding: 10px 20px;
	border-bottom: 4px solid #C04A51;
	margin: 0;
	color: #fff;
}

#faq h2{
	background: #af3c3c;
	padding: 10px 20px;
	border-bottom: 4px solid #7e2020;
	margin: 0;
	color: #fff;
}

.detalhamento .related-services{
	margin: 0;
	background: #3498DB;
	padding: 14px 20px;
	border-bottom: 4px solid #2980B9;
	margin-bottom: 20px;
	color: #FFF;
}

.detalhamento .list-service-details{
	margin-bottom: 55px
}


/* -----------------------------------
	RECAD
-------------------------------------- */
.recad {
    margin-bottom: 20px;
}

.conteudo_recad {
    font-size: .95em;
    margin: 0 16px;
}

.recad fieldset {
    border: none;
    padding: 0;
}

.recad input[type=text] {
    width: 100%;
    border: 1px solid #d7d7d7;
    padding: 8px 10px;
    margin-bottom: 10px;
    font: 300 0.85em 'Open Sans';
}

.recad input[type=button] {
    width: 100%;
    border: 1px solid #d7d7d7;
    padding: 8px 10px;
    margin-bottom: 10px;
    font: 300 0.85em 'Open Sans';
    color: #fff;
    background: #03b8cb;
}

.recad .suport-information {
    font: 300 0.85em 'Open Sans';
}

.recad .style-select {
    background: url(../images/select.png) no-repeat right 14px;
}

.recad .style-selects {
    background: url(../images/select.png) no-repeat right 14px;
}

.recad .quant-dependentes,
.recad .quant-moradores {
    width: 200px;
    padding: 4px;
    border: 1px solid #d7d7d7;
    background: transparent;
    line-height: 1;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    margin-bottom: 10px;
    padding-left: 10px;
}

.selects {
    width: 100%;
    padding: 4px;
    border: 1px solid #d7d7d7;
    background: transparent;
    line-height: 1;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #999;
    font-weight: 300;
    font-size: .9em;
}

.recad .outros-moradores,
.recad .dependentes {
    padding-top: 7px;
}

.recad label,
.recad .title-recad,
.recad .title-radio {
    font-size: 0.95em;
    color: #555;
}

.recad .title-recad {
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 3px;
    display: block;
}

.recad .title-radio {
    font-weight: 600;
    padding-bottom: 3px;
    display: block;
}

.recad .comercializacao .comercializa,
.recad .sim-recebeu {
    padding-right: 50px;
}

.recad .atualizar {
    border: none;
    background: #2980b9;
    color: white;
    padding: 8px 12px;
    margin-top: 40px;
    float: right;
}

.recad h3,
.recad h4 {
    margin: 0;
}

.recad .recad2 {
    padding-bottom: 20px;
}

.recad .title-assentamento {
    margin-bottom: 20px;
}

.recad .title-group {
    display: block;
    width: 100%;
    float: left;
    margin: 20px 14px 10px;
}

.recad .field-box {
    padding: 10px;
    background: #FAFAFA;
    border: 1px solid #DDD;
    margin: 0;
}

.recad .title-field-box {
    width: 100%;
    background: #DD4952;
    border-bottom: 5px solid #BD363E;
    padding: 13px;
    color: #FFF;
    margin: 0;
    margin-top: 23px;
}

.recad .link-title-group {
    font-size: .7em;
    color: #ddd;
    padding-left: 16px;
}


.recad .title-field-box.first-title {
    margin-top: 0;
}

.recad .benef-code {
    color: #666;
    font-size: .9em;
    margin: 0 0 20px;
    border: 1px solid #CCC;
    padding: 16px 20px 14px;
}

    .recad .benef-code span {
        font-weight: 700;
        font-size: 2em;
        padding-left: 15px;
        float: right;
        margin-top: -9px;
    }

@media only screen and (max-width: 991px) {
    .recad .style-select {
        padding-left: 15px;
    }
}



/* -----------------------------------
	Área do Assentado
-------------------------------------- */
#assentado {
    margin: 0 auto;
    position: absolute;
    bottom: 40px;
    width: 100%;
}

    #assentado h1, #assentado p {
        color: #fff;
    }

    #assentado p {
        margin-top: -10px;
    }

    #assentado .btn-area-assentado {
        min-height: 50px;
        background: #dd4952;
        color: #e0e0e0;
        border-bottom: 5px solid #c54149;
        text-align: center;
        font-weight: 300;
        font-size: .9em;
        text-transform: uppercase;
    }

    #assentado .btn-area-assentado-big {
        margin: 10px 0 30px;
        padding: 12px 20px;
        background: #2980b9;
        color: #e0e0e0;
        border-bottom: 5px solid #2472a5;
        text-align: left;
        font-weight: 300;
        font-size: .9em;
        text-transform: uppercase;
        display: block;
        line-height: 2;
    }

        #assentado .btn-area-assentado-big b {
            font-weight: 700;
        }

    #assentado .btn-area-assetando-fale {
        padding: 12px 20px;
        background: #31a37f;
        color: #e0e0e0;
        border-bottom: 5px solid #2c9171;
        font-weight: 300;
        font-size: .9em;
        text-transform: uppercase;
        display: block;
        line-height: 2;
    }

    #assentado .form-fale-incra {
        background: #d2d2d2;
        color: #aeaeae;
        border-bottom: 5px solid #bbbbbb;
    }

        #assentado .form-fale-incra .col-md-10 {
            margin-top: 20px;
        }

        #assentado .form-fale-incra textarea {
            background: #e9e9e9;
            border: 1px solid #acacac;
            height: 80px;
            resize: none;
            font-size: .9em;
        }

        #assentado .form-fale-incra input[type=button] {
            margin-top: 55px;
            background: #dd4952;
            color: #e0e0e0;
            border: none;
            border-bottom: 5px solid #c54149;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        #assentado .form-fale-incra a {
            color: #939393;
            font-size: .9em;
        }

    #assentado .btn-area-assentado-big p {
        margin: 0;
        color: #e0e0e0;
    }


    #assentado .intern-page {
        background: #31a37f;
        padding-bottom: 0;
    }

    #assentado .sidebar h3 {
        color: #fff;
        font-weight: 300;
    }

    #assentado .sidebar ul {
        margin: 0;
        padding: 0;
    }

        #assentado .sidebar ul li {
            font: 300 1em 'Open Sans';
            color: #fff;
            list-style: none;
            margin-bottom: 15px;
        }

            #assentado .sidebar ul li span {
                display: block;
                font: 300 .75em 'Open Sans';
                color: black;
            }

    #assentado .sidebar .incra-sidebar {
        position: absolute;
        bottom: 10px;
        color: #fff;
    }

    #assentado .content .bem-vindo-sc {
        margin-bottom: 20px;
    }

    #assentado .content {
        background: #fff;
    }

        #assentado .content .bem-vindo-sc h1 {
            color: #666;
            margin: 20px 0 10px;
        }

        #assentado .content .bem-vindo-sc p {
            margin: 3px 0;
            color: #666;
        }

        #assentado .content .btn-big-assentado {
            display: block;
            min-height: 90px;
            margin-bottom: 30px;
            background: #fff;
            color: #736086;
            border: 1px solid #d4d3d3;
            font: 300 1.4em 'Open Sans';
            padding: 15px;
        }

        #assentado .content .dap {
            background: #fff url(../images/icons/dap.png) no-repeat bottom right;
        }

        #assentado .content .bolsa-verde {
            background: #fff url(../images/icons/bolsa-verde.png) no-repeat bottom right;
        }

        #assentado .content .espelho {
            background: #fff url(../images/icons/espelho.png) no-repeat bottom right;
        }

        #assentado .content .reforma {
            background: #fff url(../images/icons/reforma.png) no-repeat bottom right;
        }

        #assentado .content .inss {
            background: #fff url(../images/icons/inss.png) no-repeat bottom right;
        }

        #assentado .content .reforma2 {
            background: #fff url(../images/icons/reforma2.png) no-repeat bottom right;
        }

        #assentado .content .title-historico {
            background: url(../images/icons/historico-incra.png) no-repeat;
            padding-left: 40px;
            padding-top: 3px;
            font: 300 1.35em 'Open Sans';
        }

        #assentado .content ul {
            margin: 0;
            padding: 0;
        }

            #assentado .content ul .historico-incra {
                background: #fff;
                list-style: none;
                border: 1px solid #d4d3d3;
                padding: 10px;
                margin-bottom: 10px;
            }

                #assentado .content ul .historico-incra span {
                    font: 300 0.9em 'Open Sans';
                    padding-right: 10px;
                }

            #assentado .content ul .ok {
                background: #fff url(../images/icons/ok.png) no-repeat right center;
            }

            #assentado .content ul .warning {
                background: #fff url(../images/icons/warning.png) no-repeat right center;
            }

            #assentado .content ul .pasta {
                background: #fff url(../images/icons/pasta.png) no-repeat right center;
            }

        #assentado .content .outros-servicos {
            padding: 10px;
            background: #eeeeee;
            border: 1px solid #d4d3d3;
        }

        #assentado .content .outros-servicos {
            margin-bottom: 0;
        }

        #assentado .content .list-outros-servicos {
            background: #fff;
            list-style: none;
            border: 1px solid #d4d3d3;
            border-top: none;
            padding: 10px 20px;
            min-height: 250px;
        }

            #assentado .content .list-outros-servicos li a {
                padding: 4px 0;
                color: #666;
                font: 300 .95em 'Open Sans';
                display: block;
            }

@media only screen and (max-width: 991px) {
    #assentado {
        position: static;
    }
}



/* -----------------------------------
	Boleto
-------------------------------------- */
#boleto {
    margin-bottom: 20px;
}

    #boleto .person {
        background: url(../images/icons/person.png) no-repeat center left;
        padding-left: 40px;
    }

    #boleto .btn-impress {
        display: block;
        float: right;
        margin-bottom: 20px;
    }



/* -----------------------------------
	Renegociação
-------------------------------------- */
#renegociacao .barras {
    margin-bottom: 20px;
}

#renegociacao h1 {
    margin-left: 12px;
}

#renegociacao h3 {
    line-height: 3.4;
    margin: 0;
}

#renegociacao .nome-credito {
    background: #3e7f44;
}

#renegociacao .nome-credito-pendente {
    background: #dd4d2c;
}

#renegociacao .nome-credito,
#renegociacao .nome-credito-pendente {
    text-transform: uppercase;
    color: #fff;
}

#renegociacao .preco-credito {
    background: #53a55a;
}

#renegociacao .preco-credito-pendente {
    background: #f37864;
}

#renegociacao .preco-credito,
#renegociacao .preco-credito-pendente {
    line-height: 3.9;
    color: #fff;
}

#renegociacao .preco-total {
    background: #5d5d5d;
    font-size: 0.8em;
    padding: 8px;
    border-radius: 5px;
    float: right;
    line-height: 1;
    margin-top: 14px;
}

#renegociacao .barras .btn-info {
    line-height: 3.2;
    font-size: 0.85em;
    padding: 0;
}

    #renegociacao .barras .btn-info a {
        display: block;
        width: 100%;
        color: #fff;
        padding: 8px 15px;
        text-align: center;
    }

#renegociacao .btn-info .triangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #4f5863 transparent transparent;
    position: absolute;
    top: 18px;
    left: -10px;
}

#renegociacao .btn-info:hover .triangle {
    border-color: transparent #342D47 transparent transparent;
}

#renegociacao .btn-info:hover .triangle-negociada {
    border-color: transparent #4f5863 transparent transparent;
}

#renegociacao .barras .btn-info .negociada {
    color: #ccc;
}

    #renegociacao .barras .btn-info .negociada:hover {
        background: #4F5863;
        cursor: default;
    }


#renegociacao .barras .btn-info a:hover {
    text-decoration: none;
}

#renegociacao .barras .renegocie-agora {
    background: #f2f2f2;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

    #renegociacao .barras .renegocie-agora .tabela1 {
        margin-right: 15px;
    }

    #renegociacao .barras .renegocie-agora .tabela1,
    #renegociacao .barras .renegocie-agora .tabela2 {
        background: #fff;
        padding: 0;
        padding-bottom: 20px;
    }

    #renegociacao .barras .renegocie-agora h4 {
        background: #526efd;
        color: #fff;
        padding: 10px;
        margin: 0;
    }

    #renegociacao .barras .renegocie-agora p {
        font: 400 .85em 'Open Sans';
        padding: 0 20px;
    }

    #renegociacao .barras .renegocie-agora strong {
        width: 100%;
        display: block;
        font: 600 4em 'Open Sans';
        text-align: center;
    }

    #renegociacao .barras .renegocie-agora p.desconto {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 1.2em;
        margin-top: -10px;
    }

    #renegociacao .barras .renegocie-agora p.preco {
        font-size: 1.2em;
        vertical-align: top;
    }

    #renegociacao .barras .renegocie-agora .valor-total {
        font-size: 2em;
    }

    #renegociacao .barras .renegocie-agora .btn-success {
        text-align: center;
        margin: 0 auto;
        display: block;
        width: 60%;
    }

    #renegociacao .barras .renegocie-agora .btn-blocked {
        text-align: center;
        margin: 0 auto;
        display: block;
        width: 70%;
        border-radius: 5px;
    }


    #renegociacao .barras .renegocie-agora .text-pendencia {
        text-align: center;
        margin-bottom: 26px;
        font-size: 1.1em;
    }

#renegociacao .btn-renegociacao-cancel {
    background: #999;
    margin-left: 15px;
}

.btn-boleto {
    text-align: center;
    margin-bottom: 20px;
}

#renegociacao .btn-negociada {
    padding: 8px 10px !important;
    text-align: center;
}

#renegociacao .closed {
    cursor: not-allowed;
}

    #renegociacao .closed .btn-negociada {
        color: #ccc;
    }

        #renegociacao .closed .btn-negociada:hover {
            background: #4F5863;
        }

#renegociacao #sidebar-total {
    background: #F17474;
    padding-bottom: 20px;
    color: #FFF;
}

    #renegociacao #sidebar-total p span {
        font-weight: 700;
        font-size: 1.2em;
    }

    #renegociacao #sidebar-total p {
        font-size: 0.9em;
    }




/* -----------------------------------
	Relatório de Acompanhamento
-------------------------------------- */
#relatorio .top-header-relatorio {
    background: #2c3e50;
    color: #fff;
    padding: 4px 17px;
}

table,
table th {
    text-align: center;
}

#relatorio table th {
    padding: 22px 0;
    background: #16a085;
    color: #fff;
    font: 300 1em 'Open Sans';
    vertical-align: middle;
}

    #relatorio table th span {
        font: 300 .75em 'Open Sans';
        padding: 0 10px;
    }

#relatorio table td {
    padding: 20px 0;
    font: 300 .85em 'Open Sans';
}

.last-assentamento {
    border-bottom: 1px solid #DBDBDB;
}

#relatorio table .nome-assentamento {
    background: #f0f0f0;
}

#relatorio .dados {
    display: block;
    margin: 55px auto 20px;
    width: 70%;
}



/* -----------------------------------
	Detalhamento
-------------------------------------- */
#detalhamento .container .row .col-lg-8 .row p {
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

    #detalhamento .container .row .col-lg-8 .row p .strong, #detalhamento .container .row .col-lg-8 p .strong {
        margin-left: 0.1em;
    }

#detalhamento .container .row .col-lg-4 p {
    font-size: 0.85em;
    margin-top: 3em;
}

.strong {
    font-weight: bold;
}

#detalhamento .container .row .btn {
    background-color: #1181E9;
}

    #detalhamento .container .row .btn:hover {
        background-color: #116BD7;
    }



/* -----------------------------------
	Resumo da Renegociação
-------------------------------------- */
#resumo-renegociacao{

}

#resumo-renegociacao h2{
	
}

#resumo-renegociacao h2{
	background: #DD4952;
	padding: 14px 20px;
	border-bottom: 4px solid #C04A51;
	margin: 0;
	color: #fff;
	font-weight: 600;
	font-size: 1.5em;
}

#resumo-renegociacao h3{
	font-size: 1.5em;
}

#resumo-renegociacao h4{
	font-size: 1.2em;
	margin-bottom: 0;
	color: #31a37f;
}

#resumo-renegociacao p{
	margin-top: 3px;
	font-size: .9em;
	color: #666;
}

#resumo-renegociacao table{
	margin-bottom: 0;
	color: #666;
}

#resumo-renegociacao table th{
	padding: 0 22px;
	color: #333;
}

#resumo-renegociacao button.btn{
	border: none;
}

#resumo-renegociacao .resumo-renegociacao{
	margin: 35px 0;
}

#resumo-renegociacao a.btn-emitir{
	margin-top: 12px;
	padding: 7px 10px;
	border-radius: 2px;
	font-weight: 300;
	font-size: .9em;
	background: #31a37f;
}

@media (max-width: 1199px) and (min-width: 780px){
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		overflow-x: scroll;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #DDD;
		-webkit-overflow-scrolling: touch;
	}
}


/* -----------------------------------
	Monitoramento
-------------------------------------- */
#monitoramento h2 {
    margin: 0;
    color: #FFF;
    padding: 20px 20px 20px 50px;
    margin-bottom: 4px;
    font-size: 1.2em;
    background: #2C3E50 url(../images/icons/person-light.png) no-repeat 20px center;
}

#monitoramento .table-responsive {
    max-height: 500px;
    overflow-y: scroll;
}

#monitoramento .table-monitoramento thead {
    background: #16a085;
    color: #fff;
    font-weight: 600;
}

#monitoramento .table-monitoramento > thead > tr > th {
    padding: 20px 0;
}

#monitoramento .table-monitoramento > tbody > tr > td {
    font-size: .9em;
    vertical-align: middle;
}

#monitoramento .table-monitoramento > tbody > tr > .status-demanda-ok {
    background: #31a37f !important;
}

#monitoramento .table-monitoramento > tbody > tr > .status-demanda-no {
    background: #dd4952 !important;
}

    #monitoramento .table-monitoramento > tbody > tr > .status-demanda-no > a,
    #monitoramento .table-monitoramento > tbody > tr > .status-demanda-ok > a {
        color: #fff;
        display: block;
        padding: 14px 0;
    }

#monitoramento .demanda-estado {
    text-align: left;
    padding-left: 20px;
    padding: 2px 12px 2px;
}


/* -----------------------------------
	E-mail
-------------------------------------- */
#email h1 {
    font-weight: 300;
    text-transform: uppercase;
    margin: 100px 0 30px;
    text-shadow: 1px 1px 0 #fff;
}

#email p {
    color: #fff;
    text-shadow: 1px 1px 1px black;
}

#email {
}

.alert-debitos {
    margin-top: -10px;
}

#renegociacao h1.title-encerradas {
    margin-left: 0;
}

.list-service-details {
    font-size: 0.85em;
}

.list-text {
    margin-left: 20px;
}

    .list-text li {
        list-style: disc !important;
        background: none !important;
        padding-left: 0 !important;
        font-size: 1em !important;
        margin: 0 !important;
    }

.title-area-assentado {
    margin-top: 87px;
}

.box-textos {
    background: #fff;
    min-height: 400px;
}

    .box-textos h4 {
        float: left;
        background: #342d47;
        width: 100%;
        padding: 20px;
        border-bottom: 5px solid #2a253a;
        font-size: 1.2em;
        color: #fff;
    }


/* -----------------------------------
BARRA DE TESTES
-------------------------------------- */
.barra-homologacao {
    width: 100%;
    float: left;
    background: #941717;
    border-bottom: 5px solid #6F1111;
    padding: 0 20px;
    margin-bottom: 20px;
    color: #FFF;
}

    .barra-homologacao p {
        color: #fff;
    }

.item-no-position {
    position: static;
    max-height: 500px;
}

    .item-no-position .list-service-details1 {
        overflow-x: auto;
        float: left;
        width: 100%;
        height: 262px;
        padding-right: 20px;
        margin-top: -20px;
    }

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}


.information-attached {
    border-radius: 7px;
    box-shadow: 0 0 100px 50px rgba(255, 255, 255, 0.5) inset;
    color: #fff;
    height: 40%;
    margin: 4% 2%;
    opacity: 1;
    padding: 10px;
    transform: scale(1.08);
    width: 100%;
}

.information-attached p{
    color: #000000 !important;
}