@font-face {
    font-family: "Peugeot";
    src: url("../../assets/fonts/peugeot_normal.eot");
    src: url("../../assets/fonts/peugeot_normal.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/peugeot_normal.woff") format("woff"), url("../../assets/fonts/peugeot_normal.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Peugeot Bold";
    src: url("../../assets/fonts/peugeot_bold.eot");
    src: url("../../assets/fonts/peugeot_bold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/peugeot_bold.woff") format("woff"), url("../../assets/fonts/peugeot_bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

* {
    font-family: Peugeot;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Peugeot;
}

html {
    font-size: 0;
}


/*SIDEBAR-MENU*/
.sidebar-menu>li>a {
    padding: 12px 11px 12px 11px;
}
.sidebar-menu>li>a>.fa {
    text-align: center;
}
/*HEADERS*/
.content-header a.btn {
    float: left;
    padding: 2px 12px;
}

.content-header a.btn {
    margin-right: 15px;
}

.user-panel img {
    border:none !important;
}
img.user-image,
img.user-image:hover {
    border:none !important;
}
img.avatar-54 {
    height: 54px;
    width: auto;
    text-align: center;
}

.register-details .description {
    font-size: 10px;
}

#submenu {
    position: fixed;
    background-color: #2c3b41;
    z-index: 999;
    border-radius: 1px;
}
#submenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#submenu ul li {
    padding: 10px 15px 10px 15px;
    border-left: 3px solid transparent;
}
#submenu ul li:hover {
    background-color: #1e282c;
    border-left-color: #3c8dbc;
}
#submenu ul li a {
    color: #b8c7ce;
    font-weight: bold;
}
#submenu ul li:hover a {
    color: #fbfbfb;
}
#submenu ul li a i.fa {
    margin-right: 10px;
}

/*FOOTER*/
.main-footer {
    font-size: 12px;
}

/*BUTTONS*/
.btn-clear {
    background-color: transparent;
    border: none;
}

.btn.btn-fab, .btn.btn-fab .ripple-wrapper {
    border-radius: 100%;
}
.btn.btn-fab, .btn.btn-fab:hover {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
}
.btn.btn-fab {
    margin: 0;
    padding: 15px;
    font-size: 26px;
    width: 56px;
    height: 56px;
}
.btn.btn-raised {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
}

.btn.btn-fab i.fa {
    position: relative;
    top: -2px;
    margin: 0 auto;
}

.btn.btn-fab.btn-fab-mini {
    width: 40px;
    height: 40px;
    padding: 13px 0;
    font-size: 15px;
}

.btn-fab-mini i.fa {
    font-size: 18px;
}

.btn-info:not(.btn-link):not(.btn-flat) {
    background-color: #03a9f4;
    color: rgba(255,255,255,.84);
}

/*BOTÃO MENU FLOAT*/
.menu-float-container {
    width: 56px;
    position: fixed;
    top:40px;
    left:20px;
    display: none;
    z-index: 999;
}
body:not(.sidebar-collapse) .menu-float-container {
    left:188px;
}
.menu-float {
    float: left;
    display: none;
}
.menu-float.btn-fab:not(.btn-fab-mini) i.fa {
    position: relative;
    top: -7px;
    font-size: 21px;
}

.menu-float.btn-fab.btn-fab-mini {
    margin-left:8px;
    margin-top:5px;
}

.menu-float.trigger-submit{
    /*left: 28px;*/
    /*top: 95px;*/
}

.skin-green .menu-float {
    color: white;
    background-color: #00a65a;
    border-color: #00823e;
}
.skin-green .menu-float:active {
    background-color: #00a65a;
    border-color: #00823e;
}

.skin-blue .menu-float {
    color: white;
    background-color: #367fa9;
    border-color: #376e98;
}
.skin-blue .menu-float:active {
    background-color: #376e98;
    border-color: #376e98;
}

