body {
    background-color: #ecf0f5;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
}

body.login-page:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/bg.jpg) repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: -1;
    filter: blur(0.6px);
}

.sidebar-menu > li > a {
    font-weight: 100;
}

.wrapper {
    background: #2e3e4e !important;
}

.main-header .logo {
    background: #38354a !important;
    position: fixed;
}

.main-header .navbar {
    background-color: #007196 !important;
}

aside.main-sidebar {
    background: #2e2b3c !important;
}

.skin-blue .sidebar-menu > li > a:hover, .skin-blue .sidebar-menu > li.active > a {
    color: #fff;
    border-left: 5px solid #007196;
    background-color: #007196 !important;
}

.skin-blue .sidebar-menu > li > a {
    border-left: 5px solid transparent;
    padding: 8px;
}

.sidebar-menu > li > a > .fa {
    font-size: 13px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    margin-right: 7px;
    color: #FFFFFF;
    text-align: center;
    background: #38354a;
}

.content-header {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 20px;
    margin-top: 50px;
    background: #ffffff !important;
    padding-left: 25px;
    z-index: 2;
}

.content-wrapper h1 {
    color: #444;
}

.modal-header {
    background-color: #007196 !important;
    color: #ffffff;
    border-bottom: 0;
    min-height: 20px;
    padding: 15px;
}

.modal-header h5 {
    color: #fff;
}

button.close {
    color: #ffffff;
}

.main-header li.user-header {
    background-color: #007196 !important;
}

.item-table-header {
    background: #2e3e4e;
    color: #fff;
}

.listthumb {
    margin-bottom: 0px;
}

.spinner {
    position: relative
}

.spinner:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8) url(../img/cubes_loader.gif) no-repeat 50% 50%;
    visibility: visible;
    z-index: 5000;
}

.spinner-sm {
     position: relative
 }

.spinner-sm:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8) url(../img/cubes_loader-sm.gif) no-repeat 50% 50%;
    visibility: visible;
    z-index: 5000;
}

.money_load {
    position: relative
}

.money_load:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8) url(../img/money_load.gif) no-repeat 50% 50%;
    visibility: visible;
    z-index: 5000;
}

.form-control {
    border-radius: 0;
}

label {
    font-weight: 700;
}

textarea {
    resize: none;
}

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

.sidebar h4 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ffffff;
    margin-left: 20px;
}

.login-logo {

    text-align: center;
    margin-bottom: 0;
    padding: 25px;
    color: #FFFFFF;
}

.panel-footer {
    padding: 25px 25px !important;
    border-top: none !important;
    background: #007196 !important;
}

.panel-footer a {
    color: #fff;
}

.invoice {
    padding: 15px 9px 80px;
    z-index: 2;
    color: #555;
    max-width: 1000px;
    overflow: hidden;
    min-height: 900px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.waiting {
    padding: 15px 9px 80px;
    z-index: 2;
    color: #555;
    max-width: 1800px;
    overflow: hidden;
    min-height: 900px;
}

.invoice table tbody > tr > td .form-group {
    margin-bottom: 0;
}

.obra {
    padding: 15px 9px 80px;
    z-index: 2;
    color: #555;
    max-width: 100%;
    overflow: hidden;
    min-height: 500px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    margin: 10px 25px;
}

.menuobra {
    padding: 15px 9px 80px;
    z-index: 2;
    color: #555;
    max-width: 100%;
    overflow: hidden;
    min-height: 150px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    margin: 10px 25px;
}

.obra table tbody > tr > td .form-group {
    margin-bottom: 0;
}

#taxTotal, #grandTotal, #subTotal, .currencySymbol, #amountDue {
    font-weight: 700;
}

.amount_due {
    font-size: 20px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    padding-right: 0.2em;
}

.chosen-container {
    width: 100% !important;
}

.invoice_title {
    color: #2e3e4e;
    font-weight: bold;
}

hr.separator {
    border-color: #2e3e4e;
    margin-top: 10px;
    margin-bottom: 10px;
}

tbody#items > tr > td {
    border: 3px solid #fff !important;
    vertical-align: middle;
}

