@CHARSET "UTF-8";

@font-face {
    font-family: Montserrat;
    src: url('./fonts/Montserrat-Thin.ttf');
    font-weight: 100;
}

@font-face {
    font-family: Montserrat;
    src: url('./fonts/Montserrat-Regular.ttf');
    font-weight: normal;
}

@font-face {
    font-family: Montserrat;
    src: url('./fonts/Montserrat-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: Montserrat;
    src: url('./fonts/Montserrat-Black.ttf');
    font-weight: 900;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

html {
    height: 100%;
    font-family: Montserrat !important;
}

div, span {
    font-family: Montserrat !important;
}

body {
    /*
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 1024px;
    */
    width: 100%;
    height: 100%;
    font-family: Montserrat, Arial;
    font-size: 13px !important;
    color: #222;
    background: #ddd !important;
}

a {
    color: #000000;
    text-decoration: underline;
}

img {
    border: 0;
}

.b {
    font-weight: bold;
}

.color1 {
    color: #e77817;
}

/** LOGIN **/
#login {
    -moz-box-shadow: 0 0 8px 8px #aaa;
    -webkit-box-shadow: 0 0 8px 8px #aaa;
    box-shadow: 0 0 8px 8px #aaa;
}

#login a {
    color: #333;
}

#login td {
    vertical-align: top;
}

#login td.image {
    width: 588px;
    text-align: center;
    background-color: #FFF;
}

#login td.center {
    text-align: center;
    background-color: #FFF;
}

#login .field {
    background: transparent;
    border: 0;
    padding: 12px 8px;
}

#login #image {
    display: block;
    width: 588px;
    height: 322px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/images/bairroseguro/login.jpg');
}

#login_button {
    width: 54px;
    height: 38px;
    margin: 0;
    border: 0;
    cursor: pointer;
    background: url('/images/bairroseguro/btn_login.png');
}

#logo_grey_small {
    background: url('../images/bairroseguro/logo_bairroseguro.png') no-repeat;
    width: 126px;
    height: 30px;
}

/** END LOGIN **/

#logo {
    display: block;
    width: 250px;
    height: 64px;
    background-image: url('../images/logo_bairroseguro_color.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#logo_menu {
    background: url('../images/logo_menu.png') no-repeat;
    width: 76px;
    height: 30px
}

/** TOP **/
#top {
    background-image: none;
    box-shadow: 0px 3px 40px #1a1a1a;
    font-family: Montserrat, arial, sans-serif;
    z-index: 10;
    position: relative;
    height: 54px;
    background: #008fbd !important;
}

#top, #top a {
    color: #ddd;
    font-size: 12px;
    text-decoration: none;
}

#top #account {
    font-size: 24px;
    text-transform: uppercase;
}

#top #logo {
    width: 180px;
    height: 40px;
    background-image: url('../images/logo_header.png');
    background-position: left;
    background-repeat: no-repeat;
}

#top {
    height: 64px;
    background-image: none;
    background-color: #000;
    box-shadow: 0px 3px 40px #1a1a1a;
}

#top, #top a {
    color: #ddd;
}

#top #logo {
    width: 180px;
    height: 40px;
    background-image: url('../images/logo_header.png');
}

.ico {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-image: none;
}

.ico.notif {
    background-image: url('../images/ico_notif_top_light.png');
}

.ico.user {
    background-image: url('../images/ico_user_top_light.png');
}

.ico.support {
    background-image: url('../images/ico_help_top_light.png');
}

.ico.logout {
    background-image: url('../images/ico_logout_top_light.png');
}

.ico.settings {
    background-image: url('../images/ico_settings_top.png');
}

/* BODY */
#body {
    display: table;
    width: 100%;
    background: #ddd;
    padding-right: 0px;
}

#footer {
    padding: 20px 0;
    font-size: 11px;
    color: #666;
    text-align: center;
}

#footer a {
    color: inherit;
}

.center {
    margin: 0px auto;
}

