.logo_grsi {
    content:url(/static/plataformamaisbrasil/img/logo_interna_pb.png);
    width: 130px;
    margin: 10px 10px 10px 45px;
}
.logo_megtr {
    content:url(/static/smeg/img/logo_interna_meg.png);
    width: 130px;
    margin: 10px 10px 10px 45px;
}

.logo_gestaogov {
    content:url(/static/smeg/img/logo_interna_gestaogov.png);
    width: 130px;
    margin: 10px 10px 10px 45px;
}

.logo_gestaopublicagov {
    content:url(/static/smeg/img/logo_interna_gestaopublicagov.png);
    width: 130px;
    margin: 10px 10px 10px 45px;
}

.logo_gestao_riscos {
    content:url(/static/plataformamaisbrasil/img/gestao_de_riscos_dashboard3_escuro.png);
    width: 130px;
    margin: 10px 10px 10px 45px;
}

.logo_gestao_passivos {
    content:url(/static/plataformamaisbrasil/img/gestao_de_passivos_dashboard3_escuro.png);
    width: 130px;
    margin: 10px 10px 10px 45px;
}

.active_item {
    background-color: #337ab7;
    color: #fff;
    padding: 3px 10px;
    border-radius: 50px;
}

.inactive_item {
    background-color: #ee324d;
    color: #fff;
    padding: 3px 10px;
    border-radius: 50px;
}

.development_item {
    background-color: #fedf34;
    color: #fff;
    padding: 3px 10px;
    border-radius: 50px;
}

.finished_item {
    background-color: #4b9f2e;
    color: #fff;
    padding: 3px 10px;
    border-radius: 50px;
}

/* BACKGROUNDS */
.gray-bg {
  background-color: #f3f3f4;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0px;
}
.ibox-content_no_bottom_padding {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0px;
}

ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#breadcrumbs-two{
    #overflow: hidden;
    width: 100%;
    height: 35px;
    /*position: relative !important;*/
    /*z-index: 1001 !important;*/
}

#breadcrumbs-two li{
    float: left;
    margin: 0 .5em 0 1em;
}

#breadcrumbs-two li{
    background: #ddd;
    padding: .1em 1em 0.25em;
    float: left;
    text-decoration: none;
    font-size: 12px;
    color: #444;
    position: relative;
}

#breadcrumbs-two span{
    background: #ddd;
    float: left;
    text-decoration: none;
    font-size: 12px;
    color: #444;
    position: relative;
}

#breadcrumbs-two li::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.4em;
    border-width: 1.4em 0 1.43em 1em;
    border-style: solid;
    border-color: #ddd #ddd #ddd transparent;
    left: -1em;
}

#breadcrumbs-two li::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.4em;
    border-top: 1.4em solid transparent;
    border-bottom: 1.4em solid transparent;
    border-left: 1em solid #ddd;
    right: -1em;
}


#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before{
    content: normal;
}
.errorlist{
    color: red;
}
.error input, .error select {
    border: 2px red solid;
}


.span-plataformamaisbrasil {
  color: #fff;
  background-color:#428bca;
  border-color: #428bca;
}
.span-plataformamaisbrasil:hover {
  color: #fff;
  background-color:#428bca;
  border-color: #428bca;
}
.span-sigac {
  color: #fff;
  background-color:#428bca;
  border-color: #428bca;
}
.span-sigac:hover {
  color: #fff;
  background-color:#428bca;
  border-color: #428bca;
}
.span-brasil-cidadao {
  color: #fff;
  background-color:#428bca;
  border-color: #428bca;
}
.span-brasil-cidadao:hover {
  color: #fff;
  background-color:#428bca;
  border-color: #428bca;
}

.span-5 {
  color: #fff;
  background-color:#ED462F;
  border-color: #ED462F;
  -webkit-print-color-ajust: exact;
}

.span-5:hover {
  color: #fff;
  background-color:#ED462F;
  border-color: #ED462F;
  -webkit-print-color-ajust: exact;
}

.span-4 {
  color: #fff;
  background-color:#F18230;
  border-color: #F18230;
  -webkit-print-color-ajust: exact;
}

.span-4:hover {
  color: #fff;
  background-color:#F18230;
  border-color: #F18230;
  -webkit-print-color-ajust: exact;
}

.span-3 {
  color: #fff;
  background-color:#FACA33;
  border-color: #FACA33;
  -webkit-print-color-ajust: exact;
}