#items {
    background-color: #f1f1f1;
}

.invoice_status_cancelled {
    font-size: 25px;
    text-align: center;
    color: #cc0000;
    border: 1px solid #cc0000;
}

.invoice_status_paid {
    font-size: 30px;
    text-align: center;
    color: #82b440;
    border: 1px solid #82b440;
}

/*ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }*/ /*  BARBOT DESACTIVAR HOVER NO NAVBAR  */
.dropdown-menu > li > a {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 23px;
}

.language-img {
    margin-right: 5px;
    margin-top: -2px;
}

.input-file {
    position: relative;
}

/* Remove margin, it is just for stackoverflow viewing */
.input-file .input-group-addon {
    border: 0px;
    padding: 0px;
}

.input-file .input-group-addon .btn {
    border-radius: 0 4px 4px 0
}

.input-file .input-group-addon input {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 35px;
    z-index: 2;
    top: 0;
    right: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background-color: transparent;
    color: transparent;
}

.scrollable {
    overflow-x: hidden;
    overflow-y: auto;
}

.line-legend li > span, .pie-legend li span {
    display: inline-block;
    height: 3px;
    width: 20px;
    margin-right: 5px;
    position: relative;
    top: -3px;
}

.line-legend li, .pie-legend li {
    list-style: none;
    list-style-type: none;
    font-size: 14px;
    float: left;
    margin-right: 20px;
    line-height: 1.6em;
}

.dashboard_stats {
    font-size: 14px;
}

.info-box i {
    font-size: 2.4em;
    display: block;
    float: left;
    margin-right: 15px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
    color: #fff;
}

.info-box {
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 1px 1px 2px 0 #CCCCCC;
    margin-bottom: 16px;
    border-radius: 3px;
    background-clip: padding-box;
}

.info-box .info-box-text {
    display: block;
    font-size: 1.2em;
    font-weight: 300;
    text-align: right;
}

.info-box .info-box-number {
    font-size: 2.1em;
    font-weight: 600;
    margin-top: -5px;
    display: block;
    text-align: right;
}

.user-footer a {
    color: #0079a1 !important;;
    background: transparent !important;
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0;
}

.btn-sm {
    padding: 5px 10px;
}

.login-box {
    margin-top: 10%;
}

.brb_danger {

    background-color: #dd4b39 !important;
    border-color: #af3222 !important;
}

.brb_green {

    background-color: #00a65a !important;
    border-color: #068048 !important;
}

.barbot {
    font-size: 13px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    margin-right: 7px;
    color: #FFFFFF;
    text-align: center;
    background: #2E2B3C;
}

.barbot_hover:hover {
    background: #007196;
}

.delgs .chosen-container .chosen-results {
    max-height: 150px !important;
}

.teste {
    position: absolute;
    height: 100%;
    width: 100%;
    display: none;
}

/* CLASSES RECLAMACOES STATUS */
.brb {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
}

.C_grey {
    background: url(../img/icons_brb/C_gray.png);
}

.C_yellow {
    background: url(../img/icons_brb/C_yellow.png);
}

.C_green {
    background: url(../img/icons_brb/C_green.png);
}

.C_red {
    background: url(../img/icons_brb/C_red.png);
}

.P_grey {
    background: url(../img/icons_brb/P_gray.png);
}

.P_yellow {
    background: url(../img/icons_brb/P_yellow.png);
}

.P_green {
    background: url(../img/icons_brb/P_green.png);
}

.P_red {
    background: url(../img/icons_brb/P_red.png);
}

.L_grey {
    background: url(../img/icons_brb/L_gray.png);
}

.L_yellow {
    background: url(../img/icons_brb/L_yellow.png);
}

.L_green {
    background: url(../img/icons_brb/L_green.png);
}

.L_red {
    background: url(../img/icons_brb/L_red.png);
}



.DC_grey {
    background: url(../img/icons_brb/DC_gray.png);
}

.DC_yellow {
    background: url(../img/icons_brb/DC_yellow.png);
}

.DC_green {
    background: url(../img/icons_brb/DC_green.png);
}

