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

.titulo-principal {
    color: #4e515d;
    font-size: 1.4em;
    margin: 3rem 0 3rem 0;
}

#pills-tab {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Camada_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1px' height='1px' viewBox='0 0 1 1' enable-background='new 0 0 1 1' xml:space='preserve'%3E%3Cline fill='none' stroke='%23B3B3B3' stroke-miterlimit='10' x1='0' y1='0.5' x2='1' y2='0.5'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-position: bottom;
}

#pills-tab li a {
    color: #44717B;
    border-radius: 0;
    padding-bottom: 25px;
}

#pills-tab li a.nav-link.active {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Camada_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='27px' height='14px' viewBox='0 0 27 14' enable-background='new 0 0 27 14' xml:space='preserve'%3E%3Cpolyline fill='none' stroke='%23B3B3B3' stroke-miterlimit='10' points='140,427.5 138.281,427.5 126.75,415.969 115.219,427.5 113,427.5 '/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-miterlimit='10' x1='0' y1='13.5' x2='27' y2='13.5'/%3E%3Cpolyline fill='none' stroke='%23B3B3B3' stroke-miterlimit='10' points='27,13.5 25.281,13.5 13.75,1.969 2.219,13.5 0,13.5 '/%3E%3C/svg%3E");
    background-size: 27px !important;
    background-color: transparent;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}

.card,
#anexoProva {
    background: #fff;
    border: none;
    /*width: fit-content;*/
}

#anexoProva {
    margin-top: 10px;
}

#anexoProva,
.ui-fileupload-buttonbar {
    padding: 0 !important;
}


.card .card-body,
.card .card-header {
    background: #fff;
    border: none;
}

.card .card-header {
    color: #06414F !important;
    letter-spacing: 1px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.subtitulos {
    background-color: #E0E9E3;
    color: #005E7A;
    font-size: 1em !important;
    height: 22px;
    display: block;
    position: relative;
}

.bg-subtitulos {
    display: block;
    margin: 0;
    position: absolute;
    background: #fff;
    padding: 0px 5px;
}

.icone-menu {
    margin-bottom: 20px;
}

.ponteiro {
  cursor: pointer;
}

select {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Camada_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='324px' height='324px' viewBox='0 0 324 324' enable-background='new 0 0 324 324' xml:space='preserve'%3E%3Crect x='0.5' y='0.5' fill='%2306414F' width='324' height='324'/%3E%3Cpolyline fill='%23FFFFFF' points='165.673,161.448 163.273,163.848 161.92,163.92 159.626,161.483 130.087,129.86 124.723,129.566 110.495,140.656 109.747,144.762 159.623,195.433 165.326,195.433 214.451,147.854 215.252,143.056 202.455,129.86 198.007,129.86 '/%3E%3C/svg%3E") !important;
    background-size: 42px !important;
    background-position: calc(100% - 0px) center !important;
    background-repeat: no-repeat !important;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

table {
    /*font-size: .8em;*/
    width: 100%;
    border-radius: 0px !important;
    letter-spacing: 1px;
}

table thead tr th {
    background: #06414F !important;
    color: #fff !important;
    text-shadow: none !important;
    border-radius: 0px !important;
    text-align: left !important;
    padding: 10px !important;
    border: 1px solid #06414F;

}

table tbody {
    border-color: #DBDBDB !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 0px !important;
}

table tbody tr {
    border-color: #DBDBDB !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 0px !important;
}


table tbody tr td {
    border: none !important;
    padding: 10px !important;
    border-radius: 0px !important;
}


table tbody tr td {
    border: none !important;
    padding: 3px !important;
    border-radius: 0px !important;
}

#header {
    border-bottom: 1px solid #D4E3EA;
    height: 95px;
}

#bc-page {
    border-bottom: 1px solid #D4E3EA;
    margin-bottom: 20px;
}