/* MENU */
#body .menu {
    display: inline-block;
    width: 6%;
    padding-left: 0px;
    padding-right: 0px;
    font-family: Montserrat, arial, sans-serif;
    text-decoration: none !important;
}

#body .menu a {
     display: inline-block;
     width: 100%;
     text-align: center;
     cursor: pointer;
     color: #616161;
     font-weight: 500;
     font-size: 28px;
     padding: 12px 20px;
     border-bottom: 1px solid #c5c5c5;
 }

#body .menu a svg {
    fill: #616161;
    width: 100%;
    float: left;
    height: 38px;
    padding: 2px 0;
}

#body .menu a:hover,
#body .menu a:focus,
#body .menu a:active,
#body .menu a.active,
#body .menu a svg:hover,
#body .menu a.active svg {
    text-decoration: none !important;
    color: #008fbd;
    fill: #008fbd;
}

#body .menu .fixed {
    position: fixed;
    top: 50px;
    left: 0px;
    z-index: 10;
    width: 6%;
}

#body .content {
    float: right;
    width: 94%;
    padding-left: 0px;
    padding-right: 0px;
}

/* MENU HELP */
#help {
    font-size: 11px;
    color: #FFF;
    border-top: 1px solid #555;
    padding: 10px 8px;
}

/* PATH */
#path {
    background: none;
    padding: 16px 20px 10px 20px;
    color: #666;
    font-family: Montserrat, arial, sans-serif;
}

#path .current {
    font-weight: regular;
}

#path .desc {
    font-size: 11px;
    float: right;
}

#path a {
    text-decoration: none;
    color: #666;
}

#path a:hover {
    text-decoration: underline;
}

/* WIZARD MENU */
#wizard {
    list-style-type: none;
    height: 22px;
    margin: auto;
}

#wizard li {
    float: left;
}

#wizard li {
    color: #e77817;
    font-size: 18px;
    font-family: Montserrat, arial, sans-serif;
    margin-right: 12px;
}

#wizard li a {
    text-decoration: none;
}

#wizard li.active {
    font-weight: bold;
    color: #f2bf45;
}

.block {
    background-color: #fff;
    padding: 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top-left-radius: 0px;
}

hr.sep {
    margin: 20px 0;
    width: 100%;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
}

span.button_add {
    cursor: pointer;
    padding: 6px 6px 6px 21px;
    background: url('../images/ico_add.png') 5px center no-repeat;
    border: 1px solid #bbb;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
}

span.button_add:hover {
    border-color: #888;
    /*box-shadow: 1px 1px 1px #888;*/
}

/** FORMS **/
.form {
    font-family: inherit;
    font-size: 14px;
    /*background-color: #FFF;*/
}

select.form, input.form, textarea.form {
    border: 1px solid #ccc;
    background-color: #FFF !important;
    padding: 8px;
    border-radius: 3px;
    box-sizing: border-box;
}

input.form[type=checkbox], input.form[type=radio] {
    border: 0;
    padding: 0;
    margin: 0;
}

select.form {
    padding: 4px;
    border: 1px solid #ccc;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 3px;
}

input.form:focus, textarea.form:focus {
    border: 1px solid #999;
}