.skin-orange .menu-float {
    color: white;
    background-color: #f39c12;
    border-color: #e08e0b;
}
.skin-orange .menu-float:active {
    background-color: #e08e0b;
    border-color: #e08e0b;
}



/*MENSAGENS DE ERRO E SUCESSO*/
.container-alertas {
    /*zoom: 75%;*/
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 99999;
    margin-left: 30px;
    /*width: calc(100% - 60px);*/
    width: 50%;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
}
.container-alertas .alert {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.container-alertas .alert li{
    list-style-type: none;
}
.alert > ul {
    padding-left: 0;
    padding-top: 5px;
}
.alert > ul {
    font-size: 12px;
}
.alert strong {
    font-size: 16px;
}

img.anexos {
    height: auto;
    width: 45px;
}
img.anexos-md {
    height: 120px;
    width: auto;
}
img[data-action="img-link"]{
    cursor: pointer;
    border:1px solid #ccc;
}
img[data-action="img-link"]:hover{
    border-color:#000;
}
img.img-rounded {
    border-radius: 2px;
}
tr[data-href]:hover{
    cursor: pointer;
}

/*TABLE*/
table {
    background-color: #fbfbfb;
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 4px;
}
.table-condensed>tbody>tr>td {
    font-size: 12px;
}
table.table thead th {
    border: 2px solid #ccc;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
}

.table>tbody>tr>th.icon,
.table>tbody>tr>td.icon {
    width: 50px;
    text-align: center;
}
.table.dataTable>tbody>tr>th.icon.sorting*::after {
    content: "" !important;
}

table.table tbody tr td {
    vertical-align: middle;
}

.table>tbody>tr>td img.avatar {
    height: 25px;
    width: auto;
}

table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #efefef;
}

table.table-app2b{
    border-top: 1px solid #3c8dbc;
}
table.table-app2b tbody{
    border-bottom: 1px solid #C1C3D1;
    border-left: 1px solid #C1C3D1;
}