#controlador-menu {
    border-right: 1px solid #D4E3EA;
    display: block;
    float: left;
    height: 95px;
}

#controlador-menu .toggle-menu {
    color: #98A4AF;
    cursor: pointer;
    font-size: 2em;
    padding: 1.4rem 2.5rem;
    display: block;
}

.navbar-brand {
    padding: 2px 0 0 0;
}

#sidebar {
    background: #06414F;
    color: #fff;
    font-size: 1em;
    height: 100vh;
    min-width: 270px;
    max-width: 270px;
    position: absolute;
    transition: all 0.3s;
    z-index: 1;
}

#sidebar.active {
    margin-left: -270px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #06414F;
}

#sidebar ul li a {
    color: #fff;
    display: block;
    font-size: 1em;
    padding: 20px 25px;
    border-bottom: 1px solid #254D61;
}

#sidebar ul li a:hover {
    color: #fff;
    background: #021a20;
    text-decoration: none;
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: #fff;
    background: #042e37;
}

#sidebar a[data-toggle="collapse"] {
    position: relative;
}

#sidebar a[aria-expanded="false"]::before,
#sidebar a[aria-expanded="true"]::before {
    content: '▼';
    display: block;
    font-size: 0.8em;
    position: absolute;
    right: 15px;
    top: 22px;
}

#sidebar a[aria-expanded="true"]::before {
    content: '▲';
}

ul ul {
    border-left: 10px solid #336666;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #fff;
    color: #06414F !important;
    border-bottom: 1px solid #D4E3EA !important;
    font-size: .9em !important;
    margin-right: 1px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

ul ul li:last-child a {
    border-bottom: none !important;
}

ul ul a:hover {
    background: #336666 !important;
    color: #fff !important;
}

#content {
    padding: 20px 0;
    min-height: 100vh;
    transition: all 0.3s;
}

#anexoProva_label {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Camada_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='60px' height='20px' viewBox='0 0 60 20' enable-background='new 0 0 60 20' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpolygon fill='%23FFFFFF' points='36.354,12.165 36.354,16.644 23.716,16.644 23.716,12.165 19.911,12.165 19.911,20 40.163,20 40.163,12.165 '/%3E%3C/g%3E%3Cpolygon fill='%23FFFFFF' points='35.221,6.575 30.036,0.015 24.849,6.575 27.529,6.575 27.529,14.724 32.545,14.724 32.545,6.575 '/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-color: #06414F;
    background-position: center right;
    background-size: 45px;
    color: #fff;
    border-radius: 5px;
    font-size: .9em;
    padding: 10px 40px 10px 10px;    
    font-weight: 400;
}

#anexoProva	.ui-widget-header{
	background-color: #FFFFFF !important;
	border: none;
}

#anexoProva	.ui-widget-content{
	background-color: #FFFFFF !important;
	border: none;
}

#anexoProva	.ui-button-icon-left{
	visibility: hidden;
}