.DC_red {
    background: url(../img/icons_brb/DC_red.png);
}



.DT_grey {
    background: url(../img/icons_brb/DT_gray.png);
}

.DT_yellow {
    background: url(../img/icons_brb/DT_yellow.png);
}

.DT_green {
    background: url(../img/icons_brb/DT_green.png);
}

.DT_red {
    background: url(../img/icons_brb/DT_red.png);
}


.T_grey {
    background: url(../img/icons_brb/T_gray.png);
}

.T_yellow {
    background: url(../img/icons_brb/T_yellow.png);
}

.T_green {
    background: url(../img/icons_brb/T_green.png);
}

.T_red {
    background: url(../img/icons_brb/T_red.png);
}

.aprovado {
    background: url(../img/icons_brb/aprovado.png);
}

.rejeitado {
    background: url(../img/icons_brb/rejeitado.png);
}

.finalizado {
    background: url(../img/icons_brb/finalizado.png);
}

.levstart {
    background: url(../img/icons_brb/Lev_yellow.png);
}

.levok {
    background: url(../img/icons_brb/Lev_green.png);
}

.suspenso {
    background: url(../img/icons_brb/suspenso.png);
}




.box-barbot {

    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.p-brb {
    margin: 0 0 15px !important;
}

.brb-table-order {
    border-bottom: solid 1px;
}

.concluido {
    background: url(../img/icons_brb/concluido.png) no-repeat;
    width: 90px;
    height: 30px;
    display: inline-block;
    position: relative;
    margin: 2px;
}

.not_seen {
    background-color: #e1f1f7;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 100% !important;
}

.select2-selection__choice {
    background: black !important
}

.select2-selection--multiple {
    height: 80px !important
}

.brb-mailtext {
    width: 100%;
    margin-top: 30px;
    border-radius: 4px;
    min-height: 100px;
}

.copied {
    display: none;
}

.callout-brb-white {
    background-color: white;
    border-left: 2px solid #8c8c8c;
}

.callout-brb-white:hover {
    background-color: white;
    border-left: 3px solid #00a7d0;
}


/* The side navigation menu */
.searchnav {
    height: 100%; /* 100% Full-height */
    width: 250px; /* 0 width - change this with JavaScript */
    position: absolute; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0px;
    Right: 0px;
    background-color: whitesmoke;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the searchnav */
    border-left: 1px solid #d2d2d2;
}

/* The navigation menu links */
.searchnav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.searchnav a:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.searchnav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}


.rec_class_outer {
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px inset;
    display: inline-block;
    height: 44px;
    position: relative;
    width: 44px;
    background: rgb(205, 235, 196) none repeat scroll 0% 0% / auto padding-box border-box;
    border-radius: 2px 2px 2px 2px;
}/*#SPAN_4*/

.rec_class_inner {
    bottom: 3px;
    color: rgba(0, 0, 0, 0.3);
    left: 22px;
    position: absolute;
    right: 11.25px;
    text-align: center;
    text-transform: uppercase;
    top: 22px;
    width: 10.75px;
    transform: matrix(1, 0, 0, 1, -5.5, -9.5);


}/*#SPAN_5*/

.table-brb-rec > tr {
    background: white;
}

.pointer {cursor: pointer;}

.brb-card-struct {
    height: 120px;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #8c8c8c;
}

.brb-card-struct:hover {
    border-left-width: 3px;
    border-left-color: #1b6d85;
}

.brb-card {
    background-color: white;
    width: 100%;
    height: 100%;
    display:inline;
    line-height: 1.2;
    color: #183247!important;
    font-size: 12px;
    font-family: "Segoe UI", Roboto,"Helvetica Neue",Arial,sans-serif ;
}

.brb-card > a {
    color: black;
}

.spacer {
    display: block;
    height: 10px;
    background: none !important;
}

.brb-card-type {
    width: 70px;
}