.span-3:hover {
  color: #fff;
  background-color:#FACA33;
  border-color: #FACA33;
  -webkit-print-color-ajust: exact;
}

.span-2 {
  color: #fff;
  background-color:#377A41;
  border-color: #377A41;
  -webkit-print-color-ajust: exact;
}

.span-2:hover {
  color: #fff;
  background-color:#377A41;
  border-color: #377A41;
  -webkit-print-color-ajust: exact;
}

.span-1 {
  color: #fff;
  background-color:#002E6E;
  border-color: #002E6E;
  -webkit-print-color-ajust: exact;
}

.span-1:hover {
  color: #fff;
  background-color:#002E6E;
  border-color: #002E6E;
  -webkit-print-color-ajust: exact;
}
.required {
    color: red;
}

.pointer {
    cursor: pointer;
}

.truncated {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.truncated:hover {
    overflow: visible;
    white-space: normal;
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit*/
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

    max-width: 100%;
    width: 100%;
    z-index: 1; /* stack above subsequent cells */
}

.truncated_small {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
    overflow: hidden
}

.truncated_small:hover {
    overflow: visible;
    white-space: normal;
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit*/
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    nowrap:true
    /*max-width: 100%;*/
    width: 250px;
    z-index: 1; /* stack above subsequent cells */
}


section {
  display: none;
  padding: 5px 0 10px;
  border-top: 1px solid #abc;
}

#input_hidden input[type=radio] {
  display: none;
}

#input_hidden input:checked + label {
  color: #0af;
  border: 1px solid #abc;
  border-top: 2px solid #0af;
  border-bottom: 1px solid #fff;
}

#breadcrumbs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 10px;
  font-weight: 600;
  text-align: center;
  border: 1px solid transparent;
}

#breadcrumbs label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

#breadcrumbs label:hover {
  color: #789;
  cursor: pointer;
}

#security_tabs label.label_tab {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 10px;
  font-weight: 600;
  text-align: center;
  border: 1px solid transparent;
}

#security_tabs label.label_tab:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

#security_tabs label.label_tab:hover {
  color: #789;
  cursor: pointer;
}

#security_tabs label.no-padding {
  display: inline-block;
  margin: 0 0 -1px;
  font-weight: 600;
  text-align: center;
  border: 1px solid transparent;
}

#security_tabs input[type=radio] {
  display: none;
}

#security_tabs input:checked + label {
  color: #0af;
  border: 1px solid #abc;
  border-top: 2px solid #0af;
  border-bottom: 1px solid #fff;
}
#security_tabs input[type=radio].tab_error + label{
  color: #ed462f;
  border: 1px solid #abc;
  border-top: 2px solid #ed462f;
  border-bottom: 1px solid #fff;
}

#security_tabs input:not(:checked) + label {
  border: 1px solid #abc;
  /*border-bottom: 1px solid #fff;*/
}

#detail_tabs label.label_tab {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 10px;
  font-weight: 600;
  text-align: center;
  border: 1px solid transparent;
}

#detail_tabs label.label_tab:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

#detail_tabs label.label_tab:hover {
  color: #789;
  cursor: pointer;
}

#detail_tabs label.no-padding {
  display: inline-block;
  margin: 0 0 -1px;
  font-weight: 600;
  text-align: center;
  border: 1px solid transparent;
}

#detail_tabs input[type=radio] {
  display: none;
}

#detail_tabs input:checked + label {
  color: #0af;
  border: 1px solid #abc;
  border-top: 2px solid #0af;
  border-bottom: 1px solid #fff;
}
#detail_tabs .tab_error + label {
  color: #ed462f;
  border: 1px solid #abc;
  border-top: 2px solid #ed462f;
  border-bottom: 1px solid #fff;
}

#detail_tabs input:not(:checked) + label {
  border: 1px solid #abc;
  /*border-bottom: 1px solid #fff;*/
}