input.form.plus {
    background-image: url(../images/ico_plus.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

input.form.search {
    background-image: url('../images/ico_search.png');
    background-position: 4px center;
    background-repeat: no-repeat;
    padding: 6px;
    padding-left: 25px;
}

input.btn.date {
    background-image: url('../images/ico_calendar.png');
    background-position: 7px center;
    background-repeat: no-repeat;
    padding: 6px;
    padding-left: 26px;
}

input.form-control.search {
    background-image: url('../images/ico_search.png');
    background-position: 4px center;
    background-repeat: no-repeat;
    padding: 6px;
    padding-left: 25px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

input.form.active, select.form.active {
    background-color: #FCFFA8;
}

input.submit {
    width: 200px;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 0px;
}

input.important {
    background-color: #F21818;
    color: #FFF;
}

input.disabled {
    background-color: #ddd;
    color: #888;
}

.formerror {
    font-size: 12px;
    background: url(../images/ico_error.png) left center no-repeat;
    color: red;
    padding: 2px 0px 2px 18px;
}

.formdesc {
    font-size: 12px;
    color: #666;
}

.formaction {
    padding: 5px;
    background-color: #f5f5f5;
}

.formel {
    margin-top: 15px;
}

.formel.first {
    margin-top: 0px;
}

.formeln {
}

.formel .name, .formeln .name {
    font-weight: bold;
    color: #555;
}

.formel .default-value {
    font: italic 12px Arial;
    padding-bottom: 2px;
}

.formel.readonly input,
.formel.readonly select,
.formel.readonly textarea {
    background-color: #f3f3f3;
}

label.check {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    cursor: pointer;
    font-weight: normal;
}

label.check input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

input[type=button].action {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
    cursor: pointer;
}

/** END FORMS **/

span.help {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/ico_help.png');
    cursor: pointer;
    vertical-align: middle;
}

span.loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/ico_loading.gif');
    vertical-align: middle;
}

.message {
    font-size: 13px;
    color: #333;
    background-color: #B1FCDD;
    padding: 10px;
    border-radius: 10px;
}

a.remove {
    text-decoration: none;
    font-size: 15px;
    line-height: 17px;
    font-weight: bold;
    color: #ccc;
    padding: 0px 3px;
}

.section {
    padding: 8px;
    color: #888;
    background-color: #f5f5f5;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 3px;
}

.status {
    padding: 4px 8px 5px 8px;
    border-radius: 3px;
    font-weight: bold;
}

span.modifier {
    background-color: #FCFFA8;
    padding: 6px 5px 6px 8px;
    border-radius: 3px;
    font-size: 13px;
    border: 1px solid #eee;
    font-weight: bold;
    color: #444;
    white-space: nowrap;
}

span.modifier a {
    font-size: 14px;
    text-decoration: none;
    border-left: 1px solid #eee;
    padding-left: 4px;
    line-height: 10px;
    color: #bbb;
}

.tag {
    background-color: white;
    color: #333;
    font-size: 12px;
    padding: 5px 5px;
    border-radius: 3px;
    font-family: Arial;
    margin-top: 2px;
    margin-bottom: 2px;
}

.tag .small {
    font-size: 11px;
    font-weight: normal;
}

.tag.red {
    background-color: red;
    color: white;
}

.tag.orange {
    background-color: orange;
    color: white;
}

/** TITLES **/
.title, .title a, .titleb, .titleb a {
    font-size: 24px;
    font-family: Montserrat, arial, sans-serif;
    color: #969696;
}

.titleb, .titleb a {
    font-weight: 600;
}

.title a:hover, .titleb a:hover {
    text-decoration: underline;
}

.subtitle, .subtitle a, .subtitleb, .subtitleb a, .subtitlei {
    font-size: 20px;
    color: #969696;
    font-family: Montserrat, arial, sans-serif;
    border-radius: 3px;
    text-transform: uppercase;
}

.subtitleb, .subtitleb a {
    font-weight: bold;
}

.subtitle a:hover, .subtitleb a:hover {
    text-decoration: underline;
}

.subtitlei {
    background-color: #ddd;
    color: #FFF;
    padding: 0px 5px;
}

.subtitle.success, .subtitle.success a {
    color: #69BA65;
}

/** END TITLES **/

.counter {
    color: #e77817;
    font-size: 16px;
    letter-spacing: -1px;
    font-family: Montserrat, arial, sans-serif;
    cursor: pointer;
}

.counter .number {
    font-weight: bold;
    font-size: 20px;
    padding-left: 4px;
}

.info, .warning, .error {
    padding: 6px 10px;
    line-height: 1.4;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}

.info {
    background-color: #E3F6FC;
    border-color: #A1C9D6;
}

.warning {
    background-color: #FFFBD4;
    border-color: #CBD197;
}

.error {
    background-color: #FFD4D4;
    border-color: #D19797;
}

/** TABLE LIST **/
.tl {
}

.tl tr td {
}

.tl tr td span.label {
    font-size: 11px;
    line-height: 1.7;
}

.tl tr td div.subtext {
    color: #888;
    font-size: 11px;
}

.tl tr td img.image {
    display: block;
}

.tl tr.tlheader td {
    background: #eee;
    padding: 8px 8px;
    font-size: 11px;
    text-transform: uppercase;
}

.tl tr.selected td {
    background-color: #FDFFCF;
}

.tl tr.tlrow, .tl tr.tlrowd {
    background-color: #FFF;
}

.tl tr.tlrow.selected, .tl tr.tlrowd.selected {
    background-color: #FBFFB3;
}

.tl tr.first td {
    border-top: 1px solid #efefef;
}

.tl tr.tlrow td, .tl tr.tlrowd td {
    border-bottom: 1px solid #efefef;
    padding: 10px 8px;
}

.tl tr.tlrow:hover, .tl tr.tlrowd:hover {
    background-color: #F9F9F9;
}

.tl tr.tlrowd td, .tl tr.tlrowd td a {
    color: #aaa;
}

.tl tr.tlrowd td img {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.tl tr.tlrow.red {
    background-color: #FFCFCF;
}

.tl tr.tlfooter td, .tl tr.tlfooter td a {
    /*color: #444;*/
}

.tl tr td.nopadding {
    padding: 0;
}

/** END TABLE LIST **/

table.settings {
    border-top: 1px solid #ddd;
}

table.settings > tbody > tr > td {
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
}

table.checklist {
}

table.checklist > tbody > tr {
    cursor: pointer;
}

table.checklist > tbody > tr.nolink {
    cursor: default;
}

table.checklist > tbody > tr.selected {
    background-color: #FFFAAD;
}

table.checklist > tbody > tr > td {
    padding: 8px 4px;
    border-bottom: 1px solid #eee;
}

table.checklist > tbody > tr > td.desc {
    padding-left: 0;
}

table.checklist > tbody > tr > td.nopadding {
    padding: 0;
}

table.checklist img.image {
    display: block;
}

table.checklist input, table.checklist img.icon {
    margin: 5px;
}

table.checklist > tbody > tr.labelline {
    background-color: #eee;
    font-size: 12px;
    color: #444;
    cursor: auto;
}

table.checklist > tbody > tr.labelline > td {
    padding: 3px 0 3px 10px;
}

/** TABLE DETAILS **/
table.details > tbody > tr > td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
}

table.details > tbody > tr.first > td {
    border-top: 1px solid #ddd;
}

table.details > tbody > tr.discreet > td {
    background-color: #fafafa;
    color: #666;
}

table.details > tbody > tr.tab_header > td {
    padding: 3px 8px;
    background-color: #eee;
    color: #444;
    font-size: 14px;
}

table.details .name {
    font-weight: normal;
    color: #333;
    padding: 11px 8px;
}

table.details .value {
    color: #000;
}

/** END TABLE DETAILS **/

/** TABLE INSERT **/
table.insert td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

table.insert tr.first td {
    border-top: 1px solid #ddd;
}

table.insert .name {
    font-weight: normal;
    color: #333;
}

table.insert .value {
    color: #000;
}

/** END TABLE INSERT **/

div .user_add {
    padding: 10px;
}

.tb_radio {
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    background-color: #fafafa;
    padding: 8px;
}

.tb_radio td {
}

.tb_radio.sel {
    background-color: #CBE8F7;
}

.none {
    text-align: center;
    color: #888;
    padding: 40px 0px;
}

.search-name {
    color: #666;
    font-size: 11px;
    margin-bottom: 3px;
    font-weight: bold;
    text-transform: uppercase;
}

.overdue {
    padding: 3px 5px;
    border-radius: 3px;
    color: #222;
    font-size: 12px;
    background-color: #FFCFCF;
    font-weight: bold;
}

.file_image {
    width: 104px;
    height: 104px;
    margin: 0px 10px 10px 0px;
    border: 2px solid #e0e0e0;
    float: left;
}

.file_image.selected {
    border-color: orange;
}

/** PAGESIZE **/
.pagesize {
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.pageactive {
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    background-color: #DB8B1D;
    color: #fff;
}

.page:hover {
    background-color: #DB8B1D;
}

/** END PAGING **/

/** PAGING **/
.page {
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.pageactive {
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    background-color: #DB8B1D;
    color: #fff;
}

.page:hover {
    background-color: #DB8B1D;
}

/** END PAGING **/

table.acl-resource-permissions {
    border-top: 1px solid #ddd;
}

table.acl-resource-permissions > tbody > tr > td {
    padding: 6px 0px;
    border-bottom: 1px solid #ddd;
}

/** SYSTEM MESSAGES **/
.box {
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    position: fixed;
    right: 25%;
    top: 60px;
    width: 50%;
    z-index: 1010;
    font-size: inherit;
}

.box.success {
    background-color: #009966;
    background-image: url('../images/ico_check_light.png');
    background-position: 20px center;
    background-repeat: no-repeat;
    color: #FFF;
}

.box.error {
    background-color: #DE6A6A;
    background-image: url('../images/ico_error_light.png');
    background-position: 20px center;
    background-repeat: no-repeat;
    color: #FFF;
}

/** END SYSTEM MESSAGES **/

.listinfo {
    border: 1px solid #ddd;
    padding: 8px;
    display: block;
}

.listinfo > span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.listinfo > span.first {
    margin: 0px;
}

.listinfo.sel {
    background-color: #FBFFB3;
}

.small {
    font-size: 12px;
}

.bold {
    font-weight: bold;
}

.discreet {
    color: #888;
}

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

.link {
    cursor: pointer;
}

.disabled {
    color: #888;
}

.option {
    padding: 15px 0;
    border-bottom: 1px dotted #ccc;
}

.option.selected {
    background-color: #d0d0d0;
}

.square {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.formtab {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px 6px;
    background-color: #eee;
    color: #444;
    font-size: 14px;
}

.button_wide {
    display: block;
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 10px;
    width: 100%;
    text-align: center;
    border-radius: 3px;
}

/** COMMENTS **/
.comment {
    background-color: #edeff4;
    border-top: 1px solid #FFF;
    color: #000;
    font-size: 12px;
}

.comment table {
    width: 100%;
}

.comment .user_name {
    font-weight: bold;
}

.comment .datetime {
    color: #aaa;
    float: right;
}

/** NOTIFICATION **/
#notification {
    display: block;
    padding: 8px 7px 5px 7px;
    border-radius: 3px;
}

#notification #notif #notif_counter {
    visibility: hidden;
}

#notification.active {
    /*background-color:#FFF;*/
    font-weight: bold;
}

#notification.active #notif #notif_counter {
    visibility: visible;
}

#notification #notif {
    position: relative; /* This is crucial for the absolutely positioned element */
    width: 24px;
    height: 23px;
}