#SpanStat_novo {
    border-collapse: collapse;
    box-sizing: border-box;
    color: rgb(66, 215, 50);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(66, 215, 50);
    text-size-adjust: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    column-rule-color: rgb(66, 215, 50);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    background: rgb(233, 255, 238) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(137, 255, 140);
    border-radius: 2px 2px 2px 2px;
    font: normal normal 500 normal 11px / 15.4px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    outline: rgb(66, 215, 50) none 0px;
    overflow: hidden;
    padding: 0px 4px 1px;
}

#SpanStat_decorrer {
    border-collapse: collapse;
    box-sizing: border-box;
    color: rgb(240, 169, 0);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(240, 190, 41);
    text-size-adjust: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    column-rule-color: rgb(240, 190, 41);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;

    background: rgb(255, 244, 224) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(255, 230, 169);
    border-radius: 2px 2px 2px 2px;
    font: normal normal 500 normal 11px / 15.4px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    outline: rgb(240, 190, 41) none 0px;
    overflow: hidden;
    padding: 0px 4px 1px;
}
#SpanStat_atraso {
    border-collapse: collapse;
    box-sizing: border-box;
    color: rgb(255, 37, 37);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(255, 37, 37);
    text-size-adjust: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    column-rule-color: rgb(255, 37, 37);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(255, 37, 37);
    background: rgb(255, 244, 244) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(255, 208, 208);
    border-radius: 2px 2px 2px 2px;
    font: normal normal 500 normal 11px / 15.4px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    outline: rgb(255, 37, 37) none 0px;
    overflow: hidden;
    padding: 0px 4px 1px;
}

#SpanStat_limbo {
    border-collapse: collapse;
    box-sizing: border-box;
    color: rgb(106, 35, 255);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(106, 35, 255);
    text-size-adjust: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    column-rule-color: rgb(106, 35, 255);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(106, 35, 255);
    background: rgb(200, 206, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(126, 119, 255);
    border-radius: 2px 2px 2px 2px;
    font: normal normal 500 normal 11px / 15.4px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    outline: rgb(106, 35, 255) none 0px;
    overflow: hidden;
    padding: 0px 4px 1px;
}

.brb-card-avatar {

    display: inline-block;
    float: left;
    margin-right: 35px;
    margin-top: 20px;
}

.brb-card-info {
    display: inline-block;
}

.brb-btn-full {
    width: 100%!important;
    height: 100%!important;
}

.brb-rec-info {
    font-weight: 600;
    font-size: 14px;
}


@media screen and (max-width: 600px) {
    .brb-card {
        font-size: 9px;
    }

    .brb-rec-info {
        font-weight: 500;
        font-size: 11px;
    }

    #main {
        padding: 5px;
    }

    .table-mobile {
        font-size: 11px;
    }

    .leads {
        margin: 0px!important;
    }
}

.rec-card-right {
    text-align: right;
}

@media screen and (max-width: 1199px) {
    .rec-card-right {
        text-align: left;
        margin-top: 10px;
    }

    .lead-box {
        padding: 0px!important;
    }
}

.no_padding {
    padding: 0px;
    margin: 0px;
}

.brb-pagination  {
    padding-left: 20px;
    padding-right: 20px;
}

.brb-rec-tr {
    background: #eeeeee;
    padding: 5px;
    font-size: 13px;
    margin: 5px 15px ;
    border: 1px solid #cccccc;
    font-family: "Segoe UI", Roboto,"Helvetica Neue",Arial,sans-serif ;
}

.pagination > li {
    cursor: pointer;
}