table.table-app2b thead tr th{
    border-bottom: 3px solid #3c8dbc;
    border-right: 1px solid #3c8dbc;
    border-left: 1px solid #3c8dbc;
    font-weight: 100;
    font-size: 12px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

table.table-app2b tbody tr:nth-child(even){
    background-color: #f2f2f2 !important;
}

table.table-app2b tbody tr td{
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    font-size: 12px;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    border-right: 1px solid #C1C3D1;
}

table.table tbody tr td a.btn-confirma {
    color: #f56954;
}

/*TABLE REL*/
div.table-rel-container {
    background-color: #fafafa;
    border: 1px solid #f9f9f9;
    border-top-width: 0;
    padding: 15px;
}
div.table-rel-container label.control-label {
    font-size: 14px;
    border-left: 3px solid #3c8dbc;
    padding-left: 5px;
}
.tableRelButton {
    margin-bottom: 15px !important;
}

div.table-rel-container table tr {
    cursor: pointer;
}

div.table-rel-container table tr > td:first-child,
div.table-rel-container table tr > th:first-child {
    border-left: 4px solid #ccc !important;
}
div.table-rel-container table tr:hover > td:first-child {
    border-left: 4px solid #3c8dbc !important;
}

/*DATATABLE*/
.datatable tr > td:first-child, .datatable tr > th:first-child{
    border-left: 4px solid #ccc !important;
}

.datatable tr[data-href]:hover > td:first-child{
    border-left: 4px solid #3c8dbc !important;
}
table.datatable tr > td:first-child,
table.datatable tr > th:first-child {
    border-left: 4px solid #ccc;
}
table.datatable tr:hover > td:first-child {
    border-left: 4px solid #3c8dbc !important;
}

.skin-green .datatable tr[data-href]:hover > td:first-child{
    border-left-color: #00a65a !important;
}
.skin-green table.datatable tr:hover > td:first-child {
    border-left-color: #00a65a !important;
}

table.datatable th,
table.datatable td {
    cursor: pointer;
}
table.datatable td.dataTables_empty {
    text-align: center;
}
div.dataTables_info {
    font-size: 12px;
}
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after,
table.dataTable.table-condensed thead .sorting:after {
    font-size: 11px;
}
table.dataTable.table-condensed thead > tr > th {
    padding-right: 4px;
}
.pagination>li>a,
.pagination>li>span {
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 0 !important;
}


.pagination>.active>a {
    background-color: #3c8dbc;
}
.pagination>.active:hover>a {
    background-color: #3285bc;
}
.skin-green .pagination>.active>a {
    background-color: #00a65a;
}
.skin-green .pagination>.active>a {
    background-color: #00a65a;
}
.pagination .previous a {
    border-right:0 !important;
}
.pagination .next a {
    border-left:0 !important;
}

    /*DATATABLE SEARCH*/
.clearSearchBtn {
    position: absolute;
}
tr.search th {
    padding:0 !important;
}
tr.search .form-group {
    margin: 0;
    position: relative;
    width: 100%;
}

tr.search input.form-control {
    height: 24px;
    width: 100%;
    border-width: 0 0 1px 0;
    border-color: transparent;
}
tr.search input.form-control:focus {
    border-color: #3c8dbc;
}

.search .table-search .fa {
    font-size: 10px;
    top: 6px;
    left: 4px;
    position: absolute;
    color: #D6D6D6;
}

.search .table-search .fa.off {
    display: none;
}

table.datatable.reorder tbody tr td:first-child {
    cursor: move;
}
tr.dt-rowReorder-moving {
    background-color: #FAFFBD !important;
}

/*FORMS*/

label {
    font-size: 12px;
}

select.input-sm {
    padding-left: 7px;
}

.select2{
    width: 100% !important;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    padding: 5px 10px;
    height: 30px;
    font-size: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px;
}
.select2-container .select2-selection--multiple {
    height: 30px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 1px;
    margin-top: 3px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:first-child {
    margin-left: 4px;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 3px;
    height: 24px;
}

.form-group.checkbox,
.form-group.radio {
    margin-top: 22px;
    margin-bottom: 0;
}
.form-group.radio {
    margin-top: 0;
    margin-bottom: 19px;
}

.form-group.checkbox label,
.form-group.radio label {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
}
.form-group.radio label {
    margin-right:10px;
}
.form-group.radio .control-label {
    margin-bottom: 6px;
}


.datepicker {
    border-radius: 0;
    padding: 5px 10px;
}

/*select with fontawesome*/
select#Icon,
.select2 span[aria-labelledby="select2-Icon-container"],
select#Color,
.select2 span[aria-labelledby="select2-Color-container"]{
    padding-left: 30px !important;
}
i.fa-icons.fa {
    position: absolute;
    z-index: 999;
    top: 30px;
    left: 22px;
    font-size: 18px;
}

/*TABS ABAS*/

.nav-tabs-custom {
    box-shadow: none;
}
.nav.small>li>a {
    font-size: 12px;
    padding: 4px 10px;
}
.nav-tabs-custom >.tab-content {
    background: #fdfdfd;
    padding: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}
.nav-tabs-custom >.nav-tabs>li.active {
    border-top-width: 2px;
    border-left: 1px solid #f4f4f4;
}
.nav-tabs-custom>.nav-tabs>li.active>a,
.nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background: #fdfdfd;
}

/*OPENLAYERS*/

/*leganda*/
#maplegenda {
    position: absolute;
    z-index: 999;
    background-color: #222d32;
    color: #b8c7ce;
}
#maplegenda h5 {
    background-color: #1a2226;
    margin:0;
    padding: 8px 0;
    font-weight: bold;
}