#notification #notif #notif_counter {
    position: absolute; /* This breaks the div from the normal HTML document. */
    top: -6px;
    right: -2px;
    padding: 1px 2px 1px 2px;
    background-color: red; /* you could use a background image if you'd like as well */
    color: white;
    font-weight: bold;
    font-size: 0.75em;

    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius: 30px;
    box-shadow: 1px 1px 1px gray;
}

/** END NOTIFICATION **/

.ticket .tlrow .urgent-flag {
    position: relative;
    color: #ffffff;
    background: #ee3c2e;
    font-size: 9px;
    text-transform: uppercase;
    margin-top: -10px;
    font-weight: bold;
    padding: 2px 1px 1px 1px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.mark-urgent {
    width: 100% !important;
    text-align: left !important;
    color: #d43f3a !important;
    background-color: #ffffff !important;
}

.mark-urgent.active {
    color: #fff !important;
    background-color: #d9534f !important;
}

.mark-urgent .fa {
    display: none;
    width: 20px;
}

.mark-urgent .fa-circle-o {
    display: inline-block;
}

.mark-urgent.active .fa-check {
    display: inline-block;
}

.mark-urgent.active .fa-circle-o {
    display: none;
}

.label-search {
    display: inline-block;
    width: calc(100% - 30px);
    border-bottom: 2px solid #cacaca;
    color: #656565;
    padding-bottom: 3px;
    font: bold 15px Montserrat;
    text-transform: uppercase;
    margin: 15px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.form-control.half {
    width: calc(50% - 1.7px);
    display: inline-block;
    background-color: #fff !important;
}

form .half.datetime {
    font-size: 12px !important;
}

form .bootstrap-select button {
    padding-top: 8px;
    padding-bottom: 8px;
}

.block-setting {
    display: block;
    background: #FFFFFF;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    height: 180px;
    line-height: 180px;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #bbbbbb;
}

.block-setting .subtitle {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 18px;
    padding: 0px 50px;
    padding-bottom: 10px;
    text-transform: none;
    color: #949494;
}

.block-setting .subtitle i {
    font-size: 30px;
    margin-bottom: 10px;
}

.block-setting:hover {
    background: #f7f7f7;
    text-decoration: none;
}

.bx-wrapper {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0 !important;
}

#navigation-date {
    width: 100%;
    cursor: default;
    background: #eeeeee;
    padding: 7px 10px;
    margin-top: 15px;
    border-radius: 6px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}

#navigation-date div {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #5f5f5f;
    box-sizing: border-box;
}