.bc-home {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Camada_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='19px' height='15px' viewBox='0 0 19 15' enable-background='new 0 0 19 15' xml:space='preserve'%3E%3Cg id='XMLID_353_' opacity='0.75'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%2398A4AF' d='M9.235,2.967L2.648,8.398c0,0-0.003,0.02-0.006,0.033C2.64,8.447,2.637,8.459,2.637,8.459v5.506 c0,0.199,0.073,0.371,0.218,0.516s0.316,0.219,0.516,0.219H7.77v-4.4h2.933v4.4h4.399c0.198,0,0.37-0.074,0.516-0.219 s0.218-0.316,0.218-0.516V8.467c0-0.031-0.004-0.053-0.011-0.068L9.235,2.967z'/%3E%3Cpath fill='%2398A4AF' d='M18.344,7.16l-2.509-2.085V0.4c0-0.107-0.034-0.195-0.104-0.264c-0.068-0.067-0.156-0.103-0.264-0.103 h-2.199c-0.106,0-0.194,0.035-0.264,0.103c-0.068,0.068-0.102,0.156-0.102,0.264v2.234l-2.797-2.338C9.862,0.1,9.572,0,9.235,0 C8.899,0,8.61,0.1,8.364,0.297L0.128,7.16C0.052,7.221,0.01,7.303,0.001,7.406C-0.005,7.51,0.021,7.6,0.083,7.676l0.709,0.848 C0.853,8.592,0.934,8.635,1.034,8.65c0.091,0.008,0.183-0.02,0.273-0.08l7.928-6.611l7.929,6.611 c0.062,0.053,0.142,0.08,0.24,0.08h0.034c0.1-0.016,0.18-0.059,0.242-0.127l0.709-0.848c0.061-0.076,0.088-0.166,0.08-0.27 S18.421,7.221,18.344,7.16z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-position: center left !important;
    background-repeat: no-repeat !important;
    color: #98A4AF;
    padding-left: 25px;
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: 0;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    #sidebar.active {
        margin-left: -100%;
    }
    .navbar h1 {
        overflow: hidden;
        width: 175px;
    }
}

/* Mensagens Jquary UI */

.ui-messages-info,
.ui-messages-warn,
.ui-messages-error,
.ui-messages-fatal {
    border-radius: 5px ;
}


.ui-messages-info,
.ui-message-info {
    color: #e0f3f8 !important;
    background-color: #63C2DE !important;
    border-color: #63C2DE !important
}

.ui-messages-warn,
.ui-message-warn {
    color: #fff3cd !important;
    background-color: #FFC107 !important;
    border-color: #FFC107 !important
}

.ui-messages-error,
.ui-message-error {
    color: #fadbd8 !important;
    background-color: #E74C3C !important;
    border-color: #E74C3C !important;
}

.ui-messages-fatal,
.ui-message-fatal {
    color: #fadbd8 !important;
    background-color: #E74C3C !important;
    border-color: #E74C3C !important;
}

.ui-messages-error-icon {
    background-position: 0 -92px !important;
}
.ui-messages-info-icon {
    background-position: 0 -357px !important;
}
.ui-messages-warn-icon {
    background-position: 0 -489px  !important;
}
.ui-messages-fatal-icon {
    background-position: 0 -224px !important;
}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    height: 20px !important;
    width: 20px !important;
    margin-top: 1px !important;
}

.center-dev{
	text-align: center;
	color: #4e515d;
    font-size: 2.5rem;
    margin: 3rem 0 5rem 0;
}

.ui-dialog-content{
	background: white !important;
}

.title-graph{
	position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    color: #666;
    font-size: 19px;
    font-weight: 400;
}

.number-total{
    text-align: center;
    font-size: 40px;
}

.jqplot-table-legend{
	right: 20px !important;
    width: 250px !important;
}

#lineModel	.jqplot-table-legend{
	display: none;
}

#barModel .jqplot-table-legend{
	display: none;
}

.pop-orientacao{
    /*width: 172px;
    height: 150px;
    vertical-align: text-bottom;    
    margin-top: 20px;
    cursor: pointer;*/
    width: 172px;
    height: 150px;
    vertical-align: text-bottom;
    margin-top: 20px;
    cursor: pointer;
    display: table;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.pop-vc{	
	background-color: #2D6766;
}

.pop-ve{	
	background-color: #0E444F;
}

.pop-logo{
	float: right;
    margin-top: 8px;
}

.pop-text{
	/*padding-top: 90px;
    padding-left: 10px;
    font-size: x-large;
    font-weight: 500;
    color: #FFF;
    line-height: normal;*/
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    line-height: normal;
    display: table-row;
}

.dialog-orientacao .ui-dialog-titlebar{
	background-color: #2D6766;
	color: #FFFFFF;
}

.no-padding-tb{
	 padding-top: 0px;
    padding-bottom: 0px;
}

.ui-inputnumber input{
	border: none;
}