.square {
    width: 100vw;
    max-width: 800px;
    display: table-cell;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.brb-box-settings {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    padding: 10px;
}


/* styling calendar*/
.calendar_month {
    width: 100%; }

.calendar_month td {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px; }

.calendar_month thead {
    text-align: center;
    font-weight: bolder; }

div.month_container {
    height: 250px; }

.team-view-table {
    width: 100%; }

.team-view-table td {
    padding-top: 5px;
    padding-bottom: 5px; }

td.team-view-header {
    height: 43px;
    text-align: center; }

td.calendar_cell {
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    position: relative;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px; }

td.calendar_cell span {
    position: relative;
    left: 9px;
    top: -1px;
    display: block;
    text-align: center;
    z-index: 10; }

td.current_day_cell {
    background: #ffc171;
    color: #ffffff; }

td.weekend_cell {
    background: #e1e3e4; }

td.bank_holiday_cell {
    background: #31B0D5;
    color: #ffffff; }

td.leave_cell {
    background: #9fbb58;
    color: #61686b;
    font-weight: bolder; }

td.leave_cell_pended {
    background: #FFCBA4;
    color: #61686b;
    font-weight: bolder; }

.left-column-cell {
    text-overflow: ellipsis;
    /* Cannot avoid specifying width with pixels... */
    white-space: nowrap;
    overflow: hidden;
    display: inline-block; }

.main-row_header {
    /* TODO refactore */
    border: none;
    font-weight: normal;
    color: #5ba4e5;
    letter-spacing: -0.01em;
    font-size: 19px;
    line-height: 1.15em;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px; }

/* Feeds */
.feed-calendar-big {
    font-size: 450px;
    color: #F8F8F8; }

.feed-calendar-big-picture-holder {
    text-align: center; }

p.description-paragraph {
    padding-top: 20px;
    padding-left: 15px; }

div.feeds-holder {
    margin-top: 20px; }

/* Calendars */
.top-leave-type-statistics {
    text-align: center; }

.top-leave-type-statistics dt {
    font-size: 75px;
    color: #61686b;
    font-weight: 100;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px; }

.top-leave-type-statistics dd {
    font-size: 16px; }

.secondary-leave-type-statistics {
    font-size: 16px; }

.secondary-leave-type-statistics dt {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5; }

.secondary-leave-type-statistics dd {
    padding-left: 10px;
    padding-right: 10px; }

.calendar-section-caption {
    text-align: center;
    font-size: 1.2em; }

.setting-general-2nd-column {
    padding-left: 30px; }

.label.bigger {
    font-size: large; }

/* Fix for issue with modal scrollings on mobiles */
@media (max-width: 768px) {
    body.modal-open {
        position: fixed; } }

/* To be used for selected items in lists */
.selected-item {
    background: #F5F7F8;
    font-weight: bolder; }

.leave_type_color_1 {
    background: #96c521 !important; }

.leave_type_color_2 {
    background: #40C4FF !important; }

.leave_type_color_3 {
    background: #FF5722 !important; }

.leave_type_color_4 {
    background: #FF80AB !important; }

.leave_type_color_5 {
    background: #00BCD4 !important; }

.mapabrb {
    font: 14px "Open Sans", Helvetica, Arial, sans-serif;
    color: #61686b;
}

.brb-folder {
    border-radius: 3px;
    background-color: #373743;
    width: 100%;
    height: 118px;
    list-style-type: none;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    margin: 5px;
    transition: 0.3s background-color;
}

.brb-folder .name {
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    width: 100px;
    white-space: nowrap;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 40px;

}

.brb-folder .icon {
    width: 2.5em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    border-radius: 0.25em;
    color: #FFF;
    display: inline-block;
    margin: 0.9em 1.2em 0.8em 1.3em;
    position: relative;
    overflow: hidden;
    font-size: 23px;
}

.brb-folder .details {
    color: #b6c1c9;
    font-size: 10px;
    font-weight: 400;
    width: 55px;
    height: 10px;
    top: 64px;
    white-space: nowrap;
    position: absolute;
    display: inline-block;
}

.brb-timeline-icon {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}

.brb-timeline-header{
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 15px;
    line-height: 1.1;
}

.brb-time{
    color: #999;
    float: right;
    padding: 10px;
    font-size: 10px;
}

.rcl-prop-card {
    cursor: pointer;
}

.select2-selection--multiple{
    overflow: hidden !important;
    height: auto !important;
}

.lead-space {
    margin-top: 30px;
}

.ui-timepicker-container {
    z-index: 9999!important;
}

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */

.tbl-leads-resumo tr{
    height: 25px;
}

.tbl-leads-resumo-header {
    font-weight: bold;
    background-color: darkgrey;
    color:white;
}

.tbl-leads-resumo td {
    padding-left: 5px;
}