#maplegenda ul {
    margin:0;
    padding-left: 0;
}
#maplegenda li {
    list-style: none;
    padding: 5px;
    padding-right: 14px;
    border-left: 3px solid #1a2226;
}
#maplegenda li a {
    color: #b8c7ce;
    vertical-align: middle;
}
#maplegenda li i.fa {
    margin: 6px 9px;
}
#maplegenda li:hover,
#maplegenda li.active {
    background-color: #1a2226;
}
#maplegenda li.active {
    border-left-color: #00a65a;
}


/*SPECIALS*/
span.required{
    color:red;
}

i[data-insert]:hover{
    cursor: pointer;
}

h1.sub-title,h2.sub-title,h3.sub-title,h4.sub-title,h5.sub-title,h6.sub-title {
    border-left: 3px solid #00a65a;
    background-color: #fafafa;
    padding: 5px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 0;

}

/*COLORS*/
.Azul{color:#3c8dbc}
.Verde{color:#00a65a}
.Laranja{color:#ff851b}
.Vermelho{color:#f56954}
.Roxo{color:#605ca8}
.Marrom{color:#571f12}
.Cinza{color:#808080}
.Preto{color:#111111}

/*
 * Component: Sidebar Mini (ALTERADO PARA NÃO APARECER O MINI-SIDEBAR)
 */
@media (min-width: 768px) {
    /*.sidebar-mini.sidebar-collapse .content-wrapper,*/
    /*.sidebar-mini.sidebar-collapse .right-side,*/
    /*.sidebar-mini.sidebar-collapse .main-footer {*/
        /*margin-left: 0 !important;*/
        /*z-index: 0;*/
    /*}*/
    /*.sidebar-mini.sidebar-collapse .main-sidebar {*/
        /*-webkit-transform: translate(0, 0);*/
        /*-ms-transform: translate(0, 0);*/
        /*-o-transform: translate(0, 0);*/
        /*transform: translate(0, 0);*/
        /*width: 0 !important;*/
        /*z-index: 0;*/
    /*}*/

    /*.sidebar-mini.sidebar-collapse .user-panel {*/
        /*padding: 0;*/
    /*}*/
    /*.sidebar-mini.sidebar-collapse .user-panel img {*/
        /*-webkit-transform: translate(0, 0);*/
        /*-ms-transform: translate(0, 0);*/
        /*-o-transform: translate(0, 0);*/
        /*transform: translate(0, 0);*/
        /*width: 0 !important;*/
        /*z-index: 0;*/
    /*}*/
}

/*EFFECTS*/
.flash {
    -moz-animation: flash 1s ease-out;
    -moz-animation-iteration-count: 5;

    -webkit-animation: flash 1s ease-out;
    -webkit-animation-iteration-count: 5;

    -ms-animation: flash 1s ease-out;
    -ms-animation-iteration-count: 5;
}

@-webkit-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #FAFFBD; }
    100% { background-color: none; }
}

@-moz-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #FAFFBD; }
    100% { background-color: none; }
}

@-ms-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #FAFFBD; }
    100% { background-color: none; }
}


.h-header{
    background-color: #fff;
    border-top: 3px solid #3c8dbc;
    border-bottom: 1px solid #f5f5f5;
    padding: 5px;
    border-radius: 2px 0 0 2px ;
}
.in-box{
    background-color: #f5f5f5;
    padding: 10px;
}
.btn-app.simple{
    padding: 5px !important;
    height: auto !important;
}
.no-margin{
    margin: 0px !important;
}

/*BOX*/
.box-body table{
    width: 100%;
}
.btn-box-tool.primary {
    color:#3c8dbc;
}
.btn-box-tool.shadow .fa {
    text-shadow: 1px 1px 1px 1px #aaa;
}

/*MODAL*/
.modal.default .modal-header {
    padding: 10px 15px;
    background-color: #81b5d4;
    color:#fbfbfb;
}
.skin-green .modal.default .modal-header {
    background-color: #00a65a;
}
.modal.default .modal-header .close {
    margin-top: 2px;
}
.confirm .modal-header {
    background-color: #f56954;
    color:#fbfbfb;
}
.modal-header .fa {
    margin-right:10px;
}
.modal-very-lg{
    width: 90%;
}

.default.nao .modal-header {
    background-color: #f56954;
}
.default.talvez .modal-header {
    background-color: gold;
    color:#222;
}
.default.semresposta .modal-header {
    background-color: #c6c6c6;
    color:#222;
}
.default.naovalidado .modal-header {
    background-color: #222;
    color:#fbfbfb;
}

/*JSTREE*/
.jstree-default .jstree-wholerow-hovered,
.jstree-default .jstree-hovered {
    background: aliceblue;
}
.jstree-default .jstree-wholerow-clicked,
.jstree-default .jstree-clicked {
    border-left: 2px solid #3c8dbc;
    background: aliceblue;
    background: -webkit-linear-gradient(top,aliceblue 0,aliceblue 100%);
    background: linear-gradient(to bottom,aliceblue 0,aliceblue 100%);
}
.jstree-default .jstree-search {
    color: darkblue;
}

/*SLIDER*/
.slider {
    width: 100% !important;
}
.slider.slider-horizontal {
    margin-top: 10px;
    height: 24px;
}
.slider.slider-horizontal .slider-track {
    height: 5px;
    margin-top: -2px;
}
.slider-track,
.slider-selection,
.slider-track-low,
.slider-track-high {
    border-radius: 0;
}
.slider-handle {
    top: 2px;
    background-image: -webkit-linear-gradient(top,#fbfbfb 0,#ddd 100%);
    background-image: -o-linear-gradient(top,#fbfbfb 0,#ddd 100%);
    background-image: linear-gradient(to bottom,#fbfbfb 0,#ddd 100%);
    box-shadow: 1px 1px 1px 1px #aaa;
}
.form-group.colorScale {
    padding: 0 10px 0 10px;
}
.form-group.colorScale .slider {
    /*background-image: url('../img/icon/color-scale.png');*/
    /*background-repeat:no-repeat;*/
    /*background-size:contain;*/
    /*background-position:center;*/
    border-radius: 2px;
    background: rgba(3,250,3,1);
    background: -moz-linear-gradient(left, rgba(3,250,3,1) 0%, rgba(250,250,5,1) 23%, rgba(255,153,0,1) 48%, rgba(240,47,23,1) 76%, rgba(189,21,6,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,250,3,1)), color-stop(23%, rgba(250,250,5,1)), color-stop(48%, rgba(255,153,0,1)), color-stop(76%, rgba(240,47,23,1)), color-stop(100%, rgba(189,21,6,1)));
    background: -webkit-linear-gradient(left, rgba(3,250,3,1) 0%, rgba(250,250,5,1) 23%, rgba(255,153,0,1) 48%, rgba(240,47,23,1) 76%, rgba(189,21,6,1) 100%);
    background: -o-linear-gradient(left, rgba(3,250,3,1) 0%, rgba(250,250,5,1) 23%, rgba(255,153,0,1) 48%, rgba(240,47,23,1) 76%, rgba(189,21,6,1) 100%);
    background: -ms-linear-gradient(left, rgba(3,250,3,1) 0%, rgba(250,250,5,1) 23%, rgba(255,153,0,1) 48%, rgba(240,47,23,1) 76%, rgba(189,21,6,1) 100%);
    background: linear-gradient(to right, rgba(3,250,3,1) 0%, rgba(250,250,5,1) 23%, rgba(255,153,0,1) 48%, rgba(240,47,23,1) 76%, rgba(189,21,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03fa03', endColorstr='#bd1506', GradientType=1 );
}
.form-group.colorScale label {
    margin-left:-10px;
}
.widget-user-header{
    height: 130px;
}

.price{
    font-size: 50px;
    text-align: center;
    font-weight: bold;
}
.price small{
    font-size: 15px;
}

.control-label{
    width: 100%;
}

.form-group label{
    margin-right: 10px;
}

.hide{
    display: none !important;
}