#navigation-date > div > a {
    color: #5f5f5f;
    font-size: 18px;
    text-decoration: none !important;
    margin: 0 10px;
}

.form-ajax input,
.form-ajax .bootstrap-select button {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.form-ajax .rules.table .filter {
    display: none;
}

.form-ajax .rules.table td {
    padding: 5px !important;
}

.form-ajax .rules.table td:first-of-type {
    padding-left: 0px !important;
}

.form-ajax .rules.table td:last-of-type {
    padding-right: 0px !important;
}

.form-ajax .rules.table tr {
    border-bottom: 1px solid #e6e6e6;
}

.form-ajax .rules.table tr:last-of-type {
    border-bottom: none;
}

/*Fix bootstrap select*/
.bootstrap-select .filter-option {
    text-overflow: ellipsis;
    max-width: 400px;
}

#tickets .btn[disabled] {
    background: #d4d4d4;
    color: #444444;
    opacity: 0.5;
}

.nav-tabs > li > a {
    color: #717171;
}

/* LIST STYLES */
.table-list {
    font-family: Montserrat !important;
    border: 1px solid #efefef;
}

.table-list .tlheader td {
    text-align: left;
}

.table-list .tlheader td,
.table-list .tlheader td a {
    font-weight: 600;
    color: #868686;
    text-decoration: none;
}

.table-list .tlrow td {
    position: relative;
    border-bottom: 1px solid #efefef;
}

.table-list .tlrow td a {
    color: #868686;
}

.table-list .tlrow:last-of-type {
    border-bottom: 0;
}

.table-list .tlrow td:not(:last-of-type):after {
    width: 1px;
    height: 60%;
    content: '';
    border-left: 1px solid #efefef;
    position: absolute;
    top: 20%;
    right: 0;
    opacity: 0.6;
}

.table-list .urgent td {
/ / border: 5 px solid #d83939 !important;
}

.table-list .icon {
    display: inline-block;
    padding: 12px;
    width: 50px;
    height: 50px;
    text-align: center;
    box-sizing: content-box;
    margin: 0;
    border-radius: 4px;
    font-size: 22px;
    font-weight: bolder;
    color: white;
    line-height: 50px;
}

.table-list .icon i {
    color: #ffffff;
    font-size: 36px;
    margin-top: 2px;
}

.table-list .icon.scheduled {
    background: #95a5a6;
}

.table-list .icon.pending {
    background: #fa6839;
}

.table-list .icon.concluded {
    background: #1c9df3;
}

.table-list .icon.approved {
    background: #00b18e;
}

.table-list .icon.cancelled {
    background: #34495e;
}