.alert-small {
  padding: 5px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-small-dismissable .close,
.alert-small-dismissible .close {
  position: relative;
  top: -2px;
  right: 0px;
  color: inherit;
}

/* ##################################################################################################### */
/* ESTILO PARA TIMELINE SMEG*/
$color-white:#fff;
$brand-color-g:#348e80;
$brand-color:#df8625;

@mixin respond-to($breakpoint) {
    @if $breakpoint == "xs" {
        @media screen and (max-width: 767px) {
          @content;
        }
    }
    @else if $breakpoint == "sm" {
        @media (min-width: 768px) and (max-width: 991px) {
            @content;
        }
    }
    @else if $breakpoint == "md" {
        @media (min-width: 992px) and (max-width: 1199px) {
            @content;
        }
    }
    @else if $breakpoint == "lg" {
        @media screen and (min-width: 1200px) {
            @content;
        }
    }
}

.ps-timeline-sec {
    position: relative;
    background: $color-white;

    .container {
        position: relative;

        ol {

            @include respond-to(xs) {
                &:before {
                    background: $brand-color-g;
                    content: "";
                    width: 10px;
                    height: 10px;
                    border-radius: 100%;
                    position: absolute;
                    top: 130px !important;
                    left: 36px !important;
                }

                &:after {
                    background: #348e80;
                    content: "";
                    width: 10px;
                    height: 10px;
                    border-radius: 100%;
                    position: absolute;
                    top: inherit !important;
                    left: 36px;
                }

                &.ps-timeline {
                    margin: 130px 0 !important;
                    border-left: 2px solid #348e80;
                    padding-left: 0 !important;
                    padding-top: 120px !important;
                    border-top: 0 !important;
                    margin-left: 25px !important;

                    li {
                        height: 220px;
                        float: none !important;
                        width: inherit !important;

                        &:nth-child(2) {
                            .img-handler-bot {
                                img {
                                    width: 70px;
                                }
                            }
                        }

                        &:last-child {
                            margin: 0;
                            bottom: 0 !important;
                            height: 120px;

                            .img-handler-bot {
                                bottom: 40px !important;
                                width: 40% !important;
                                margin-left: 25px !important;
                                margin-top: 0 !important;

                                img {
                                    width: 100%;
                                }
                            }

                            .ps-top {
                                margin-bottom: 0 !important;
                                top: 20px;
                                width: 50% !important;
                            }
                        }



                        span {
                            left: 0 !important;

                            &.ps-sp-top {
                                &:before {
                                    content: none !important;
                                }

                                &:after {
                                    content: none !important;
                                }
                            }

                            &.ps-sp-bot {
                                &:before {
                                    content: none !important;
                                }

                                &:after {
                                    content: none !important;
                                }
                            }
                        }

                        .img-handler-top {
                            position: absolute !important;
                            bottom: 150px !important;
                            width: 30% !important;
                            float: left !important;
                            margin-left: 35px !important;
                            margin-bottom: 0 !important;

                            img {
                                margin: 0 auto !important;
                                width: 80% !important;
                            }
                        }

                        .img-handler-bot {
                            position: absolute !important;
                            bottom: 115px !important;
                            width: 30% !important;
                            float: left !important;
                            margin-left: 35px !important;
                            margin-bottom: 0 !important;

                            img {
                            }
                        }

                        p {
                            text-align: left !important;
                            width: 100% !important;
                            margin: 0 auto !important;
                            margin-top: 0px !important;
                        }

                        .ps-top {
                            width: 60% !important;
                            float: right !important;
                            right: 0;
                            top: -40px;
                        }

                        .ps-bot {
                            width: 60% !important;
                            float: right !important;
                            right: 0;
                            top: -40px;
                        }
                    }
                }
            }


            &:before {
                background: $brand-color-g;
                content: "";
                width: 10px;
                height: 10px;
                border-radius: 100%;
                position: absolute;
                left: 8px;
                top: 49.5%;
            }

            &:after {
                background: $brand-color-g;
                content: "";
                width: 10px;
                height: 10px;
                border-radius: 100%;
                position: absolute;
                right: 8px;
                top: 49.5%;
            }

            &.ps-timeline {
                margin: 390px 0;
                padding: 0;
                border-top: 2px solid $brand-color-g;
                list-style: none;

                li {
                    float: left;
                    width: 25%;
                    padding-top: 30px;
                    position: relative;

                    span {
                        width: 50px;
                        height: 50px;
                        margin-left: -25px;
                        background: $color-white;
                        border: 4px solid $brand-color-g;
                        border-radius: 50%;
                        box-shadow: 0 0 0 0px $color-white;
                        text-align: center;
                        line-height: 50px -10;
                        color: $brand-color;
                        font-size: 2em;
                        font-style: normal;
                        position: absolute;
                        top: -26px;
                        left: 50%;

                        &.ps-sp-top {
                            &:before {
                                content: '';
                                color: $brand-color-g;
                                width: 2px;
                                height: 50px;
                                background: $brand-color-g;
                                position: absolute;
                                top: -50px;
                                left: 50%;
                            }

                            &:after {
                                content: '';
                                color: $brand-color-g;
                                width: 8px;
                                height: 8px;
                                background: $brand-color-g;
                                position: absolute;
                                bottom: 90px;
                                left: 44%;
                                border-radius: 100%;
                            }
                        }

                        &.ps-sp-bot {
                            &:before {
                                content: '';
                                color: $brand-color-g;
                                width: 2px;
                                height: 50px;
                                background: $brand-color-g;
                                position: absolute;
                                bottom: -50px;
                                left: 50%;
                            }

                            &:after {
                                content: '';
                                color: $brand-color-g;
                                width: 8px;
                                height: 8px;
                                background: $brand-color-g;
                                position: absolute;
                                top: 90px;
                                left: 44%;
                                border-radius: 100%;
                            }
                        }
                    }

                    .img-handler-top {
                        position: absolute;
                        bottom: 0;
                        margin-bottom: 130px;
                        width: 100%;

                        img {
                            display: table;
                            margin: 0 auto;
                        }
                    }

                    .img-handler-bot {
                        position: absolute;
                        margin-top: 60px;
                        width: 100%;

                        img {
                            display: table;
                            margin: 0 auto;
                        }
                    }

                    p {
                        text-align: center;
                        width: 80%;
                        margin: 0 auto;
                    }

                    .ps-top {
                        position: absolute;
                        bottom: 0;
                        margin-bottom: 100px;
                    }

                    .ps-bot {
                        position: absolute;
                        margin-top: 35px;
                    }
                }
            }
        }
    }
}
/* ##################################################################################################### */


@media screen and (min-width: 1000px) {
    .loginColumns {
      width: 760px;
      margin: 8% auto 0;
    }
}

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

    .loginColumns {
      margin: 8% auto 0;
    }

    .toggle {
        float: left;
        margin: 0;
        padding-top: 16px;
        width: 58px;
        height: 44px;
        visibility: visible;
    }
    .toggle a {
        padding: 15px 15px 0;
        margin: 0;
        cursor: pointer
    }
    .toggle a i {
        font-size: 18px
    }

    .logo_grsi {
        content:url(/static/plataformamaisbrasil/img/logo_interna_pb.png);
        width: 40px;
        margin: 10px 10px 10px 10px;
    }

    .logo_megtr {
        content: url(/static/smeg/img/logo_interna_meg.png);
        width: 64px;
        margin: 10px 10px 10px 6px;
    }

    .logo_gestao_riscos {
        content:url(/static/plataformamaisbrasil/img/gestao_de_riscos_dashboard1_escuro.png);
        width: 40px;
        margin: 10px 10px 10px 15px;
    }

    .logo_gestao_passivos {
        content:url(/static/plataformamaisbrasil/img/gestao_de_passivos_dashboard1_escuro.png);
        width: 40px;
        margin: 10px 10px 10px 15px;
    }

    .logo_gestao_passivos_homologacao {
        content:url(/static/plataformamaisbrasil/img/gestao_de_passivos_dashboard1_escuro_homologacao.png);
        width: 40px;
        margin: 10px 10px 10px 15px;
    }

    #breadcrumbs label {
        font-size: 0;
        padding: 1px 0px;
    }
    #breadcrumbs label:before {
        margin: 0;
        font-size: 15px;
    }
    #security_tabs label.label_tab {
        font-size: 0;
        padding: 3px 10px;
    }
    #security_tabs label.label_tab:before {
        margin: 0;
        font-size: 15px;
    }
    #detail_tabs label.label_tab {
        font-size: 0;
        padding: 3px 10px;
    }
    #detail_tabs label.label_tab:before {
        margin: 0;
        font-size: 15px;
    }
    #breadcrumbs-two li {
        background: #ddd;
        padding: .35em 1em;
        float: left;
        text-decoration: none;
        font-size: 12px;
        color: #444;
        position: relative;

    .breadcrumbs-plataformamaisbrasil label {
        padding: 0px 5px 0px 5px;
    }
}
.select2-container {
    width: 100% !important;
}