/* *************************************** newly added *************************************** */
.resident_col .fa:hover {
    cursor: pointer;
}

@media (min-width: 1px){
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1  {
        width: 100%;
        *width: 100%;
    }
}

@media (min-width: 1px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}
.table tbody tr.info td {
    background-color: #d9edf7 !important;
}

@media (max-width: 1px) {
    body.nav-md > .container.body > .top_nav {
        margin: 0 !important;
    }

    body .staff-pic-wrapper {
        position:relative;
        width: 6.5em;
        height: 6.5em;
        margin: 10px auto 10px;
    }

    body #img-change-btn {
        position:absolute;
        width: 5em;
        height: 5em;
        top:0.5em;left:0.5em;
    }

}

@media (max-width: 1px) {
    body {
        padding: 0 !important;
    }

    #top-search-field-div, #top-search-btn-div {
        display:none !important;
    }
}

.hover_pointer:hover {
    cursor : pointer !important;
}

body.popup_bg {
    min-width: 1100px !important;
}
body.popup_bg .container {
    width: 98% !important;
}
.right-bar {
    border-right: 1px solid #999;
}


.ui-pnotify.stack-modal {
    left: 50%;
    right: auto;
    margin-left: -150px;
}

.table-striped>tbody>tr:nth-child(even) {
    background-color: #eeeeee;
}

.table-striped>tbody>tr:not(.no_hover):nth-child(even):hover {
    background-color: #ccc;
}

.table-striped>tbody>tr:nth-child(even)>td {
    /*background-color: inherit;*/
}

.table-striped>tbody>tr:nth-child(even) td.readonly {
    background-color: #d7d7d7;
}
.table-striped>tbody>tr:nth-child(odd) td.readonly {
    background-color: #ebecec;
}
.table-striped>tbody>tr:nth-child(even):hover td.readonly {
    background-color: #d7d7d7;
}
.table-striped>tbody>tr:nth-child(odd):hover td.readonly {
    background-color: #ebecec;
}
.table-striped>tbody .warning {
    background-color: #fcf8e3 !important;
}

.table-striped>tbody .warning:hover {
    background-color: #f0e18f;
}

.top_nav #menu_toggle {
    cursor:pointer;
}

.btn-circle-plus {
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 0;
    font-size: 10px;
    color:#fff;
    border-radius: 8px;
    border:none;
    background:blue;
    margin:0;
}

.btn-circle-minus {
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 0;
    color:#fff;
    border-radius: 8px;
    border:none;
    background:red;
    margin:0;
}
/* *********  fullscreen portlets  ******************************* */
.page-portlet-fullscreen {
    overflow: hidden;
}
.portlet.portlet-fullscreen {
    z-index: 1006;
    padding:20px;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #8c8c8c;
    box-shadow: inset 0px 0px 5px rgba(33,62,83,0.7);
    -moz-box-shadow: inset 0px 0px 5px rgba(33,62,83,0.7);
    -webkit-box-shadow: inset 0px 0px 5px rgba(33,62,83,0.7);
}
.portlet.portlet-fullscreen > .portlet-header {
    padding: 5px 10px;
    line-height: 2;
}
.portlet.portlet-fullscreen > .portlet-content {
    padding: 5px;
    overflow: none;
    height: 93%;
}
.portlet-header {
    line-height: 2;
}
.portlet-content {
    overflow: auto;
}
/* *********  /fullscreen portlets  ******************************* */

/* account */
.account_col .invoice_head {
    text-align: center;
    padding:2px;
    background-color:rgba(52, 73, 94, 0.94);
    color:white;
    border: 1px solid #999;
}

.account_col .table_item {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}
.account_col1 .table_item {
    padding-top: 4px;
    padding-bottom: 3px;
    padding-right: 3px !important;
}
.account_col .table_item input, .account_col .table_item select {
    height:18px;
    padding:1px 1px 0;
}
.account_col1 .table_item input, .account_col1 .table_item select, .account_col3 table.jambo_table select  {
    background-color: transparent;
}
.account_col .table_label {
    width:100%;
    font-size:0.9em;
    line-height: 0.9em;
    text-align:center;
    color:#555;
    opacity: 0.6
}
.account_col a, .account_col a input {
    text-decoration:none !important;
    cursor:pointer !important;
}
.account_col li.disabled a {
    cursor: no-drop !important;
}
.account_col .table_index {
    text-align: center;
    padding-top:4px;
}

.account_col .table_blue {
    color:blue;
}
.account_col .table_halfblue {
    color:#006699;
}
.account_col .table_halfgreen {
    color: #759900;
}
.account_col .table_paid, .account_col .table_paid input {
    background:#ddd !important;
    color:#888 !important;
}
.account_col .table_halfpaid {
    background:#f4f9ae !important;
    color:#000 !important;
}
.account_col .table_unpaid {
    background:#fff !important;
    color:#000 !important;
}

.account_col .table_list {
    background: #fff;
    width:100%;
    text-align:center;
    border:none;
    padding:1px;
    display:block;
}
.account_col .table_list.expense {
    text-align: left;
    padding: 1px 5px;
}
.account_col .table_list.currency_format {
    text-align:right;
    padding-right: 10px !important;
}
.account_col .amount_label {
    position: absolute;
    z-index: 1;
    padding-right: 15px !important;
    top: -5px;
    font-size: 5px;
}
.account_col .balance_label {
    position: absolute;
    z-index: 2;
    padding-left: 15px !important;
    top: 5px;
}
.account_col .table_unmatched_label {
    color: blue !important;
}
.account_col .account_exp_middle_sub {
    display: inline-block;
    margin-right:-5px;
}
.account_col .table_fixed_cell {
    width: 90px;
}
.account_col3 table.jambo_table .dv_td_n
{padding-right:15px !important;}

.account_col table.jambo_table tbody>tr>td {
    padding: 1px 1px 0px !important;
    height:18px;
}
.account_col .jambo_table select {
    font-weight: normal;
}

#account_exp_left {
    float: left;
    width: 664px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 48px;
}
#account_exp_middle {
    float: left;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 48px;
}

#account_exp_middle td.regular_cell.blue {
    color: #00F !important;
}
#account_exp_right {
    /*left: 700px;*/
    float: left;
    /*width: 460px;*/
    width: 640px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 48px;
}
.section #account_exp_right {
    position: absolute;
}

.account_col2 section .row:nth-child(odd) .table_list,
.account_col3 table.jambo_table tbody>tr:nth-child(even) td {
    background: #ddd;
}
.account_col .select_border {
    box-shadow: inset 0 0 0 2px rgba(255, 0, 0, 0.6);
    transition: all 200ms ease-out;
}
.account_col .select_border:hover {
    box-shadow: inset 0 0 2px 2px rgba(255, 0, 0, 0.6);
    transition: all 200ms ease-out;
}
.account_col .link_border {
    box-shadow: inset 0 0 0 3px rgba(38, 184, 153, 1);
    transition: all 200ms ease-out;
}
.account_col .view_invoice {
    color: #7d7d7d;
    margin-top: 6px;
    margin-right: 3px;
    cursor: pointer;
}
.account_col .btn-tool {
    text-align: left;
    margin-bottom: 0;
    margin-left: 20px;
    padding: 4px 10px;
}
.account_col .dropdown-menu {
    padding: 5px 0;
}
.account_col .dropdown-menu .divider {
    margin: 5px, 0;
}
.account_col .btn-tool .glyphicon {
    top: 2px;
}
#svgContainer {
    /*z-index: 1;*/
    position:absolute;
}
#svgContainer path {
    stroke:rgba(38, 184, 153, 1);
    fill:none;
}
#import_transaction_form .input-group .btn-file {
    margin-left: 0px !important;
    height: 28px;
}
#import_transaction_form .input-group input {
    background-color: #fff;
    cursor: pointer;
}
#import_transaction_form .btn-file-helper {
    color: #f00;
    top: -4px;
    left: 10px;
    position: relative;
}
#import_transaction_form #file_info {
    font-size: 11px;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 5px 15px;
    text-align: left;

    border-radius: 3px;
    background-color: #f5f5f5;
    border: 1px solid #E6E9ED;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
#import_transaction_form .preview_wrapper {

    overflow-x: scroll;
    border-right: 1px solid #e2e2e2;
}
#import_transaction_form .preview_wrapper th,
#import_transaction_form .preview_wrapper td {
    font-size: 11px;
    vertical-align: middle;
    border-right: 1px solid #e2e2e2;
    white-space:nowrap;
}
#import_transaction_form .input-group {
    margin-bottom: 0px;
}
.regular_tools #select2-regular_category-results {
    width: 150%;
}
.regular_tools .select2-results__option {
    white-space:nowrap;
    padding-top: 0;
    padding-bottom: 0;
}
#file_option .checkbox {
    padding-top: 0;
}
#search_table .dv_td {
    padding-left: 5px !important;
}
#expense_table span.expens_category {
    padding-left: 5px !important;
    padding-right: 5px !important;
    line-height: 18px !important;
}
.single_date_input_left {
    position: absolute;
    left: 16px;
    top: 4px;
}
.single_date_wrapper .single_date {
    padding-left: 26px !important;
}
.table-footer {
    background-color: #faf7e2;
}
.table-footer .column-title {
    line-height: 3px;
}
.date_range_picker.in-modal {
    background: #fff;
    cursor: pointer;
    padding: 0 10px;
    width: 60%;
    border: 1px solid #DDE2E8;
    border-radius: 0;
    margin-bottom: 0;
    display: inline-block;
}
#expense_table tr:nth-child(even) td {
    background: #eeeeee;
}
.account_col .ignore_item,
.account_col .ignore_item td {
    background:#bbb !important;
    color:#888 !important;
}
.account_col .freezed_item,
.account_col .freezed_item td {
    background:#ccc !important;
    color:#888 !important;
}
#statement_table tr.statement {
    background-color: #f7d1cc;
}
#statement_table tr.statement_note {
    background-color: #d2e4f7;
}
table#statement_footer_table {
    margin-left: 10px;
}
table#statement_footer_table th.column-title {
    padding-right: 10px;
    line-height: 29px;
}
#statement_table tr.select_border {
    /*box-shadow: inset 0 0 0 3px rgba(0, 0, 255, 0.5) !important;*/
    border: 3px solid red !important;
}
.btn-tools {
    margin: 0;
    margin-bottom: 0 !important;
    padding:0;
}
#add_statement_note_modal .x_panel {
    background-color: #9fdfbf;
}
#invoice_tab_table_wrapper {
    max-height: 380px;
    overflow: auto;
}
body .resident_col .tab-content #res_invoice_tab {
    height: 430px;
}
#search_go {
    width: 64px;
}

/* //account ************************************* */

/* communication ************************************* */

.communication_col {
    /*background:#99ccff !important;*/
    background:#9ab5cf !important;
}
.communication_col.main_v2 {
    font: 12px;
}
/* resident view */
.resident_col .resident-tab-section {
    border:1px solid green;
    border-radius:5px;
    padding: 3px 8px;
    margin: 5px 0;
}
.resident_col .x_panel {
    background-color:#9fdfbf;
}


.resident_col .resident-tab-section2 {
    border:1px solid green;
    border-radius:5px;
    padding: 3px 8px;
    margin: 5px 0;
}

.resident_col {
    background:#9fdfbf !important;
}
.resident_col .padding_5{
    padding-right:8px;
    padding-left:8px;
}
.resident_col .tab-pane {
    padding:0 5px;
}

.resident_col .portlet.portlet-fullscreen {
    background: #41be82;
}
.resident_col .portlet-header {
    float:right;
    margin:-5px -15px;
}

.resident_under_tab hr {
    width:100%;
    margin:10px auto 13px;
}
.progress_2 {
    width: 100%;
    /* margin: 10px 0 0; */
    text-align: center;
}
.progress_2 .circle,
.progress_2 .bar {
    display: inline-block;
    background: #fff;
    width: 30px; height: 30px;
    border-radius: 30px;
    border: 1px solid #d5d5da;
}
.progress_2 .bar {
    position: relative;
    width: 5px;
    height: 6px;
    top: -2px;
    margin-left: -5px;
    margin-right: -5px;
    border-left: none;
    border-right: none;
    border-radius: 0;
}
.progress_2 .circle .label_2 {
    float:left;
    width: 22px;
    height: 22px;
    line-height: 23px;
    border-radius: 32px;
    margin: 3px 3px;
    color: #b5b5ba;
    font-size: 17px;
}
.progress_2 .circle .title {
    color: #b5b5ba;
    font-size: 13px;
    line-height: 30px;
    margin-left: -3px;
}

/* Done / Active */
.progress_2 .bar.done,
.progress_2 .circle.done {
    background: #eee;
}

.progress_2 .bar.active {
    background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}

.progress_2 .circle.done {
    background: #737373;
    opacity:0.3;
}

.progress_2 .circle.done .title {
    color: #737373;
}

.progress_2 .circle.active {
    background: #0c95be;
}

.progress_2 .circle.active .title {
    color: #0c95be;
}

.progress_2 .circle.delay {
    background: #ff0000;
}
.progress_2 .circle.add .label_2 {
    color: #FFF;
    background: #666666;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
    cursor: pointer;
}
.progress_2 .mine {
    cursor: pointer;
}

.progress_2 .circle.red .label_2 {
    color: #FFF;
    background: darkred;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
    cursor: pointer;
}

.progress_2 .circle.green .label_2 {
    color: #FFF;
    background: darkgreen;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
    cursor: pointer;
}


body .resident_col .tab-content {
    background: #41be82;
    border-top: 1px solid #a0dec0;
    border-right: 1px solid #2e855b;
    border-bottom: 1px solid #2e855b;
    border-left: 1px solid #a0dec0;
    margin: -25px 5px 0 15px;
    padding: 0px 10px 10px 10px;
    box-shadow: 1px 1px 3px #27724e;
    -moz-box-shadow: 1px 1px 3px #27724e;
    -webkit-box-shadow: 1px 1px 3px #27724e;
}

body .resident_col ul.bar_tabs > li.active a,body .resident_col ul.bar_tabs > li.active a:hover,body .resident_col ul.bar_tabs > li.active > a:focus {
    color: #111;
    background: #41be82;
    border-top: 1px solid #a0dec0;
    border-right: 1px solid #2e855b;
    border-bottom: none;
    border-left: 1px solid #a0dec0;
    border-radius: 4px 4px 0 0;
    box-shadow: 0px -1px 2px #3bab75;
    -moz-box-shadow: 0px -1px 2px #3bab75;
    -webkit-box-shadow: 0px -1px 2px #3bab75;
}

body .resident_col ul.bar_tabs > li a,body .resident_col ul.bar_tabs > li a:hover {
    padding: 5px 7px;
    background: #79d2a6;
    margin: 0;
}

body .resident-form .form-control {
    color: #000 !important;
    font-weight: bolder;
    margin: 0 0 0.3em;
    background-color: #9fdfbf;
    border: 1px solid #c6ecd9;
    padding: 1px 5px 1px 5px;
}

body .resident-board .form-control {
    color: #000 !important;
    font-weight: bolder;
    margin: 0 0 8px;
    background-color: #9fdfbf;
    border: 1px solid #c6ecd9;
    padding: 1px 5px 1px 5px;
}

body .resident-pane-section {
    padding: 10px 30px;
    margin-top: 5px;
    box-shadow: 0 0px 5px #40bf80 inset, 0 0 2px #339966 inset;
    background: #79d2a6;
}

body .resident-form .form-control:focus {
    border-color: #c6ecd9;
    -moz-box-shadow:    inset 0 0 3px #339966;
    -webkit-box-shadow: inset 0 0 3px #339966;
    box-shadow:         inset 0 0 3px #339966;
}

body .resident_col .btn-default-rev {
    color: #333;
    background-color: #c6ecd9;
    border-color: #79d2a6;
}

body .resident-pane-section .btn-default-rev:hover {
    background-color: white;
}


body .resident_under_tab .fa-maintenance {
    color: #ccc;
    font-size:1.5em;
    margin-left:15px;
    cursor: pointer;
}

body .resident_col #tab_resize_btn_set {
    position:absolute;
    right:10px;
    top:2px;
    z-index:100;
}

body .resident_col .tab_resize_btn {
    display: inline-block;
    margin-left:5px;
    position:relative;
    padding: 2px 15px;
    color: #111;
    cursor:pointer;
    text-align: center;
    background: #41be82;
    border-top: 1px solid #a0dec0;
    border-right: 1px solid #2e855b;
    border-bottom: 1px solid #2e855b;
    border-left: 1px solid #a0dec0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #006600, 0 4px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #006600, 0 4px 2px rgba(0, 0, 0, .5);
    box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #006600, 0 4px 2px rgba(0, 0, 0, .5);
}

#tab_resize_btn_set > .tab_resize_btn.active  {
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;
    top:5px;
}

body .resident_col .cf-type-icon {
    display: inline-block;
    background: #79d2a6;
    border: 1px solid #239023;
    padding: 3px;
    border-radius: 3px;
    font-size: 10px;
    margin-top: 0px;
    width: 50px;
    text-align: center;
}

body .resident_col .cf-type-icon.gst {
    background:#d0d077
}
body .resident_col .cf-type-icon.warning {
    background: #ff5654
}

body .resident_col .contact-name {
    padding-left:5px;
    color:#666 !important;
}

body .resident_col ul#myTab2-2 > li {
    border:none;
    opacity:0.8;
}
body .resident_col ul#myTab2-2 > li.active {
    border:none;
    opacity:1;
}
body .resident_col ul#myTab2-2 > li.active a {
    padding: 5px 7px;
    margin-top: 2px;
    border:none;
    border-radius: 0;
}
body .resident_col ul#myTab2-2 > li a {
    padding: 5px 7px 0px;
    margin-top: 8px;
    border:none;
    border-radius: 0;
}

body .resident_col .tab-content2 {
    margin-top: -25px;
    margin-left: 10px;
    padding: 0px 10px 10px 10px;
    box-shadow: 1px 1px 3px rgba(33,62,83,0.7);
    -moz-box-shadow: 1px 1px 3px rgba(33,62,83,0.7);
    -webkit-box-shadow: 1px 1px 3px rgba(33,62,83,0.7);
}

.care-status-1 {  /* Independent */
    background: #00e6ac !important;
}

.care-status-2 {  /* Supervision */
    background: #e6e600 !important;
}

.care-status-3 {  /* 1 person assist */
    background: #ff9933 !important;
}

.care-status-4 {  /* 2 person assist */
    background: #ff6666 !important;
}

.care-status-5 {  /* Wholly Dependent */
    background: #ff1a1a !important;
}

.seven-cols textarea {
    font-weight: normal !important;
    font-size:0.9em;
    min-height: 100px;
}
.seven-cols h4 {
    margin: -3px 0 2px;
    text-align: center;
    font-size: 0.9em;
}

body .resident_col .fake-table-head {
    display:inline-block;
    background:rgba(52, 73, 94, 0.94);
    color:#ECF0F1;
    padding:3px 5px 3px 5px !important;
    font-size:12px;
    font-weight: bold;
    line-height: 1.42857143;
}

body .resident_col .fake-table {
    display:inline-block;
    background:white;
    /*text-align:center;*/
    color:black;
    padding:3px 10px !important;
    font-size:11px;
    height:22px;
    line-height: 1.42857143;
}

body .resident_col .fake-in-table {
    display:inline-block;
    background:white;
    color:black;
    padding:1px !important;
    font-size:11px;
    height:14px;
    outline: 1px solid #2e855b;
    margin-bottom:1px;
}

body .resident_col .fake-in-table-l {
    width:24%; margin-right:2%
}
body .resident_col .fake-in-table-r {
    width:24%;
}

body .resident_col .fake-table button {
    font-size:11px;
    border:1px solid #aaa;
    margin:0;
    width:100%;
}

body .resident_col .fake-table .fa-maintenance {
    font-size:14px;
    color:black;
    margin:0;
}

body .resident_col .fake-table .fa-maintenance:hover {
    color:#666;
}
body .resident_col .td_closed {
    background:#ddd !important;
}
body .resident_col .panel {
    border-radius: 0;
    margin-bottom: 0;
    background:#9fdfbf;
}

/* /resident view */

/* resident room status */

body .resident-panel {
    margin:20px 10px 0px 20px;
    border:none;
}

body .resident-panel>.panel-heading {
    color: #333;
    background-color: #41be82;
    border-color: #ddd;
}

body .resident-panel h3 {
    font-weight:600;
}

body .resident-panel .panel-body {
    background-color: #79d2a6;
    padding:15px;
    box-shadow: 0 0px 5px #40bf80 inset, 0 0 2px #339966 inset;
}

body .resident-room-container {
    width:80px;
    border:#c6ecd9 1px solid;
    color:black;
    margin-right:-5px;
    display: inline-block;
    cursor:pointer;
}

body .resident-room-top {
    border-bottom:#c6ecd9 1px solid;
    width:100%;
    text-align: center;
    font-weight: 600;
}

body .resident-room-bottom {
    width:100%;
    text-align: center;
    height:33px;
    padding-top:3px;
    line-height: 1.1em;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

body .resident-room-container-title {
    text-transform: uppercase;
    font-weight: bolder;
    font-size: larger;
}
body .resident-room-container-index {
    width:80px;
   /* border:#c6ecd9 1px solid;*/
    color:black;
    margin-right:-5px;
    display: inline-block;
    font-size:11px;
}
body .resident-room-container-bottom-index {
    width:80px;
  /*  border:#c6ecd9 1px solid;*/
    color:black;
    margin-right:-5px;
    display: inline-block;
    font-size:11px;
}

body .resident-room-bottom-index {
    width:100%;
    text-align: center;
}

.room-premium-1 {  background: #7d38ff;}
.room-premium-2 {  background: #22ff95;}
.room-premium-3 {  background: #ffe817;}

.room-status-1 {  background: #2bffd9;}
.room-status-2 {  background: #a2fff3;}
.room-status-3 {  background: #7f90ff;}
.room-status-4 {  background: #2bffd9;}
.room-status-4 {  background: #27a1ff;}
.room-status-5 {  background: #ffabbb;}


.room-hos {  background: #ff8080;}
.room-hos:hover {  background: #ff4d4d;}
.room-mix {  background: #ff9933;}
.room-mix:hover {  background: #ff8000;}
.room-res {  background: #ffcc33;}
.room-res:hover {  background: #ffbf00;}
.res-hos {  background: #ffd6cc;}
.res-hos:hover {  background: #ffad99;}
.res-res {  background: #ffecb3;}
.res-res:hover {  background: #ffdf80;}
.res-oth {  background: #b3e6ff;}
.res-oth:hover {  background: #80d4ff;}
.res-absent {  opacity:0.5;}

.resident-panel .clear-fix {
    margin-bottom:15px;
}

.resident-room-container a {
    text-decoration: none !important;
    color:black;
}

.resident-room-history {
    width:20%;
    display:inline-block;
}
.resident-room-history2 {
    width:40%;
    display:inline-block;
}
.resident-room-history-note {
    width:30%;
    display:inline-block;
}

#room_history_date {
    margin: 0 20px 0 0;
}
/* /resident room status */

/* resident occupancy */
.table_occupancy th {
    padding:0 !important;
    width: 26px;
    background-color: #486684;
    color: #dee6ed;
}

.table_occupancy td {
    padding:0 !important;
}

.popover a:hover {
    text-decoration: none !important;
}
.popover link:hover {
    text-decoration: none !important;
}

.popover .pop_cl_select{
    width:100%;
}

.popover .pop_res_select{
    width:100%;
}

/* /resident occupancy */



/************************* Wage *************************/
body .wage_label {
    width:100%;
    font-size:0.8em;
    line-height: 0.9em;
    text-align:center;
    color:#999;
    background-color:#eaeae1 ;
}

body .wage_cell {
    outline:dotted 1px #ccc;
}
body .wage_blank {
    height: 30px;
}

body .wage_view .form-control {
    color: #000 !important;
    font-weight: bolder;
    background-color: #ccc;
    /* BRUCE-COLOR */
    border: 1px solid #d9d9d9 ;
    padding: 1px 5px 1px 5px;
}

body .wage_list {
    background: #fff;
    width:100%;
    text-align:center;
    /*border-top:0px solid;
    border-bottom:1px solid;
    border-left:1px dashed;
    border-right:0px dashed;*/
    border:none;
    padding:1px;
    display:block;
}

.wage_list.staff_type_IPS{
    font-weight:bold;
    color: #007fff;
}
.wage_list.staff_type_OPS{
    font-weight:bold;
    color: #d60000;
}
.wage_list.employment_type_casual {
    color: #007fff;
}
.wage_list.employment_type_fixed-term {
    color: #007fff;
}
.wage_list.employment_type_mixed {
    color: #ff7c00;
}
.wage_list.rate_type_salary {
    color: #007fff;
}
.wage_list.rate_type_contract {
    color: #007fff;
}
.wage_list.rate_type_mixed {
    color: #ff7c00;
}

.wage_list.esct_rage_out {
    font-weight:bold;
    color: #ff7c00;
}
body .wage_list.include_training {
    background-color: rgb(229, 211, 249);
}
body .wage_popup {
    background: #d6eef5;
}
body .wage_owp_awe {
    background: #d0f5d0;
}
body .wage_salary {
    background: #f5dead;
}
body .pointer {
    cursor: pointer;
}
body .wage_btn {
    background-color: #33a8cc ;
    height:30px;
    font-size:12px;
    color:#fff;
    width:100%;
    text-align:center;
    /*border-top:0px solid;
    border-bottom:1px solid;
    border-left:1px dashed;
    border-right:0px dashed;*/
    padding:1px;
    display:block;
}

.wage_btn:hover,
.wage_btn:focus,
.wage_btn:active {
    background-color: #85cbe0 ;
}

.wage_btn_danger {
    background-color: #ff0000 ;
    height:30px;
    font-size:12px;
    color:#fff;
    width:100%;
    text-align:center;
    /*border-top:0px solid;
    border-bottom:1px solid;
    border-left:1px dashed;
    border-right:0px dashed;*/
    padding:1px;
    display:block;
}

.wage_btn_danger:hover,
.wage_btn_danger:focus,
.wage_btn_danger:active {
    background-color: #ff6666 ;
}
.wage_btn_hidden {
    height: 30px;
    border: none;
}

#btn_wage_freeze {
    width: 70px;
    border: 1px solid #fff !important;
    color: #fff;
}
#btn_wage_freeze.freezed {
    background: #d88070 !important;
}
#btn_wage_freeze.unfreeze {
    background: #d9534f !important;
}
#btn_wage_freeze:disabled {
    background: #777 !important;
}
#wage_report_btn {
    width: 70px;
    background: #edbb7a !important;
    border: 1px solid #fff !important;
    color: #fff;
}
#wage_report_btn:disabled {
    background: #777 !important;
}
#wage_export_btn {
    background: #81bedd !important;
    border: 1px solid #fff !important;
    color: #fff;
}
#wage_export_btn:disabled {
    background: #777 !important;
}
#installment_export_btn {
    background: #6cb79a !important;
    border: 1px solid #fff !important;
    color: #fff;
}
#installment_export_btn:disabled {
    background: #777 !important;
}
.wage_btn_hidden {
    background-color: #fff;
}

/************************* /Wage *************************/

/************************* Pay Slip *************************/

#payslip {
    width:700px;
    margin:0 auto;
    border:black 2px solid;
    padding:20px 40px;
    background-color: #fff;
    line-height:0.8em;
}

#payslip p {
    font-size:1em;
    margin-bottom:1em;
}

#payslip #logo-lg {
    height:55px;
    position:absolute;
    left:-20px;
    top:-35px;
}

#payslip #logo-lg_print {
    height:55px;
    position:absolute;
    left:-20px;
    top:-25px;
}

.payslip_th {
    background:#eee;
    border-right:#fff 1px solid;
    border-left:#fff 1px solid;
    font-weight:600;
    text-align:center;
    padding:5px;
    margin-bottom:5px;
}

.payslip_th p {
    margin:0;
}

.payslip_td_c {
    text-align:left;
}

.payslip_td_n {
    text-align:right;
    padding-right:10px;
}

.payslip_hr {
    border:double 1px;
    margin:0 -10px 10px;
}

.payslip_hr_print {
    border:double 1px;
    margin:-10px -10px 10px;
}

#payslip_btm_text{
    color:green;
    font-size:18px;
    font-weight:600;
    font-style:italic;
}


#payslip_table {
    width: 700px;
}
#payslip_company_logo {
    height: 55px;
}
.payslip_staff {
    padding: 3px 20px;
}
.payslip_detail {
    padding: 3px 10px;
}
.payslip_detail_header {
    padding: 3px 0;
}
.payslip_holiday {
    padding: 3px 10px;
}
.payslip_spacer {
    background-color: transparent;
    font-size: 10px;
}
.payslip_spacer_sm {
    background-color: transparent;
    font-size: 5px;
}
.payslip_spacer_md {
    background-color: transparent;
    font-size: 20px;
}
.payslip_spacer_lg {
    background-color: transparent;
    font-size: 30px;
}
.payslip_bar {
    background-color: #000;
    font-size: 1px;
}
.payslip_bar_grey {
    background-color: #7f7f7f;
    font-size: 1px;
}

/************************* /Pay Slip *************************/

/************************* Roster *************************/
.roster_main, .roster_shift, .roster_market {
    min-width: 1210px;
}

.roster_ward .roster_shift_btn,
.roster_shift .roster_shift_btn {
    line-height: 1rem;
    padding: 5px 0 3px;
    margin:1px auto;
    display: block;
    width:95%;
    font-weight: 600;
    font-size:0.5em;
    border-radius : 3px;
    border:none;
    moz-border-radius : 3px;
    -webkit-box-shadow : 0px 1px 3px rgba(0,0,0,1.0);
    -moz-box-shadow : 0px 1px 3px rgba(0,0,0,1.0);
    box-shadow : 0px 1px 3px rgba(0,0,0,1.0);
    color : #737373;
}

.roster-btn {
    padding:4px 8px;
    border-radius:20px !important;
    margin:-2px 0 2px !important;
}
.roster_main .date_range_picker {
    margin-top:5px;
    width:200px;
    display:inline-block;
}

.dutyform { float:left; }
.duty { float:left; height:20px;line-height:1.5; margin:0 5px 0 5px; }
.duty.code { width:40px;font-weight:bold;text-align:center; border-bottom:1px solid #ddd; }
.duty.hour{ width:40px; border-bottom:1px solid #ddd;text-align:center; }
.duty.msg{ width:600px; border-bottom:1px solid #ddd; }
.duty.btn{ width:160px;text-align:center; padding:0; margin:0;line-height:1; border-bottom:1px solid #ddd; }
.duty.btn button{ height:20px; }

.roster_main .resizedTextbox1 {
    margin-left:0;margin-right:-1px;width: 30px; font-size:11px;height: 27px; border:0px; text-align: center;padding:1px 0;background-color:#fff; opacity:0.6;
}
.roster_main .resizedTextbox1:hover, .roster_main .resizedTextbox1:focus {
    opacity:1.0;
}
.roster_main .resizedTextbox2 {
    width: 34px; font-size:11px;height: 27px; border:0px; text-align: center;
}
.roster_main .resizedTextbox3 {
    margin-left:0;margin-right:-2px;width: 30px; font-size:11px;height: 27px; border:0px; text-align: center;padding:1px 0;background-color:#fff; opacity:0.6;
}
.roster_main .resizedTextbox4 {
    margin-left:-3px;margin-right:-2px;width: 34px; font-size:11px;height: 27px; border:0px; text-align: center;padding:1px 0;background-color:#fff; opacity:0.6;
}
.roster_main .resizedTextbox3:hover, .roster_main .resizedTextbox3:focus {
    opacity:1.0;
}
.roster_main .selectBox{
    -webkit-appearance: none; width: 39px; height: 27px; border: none; opacity:0.6;
}
.roster_main .suff_index {
    width:60px;
    height:20px;
    padding-top:2px;
    margin:12px 10px 5px 0;
    text-align:center;
    display:inline-block;
    color:#fff;
    float:right;
    -webkit-box-shadow : 0 0px 3px #bbb inset, 0 0 1px #111 inset;
    -moz-box-shadow : 0 0px 3px #bbb inset, 0 0 1px #111 inset;
    box-shadow: 0 0px 3px #bbb inset, 0 0 1px #111 inset;
}
.roster_ward .suff_index,
.roster_shift .suff_index {
    font-size:11px;
    width:60px;
    height:20px;
    padding-top:2px;
    margin:10px 10px 10px 0;
    text-align:center;
    display:inline-block;
    color:#000;
    float:right;
    -webkit-box-shadow : 0 0px 3px #bbb inset, 0 0 1px #111 inset;
    -moz-box-shadow : 0 0px 3px #bbb inset, 0 0 1px #111 inset;
    box-shadow: 0 0px 3px #bbb inset, 0 0 1px #111 inset;
}
.roster_market .suff_index {
    font-size:11px;
    width:67px;
    height:20px;
    padding-top:2px;
    margin:15px 5px 0 0;
    text-align:center;
    /*display:inline-block;*/
    /*color:#000;*/
    float:right;
    border: 1px #bbb solid
}
.roster_market #market_color{
    padding-right:6px !important;
}

.roster_main #day_rate input {
    padding:0 10px;width:100%;background-color:inherit;font-size:11px;text-align:right;border:none;
}

.roster_main #day_rate div:hover {
    background-color:#fff;opacity:0.7;
}

.roster_table>thead>tr>th, .roster_table>tbody>tr>th, .roster_table>tfoot>tr>th, .roster_table>thead>tr>td, .roster_table>tbody>tr>td, .roster_table>tfoot>tr>td {
    padding:0px; border:1px solid rgba(221, 221, 221, 0.78) !important;
}
.roster_table>tbody>tr>td.now {
    border-right: 1px solid #ffbebe !important;
}

.table_head {
    background: #34495e;
    color: #ECF0F1;
}

.table_head button, .table_head input {
    color: black;
}

.roster_market .resizedTextbox {
    margin:3px auto 0;
    display: block;
    height:20px;
    width:80%;
    font-weight: 200;
    border : solid 1px #bbb;
    border-radius : 3px;
    moz-border-radius : 3px;
    /*-webkit-box-shadow : 0px 1px 3px rgba(0,0,0,1.0);
    -moz-box-shadow : 0px 1px 3px rgba(0,0,0,1.0);
    box-shadow : 0px 1px 3px rgba(0,0,0,1.0);*/
    color : #000;
    font-size: 12px !important;
}



.roster_market .date_range_picker {
    margin-top:5px;
    width:200px;
    display:inline-block;
}
.btn-disabled {
    color: #e4e4e4;
    border-color: #949897;
    background-color: #b1b1b1;
}

.roster_shift a.shift_btn {
    color: #fff;
    text-decoration: none;
}
.roster_shift a.shift_btn span {
    line-height: 20px;
}
.roster_shift a.shift_btn span.edit_show {
    display: none;
}
.roster_shift a.shift_btn span.normal_show {
     display: block;
 }
.roster_shift a.shift_btn.active span.edit_show {
    display: block;
    margin-right: 10px;
    margin-top: 2px;
}
.roster_shift a.shift_btn.active span.normal_show {
    display: none;
}

.roster_shift a.roster_btn {
    color: #00f;
    text-decoration: none;
    font-size: 18px;
}
.roster_shift a.roster_btn span.edit_show {
    display: none;
}
.roster_shift a.roster_btn.active span.edit_show {
    display: block;
}
.roster_ward .roster_shift_btn_wrap,
.roster_shift .roster_shift_btn_wrap {
    position: relative;
}

.roster_ward button.roster_shift_btn.active ,
.roster_shift button.roster_shift_btn.active  {
    -webkit-box-shadow: 0px 1px 6px #f00;
    -moz-box-shadow: 0px 1px 6px #f00;
     box-shadow: 0px 1px 6px #f00;
}
.roster_shift a.delete_btn {
    color: #f00;
    text-decoration: none;
    font-size: 18px;
    position: absolute;
    top: -40px;
    left: 52px;
    font-size: 18px;
}
.roster_shift a.delete_btn span.edit_show {
    display: none;
}
.roster_shift a.delete_btn.active span.edit_show {
    display: block;
}

#btn_roster_freeze {
    border: 1px solid #d58512 !important;
    color: #fff;
    margin-right: 10px;
    margin-top: 2px;
}
#btn_roster_freeze.freezed {
    background: #d88070 !important;
}
#btn_roster_freeze.unfreeze {
    background: #d58512 !important;
}

.roster_ward .roster_blank_btn {
    widows: 100%;
    height: 30px;
}
#ward_roster_option label:disabled  {
    color: grey;
    font-style: italic;
}

/************************* /Roster *************************/

/************************* Roster Popup *************************/
#popup-staff-roster .header {
    text-align: center;
    width:70px;
    padding:2px !important;
    color:#dee6ed;
    line-height:1em;
    border: 1px solid rgba(221, 221, 221, 0.78) !important;
}
#popup-staff-roster .header_sub {
    font-size:11px;
}
#popup-staff-roster th.public {
    background-color: #cb01c1 !important;
}
#popup-staff-roster th.sunday {
    background-color: #cb0101 !important;
}
#popup-staff-roster th.saturday {
    background-color: #0087cb !important;
}
#popup-staff-roster th.weekday {
    background-color: #486683 !important;
}
#popup-staff-roster td.public {
    background-color: #fdeafc !important;
}
#popup-staff-roster td.sunday {
    background-color: #fdd5d5 !important;
}
#popup-staff-roster td.saturday {
    background-color: #eaf6fd !important;
}
#popup-staff-roster td.weekday {
    background-color: #f0f4f6 !important;
}
#popup-staff-roster .code {
    text-align: center;
    width:40px;
    padding: 5px 0 !important;
    color:#000;
    line-height: 1.42857143;
    border-top: 1px solid rgba(221, 221, 221, 0.78) !important;
    border-bottom: 1px solid rgba(221, 221, 221, 0.78) !important;
    border-left: 1px solid rgba(221, 221, 221, 0.78) !important;
}
#popup-staff-roster .code.over_day {
    text-decoration: underline !important;
}
#popup-staff-roster .over_time {
    text-align: center;
    width: 30px;
    padding: 6px 0 !important;
    color:#000;
    border-top: 1px solid rgba(221, 221, 221, 0.78) !important;
    border-bottom: 1px solid rgba(221, 221, 221, 0.78) !important;
    border-right: 1px solid rgba(221, 221, 221, 0.78) !important;
    font-size: 11px;
}

#popup-staff-roster .duty_hours,
#popup-staff-roster .duty_over_day_hours {
    font-size: 11px !important;
    background-color: #fff !important;
    border: 1px solid #e2e2e2;
    padding: 4px 4px !important;
}
#popup-staff-roster .duty_hours.include_training {
    background-color: rgb(229, 211, 249) !important;
}
/*
    padding: 0px;
    border: 1px solid rgba(221, 221, 221, 0.78) !important;
*/
/************************* /Roster Popup *************************/

/************************* Training *************************/
.trn_btn {
    font-size:7px;height:14px;width:30px;margin:0;padding:0px 5px;position:absolute;border-radius:0px !important;
}

body .jambo_table .trn_input_table {
    display:inline-block;
    text-align: center;
    width:40px;
    height:15px;
    margin:0px;
    padding:0px 2px;
    font-size:11px;
}

body .jambo_table .trn_input_table:hover {
    cursor: pointer;
    opacity:1;
}

body .jambo_table .bg_white {
    background:white;
    opacity:0.5;
}

body .jambo_table .bg_blue {
    background:#4FB5D3;
    opacity:0.5;
}
body .jambo_table .bg_red {
    background:#d43f3a;
    opacity:0.5;
}
body .jambo_table .bg_grey {
    background:#737373;
    opacity:0.5;
}
td.bg_warning {
    background: #fae1a3;
}
td.bg_danger {
    background: #ffccca;
}
/************************* /Training *************************/

/************************* Message *************************/
.normal_panel_bg {
    background: #eee;
}

.read_panel_bg {
    background: #d9d9d9;
}

.msg-star:hover {
    color: #ccc;
    z-index: 10;
}

.message_field {
    word-wrap: break-word;      /* IE 5.5-7 */
    white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
    white-space: pre-wrap;      /* current browsers */
}

.message_list .panel-title {
    font-size: 14px !important;
}

body .message-box { margin-top:50px;background:#ccc;}
body .message-box .nav-tabs .glyphicon:not(.no-margin) { margin-right:10px; }
body .message-box .message-tab-pane .list-group-item:first-child {border-top-right-radius: 0px;border-top-left-radius: 0px;}
body .message-box .message-tab-pane .list-group-item:last-child {border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
body .message-box .message-tab-pane .list-group .checkbox { display: inline-block;margin: 0px; }
body .message-box .message-tab-pane .list-group input[type="checkbox"]{ margin-top: 2px; }
body .message-box .message-tab-pane .list-group .glyphicon { margin-right:5px; }
body .message-box .message-tab-pane .list-group .glyphicon:hover { color:#FFBC00; }
body .message-box a.list-group-item.read { color: #222;background-color: #d9d9d9; }
body .message-box a.list-group-item.read:hover { color: #222;background-color: #efefef; }
body .message-box hr { margin-top: 5px;margin-bottom: 10px; border : 1px solid #c6c6c6;}
body .message-box .nav-pills>li>a {padding: 5px 10px;}
body .message-box .ad { padding: 5px;background: #F5F5F5;color: #222;font-size: 80%;border: 1px solid #E5E5E5; }
body .message-box .ad a.title {color: #15C;text-decoration: none;font-weight: bold;font-size: 110%;}
body .message-box .ad a.url {color: #093;text-decoration: none;}
body .message-box .message-message-tab-content {color:#ccc;}

body .message-box button {
    background: #ddd;
    height: 34px;
}

body .message-box button, body .message-box .btn {
    margin-bottom: 0px;
    margin-right: 0px;
}

body .message-box .nav-tabs>li.active>a,body .message-box .nav-tabs>li.active>a:hover,body .message-box .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #e6e6e6;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

body .message-box a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5;
}

body .message-box .nav>li>a:hover, body .message-box .nav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
}

body .message-box .list-group-item {
    background-color: #e6e6e6;
}

body .message-box .nav-pills>li.active>a, body .message-box .nav-pills>li.active>a:hover, body .message-box .nav-pills>li.active>a:focus {
    color: #555;
    background-color: #e6e6e6;
}
/************************* /Message *************************/

/************************* Modal *************************/
.modal-content {
    position: relative;
}
.modal-content2 {
    position: relative;
    height:200px;
    width:1000px;
}

.modal-content input#pfile {
    position: absolute;
    bottom:16px;
    left:15px;
    height:200px;
    width:200px;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 0;
}

.modal-content #skinfile {
    position: absolute;
    bottom:16px;
    left:15px;
    z-index: 1;
}

.modal-content #skinfile>button {
    width:72px;
    height:23px;
    font-size:13px;
    padding:2px;
    margin:0;
}

.fa_modal:hover {
    color:#aaa;
}

.x_content select {
    padding: 0 8px;
}

/************************* /Modal *************************/

/************************* Maintenance *************************/

body .maintenance-panel {
    margin:20px 10px 0px 20px;
}

body .maintenance-panel h3 {
    font-weight:600;
}

body .maintenance-panel .panel-body {
    background-color: #eee;
    padding:15px 0 0 15px;
}

body .maintenance-code-btn {
    height:70px !important;
    width:120px !important;
    float:left;
    display:inline-block;
    font-size:18px;
    background:#666;
    border-radius:5px;
    border:1px #ccc solid;
    margin:0 15px 15px 0;
}

body .maintenance-code-btn:hover {
    box-shadow: 0px 0px 5px rgba(33,62,83,0.7);
    -moz-box-shadow: 0px 0px 5px rgba(33,62,83,0.7);
    -webkit-box-shadow: 0px 0px 5px rgba(33,62,83,0.7);
    background:#3d3d3d;
    border:1px #f2f2f2 solid;
}

.maintenance_th {
    text-align:center;
    vertical-align: middle !important;
}
.maintenance_th_small {
    text-align:center;
    font-size: 12px !important;
}
.maintenance_td {
    height: 28px !important;
}
.maintenance_td_c {
    height: 28px !important;
    text-align:center;
}

.maintenance_td_n {
    height: 28px !important;
    text-align:right;
}

/************************* /Maintenance *************************/

#addConduct .btn-group .btn+.btn {
    margin-left: 0;
}

#addConduct .btn-group>.btn {
    border-radius: 0;
}

.hover-pointer:hover {
    cursor: pointer;
}

.scroll-view #logo-lg{
    margin:7px auto;
    display:block;
    max-width:80%;
    max-height:66px;
}

.nav-md #logo-lg{
    margin:13px auto;
    display:block;
    max-width:60%;
    max-height:72px;
}

.dv_th {
    text-align:center;
    vertical-align: middle;
    border:1px solid rgba(221, 221, 221, 0.78);
}
.dv_th_l {
    text-align:left;
    vertical-align: middle;
    border:1px solid rgba(221, 221, 221, 0.78);
}
.dv_th_r {
    text-align:right;
    vertical-align: middle;
    border:1px solid rgba(221, 221, 221, 0.78);
}

.dv_td {
    vertical-align: middle;
    border-right:#e6e6e6 1px solid;
    border-left:#e6e6e6 1px solid;
}
.dv_td_c {
    text-align:center;
    vertical-align: middle;
    border-right:#e6e6e6 1px solid;
    border-left:#e6e6e6 1px solid;
}

.dv_td_n {
    text-align:right;
    vertical-align: middle;
    border-right:#e6e6e6 1px solid;
    border-left:#e6e6e6 1px solid;
}

body .date_range_picker, .btn_date_range_picker {
    background: #e6e6e6;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #adadad;
    border-radius:3px;
    margin-bottom: 10px;
    display:inline-block;
}

body .date_range_picker:hover {
    background-color: #fff;
    border-color: #ccc;
}

body .nopadding {
    padding-right:0 !important;
    padding-left:0 !important;
    margin:0 !important;
}

body .daterangepicker {
    z-index: 9999;
}

body .btn-table {
    display:inline;
    height:15px;
    margin:0px;
    padding:0px 5px;
    font-size:11px;
}

body .btn-default-rev {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

body .btn-default-rev:hover {
    background-color: #fff;
    border-color: #ccc;
}

body .ui-pnotify-action-button {
    color: #000;
}

body #search_btn {
    border:solid #fff 1px;
    margin:0;
}

body .jambo_table input {
    font-weight: bolder;
    height:100%;
    background-color: transparent;
    border: transparent;
    padding: 0 10px;
}
body .jambo_table input.check {
    height: auto;
}

body .jambo_table select {
    font-weight: bolder;
    height: 100%;
    background-color: transparent;
    border: transparent;
    padding: 0 10px;
}

body .jambo_table input:focus {
}

body .jambo_table input[type="checkbox"]:focus {

}

body #add-new-btn:hover,
body #add-new-btn_file:hover {
    background-color: #159d82;
    border-color: #159d82;
}

body .fa-maintenance:hover {
    color:#444;
}

body .maintenance-pane {
    /*   padding-top:20px !important; */
    padding:5px !important;
    /*   height:500px;
       overflow:auto;*/
}

body .maintenance-inner-pane {
    padding:15px 40px;
    height:500px;
    overflow:auto;
}

body .maintenance-pane-add {
    background: #ccc !important;
    padding-top:30px;
    padding-left:45px !important;
    margin-top:60px;
    height:40px;
    border:none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

body .maintenance-inner-pane > p {
    text-transform:uppercase;
    font-weight:bold;
    font-size:22px !important;
    margin-bottom:20px !important;
    margin-top:10px !important;
    color: black !important;
}

body .edit-field-1 {
    display:inline; width:50px;
}
body .edit-field-1w {
    display:inline; width:80px;
}
body .edit-field-2 {
    display:inline; width:100px;
}
body .edit-field-3 {
    display:inline; width:150px;
}
body .edit-field-4 {
    display:inline; width:200px;
}
body .edit-field-5 {
    display:inline; width:250px;
}
body .edit-field-6 {
    display:inline; width:300px;
}
body .edit-field-7 {
    display:inline; width:350px;
}
body .edit-field-10 {
    display:inline; width:500px;
}
body .td-field-1 {
    width:150px;
}
body .td-field-2 {
    width:300px;
}
body .td-field-4 {
    width:600px;
}
body .maintenance-td input {
    height: 26px;
}
body .maintenance-pane #apply-btn, #delete-btn,#add-new-btn,#add-new-btn_file {
    display:inline;
    height:20px;
    width:70px;
    margin-left:10px;
    padding:0px;
}

body #top-search-btn-div {
    margin:0;height:28px;width:50px;display:inline-block;vertical-align:2px;
}

body #top-search-field-div {
    margin:0;padding:0;width:250px;display:inline-block;
}

body #top-search-btn-div .btn-default {
    height: 28px;
    line-height: 15px;
    border-radius: 0px 25px 25px 0px;
}

body #top-search-btn-div .btn-default:hover {
    border:0;
}

body .top_search .nav>li>a {
    position: static;
    display: block;
    padding: 13px 15px 7px;
}

body .staff-pic-wrapper {
    position:relative;
    width: 8.5em;
    height: 8.5em;
    margin: 10px auto 10px;
}
body .staff-pic {
    width:100%;
    height:100%;
    display: block;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0px 0px 4px rgba(33,62,83,0.7);
    -moz-box-shadow: 0px 0px 4px rgba(33,62,83,0.7);
    -webkit-box-shadow: 0px 0px 4px rgba(33,62,83,0.7);
}
body #img-change-btn {
    position:absolute;
    width: 7em;
    height: 7em;
    top:0.5em;left:0.5em;
}

body .form-mandatory {
    border: 1px solid #fe3939 !important;
}

body .staff-pane-section {
    padding: 10px 30px;
    margin-top: 5px;
    box-shadow: 0 0px 5px #bbb inset, 0 0 2px #666 inset;
    background: #c5c5c5;
}

body .staff-pane-section p, .resident-pane-section p {
    color: #737373;
    margin:0;
    font-size:11px;
}

body .staff_under_tab,
.staff_under_tab_memo,
.staff_under_tab_popup {
    overflow: auto;
}

body .book-pane-section {
    padding: 10px 10px;
    margin-top: 3px;
    box-shadow: 0 0px 5px #bbb inset, 0 0 2px #666 inset;
    background: #E6E6E6;
}

body .book-pane-section p {
    color: #737373;
    margin:0;
    font-size:11px;
}


body .staff_under_tab .fa-stack {
    height: 1.5em;
    width: 1.5em;
    line-height: 1.5em;
}

body .portlet-header .fa-maintenance {
    color: #ccc;
    font-size:1.5em;
    margin-left:15px;
    cursor: pointer;
}

body .portlet-header .fa-maintenance:hover {
    color: #595959;
}

body .staff_under_tab .fa-stack-2x {
    font-size :1.5em;
}

body .staff_under_tab .fa-stack {
    height: 1.5em;
    width: 1.5em;
    line-height: 1.5em;
}

body .staff-pane-section .form-control {
    color: #000 !important;
    font-weight: bolder;
    margin: 0 0 0.3em;
    background-color: #ccc;
    /* BRUCE-COLOR */
    border: 1px solid #dfdfdf;
    padding: 1px 5px 1px 5px;
}

body .tab-content {
    background: #8c8c8c;
    border-top: 1px solid #a6a6a6;
    border-right: 1px solid #737373;
    border-bottom: 1px solid #737373;
    border-left: 1px solid #a6a6a6;
    /* BRUCE-COLOR */
    margin-top: -25px;
    margin-left: 10px;
    padding: 0px 10px 10px 10px;
    box-shadow: 1px 1px 3px rgba(33,62,83,0.7);
    -moz-box-shadow: 1px 1px 3px rgba(33,62,83,0.7);
    -webkit-box-shadow: 1px 1px 3px rgba(33,62,83,0.7);
}

body .tab-content p {
    color: #333;
    margin: 0;
    font-size:11px;
}

body .tab-content .select2-selection__rendered {
    margin-bottom:-2px !important;
}

body .tab-content .staff-field {
    color: #000;
    font-weight: bolder;
    background: #8c8c8c;
}

body .tab-content, body .staff-pane-section, body .resident-pane-section {
    line-height: 0.95em;
}

body .tab-content .date_range_picker, .btn_date_range_picker {
    background: #e6e6e6;
    cursor: pointer;
    padding: 0px 10px;
    border: 1px solid #808080;
    border-radius:3px;
    margin-bottom: 10px;
    display:inline-block;
}

body .tab-content .date_range_picker:hover, .btn_date_range_picker:hover {
    background: #f2f2f2;
}

body #tab-cont-urh .form-control,
body #tab-cont-adm-upper .form-control {
    color: #000 !important;
    font-weight: bolder;
    margin: 0 0 0.3em;
    background-color: #999;
    /* BRUCE-COLOR */
    border: 1px solid #aaa;
    padding: 1px 5px 1px 5px;
}

#tab-cont-adm-upper hr {
    margin: 10px -20px;
    border-top: 1px solid #999;
}

#myTabContent .table>thead:first-child>tr:first-child>th {
    border-top: 1px rgba(52, 73, 94, 0.94) solid;
    border-bottom: none;
}

body .lists_view .form-control {
    color: #000 !important;
    font-weight: bolder;
    margin: -0.5em 0 0.6em;
    background-color: #ccc;
    /* BRUCE-COLOR */
    border: 1px solid #d9d9d9;
    padding: 1px 5px 1px 5px;
}

body #memo_others {
    color: #000 !important;
    font-weight: bolder;
    margin: 0 0 0.3em;
    background-color: #8c8c8c;
    /* BRUCE-COLOR */
    border: 1px solid #aaa;
    padding: 1px 5px 1px 5px;
    overflow: auto;
}

body .staff-pane-section .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
}
body .staff-pane-section .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #999;
}
body .staff-pane-section .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #999;
}
body .staff-pane-section .form-control:-moz-placeholder { /* Firefox 18- */
    color: #999;
}

body .tab-content .form-control::-webkit-input-placeholder {
    color: #555;
}

body .tab-content .form-control::-moz-placeholder {
    color: #555;
}

body .tab-content .form-control:-ms-input-placeholder {
    color: #555;
}

body .tab-content .form-control:-moz-placeholder {
    color: #555;
}

body .staff-pane-hr {
    border : 1px solid #c6c6c6;
    /* BRUCE-COLOR */
    margin:0 -20px 10px -40px;
}

body .staff-note{
    padding-left: 42px;
}

body .staff-textarea{
    width: 97% !important;
    float: right !important;
}

body #staff-secondnote {
    width: 86% !important;
}

body .tab-text {
    font-size: 13px;
}

body .tab-pane {
    padding: 10px 20px;
}

footer {
    text-align: center;
}

footer#login-footer {
    margin-top: 650px !important;
}

body .profile_img .modal-header {
    background: #d9d9d9;
    border-bottom: 1px solid #999;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

body .profile_img .modal-body {
    background: #f2f2f2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#login_content_footer {
    padding: 10px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    min-width: 280px;
    background: #e6e6e6;
}

#board_area .form-control {
    border-radius: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    color: #555;
    margin:0 0 8px !important;
}

#board_area .form-control:focus {
    border-color: #CCD0D7;
    -moz-box-shadow:    inset 0 0 6px #666;
    -webkit-box-shadow: inset 0 0 6px #666;
    box-shadow:         inset 0 0 6px #666;
}

/* *************************************** /newly added *************************************** */

body .panel-transparent {
    background-color: rgba(245, 245, 245, 0);
}

body.nav-sm .container.body .left_col {
    width: 70px;
    padding: 0;
    position: absolute;
    height: 100%;
    z-index: 200;
}

body.nav-sm .container.body .right_col {
    padding: 10px 20px;
    margin-left: 70px;
    z-index: 2;
}

.right_col {
    min-height: 700px;
    /*max-width: 1210px;*/
    /* BRUCE added max-width */
}

body.nav-sm .navbar.nav_title {
    width: 70px;
}

body.nav-sm .navbar.nav_title a span {
    display: none;
}

body.nav-sm .navbar.nav_title a i {
    font-size: 27px;
    margin: 13px 0 0 3px;
}

.site_title i {
    border: 1px solid #EAEAEA;
    padding: 5px 6px;
    border-radius: 50%;
}
.main_container {
    z-index: 100;
}
body.nav-sm .main_container .top_nav {
    padding: 0 !important;
    display: block;
    margin-left: 70px;
    z-index: 2;
}

body.nav-sm .nav.side-menu li a {
    text-align: center !important;
    font-weight: 400;
    font-size: 10px;
    padding: 10px 5px;
}

body.nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid #1ABB9C;
}

body.nav-sm > .nav.side-menu > li.active-sm > a {
    color: #1ABB9C !important;
}

body.nav-sm .nav.side-menu li a i.toggle-up {
    display: none !important;
}

body.nav-sm .nav.side-menu li a i {
    font-size: 25px !important;
    text-align: center;
    width: 100% !important;
    margin-bottom: 5px;
}

body.nav-sm ul.nav.child_menu {
    left: 100%;
    position: absolute;
    top: 0;
    padding: 10px;
    width: 210px;
    z-index: 4000;
    background: #3E5367;
    display: none;
}

body.nav-sm ul.nav.child_menu li {
    padding-left: 0;
}

body.nav-sm ul.nav.child_menu li a {
    text-align: left !important;
}

body.nav-sm .profile {
    display: none;
}

body.nav-sm #logo-lg {
    display: none;
}

body.nav-md #logo-sm {
    display: none;
}

.menu_section {
    margin-bottom: 35px;
}

.profile_info h3 {
    color: #d2d2d2;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 400;
    font-size: 11px;
    text-shadow: 1px 1px #000;
}

.menu_section >ul {
}

.profile_pic {
    width: 35%;
    float: left;
}

.img-circle.profile_img {
    /*width: 80%;*/
    width: 65px;
    height: 65px;
    background: #fff;
    margin-left: 15%;
    z-index: 1000;
    position: inherit;
    margin-top: 30px;
    border: 1px solid rgba(52, 73, 94, 0.44);
    padding: 4px;
}

.profile_info {
    padding: 25px 10px 0;
    width: 65%;
    float: left;
    margin: 18px auto;
}

.profile_info span {
    font-size: 13px;
    line-height: 30px;
    color: #BAB8B8;
}

.profile_info h2 {
    font-size: 15px;
    color: #ECF0F1;
    margin: 0;
    font-weight: 500;
    text-shadow: 1px 1px #000;
}

.profile.img_2 {
    text-align: center;
}

.profile.img_2 .profile_pic {
    width: 100%;
}

.profile.img_2 .profile_pic .img-circle.profile_img {
    width: 50%;
    margin: 10px 0 0;
}

.profile.img_2 .profile_info {
    padding: 15px 10px 0;
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

#sidebar-menu span.fa {
    float: right;
    text-align: center;
    margin-top: 5px;
    font-size: 10px !important;
    min-width: inherit;
    color: #C4CFDA;
}


.active a span.fa {
    text-align: right !important;
    margin-right: 4px;
}

body.nav-sm .menu_section {
    margin: 0;
}

body.nav-sm .left_col span.fa,
body.nav-sm .menu_section h3 {
    display: none !important;
}

.nav_menu {
    background: #eee;
    border-bottom: 1px solid #BDBDBD;
    width: 100%;
    height: 57px;
}
.signage {
    background: #ffe082;
    background-color: #449d44;
    border: 4px solid #fff;
    width: 300px;
    height: 45px;
    position: absolute;
    top: -1px;
    right: 30px;
    color: #fff;
}
.signage_title {
    margin-top: 3px;
    margin-bottom: -5px;
}
.signage_sub {
    padding: 0;
    font-size: 11px;
    color: yellow;
}

body.nav-md .container.body .col-md-3.left_col {
    width: 230px;
    padding: 0;
    position: absolute;
    display: flex;
}

body .container.body .right_col {
    background: #ccc;
    /* BRUCE-COLOR */
}

body .right_col {
    /*padding-right: 30px !important;*/
    padding-right: 30px;
    /*BRUCE added margin*/
}

body.nav-md .container.body .right_col {
    padding: 10px 20px 0;
    margin-left: 230px;
}

.nav_title {
    width: 230px;
    float: left;
    background: #2A3F54;
    border-radius: 0;
    height: 57px;
}

@media (max-width: 1px) {
    body.nav-md .container.body .right_col,
    body.nav-md .container.body .top_nav {
        width: 100%;
        margin: 0;
    }
    body.nav-md .container.body .col-md-3.left_col {
        display: none;
    }
    body.nav-md .container.body .right_col {
        width: 100%;
        padding-right: 0
    }
    .right_col {
        padding: 10px !important;
    }
}

@media (max-width: 1200px) {
    .x_title h2 {
        width: 62%;
        font-size: 17px;
    }
    .tile,
    .graph {
        zoom: 85%;
        height: inherit;
    }
}

@media (max-width: 1270px) and (min-width: 192px) {
    .x_title h2 small {
        display: none
    }
}
/**  ------------------------------------------  **/

black,
.black {
    color: #000;
}

blue,
.blue {
    color: #3498DB;
}

blue2,
.blue2 {
    color: #0000ff;
}

purple,
.purple {
    color: #9B59B6;
}

green,
.green {
    color: #1ABB9C;
}

.aero {
    color: #9CC2CB;
}

red,
.red {
    color: #E74C3C;
}

orange,
.orange {
    color: #ff8f00;
}

dark,
.dark {
    color: #34495E;
}
yellow,
.yellow {
    color: #F0EE6B;
}
gold,
.gold {
    color: #F4B400;
}
.link_grey {
    color: #5A738E;
}

brown,
.brown {
    color: #7f1d1b;
}
dark-brown,
.dark-brown {
    color: #8c4341;
}
grey,
.grey {
    color: #7f7f7f;
}
dark-grey,
.dark-grey {
    color: #565656;
}

.border-blue {
    border-color: #3498DB !important;
}

.border-purple {
    border-color: #9B59B6 !important;
}

.border-green {
    border-color: #1ABB9C !important;
}
.border-grey {
    border-color: #e3e3e3 !important;
}

.border-aero {
    border-color: #9CC2CB !important;
}

.border-red {
    border-color: #E74C3C !important;
}

.border-dark {
    border-color: #34495E !important;
}

.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #73879C;
}

.bg-green {
    background: #1ABB9C !important;
    border: 1px solid #1ABB9C !important;
    color: #fff;
}
.bg-dark-green {
    background: #0c5648 !important;
    border: 1px solid #0c5648 !important;
    color: #fff;
}
.bg-light-green {
    background: #abe7a8 !important;
    border: 1px solid #abe7a8 !important;
    color: #000;
}

.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff;
}
.bg-dark-red {
    background: #ba3d30 !important;
    border: 1px solid #ba3d30 !important;
    color: #fff;
}

.bg-blue {
    background: #3498DB !important;
    border: 1px solid #3498DB !important;
    color: #fff;
}
.bg-dark-blue {
     background: #2b7db4 !important;
     border: 1px solid #2b7db4 !important;
     color: #fff;
 }

.bg-orange {
    background: #F39C12 !important;
    border: 1px solid #F39C12 !important;
    color: #fff;
}
.bg-dark-orange {
    background: #b4730c !important;
    border: 1px solid #b4730c !important;
    color: #fff;
}

.bg-yellow {
    background: #F0EE6B !important;
    border: 1px solid #F0EE6B !important;
    color: #fff;
}

.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff;
}

.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff;
}

.bg-light-grey {
    background: #ececed !important;
    border: 1px solid #ececed !important;
    color: #000;
}

.bg-grey {
    background: #a7a7a7 !important;
    border: 1px solid #a7a7a7 !important;
    color: #000;
}
.container {
    width: 100%;
    padding: 0
}

.navbar-nav>li>a,
.navbar-brand,
.navbar-nav>li>a {
    color: #fff !important;
}

.navbar-brand,
.navbar-nav>li>a {
    margin-bottom: 5px
}

body {
    color: #000; /*73879C;*/
    background: #2A3F54;
    /* BRUCE-COLOR */

    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; /*Calibri, Candara, Segoe, "Helvetica Neue", Optima, Arial, sans-serif;*/
    font-size: 13px; /*15px*/
    font-weight: 400;
    line-height: 1.471;
}

.main_container .top_nav {
    padding: 0 !important;
    display: block;
    padding: 10px 20px 0;
    margin-left: 230px;
}

.no-padding {
    padding: 0 !important;
}

.page-title {
    width: 100%;
    height: 65px;
    padding: 10px 0;
}

.page-title .title_left {
    width: 45%;
    float: left;
    display: block;
}

.page-title .title_left h3 {
    margin: 9px 0;
}

.page-title .title_right {
    width: 55%;
    float: left;
    display: block;
}

.page-title .title_right .pull-right {
    margin: 10px 0;
}

.fixed_height_320 {
    height: 320px;
}

.fixed_height_390 {
    height: 390px;
}

.fixed_height_200 {
    height: 200px;
}

.overflow_hidden {
    overflow: hidden
}

@media (min-width: 192px) and (max-width: 1270px) {
    .hidden-small {
        display: none !important;
    }
    table.tile_info span.right {
        margin-right: 7px;
        float: left;
    }
}

.center-margin {
    margin: 0 auto;
    float: none!important;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}
.col-w240 {
    width: 240px !important;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}

.grid_slider .col-md-6 {
    padding: 0 40px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

a {
    color: #5A738E;
    text-decoration: none;
}

a,
a:visited,
a:focus,
a:active,
:visited,
:focus,
:active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 0;
}

a:hover,
a:focus {
    text-decoration: none
}

.navbar {
    margin-bottom: 0
}

.navbar-header {
    background: #34495E;
}

.navbar-right {
    margin-right: 0;
}

.top_nav .navbar-right {
    margin: 0;
    width: 100%;
    float: right;
}

.top_nav .navbar-right li {
    display: inline-block;
    float: right;
}

.top_nav .dropdown-menu {
    min-width: 220px;
}

.top_nav .dropdown-menu li {
    width: 100%;
}

.top_nav .dropdown-menu li a {
    width: 100%;
    padding: 12px 20px;
}

.navbar-static-top {
    position: fixed;
    top: 0;
    width: 100%;
}

.sidebar-header {
    border-bottom: 0;
    margin-top: 46px;
}

.sidebar-header:first-of-type {
    margin-top: 0
}

.nav.side-menu> li {
    position: relative;
    display: block;
    cursor:pointer;
}

.nav.side-menu> li > a {
    margin-bottom: 6px;
}

.nav.side-menu> li > a:hover {
    color: #F2F5F7 !important;
}

.nav.side-menu>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background: transparent;
}

.nav.child_menu li:hover {
    background-color: rgba(255, 255, 255, 0.06);
}

.nav.child_menu li {
    padding-left: 36px
}

body.nav-md ul.nav.child_menu li:before {
    background: #425668;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

body.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #425668;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0;
}

.nav.side-menu>li>a,
.nav.child_menu>li>a {
    color: #E7E7E7 !important;
    font-weight: 500;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 13px 15px 7px;
}

.nav.side-menu> li.current-page,
.nav.side-menu> li.active {
    border-right: 5px solid #1ABB9C;
}

li.current-page {
    background: rgba(255, 255, 255, 0.05);
}

.nav.side-menu> li.active > a {
    color: #ff0000;
    text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b6479), color-stop(100%, #4c5566)), #686e78;
    background: -webkit-linear-gradient(#334556, #2C4257), #2A3F54;
    background: -moz-linear-gradient(#334556, #2C4257), #2A3F54;
    background: -o-linear-gradient(#334556, #2C4257), #2A3F54;
    background: linear-gradient(#334556, #2C4257), #2A3F54;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}

li.current-page a {
    color: #1ABB9C !important
}

.navbar-brand,
.navbar-nav>li>a {
    font-weight: 500;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 32px;
}

.site_title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 22px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 59px;
    display: block;
    height: 55px;
    margin: 0;
    padding-left: 10px;
}

.site_title:hover,
.site_title:focus {
    text-decoration: none
}

.nav.navbar-nav>li>a {
    color: #515356 !important;
}

.nav.top_menu>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #34495E !important;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent;
}

.top_search {
    padding: 0;
    /*width:300px;*/
    padding-top: 13px;
}

.top_search .form-control {
    border-right: 0;
    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
    border-radius: 25px 0px 0px 25px;
    padding-left: 20px;
    border: 1px solid rgba(221, 226, 232, 0.49);
}

.top_search .input-group-btn button {
    border-radius: 0px 25px 25px 0px;
    border: 1px solid rgba(221, 226, 232, 0.49);
    border-left: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #93A2B2;
    margin-bottom: 0 !important;
}

.toggle {
    float: left;
    margin: 0;
    padding-top: 14px;
    width: 70px;
}

.toggle a {
    padding: 15px 15px 0;
    margin: 0;
}

.toggle a i {
    font-size: 26px;
}

.nav.child_menu > li > a {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 12px;
    padding: 9px;
}

.panel_toolbox {
    float: right;
    min-width: 70px;
}

.panel_toolbox>li {
    float: left;
}

.panel_toolbox>li>a {
    padding: 5px;
    color: #C5C7CB;
    font-size: 14px;
}

.panel_toolbox>li>a:hover {
    background: #F5F7FA;
}

.line_30 {
    line-height: 30px;
}

.main_menu_side {
    padding: 0;
}

.bs-docs-sidebar .nav>li>a {
    display: block;
    padding: 4px 6px;
}

.x_content canvas {}

footer {
    background: #fff;
    padding: 5px 20px 0;
    height: 65px;
    padding-top: 16px;
    margin: 0 -30px 0 -20px;
}

.tile-stats.sparkline {
    padding: 10px;
    text-align: center;
}

.jqstooltip {
    background: #34495E !important;
    width: 30px !important;
    height: 22px !important;
    text-decoration: none;
}

a.btn-success,
a.btn-primary,
a.btn-warning,
a.btn-danger {
    color: #fff !important;
}

.btn {
    border-radius: 3px;
}

.tooltip {
    display: block !important;
}

.tiles {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 5px;
    margin-bottom: 0;
}

.tile {
    overflow: hidden;
}

.top_tiles {
    margin-bottom: 0;
}

.top_tiles .tile span {}

.top_tiles .tile h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 3px 0 7px;
    font-weight: bold;
}

article.media {
    width: 100%;
}

/* ***************************************  site map  *************************************** */

body .background-land {
    background: #b3b3b3 !important;
}

body .jt-01 {
    color: #bfbfbf;
    background: url(../images/rv_02.jpg) no-repeat top center;
    background-size: cover;
    padding: 20px 30px 20px 30px !important;
    margin-bottom: 15px !important;
    margin-top: 5px !important;
}

body .jt-02 {
    color: #bfbfbf;
    background: url(../images/rv_04.jpg) no-repeat top center;
    background-size: cover;
    padding: 10px 30px 8px 30px !important;
    margin-bottom: 15px !important;
    margin-top: 5px !important;
}

body .jt-03 {
    color: #bfbfbf;
    background: url(../images/rv_06.jpg) no-repeat top center;
    background-size: cover;
    padding: 20px 30px 20px 30px !important;
    margin-bottom: 15px !important;
}

body .jt-04 {
    color: #bfbfbf;
    background: url(../images/rv_07.jpg) no-repeat top center;
    background-size: cover;
    padding: 20px 30px 20px 30px !important;
    margin-bottom: 15px !important;
}

body .jt-05 {
    color: #bfbfbf;
    background: url(../images/rv_03.jpg) no-repeat top center;
    background-size: cover;
    padding: 15px 30px 20px 30px !important;
    margin-bottom: 15px !important;
}

body .jt-06 {
    color: #bfbfbf;
    background: url(../images/rv_08.jpg) no-repeat top center;
    background-size: cover;
    padding: 15px 30px 20px 30px !important;
    margin-bottom: 15px !important;
}

/* ***************************************  /site map  *************************************** */
/* *********  custom accordion  **************************** */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#integration-list {
    width: 100%;
    margin: 0 auto;
    display: table;
}

#integration-list ul {
    padding: 0;
    margin: 20px 0;
    color: #555;
}

#integration-list ul > li {
    list-style: none;
    border-top: 1px solid #ddd;
    display: block;
    padding: 15px;
    overflow: hidden;
}

#integration-list ul:last-child {
    border-bottom: 1px solid #ddd;
}

#integration-list ul > li:hover {
    background: #efefef;
}

.expand {
    display: block;
    text-decoration: none;
    color: #555;
    cursor: pointer;
}

.expand h2 {
    width: 85%;
    float: left;
}

h2 {
    font-size: 18px;
    font-weight: 400;
}

#left,
#right {
    display: table;
}

#sup {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}

.detail a {
    text-decoration: none;
    color: #C0392B;
    border: 1px solid #C0392B;
    padding: 6px 10px 5px;
    font-size: 13px;
    margin-right: 7px;
}

.detail {
    margin: 10px 0 10px 0px;
    display: none;
    line-height: 22px;
    height: 150px;
}

.detail span {
    margin: 0;
}

.right-arrow {
    width: 10px;
    float: right;
    font-weight: bold;
    font-size: 20px;
}

.accordion .panel {
    margin-bottom: 5px;
    color: #a0bfde;
    font-size: 12px;
}

.accordion .accordion-submenu {
    color: #6798cb !important;
    font-size: 12px;
}

.accordion .panel-heading {
    color: #E9EDEF;
    background: rgba(52, 73, 94, 0.88);
    padding: 8px;
    width: 100%;
    display: block;
    border-radius: 5px;
    border: #274b72 1px solid;
}

.accordion .panel:hover {
    background: transparent;
}

.x_panel {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px;
}

.x_title .filter {
    width: 40%;
    float: right;
}

.x_title h2 {
    margin: 5px 0 6px;
    float: left;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.x_title h2 small {
    margin-left: 10px;
}

.x_title span {
    color: #000;
}

.x_content {
    padding: 0 5px 6px;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 5px;
}

.x_content h4 {
    font-size: 16px;
    font-weight: 500;
}

legend {
    padding-bottom: 7px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.demo-placeholder {
    height: 280px;
}
/* *********  contacts  ********************************** */
.profile_view {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.well.profile_view {
    padding: 10px 0 0;
}

.well.profile_view .divider {
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 5px;
}

.well.profile_view .ratings {
    margin-bottom: 0;
}

.pagination.pagination-split li {
    display: inline-block;
    margin-right: 3px;
}

.pagination.pagination-split li a {
    border-radius: 4px;
    color: #768399;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.well.profile_view {
    background: #fff;
}

.well.profile_view .bottom {
    margin-top: -20px;
    background: #F2F5F7;
    padding: 9px 0;
    border-top: 1px solid #E6E9ED;
}

.well.profile_view .left {
    margin-top: 20px;
}

.well.profile_view .left p {
    margin-bottom: 3px;
}

.well.profile_view .right {
    margin-top: 0px;
    padding: 10px;
}

.well.profile_view .img-circle {
    border: 1px solid #E6E9ED;
    padding: 2px;
}

.well.profile_view h2 {
    margin: 5px 0;
}

.well.profile_view .ratings {
    text-align: left;
    font-size: 16px;
}

.well.profile_view .brief {
    margin: 0;
    font-weight: 300;
}

.profile_left {
    background: white;
}
/* *********  /contacts  ********************************** */
/* *********  /custom accordion  **************************** */
/* *********  dashboard widget  **************************** */

table.tile h3,
table.tile h4,
table.tile span {
    font-weight: bold;
    vertical-align: middle !important;
}

table.tile th,
table.tile td {
    text-align: center;
}

table.tile th {
    border-bottom: 1px solid #E6ECEE;
}

table.tile td {
    padding: 5px 0;
}

table.tile td ul {
    text-align: left;
    padding-left: 0
}

table.tile td ul li {
    list-style: none;
    width: 100%;
}

table.tile td ul li a {
    width: 100%
}

table.tile td ul li a big {
    right: 0;
    float: right;
    margin-right: 13px;
}

table.tile_info {
    width: 100%;
}

table.tile_info td {
    text-align: left;
    padding: 1px;
    font-size: 15px
}

table.tile_info td p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    line-height: 28px;
}

table.tile_info td i {
    margin-right: 8px;
    font-size: 17px;
    float: left;
    width: 18px;
    line-height: 28px
}

table.tile_info td:first-child {
    width: 83%;
}

td span {
    line-height: 28px;
}
td span.fit {
    line-height: 0;
}

.sidebar-widget {
    overflow: hidden;
}

.error-number {
    font-size: 90px;
    line-height: 90px;
    margin: 20px 0;
}

.col-middle {
    margin-top: 5%;
}

.mid_center {
    width: 370px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px;
}

h3.degrees {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}

.degrees:after {
    content: "o";
    position: relative;
    top: -12px;
    font-size: 13px;
    font-weight: 300;
}

.daily-weather .day {
    font-size: 14px;
    border-top: 2px solid rgba(115, 135, 156, 0.36);
    text-align: center;
    border-bottom: 2px solid rgba(115, 135, 156, 0.36);
    padding: 5px 0;
}

.weather-days .col-sm-2 {
    overflow: hidden;
    width: 16.66666667%;
}

.weather .row {
    margin-bottom: 0
}
/* *********  tables styling  ******************************* */

.bulk-actions {
    display: none;
}

table.countries_list {
    width: 100%;
}

table.countries_list td {
    padding: 0 10px;
    line-height: 30px;
    border-top: 1px solid #eeeeee;
}

.dataTables_paginate a {
    padding: 6px 9px !important;
    background: #ddd !important;
    border-color: #ddd !important;
}

.paging_full_numbers a.paginate_active {
    background-color: rgba(38, 185, 154, 0.59) !important;
    border-color: rgba(38, 185, 154, 0.59) !important;
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
    border: 1px solid #E7E7E7 !important;
    background: #E7E7E7 !important;
    box-shadow: none !important;
}

table.jambo_table {
    border: 1px solid rgba(221, 221, 221, 0.78);
    margin-bottom:0px;
}

table.jambo_table thead,table.jambo_table thead>tr,table.jambo_table thead>tr>th {
    background: rgba(52, 73, 94, 0.94) !important;
    color: #ECF0F1;
    font-size: 15px;
}

table.jambo_table thead>tr>th:not(.np),
table.jambo_table tbody>tr>td:not(.np),
table.jambo_table tfoot>tr>td:not(.np) {
    padding: 3px 10px !important;
}

table.jambo_table tbody>tr>td>a {
    text-decoration: none;
}

table.jambo_table tbody,table.jambo_table tbody>tr,table.jambo_table tbody>tr>td {
    font-size: 13px;
}

table.jambo_table tbody tr:hover td {
    font-size: 13px;
}
table.jambo_table tbody tr:not(.no_hover):hover td {
     /*background: rgba(38, 185, 154, 0.07);*/
     background: #ccc !important;
     border-top: 1px solid rgba(38, 185, 154, 0.11);
     border-bottom: 1px solid rgba(38, 185, 154, 0.11);
 }


table.jambo_table tbody tr.selected {
    background: rgba(38, 185, 154, 0.16);
    font-size: 13px;
}

table.jambo_table tbody tr.selected td {
    border-top: 1px solid rgba(38, 185, 154, 0.40);
    border-bottom: 1px solid rgba(38, 185, 154, 0.40);
    font-size: 13px;
}

/* Pagination */
.pagination>li>a, .pagination>li>span {
    color:#333;
    background: #ccc;
    margin:-3px 0 -6px;
}

table.jambo_table .pagination {
    margin: 10px 0;
}

.pagination>.active>a, .pagination>.active>a:hover {
    background: #4d4d4d;
    border-color: #333;
    color:#fff;
}

.pagination>li>a:hover{
    background: #fff;
    color:#333;
}

table.jambo_table tfoot tr>td>ul>li>a:focus {
    background: #bfbfbf;
    color:#333;
}

body .pagination-page {
    text-align:center !important;
    background:#ccc !important;
    padding:0 2px !important;
    border:#ccc 1px solid !important;
}

.dataTables_paginate a {
    background: #ff0000;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1;
    /* Feeling sorry for IE */
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_info {
    width: 60%;
    float: left;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}
/* Pagination nested */

.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important;
}

.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}

.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}

.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_disabled_previous {
    background: url('../images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
    background: url('../images/back_enabled.png') no-repeat top left;
}

.paginate_enabled_previous:hover {
    background: url('../images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
    background: url('../images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
    background: url('../images/forward_enabled.png') no-repeat top right;
}

.paginate_enabled_next:hover {
    background: url('../images/forward_enabled_hover.png') no-repeat top right;
}

table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

table.display thead th {
    padding: 8px 18px 8px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}

table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 3px 10px;
}

table.display td.center {
    text-align: center;
}

.sorting_asc {
    background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
    background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('../images/sort_desc_disabled.png') no-repeat center right;
}

table.display thead th:active,
table.display thead td:active {
    outline: none;
}

.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.top,
.bottom {}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers a:active {
    outline: none
}

.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
}
/* *********  /tables styleing  ****************************** */
/* *********  /dashboard widget  **************************** */
/* *********  widgets  *************************************** */

ul.msg_list li {
    background: #f7f7f7;
    padding: 5px;
    display: flex;
    margin: 6px 6px 0;
    width: 96% !important;
}

ul.msg_list li:last-child {
    margin-bottom: 6px;
    padding: 10px;
}

ul.msg_list li a {
    padding: 3px 5px !important;
}

ul.msg_list li a .image img {
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    float: left;
    margin-right: 10px;
    width: 11%;
}

ul.msg_list li a .time {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    right: 35px;
}

ul.msg_list li a .message {
    display: block !important;
    font-size: 11px;
}

.dropdown-menu.msg_list {
    width: 300px !important;
}

.dropdown-menu.msg_list span {
    white-space: normal;
}

.dropdown-menu {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px;
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #999999;
}

.dropdown-menu:after {
    border-bottom: 6px solid #999999;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    top: -6px;
}
.top.dropdown-menu:after {
    right: 6%;
    border-bottom-color: #fff;
}
.dropdown-menu>li>a {
    color: #5A738E;
}

.navbar-nav .open .dropdown-menu {
    position: absolute;
    background: #fff;
    margin-top: 0;
    border: 1px solid #D9DEE4;
    -webkit-box-shadow: none;
}

.info-number .badge {
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    padding: 2px 6px;
    position: absolute;
    right: 2px;
    top: 12px;
}
.info-number .badge.badge-left {
    right: 30px;
}
#diary_icon {
    font-weight: 500;
    margin-left: 0 !important;
    line-height: 32px;
    color: #515356 !important;
    position: relative;
    display: block;
    padding: 13px 10px 7px;
}
#diary_icon a {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 5px;
    right: 2px;
}
#diary_icon a.left {
    right: 30px;
}
#diary_icon .badge {
    position: initial;
    right: 0;
    top: 0;
}
ul.to_do {
    padding: 0;
}

ul.to_do li {
    background: #f3f3f3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    padding: 7px;
    margin-bottom: 5px;
    list-style: none;
}

ul.to_do p {
    margin: 0;
}

.dashboard-widget {
    background: #f6f6f6;
    border-top: 5px solid #79C3DF;
    border-radius: 3px;
    padding: 5px 10px 10px;
}

.dashboard-widget .dashboard-widget-title {
    font-weight: normal;
    border-bottom: 1px solid #c1cdcd;
    margin: 0 0 10px 0;
    padding-bottom: 5px;
    padding-left: 40px;
    line-height: 30px;
}

.dashboard-widget .dashboard-widget-title i {
    font-size: 100%;
    margin-left: -35px;
    margin-right: 10px;
    color: #33a1c9;
    padding: 3px 6px;
    border: 1px solid #abd9ea;
    border-radius: 5px;
    background: #fff;
}

ul.quick-list {
    width: 45%;
    padding-left: 0;
    display: inline-block;
}

ul.quick-list li {
    padding-left: 10px;
    list-style: none;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

ul.quick-list li i {
    padding-right: 10px;
    color: #757679;
}

.dashboard-widget-content {
    padding-top: 9px;
}

.dashboard-widget-content .sidebar-widget {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border: 1px solid #abd9ea;
    border-radius: 5px;
    text-align: center;
    float: right;
    padding: 2px;
    margin-top: 10px;
}

.widget_summary {
    width: 100%;
    display: inline-flex;
}

.widget_summary .w_left {
    float: left;
    text-align: left;
}

.widget_summary .w_center {
    float: left;
}

.widget_summary .w_right {
    float: left;
    text-align: right;
}

.widget_summary .w_right span {
    font-size: 20px;
}

.w_20 {
    width: 20%
}

.w_25 {
    width: 25%
}

.w_55 {
    width: 55%
}

h5.graph_title {
    text-align: left;
    margin-left: 10px
}

h5.graph_title i {
    margin-right: 10px;
    font-size: 17px
}

span.right {
    float: right;
    font-size: 14px !important
}

.tile_info a {
    text-overflow: ellipsis;
}

.sidebar-footer {
    bottom: 0px;
    clear: both;
    display: block;
    padding: 5px 0 0 0;
    position: fixed;
    width: 230px;
    z-index: 1000;
    background: #2A3F54;
}

.sidebar-footer a {
    padding: 7px 0 3px;
    text-align: center;
    /*width: 25%;*/
    font-size: 17px;
    display: block;
    float: left;
    background: #172D44;
}

.sidebar-footer a.disabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}
.sidebar-footer a:hover {
    background: #425567;
}

.tile_count {
    margin-bottom: 20px;
    margin-top: 20px;
}

.tile_count div:first-child .left {
    border: 0;
}

.tile_count .tile_stats_count {
    border-left: 0px solid #333;
    padding: 0;
}

.tile_stats_count .left {
    width: 15%;
    float: left;
    height: 65px;
    border-left: 2px solid #ADB2B5;
    margin-top: 10px;
}

.tile_stats_count .right {
    padding-left: 10px;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tile_stats_count .right span {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tile_stats_count .count {
    font-size: 40px;
    line-height: 47px;
    font-weight: 600;
}

.tile_stats_count .count small {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.count_bottom i {
    width: 12px;
}

.dashboard_graph {
    background: #fff;
    padding: 7px 10px;
}

.dashboard_graph .col-md-9,
.dashboard_graph .col-md-3 {
    padding: 0;
}

a span.resident-profile,
a span.user-profile,
a.resident-profile,
a.user-profile {
    color: #5E6974 !important;
    line-height: inherit;
    cursor: pointer;
}
a.user-profile.black {
    color: #000 !important;
}
a.user-profile.blue {
    color: #0000ff !important;
}
.resident-profile img,
.user-profile img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 10px;
}

.progress_2 .user-profile img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.message_list .user-profile img {
    margin-top: 3px;
}

ul.top_profiles {
    height: 330px;
    width: 100%;
}

ul.top_profiles li {
    margin: 0;
    padding: 3px 5px;
}

ul.top_profiles li:nth-child(odd) {
    background-color: #eee;
}

.media .profile_thumb {
    border: 1px solid;
    width: 50px;
    height: 50px;
    margin: 5px 10px 5px 0;
    border-radius: 50%;
    padding: 9px 12px;
}

.media .profile_thumb i {
    font-size: 30px;
}

.media .date {
    background: #ccc;
    width: 52px;
    margin-right: 10px;
    border-radius: 10px;
    padding: 5px;
}

.media .date .month {
    margin: 0;
    text-align: center;
    color: #fff;
}

.media .date .day {
    text-align: center;
    color: #fff;
    font-size: 27px;
    margin: 0;
    line-height: 27px;
    font-weight: bold;
}

.event .media-body a.title {
    font-weight: bold;
}

.event .media-body p {
    margin-bottom: 0;
}

h4.graph_title {
    margin: 7px;
    text-align: center;
}
/* *********  /widgets  *************************************** */
/* *********  iconts-display  **************************** */

.fontawesome-icon-list .fa-hover a:hover {
    background-color: #ddd;
    color: #fff;
    text-decoration: none;
}

.fontawesome-icon-list .fa-hover a {
    display: block;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
}

.fontawesome-icon-list .fa-hover a:hover .fa {
    font-size: 28px;
    vertical-align: -6px;
}

.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 16px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

#sidebar-menu .fa {
    width: 26px;
    opacity: .99;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* *********  /iconts-display  **************************** */
/* *********  Tile stats  **************************** */

.tile-stats {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    background: #FFF;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tile-stats:hover .icon i {
    animation-name: tansformAnimation;
    animation-duration: .5s;
    animation-iteration-count: 1;
    color: rgba(58, 58, 58, 0.41);
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: tansformAnimation;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: tansformAnimation;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
}

.tile-stats .icon {
    color: #BAB8B8;
    position: absolute;
    right: 53px;
    top: 22px;
    z-index: 1;
}

.tile-stats .icon i {
    margin: 0;
    font-size: 60px;
    line-height: 0;
    vertical-align: bottom;
    padding: 0;
}

.tile-stats .count {
    font-size: 38px;
    font-weight: bold;
    line-height: 1.65857143
}

.tile-stats .count,
.tile-stats h3,
.tile-stats p {
    position: relative;
    margin: 0;
    margin-left: 10px;
    z-index: 5;
    padding: 0;
}

.tile-stats h3 {
    color: #BAB8B8;
}

.tile-stats p {
    margin-top: 5px;
    font-size: 12px;
}

.tile-stats > .dash-box-footer {
    position: relative;
    text-align: center;
    margin-top: 5px;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.tile-stats > .dash-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
}

.tile-stats > .dash-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
}

table.tile_info {
    padding: 10px 15px;
}

table.tile_info span.right {
    margin-right: 0;
    float: right;
    position: absolute;
    right: 4%;
}

.tile:hover {
    text-decoration: none;
}

.tile_header {
    border-bottom: transparent;
    padding: 7px 15px;
    margin-bottom: 15px;
    background: #E7E7E7;
}

.tile_head h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.tiles-bottom {
    padding: 5px 10px;
    margin-top: 10px;
    background: rgba(194, 194, 194, 0.3);
    text-align: left;
}
/* *********  /Tile stats  **************************** */
/* *********  /inbox design  **************************** */

a.star {
    color: #428bca !important
}

.mail_content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    margin-top: 20px;
    min-height: 500px;
    padding: 10px 11px;
    width: 100%;
}

.list-btn-mail {
    margin-bottom: 15px;
}

.list-btn-mail.active {
    border-bottom: 1px solid #39B3D7;
    padding: 0 0 14px;
}

.list-btn-mail > i {
    float: left;
    font-size: 18px;
    font-style: normal;
    width: 33px;
}

.list-btn-mail > cn {
    background: none repeat scroll 0 0 #39B3D7;
    border-radius: 12px;
    color: #FFFFFF;
    float: right;
    font-style: normal;
    padding: 0 5px;
}

.button-mail {
    margin: 0 0 15px !important;
    text-align: left;
    width: 100%;
}

.buttons,
button,
.btn {
    margin-bottom: 5px;
    margin-right: 5px;
}

.btn-group-vertical .btn,
.btn-group .btn {
    margin-bottom: 0;
    margin-right: 0;
}

.mail_list_column {
    border-left: 1px solid #DBDBDB;
}

.mail_view {
    border-left: 1px solid #DBDBDB;
}

.mail_list {
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 2px;
    display: inline-block;
}

.mail_list .left {
    width: 5%;
    float: left;
    margin-right: 3%;
}

.mail_list .right {
    width: 90%;
    float: left;
}

.mail_list h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0 6px;
}

.mail_list h3 small {
    float: right;
    color: #ADABAB;
    font-size: 11px;
    line-height: 20px;
}

.mail_list .badge {
    padding: 3px 6px;
    font-size: 8px;
    background: #BAB7B7;
}

@media (max-width: 1px) {
    .mail_list {
        margin-bottom: 5px;
        display: inline-block;
    }
}

.mail_heading h4 {
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 20px;
}

.attachment {
    margin-top: 30px;
}

.attachment ul {
    width: 100%;
    list-style: none;
    padding-left: 0;
    display: inline-block;
    margin-bottom: 30px;
}

.attachment ul li {
    float: left;
    width: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.attachment ul li img {
    height: 150px;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
}

.attachment ul li span {
    float: right;
}

.attachment .file-name {
    float: left;
}

.attachment .links {
    width: 100%;
    display: inline-block;
}
/* *********  /inbox design   **************************** */
/* *********  form design  **************************** */

.editor.btn-toolbar {
    zoom: 1;
    background: #F7F7F7;
    margin: 5px 2px;
    padding: 3px 0;
    border: 1px solid #EFEFEF;
}

.input-group {
    margin-bottom: 10px;
}

.ln_solid-w {
    border-top: 1px solid #ffffff;
    color: #ffffff;
    height: 1px;
    margin: 10px 0;
}

.ln_solid {
    border-top: 1px solid #e5e5e5;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

span.section {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.form-control {
    border-radius: 0;
    height: 28px;
    line-height: 28px;
    /*width: 90%;*/
    color: #555;
}


.form-horizontal .control-label {
    padding-top: 0
}
.form-control:focus {
    border-color: #CCD0D7;
    -moz-box-shadow:    inset 0 0 3px #ccc;
    -webkit-box-shadow: inset 0 0 3px #ccc;
    box-shadow:         inset 0 0 3px #ccc;
}
.staff-pane-section .form-control:focus {
    border-color: #CCD0D7;
    -moz-box-shadow:    inset 0 0 3px #666;
    -webkit-box-shadow: inset 0 0 3px #666;
    box-shadow:         inset 0 0 3px #666;
}
.top_search .form-control:focus {
    border-color: #eee;
    -moz-box-shadow:    inset 0 0 2px #bbb;
    -webkit-box-shadow: inset 0 0 2px #bbb;
    box-shadow:         inset 0 0 2px #bbb;
}
.tab-content .form-control:focus {
    border-color: #aaa;
    -moz-box-shadow:    inset 0 0 3px #333;
    -webkit-box-shadow: inset 0 0 3px #333;
    box-shadow:         inset 0 0 3px #333;
}

legend {
    font-size: 18px;
    color: inherit;
}

.checkbox {}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}
.form-horizontal .form-group33 {
    margin-right: 0;
    margin-left: 0;
}
.form-control-feedback {
    margin-top: 8px;
    height: 23px;
    color: #bbb;
    line-height: 24px;
    font-size: 15px;
}

.form-control-feedback.left {
    border-right: 1px solid #ccc;
    left: 13px;
}

.form-control-feedback.right {
    border-left: 1px solid #ccc;
    right: 13px;
}

.form-control.has-feedback-left {
    padding-left: 45px;
}

.form-control.has-feedback-right {
    padding-right: 45px;
}

.form-group {
    margin-bottom: 10px;

}
.form-group33 {
    margin-bottom: 10px;
    font-size: 12px;
}

.validate {
    margin-top: 10px;
}

.invalid-form-error-message {
    margin-top: 10px;
    padding: 5px;
}

.invalid-form-error-message.filled {
    border-left: 2px solid #E74C3C;
}

p.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

p.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

ul.parsley-errors-list {
    list-style: none;
    color: #E74C3C;
    padding-left: 0;
}

input.parsley-error,
textarea.parsley-error,
select.parsley-error {
    background: #FAEDEC;
    border: 1px solid #E85445;
}

.btn-group .parsley-errors-list {
    display: none;
}

.bad input,
.bad select,
.bad textarea {
    border: 1px solid #CE5454;
    box-shadow: 0 0 4px -2px #CE5454;
    position: relative;
    left: 0;
    -moz-animation: .7s 1 shake linear;
    -webkit-animation: 0.7s 1 shake linear;
}

.item input,
.item textarea {
    -webkit-transition: 0.42s;
    -moz-transition: 0.42s;
    transition: 0.42s;
}
/* alerts (when validation fails) */

.item .alert {
    float: left;
    margin: 0 0 0 20px;
    padding: 3px 10px;
    color: #FFF;
    border-radius: 3px 4px 4px 3px;
    background-color: #CE5454;
    max-width: 170px;
    white-space: pre;
    position: relative;
    left: -15px;
    opacity: 0;
    z-index: 1;
    transition: 0.15s ease-out;
}

.item .alert::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #CE5454 transparent transparent;
    border-style: solid;
    border-width: 11px 7px;
    position: absolute;
    left: -13px;
    top: 1px;
}

.item.bad .alert {
    left: 0;
    opacity: 1;
}
/* ***** dropzone ****** */

.dropzone,
.dropzone * {
    box-sizing: border-box;
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 54px 54px;
}

.dropzone.dz-clickable {
    cursor: pointer;
}

.dropzone.dz-clickable * {
    cursor: default;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}

.dropzone.dz-started .dz-message {
    display: none;
}

.dropzone.dz-drag-hover {
    border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5;
}

.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px;
}

.dropzone .dz-preview:hover {
    z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
    background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}

.dropzone .dz-preview .dz-image img {
    display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white;
}

.dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626;
}
/* ***** /dropzone ****** */
.inl-bl{
    display:inline-block;
}

.well .markup-heading{

}
.well .markup{
    background: #fff;
    color: #777;
    position: relative;
    padding: 45px 15px 15px;
    margin: 15px 0 0 0;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
}

.well .markup::after{
    content: "Example";
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* ***** autocomplete ***** */

.autocomplete-suggestions {
    border: 1px solid #e4e4e4;
    background: #F4F4F4;
    cursor: default;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399ff;
    font-weight: bolder;
}
/* ***** /autocomplete *****/
/* ***** buttons ********/

.btn.btn-app {
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fafafa;
    font-size: 12px;
}

.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
    font-size: 20px;
    display: block;
}

.btn.btn-app:hover {
    background: #f4f4f4;
    color: #444;
    border-color: #aaa;
}

.btn.btn-app:active,
.btn.btn-app:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.btn-app > .badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400;
}
/* ***** /buttons *******/
/* *********  /form design  **************************** */
/* *********  calender dropdown  **************************** */

.daterangepicker .cancelBtn {
    float:right;
}

.daterangepicker.dropdown-menu {
    font-size: 13px;
    padding: 0;
    overflow: hidden;
}

.daterangepicker.picker_1 {
    background: #34495E;
    color: #ECF0F1;
}

.daterangepicker.picker_1 table.table-condensed thead tr:first-child {
    background: #1ABB9C;
}

.daterangepicker table.table-condensed thead tr:first-child th {
    line-height: 28px;
    text-align: center;
}

.daterangepicker.picker_1 table.table-condensed thead tr {
    background: #213345;
}

.daterangepicker table.table-condensed thead tr {
    line-height: 14px;
}

.daterangepicker table.table-condensed tbody tr:first-child td {
    padding-top: 10px;
}

.daterangepicker table.table-condensed th:first-child,
.daterangepicker table.table-condensed td:first-child {
    padding-left: 12px
}

.daterangepicker table.table-condensed th:last-child,
.daterangepicker table.table-condensed td:last-child {
    padding-right: 12px
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px 7px;
    text-align: center;
}

.daterangepicker table.table-condensed tbody tr:last-child td {
    padding-bottom: 10px;
}

.daterangepicker.picker_2 table.table-condensed thead tr:first-child {
    color: inherit;
}

.daterangepicker.picker_2 table.table-condensed thead tr {
    color: #1ABB9C;
}

.daterangepicker.picker_3 table.table-condensed thead tr:first-child {
    background: #1ABB9C;
    color: #ECF0F1;
}

.daterangepicker.picker_4 table.table-condensed tbody td {
    background: #ECF0F1;
    color: #34495E;
    border: 1px solid #fff;
    padding: 4px 7px;
}
.daterangepicker.picker_4 table.table-condensed tbody td.off {
    color: #999;
}
.daterangepicker.picker_4 table.table-condensed tbody td.disabled {
    cursor: not-allowed;
    color: #dedede;
}

.daterangepicker.picker_4 table.table-condensed tbody td.active {
    background: #536A7F;
    color: #fff;
}

.daterangepicker.picker_4 table.table-condensed thead tr:first-child {
    background: #34495E;
    color: #ECF0F1;
}

.xdisplay_input {
    width: 240px;
    overflow: hidden;
    padding: 0;
}

.xdisplay {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    width: 230px;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges,
.daterangepicker.openscenter .calendar {
    float: right;
}

.daterangepicker.dropdown-menu .calendar {}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    white-space: nowrap;
}

.daterangepicker td.off {
    color: #999;
}

.daterangepicker td.disabled {
    color: #999;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #eee;
    color: #34495E;
}

.daterangepicker td.in-range {
    background: #E4E7EA;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.daterangepicker td.available + td.start-date {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.in-range + td.end-date {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #536A7F;
    color: #fff;
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 13px;
    color: #ECF0F1;
    background: rgba(52, 73, 94, 0.94);
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
    height: 30px;
    border: 1px solid #3f5973;
    line-height: 30px;
    border-radius: 0px !important;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker_start_input {
    float: left;
}

.daterangepicker_end_input {
    float: left;
    padding-left: 11px
}

.daterangepicker th.month {
    width: auto;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0px;
    text-transform: uppercase;
    width: 74px;
}

.daterangepicker .ranges input {
    font-size: 11px;
}

.daterangepicker .ranges .input-mini {
    background-color: #eee;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 10px 0;
    padding: 0 6px;
    width: 74px;
}

.daterangepicker .ranges .input-mini:hover {
    cursor: pointer;
}

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

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #536A7F;
    padding: 3px 12px;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #536A7F;
    border: 1px solid #536A7F;
    color: #fff;
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-date {
    border: none;
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none;
}

.daterangepicker .ranges {
    width: 160px;
    text-align: left;
    margin: 4px;
}

.daterangepicker .ranges .range_inputs>div {
    float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
    padding-left: 11px;
}

.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px;
}
/* *********  /calender dropdown  **************************** */
/* *********  form textarea  **************************** */
textarea {
    padding: 10px;
    vertical-align: top;
    width: 200px;
}
textarea:focus {
    outline-style: solid;
    outline-width: 2px;
}
.btn_ {
    display: inline-block;
    padding: 3px 9px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}
/* *********  /form textarea  **************************** */
/* *********  glyphicons  **************************** */

.bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden
}

.bs-glyphicons-list {
    padding-left: 0;
    list-style: none
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word
}

.bs-glyphicons li:hover {
    color: #fff;
    background-color: #1ABB9C
}

@media (min-width: 1px) {
    .bs-glyphicons {
        margin-right: 0;
        margin-left: 0
    }
    .bs-glyphicons li {
        width: 12.5%;
        font-size: 12px
    }
}
/* *********  /glyphicons  **************************** */
/* *********  form tags input  **************************** */

.tagsinput {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 6px 6px 0;
    width: 300px;
    overflow-y: auto;
}

span.tag {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px 9px;
    text-decoration: none;
    background: #1ABB9C;
    color: #F1F6F7;
    margin-right: 5px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: helvetica;
}

span.tag a {
    color: #F1F6F7 !important;
}

.tagsinput span.tag a {
    font-weight: bold;
    color: #82ad2b;
    text-decoration: none;
    font-size: 11px;
}

.tagsinput input {
    width: 80px;
    margin: 0px;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 3px;
    background: transparent;
    color: #000;
    outline: 0px;
}

.tagsinput div {
    display: block;
    float: left;
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}
/* *********  /form tags input  **************************** */
/* *********  tabs  **************************** */

ul.bar_tabs {
    /* border: 1px solid #ff0000; */

    overflow: visible;
    background: 0;
    /*#F5F7FA BRUCE-COLOR behind-tabs*/
    height: 25px;
    margin: 21px 0 14px;
    padding-left: 14px;
    position: relative;
    z-index: 0;
    width: 100%;
    border-bottom: none;
}

#staff-tabs ul.bar_tabs > li, .res-tabs ul.bar_tabs > li {
    border: 2px solid #E6E9ED;
    /*#E6E9ED BRUCE-COLOR active tab-border*/
    margin-top: -17px;
    margin-left: 8px;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #999;
    border-bottom: none;
    border-left: 1px solid #b2b2b2;
    border-radius: 4px 4px 0 0;
}

ul.bar_tabs > li {
    border: 2px solid #E6E9ED;
    /*#E6E9ED BRUCE-COLOR active tab-border*/
    margin-top: -12px;
    margin-left: 8px;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #999;
    border-bottom: none;
    border-left: 1px solid #b2b2b2;
    border-radius: 4px 4px 0 0;
}

#staff-tabs ul.bar_tabs > li.active, .res-tabs ul.bar_tabs > li.active {
    margin-top: -15px;
}

ul.bar_tabs > li.active {
    margin-top: -12px;
}

ul.bar_tabs > li.active a, ul.bar_tabs > li.active a:hover, ul.bar_tabs > li.active > a:focus {
    color:#111;
    background: #8c8c8c;
    border-top: 1px solid #a6a6a6;
    border-right: 1px solid #737373;
    border-bottom: none;
    border-left: 1px solid #a6a6a6;
    border-radius: 4px 4px 0 0;
    box-shadow: 0px -1px 50px rgba(33,62,83,0.7);
    -moz-box-shadow: 0px -1px 2px rgba(33,62,83,0.7);
    -webkit-box-shadow: 0px -1px 2px rgba(33,62,83,0.7);
    /* BRUCE-COLOR */
}

.message_list > ul.bar_tabs > li.active a, .message_list > ul.bar_tabs > li.active a:hover, .message_list > ul.bar_tabs > li.active > a:focus {
    padding:6px;
}

ul.bar_tabs > li a, ul.bar_tabs > li a:hover {
    padding: 5px 7px;
    background: #bbb;
    /* BRUCE-COLOR */
    margin: 0;
}

ul.bar_tabs.right {
    padding-right: 14px;
}

ul.bar_tabs.right li {
    float: right
}

ul.bar_tabs a{
    font-weight: 600;
    color: #4d4d4d;
    /* BRUCE-COLOR */
}

a:focus {
    outline: none;
}
/* *********  /tabs  **************************** */
/* *********  timeline  **************************** */

ul.timeline li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    clear: both;
}

.timeline .block {
    margin: 0;
    border-left: 3px solid #e8e8e8;
    overflow: visible;
    padding: 10px 15px;
    margin-left: 105px;
}

.timeline.widget {
    min-width: 0;
    max-width: inherit;
}

.timeline.widget .block {
    margin-left: 5px;
}

.timeline .tags {
    position: absolute;
    top: 15px;
    left: 0;
    width: 84px;
}

.timeline .tag {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}

.timeline .tag span {
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tag {
    line-height: 1;
    background: #1ABB9C;
    color: #fff !important;
}

.tag:after {
    content: " ";
    height: 30px;
    width: 0;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    pointer-events: none;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 11px solid #1ABB9C;
}

.timeline h2.title {
    position: relative;
    font-size: 16px;
    margin: 0;
}

.timeline h2.title:before {
    content: "";
    position: absolute;
    left: -23px;
    top: 3px;
    display: block;
    width: 14px;
    height: 14px;
    border: 3px solid #d2d3d2;
    border-radius: 14px;
    background: #f9f9f9;
}

.timeline .byline {
    padding: .25em 0;
}

.byline {
    -webkit-font-smoothing: antialiased;
    font-style: italic;
    font-size: .9375em;
    line-height: 1.3;
    color: #aab6aa;
}

ul.social li {
    border: 0;
}
/* *********  /timeline  **************************** */
/* *********  easypie  **************************** */
/* *********  /easypie  **************************** */
/* *********  form wizard  **************************** */

.form_wizard .stepContainer {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0 solid #CCC;
    overflow-x: hidden;
}
/**-------**/

.wizard_horizontal ul.wizard_steps {
    display: table;
    list-style: none;
    position: relative;
    width: 100%;
    margin: 0 0 20px;
}

.wizard_horizontal ul.wizard_steps li {
    display: table-cell;
    text-align: center;
}

.wizard_horizontal ul.wizard_steps li a,
.wizard_horizontal ul.wizard_steps li:hover {
    display: block;
    position: relative;
    -moz-opacity: 1;
    filter: alpha(opacity: 100);
    opacity: 1;
    color: #666;
}

.wizard_horizontal ul.wizard_steps li a:before {
    content: "";
    position: absolute;
    height: 4px;
    background: #ccc;
    top: 20px;
    width: 100%;
    z-index: 4;
    left: 0;
}

.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
    background: #ccc;
}

.wizard_horizontal ul.wizard_steps li a .step_no {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100px;
    display: block;
    margin: 0 auto 5px;
    font-size: 16px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.wizard_horizontal ul.wizard_steps li a.selected:before,
.step_no {
    background: #34495E;
    color: #fff;
}

.wizard_horizontal ul.wizard_steps li a.done:before,
.wizard_horizontal ul.wizard_steps li a.done .step_no {
    background: #1ABB9C;
    color: #fff;
}

.wizard_horizontal ul.wizard_steps li:first-child a:before {
    left: 50%;
}

.wizard_horizontal ul.wizard_steps li:last-child a:before {
    right: 50%;
    width: 50%;
    left: auto;
}
/**-------**/

.wizard_verticle .stepContainer {
    width: 80%;
    float: left;
    padding: 0 10px;
}

.form_wizard .stepContainer div.content {
    display: block;
    position: absolute;
    float: left;
    margin: 0;
    padding: 5px;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    height: 300px !important;
    text-align: left;
    overflow: auto;
    z-index: 88;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    clear: both;
}

.actionBar {
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 10px 5px;
    text-align: right;
    margin-top: 10px;
}

.actionBar .buttonDisabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.actionBar a {
    margin: 0 3px;
}
/**-------**/

.wizard_verticle .wizard_content {
    width: 80%;
    float: left;
    padding-left: 20px;
}

.wizard_verticle ul.wizard_steps {
    display: table;
    list-style: none;
    position: relative;
    width: 20%;
    float: left;
    margin: 0 0 20px;
}

.wizard_verticle ul.wizard_steps li {
    display: list-item;
    text-align: center;
}

.wizard_verticle ul.wizard_steps li a {
    height: 80px;
}

.wizard_verticle ul.wizard_steps li a:first-child {
    margin-top: 20px;
}

.wizard_verticle ul.wizard_steps li a,
.wizard_verticle ul.wizard_steps li:hover {
    display: block;
    position: relative;
    -moz-opacity: 1;
    filter: alpha(opacity: 100);
    opacity: 1;
    color: #666;
}

.wizard_verticle ul.wizard_steps li a:before {
    content: "";
    position: absolute;
    height: 100%;
    background: #ccc;
    top: 20px;
    width: 4px;
    z-index: 4;
    left: 49%;
}

.wizard_verticle ul.wizard_steps li a.disabled .step_no {
    background: #ccc;
}

.wizard_verticle ul.wizard_steps li a .step_no {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100px;
    display: block;
    margin: 0 auto 5px;
    font-size: 16px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.wizard_verticle ul.wizard_steps li a.selected:before,
.step_no {
    background: #34495E;
    color: #fff;
}

.wizard_verticle ul.wizard_steps li a.done:before,
.wizard_verticle ul.wizard_steps li a.done .step_no {
    background: #1ABB9C;
    color: #fff;
}

.wizard_verticle ul.wizard_steps li:first-child a:before {
    left: 49%;
}

.wizard_verticle ul.wizard_steps li:last-child a:before {
    left: 49%;
    left: auto;
    width: 0;
}
/**-------**/
/* *********  /form wizard  **************************** */
/* *********  notifications  **************************** */
/* Pnotify by Hunter Perrin :: 2.0.1 */

/* -- Notice */
.ui-pnotify {
    top: 60px; /* ori: 36px */
    right: 36px;
    position: absolute;
    height: auto;
    z-index: 2;
}
body > .ui-pnotify {
    /* Notices in the body context should be fixed to the viewport. */
    position: fixed;
    /* Ensures notices are above everything */
    z-index: 100040;
}

body > .ui-pnotify-modal-overlay {
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 100039;
}

.ui-pnotify.ui-pnotify-in {
    display: block !important;
}
.ui-pnotify.ui-pnotify-move {
    transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
}
.ui-pnotify.ui-pnotify-fade-slow {
    transition: opacity .6s linear;
    opacity: 0;
}
.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
    transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
}
.ui-pnotify.ui-pnotify-fade-normal {
    transition: opacity .4s linear;
    opacity: 0;
}
.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
    transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
}
.ui-pnotify.ui-pnotify-fade-fast {
    transition: opacity .2s linear;
    opacity: 0;
}
.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
    transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
}
.ui-pnotify.ui-pnotify-fade-in {
    opacity: 1;
}
.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}

.ui-pnotify-container {
    background-position: 0 0;
    padding: .8em;
    height: 100%;
    margin: 0;
}

.ui-pnotify-container:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.ui-pnotify-sharp {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ui-pnotify-title {
    display: block;
    margin-bottom: .4em;
    margin-top: 0;
}

.ui-pnotify-text {
    display: block;
}

.ui-pnotify-icon,
.ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em;
}
/* Alternate stack initial positioning. */

.ui-pnotify.stack-topleft,
.ui-pnotify.stack-bottomleft {
    left: 25px;
    right: auto;
}

.ui-pnotify.stack-bottomright,
.ui-pnotify.stack-bottomleft {
    bottom: 25px;
    top: auto;
}
.ui-pnotify.stack-modal {
    left: 50%;
    right: auto;
    margin-left: -150px;
}

.ui-pnotify-closer,
.ui-pnotify-sticker {
    float: right;
    margin-left: .2em;
}
/* theming */

.alert-success {
    color: #ffffff;
    background-color: rgba(38, 185, 154, 0.88);
    border-color: rgba(38, 185, 154, 0.88);
}

.alert-info {
    color: #E9EDEF;
    background-color: rgba(52, 152, 219, 0.88);
    border-color: rgba(52, 152, 219, 0.88);
}

.alert-warning {
    color: #E9EDEF;
    background-color: rgba(243, 156, 18, 0.88);
    border-color: rgba(243, 156, 18, 0.88);
}

.alert-danger,
.alert-error {
    color: #E9EDEF;
    background-color: rgba(231, 76, 60, 0.88);
    border-color: rgba(231, 76, 60, 0.88);
}

.alert-dark,
.btn-dark {
    color: #E9EDEF;
    background-color: rgba(52, 73, 94, 0.88);
    border-color: rgba(52, 73, 94, 0.88);
    text-align: center;
}

.btn-more-dark{
    color: #a6a6a6;
    background-color: #000000;
    border-color: #000000;
    border: 1px solid #1a1a1a;
}

.btn-more-dark:hover{
    color: #333333;
}

.btn-dark:hover {
    color: #F7F7F7;
}
/* /theming */
/* /Pnotify by Hunter Perrin :: 2.0.1 */

.btn.btn-outline {
    background: transparent;
}

.btn-primary.btn-outline {
    color: #1A82C3;
    border-width: 2px;
}

.btn-default.btn-outline {
    color: #34495e;
    border-width: 2px;
}

.btn-success.btn-outline {
    color: #1ABB9C;
    border-width: 2px;
}

.btn-info.btn-outline {
    color: #34495e;
    border-width: 2px;
}

.btn-warning.btn-outline {
    color: #5bc0de;
    border-width: 2px;
}

.btn-danger.btn-outline {
    color: #34495e;
    border-width: 2px;
}

.btn-dark.btn-outline {
    color: #c0392b;
    border-width: 2px;
}

.btn-warning {
    background: #f0ad4e;
    border-color: #f0ad4e;
}

.btn-danger {
    background: #d9534f;
    border-color: #d9534f;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #1A82C3;
    border-color: #1A82C3;
    color: #FFFFFF;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #19A98B;
    border-color: #19A98B;
    color: #FFFFFF;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #4FB5D3;
    border-color: #4FB5D3;
    color: #FFFFFF;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: #d58512;
    border-color: #d58512;
    color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #8c8c8c;
    border-color: #666;
    color: #FFFFFF;
}

.btn-primary {
    background-color: #a6a6a6;
    border-color: #808080;
    color: #FFFFFF;
}
.btn-primary[disabled] {
    background-color: #9b9b9b;
    border-color: #727272;
    color: #FFFFFF;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-color: #d43f3a;
    border-color: #d43f3a;
    color: #FFFFFF;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
    background-color: #394D5F;
    border-color: #394D5F;
    color: #FFFFFF;
}

.custom-notifications {
    position: fixed;
    margin: 15px;
    right: 0;
    float: right;
    width: 400px;
    z-index: 4000;
    bottom: 0;
}

.btn-round {
    border-radius: 30px;
}
/* *********  /notifications  **************************** */
/* *********  profile/social  **************************** */

.social-sidebar,
social-body {
    float: right;
}

.social-sidebar {
    background: #EDEDED;
    width: 22%;
}

.social-body {
    border: 1px solid #ccc;
    width: 78%;
}

.thumb img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.chat .thumb img {
    width: 27px;
    height: 27px;
    border-radius: 50%;
}

.chat .status {
    float: left;
    margin: 16px 0 0 -16px;
    font-size: 14px;
    font-weight: bold;
    width: 12px;
    height: 12px;
    display: block;
    border: 2px solid #FFF;
    z-index: 12312;
    border-radius: 50%;
}

.chat .status.online {
    background: #1ABB9C;
}

.chat .status.away {
    background: #F39C12;
}

.chat .status.offline {
    background: #ccc;
}

.chat .media-body {
    padding-top: 5px;
}
/* *********  /profile/social  **************************** */
/* *********  widgets  **************************** */

.dashboard_graph .x_title {
    padding: 5px 5px 7px;
}

.dashboard_graph .x_title h3 {
    margin: 0;
    font-weight: normal;
}

.chart {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent {
    display: inline-block;
    line-height: 96px;
    z-index: 2;
    font-size: 18px;
}

.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}

.angular {
    margin-top: 100px;
}

.angular .chart {
    margin-top: 0;
}

.widget {
    min-width: 250px;
    max-width: 310px;
}

.widget_tally_box .btn-group button {
    text-align: center
}

.widget_tally_box .btn-group button {
    color: inherit;
    font-weight: 500;
    background-color: #f5f5f5;
    border: 1px solid #e7e7e7;
}

ul.widget_tally,
ul.widget_tally li {
    width: 100%;
}

ul.widget_tally li {
    padding: 2px 10px;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 4px;
}

ul.widget_tally .month {
    width: 70%;
    float: left;
}

ul.widget_tally .count {
    width: 30%;
    float: left;
    text-align: right
}

.pie_bg {
    border-bottom: 1px solid rgba(101, 204, 182, 0.16);
    padding-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    padding-bottom: 10px;
    -webkit-box-shadow: 0 4px 6px -6px #222;
    -moz-box-shadow: 0 4px 6px -6px #222;
    box-shadow: 0 4px 6px -6px #222;
}

.widget_tally_box .flex {
    display: flex;
}

ul.widget_profile_box {
    width: 100%;
    height: 42px;
    padding: 3px;
    background: #ececec;
    margin-top: 40px;
    margin-left: 1px;
}

ul.widget_profile_box li:first-child {
    width: 25%;
    float: left;
}

ul.widget_profile_box li:first-child a {
    float: left;
}

ul.widget_profile_box li:last-child {
    width: 25%;
    float: right;
}

ul.widget_profile_box li:last-child a {
    float: right;
}

ul.widget_profile_box li {}

ul.widget_profile_box li a {
    font-size: 22px;
    text-align: center;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(52, 73, 94, 0.44);
    display: block;
    border-radius: 50%;
    padding: 0px;
}

ul.widget_profile_box li a:hover {
    color: #1ABB9C !important;
    border: 1px solid rgba(38, 185, 154, 1);
}

ul.widget_profile_box li .profile_img {
    width: 85px;
    height: 85px;
    margin: 0;
    margin-top: -28px;
}

.widget_tally_box p,
.widget_tally_box span {
    text-align: center;
}

.widget_tally_box .name {
    text-align: center;
    margin: 25px;
}

.widget_tally_box .name_title {
    text-align: center;
    margin: 5px;
}

.widget_tally_box ul.legend {
    margin: 0;
}

.widget_tally_box ul.legend p,
.widget_tally_box ul.legend span {
    text-align: left;
}

.widget_tally_box ul.legend li .icon {
    font-size: 20px;
    float: left;
    width: 14px;
}

.widget_tally_box ul.legend li .name {
    font-size: 14px;
    margin: 5px 0 0 14px;
    text-overflow: ellipsis;
    float: left;
}

.widget_tally_box ul.legend p {
    display: inline-block;
    margin: 0;
}

.widget_tally_box ul.verticle_bars li {
    height: 140px;
    width: 23%;
}

.widget .verticle_bars li .progress.vertical.progress_wide {
    width: 65%;
}

ul.count2 {
    width: 100%;
    margin-left: 1px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 10px 0;
}

ul.count2 li {
    width: 30%;
    text-align: center;
}

ul.count2 li h3 {
    font-weight: 400;
    margin: 0;
}

ul.count2 li span {
    font-weight: 300;
}

.divider {
    border-bottom: 1px solid #ddd;
    margin: 10px;
}

.divider-dashed {
    border-top: 1px dashed #e7eaec;
    background-color: #ffffff;
    height: 1px;
    margin: 10px 0;
}

ul.messages {
    padding: 0;
}

ul.messages li,
.tasks li {
    border-bottom: 1px dotted #e6e6e6;
    padding: 8px 0;
}

ul.messages li img.avatar,
img.avatar {
    height: 32px;
    width: 32px;
    float: left;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px;
    background: #f7f7f7;
    border: 1px solid #e6e6e6;
}

ul.messages li .message_date {
    float: right;
    text-align: right;
}

ul.messages li .message_wrapper {
    margin-left: 50px;
    margin-right: 40px;
}

ul.messages li .message_wrapper h4.heading {
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    margin-bottom: 10px;
    line-height: 100%;
}

ul.messages li .message_wrapper blockquote {
    padding: 0px 10px;
    margin: 0;
    border-left: 5px solid #eee;
}

ul.user_data li {
    margin-bottom: 6px;
}

ul.user_data li p {
    margin-bottom: 0;
}

ul.user_data li .progress {
    width: 90%;
}

.project_progress .progress {
    margin-bottom: 3px !important;
    margin-top: 5px;
}

.projects .list-inline {
    margin: 0;
}

.profile_title {
    background: #F5F7FA;
    border: 0;
    padding: 7px 0;
    display: flex;
}

ul.stats-overview {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

ul.stats-overview li {
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    width: 30%;
    font-size: 14px;
    border-right: 1px solid #e8e8e8;
}

ul.stats-overview li:last-child {
    border-right: 0;
}

ul.stats-overview li .name {
    font-size: 12px;
}

ul.stats-overview li .value {
    font-size: 14px;
    font-weight: bold;
    display: block;
}

ul.stats-overview li:first-child {
    padding-left: 0;
}

ul.project_files li {
    margin-bottom: 5px;
}

ul.project_files li a i {
    width: 20px;
}

.project_detail p {
    margin-bottom: 10px;
}

.project_detail p.title {
    font-weight: bold;
    margin-bottom: 0
}

.avatar img {
    border-radius: 50%;
    max-width: 45px;
}
/* *********  /widgets  **************************** */
/* *********  pricing  **************************** */

.pricing {
    background: #fff;
}

.pricing .title {
    background: #1ABB9C;
    height: 110px;
    color: #fff;
    padding: 15px 0 0;
    text-align: center;
}

.pricing .title h2 {
    text-transform: capitalize;
    font-size: 18px;
    border-radius: 5px 5px 0 0;
    margin: 0;
    font-weight: 400;
}

.pricing .title h1 {
    font-size: 30px;
    margin: 12px;
}

.pricing .title span {
    background: rgba(51, 51, 51, 0.28);
    padding: 2px 5px;
}

.pricing_features {
    background: #FAFAFA;
    padding: 20px 15px;
    min-height: 230px;
    font-size: 13.5px;
}

.pricing_features ul li {
    margin-top: 10px;
}

.pricing_footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    text-align: center;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pricing_footer p {
    font-size: 13px;
    padding: 10px 0 2px;
    display: block;
}

.ui-ribbon-container {
    position: relative;
}

.ui-ribbon-container .ui-ribbon-wrapper {
    position: absolute;
    overflow: hidden;
    width: 85px;
    height: 88px;
    top: -3px;
    right: -3px;
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
    background-color: #5b90bf;
}

.ui-ribbon-container .ui-ribbon {
    position: relative;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    line-height: 20px;
    background-color: #555;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
    border-top: 2px solid #5b90bf;
}

.ui-ribbon-container .ui-ribbon:before {
    left: 0;
    bottom: -1px;
}

.ui-ribbon-container .ui-ribbon:before {
    right: 0;
}

.ui-ribbon-container .ui-ribbon:after,
.ui-ribbon-container .ui-ribbon:before {
    position: absolute;
    content: " ";
    line-height: 0;
    border-top: 2px solid #555;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}
/* *********  /pricing  **************************** */
/* *********  media gallery  **************************** */

.thumbnail .image {
    height: 120px;
    overflow: hidden;
}

.caption {
    padding: 9px 5px;
    background: #F7F7F7;
}

.caption p {
    margin-bottom: 5px;
}

.thumbnail {
    height: 190px;
    overflow: hidden;
}

.view {
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}

.view .mask,
.view .content {
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0
}

.view img {
    display: block;
    position: relative
}

.view .tools {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 3px;
    background: rgba(0, 0, 0, 0.35);
    margin: 43px 0 0 0;
}

.mask.no-caption .tools {
    margin: 90px 0 0 0;
}

.view .tools a {
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding: 0 4px;
}

.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.view-first img {
    transition: all 0.2s linear;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease-in-out;
}

.view-first .tools {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first:hover img {
    transform: scale(1.1);
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover .tools,
.view-first:hover p {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}
/* *********  /media gallery  **************************** */
/* *********  verticle tabs  **************************** */
/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */

.tabs-left,
.tabs-right {
    border-bottom: none;
    padding-top: 2px;
}

.tabs-left {
    border-right: 1px solid #F7F7F7;
}

.tabs-right {
    border-left: 1px solid #F7F7F7;
}

.tabs-left>li,
.tabs-right>li {
    float: none;
    margin-bottom: 2px;
}

.tabs-left>li {
    margin-right: -1px;
}

.tabs-right>li {
    margin-left: -1px;
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-bottom-color: #F7F7F7;
    border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
    border-bottom: 1px solid #F7F7F7;
    border-left-color: transparent;
}

.tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
    background: #F7F7F7;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tabs-right>li>a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
    background: #F7F7F7;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sideways {
    margin-top: 50px;
    border: none;
    position: relative;
}

.sideways>li {
    height: 20px;
    width: 120px;
    margin-bottom: 100px;
}

.sideways>li>a {
    border-bottom: 1px solid #ddd;
    border-right-color: transparent;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
}

.sideways>li.active>a,
.sideways>li.active>a:hover,
.sideways>li.active>a:focus {
    border-bottom-color: transparent;
    border-right-color: #ddd;
    border-left-color: #ddd;
}

.sideways.tabs-left {
    left: -50px;
}

.sideways.tabs-right {
    right: -50px;
}

.sideways.tabs-right>li {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sideways.tabs-left>li {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
/* *********  /verticle tabs  **************************** */
/* *********  image cropping  **************************** */
/*!
 * Cropper v0.8.0
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright 2014-2015 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2015-02-19T06:49:29.144Z
 */

.cropper-container {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.cropper-container img {
    display: block;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    height: 100%;
    min-height: 0 !important;
    max-height: none !important;
}

.cropper-modal,
.cropper-canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-canvas {
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.cropper-modal {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.cropper-cropbox {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
}

.cropper-viewer {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 1px solid #69f;
    outline-color: rgba(102, 153, 255, .75);
}

.cropper-dashed {
    position: absolute;
    display: block;
    filter: alpha(opacity=50);
    border: 0 dashed #fff;
    opacity: .5;
}

.cropper-dashed.dashed-h {
    top: 33.33333333%;
    left: 0;
    width: 100%;
    height: 33.33333333%;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333333%;
    width: 33.33333333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=10);
    opacity: .1;
}

.cropper-face {
    top: 0;
    left: 0;
    cursor: move;
    background-color: #fff;
}

.cropper-line {
    background-color: #69f;
}

.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize;
}

.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize;
}

.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize;
}

.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize;
}

.cropper-point {
    width: 5px;
    height: 5px;
    background-color: #69f;
    filter: alpha(opacity=75);
    opacity: .75;
}

.cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize;
}

.cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize;
}

.cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize;
}

.cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize;
}

.cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize;
}

.cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize;
}

.cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize;
}

.cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    filter: alpha(opacity=100);
    opacity: 1;
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: " ";
    background-color: #69f;
    filter: alpha(opacity=0);
    opacity: 0;
}

@media (min-width: 1px) {
    .cropper-point.point-se {
        width: 15px;
        height: 15px;
    }
}

@media (min-width: 1px) {
    .cropper-point.point-se {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        filter: alpha(opacity=75);
        opacity: .75;
    }
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-invisible {
    filter: alpha(opacity=0);
    opacity: 0;
}

.cropper-hide {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    filter: alpha(opacity=0);
    opacity: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-canvas,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.avatar-view {
    width: 100%;
    margin: 50px auto 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0px 0px 4px rgba(33,62,83,0.7);
    -moz-box-shadow: 0px 0px 4px rgba(33,62,83,0.7);
    -webkit-box-shadow: 0px 0px 4px rgba(33,62,83,0.7);
    cursor: pointer;
    overflow: hidden;
}

.avatar-view img {
    width: 100%;
}

.avatar-body {
    padding-right: 15px;
    padding-left: 15px;
}

.avatar-upload {
    overflow: hidden;
}

.avatar-upload label {
    display: block;
    float: left;
    clear: left;
    width: 100px;
}

.avatar-upload input {
    display: block;
    margin-left: 110px;
}

.avater-alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.avatar-wrapper {
    height: 364px;
    width: 100%;
    margin-top: 15px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .25);
    background-color: #fcfcfc;
    overflow: hidden;
}

.avatar-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
}

.avatar-preview {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.avatar-preview:hover {
    border-color: #ccf;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.avatar-preview img {
    width: 100%;
}

.preview-lg {
    height: 184px;
    width: 184px;
    margin-top: 15px;
}

.preview-md {
    height: 100px;
    width: 100px;
}

.preview-sm {
    height: 50px;
    width: 50px;
}

@media (min-width: 1px) {
    .avatar-preview {
        float: none;
    }
}

.avatar-btns {
    margin-top: 30px;
    margin-bottom: 15px;
}

.avatar-btns .btn-group {
    margin-right: 5px;
}

.loading {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff url("../img/loading.gif") no-repeat center center;
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 20140628;
}
/* *********  /image cropping  **************************** */
/* *********  moris  **************************** */

.morris-hover {
    position: absolute;
    z-index: 1000;
}

.morris-hover.morris-default-style {
    padding: 6px;
    color: #666;
    background: rgba(243, 242, 243, 0.8);
    border: solid 2px rgba(195, 194, 196, 0.8);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: bold;
    margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: 0.1em 0;
}
/* *********  /moris  **************************** */
/* *********  ecommerce  **************************** */

.price {
    font-size: 40px;
    font-weight: 400;
    color: #26B99A;
    margin: 0;
}

.prod_title {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 5px;
    margin: 30px 0;
    font-size: 20px;
    font-weight: 400;
}

.product-image img {
    width: 90%;
}

.prod_color li {
    margin: 0 10px;
}

.prod_color li p {
    margin-bottom: 0;
}

.prod_size li {
    padding: 0;
}

.prod_color .color {
    width: 25px;
    height: 25px;
    border: 2px solid rgba(51, 51, 51, 0.28) !important;
    padding: 2px;
    border-radius: 50px;
}

.product_gallery a {
    width: 100px;
    height: 100px;
    float: left;
    margin: 10px;
    border: 1px solid #e5e5e5;
}

.product_gallery a img {
    width: 100%;
    margin-top: 15px;
}

.product_price {
    margin: 20px 0;
    padding: 5px 10px;
    background-color: #FFFFFF;
    text-align: left;
    border: 2px dashed #E0E0E0;
}

.price-tax {
    font-size: 18px;
}

.product_social {
    margin: 20px 0;
}

.product_social ul li a i {
    font-size: 35px;
}
/* *********  /ecommerce  **************************** */
/* *********  progressbar  **************************** */
/*! bootstrap-progressbar v0.8.4 | Copyright (c) 2012-2014 Stephan Groß | MIT license | http://www.minddust.com */

.progress_summary .progress {
    margin: 5px 0 12px !important;
}

.progress_summary .row {
    margin-bottom: 5px;
}

.progress_summary .row .col-xs-2 {
    padding: 0
}

.progress_summary .more_info span {
    text-align: right;
    float: right;
}

.progress_summary .data span {
    text-align: right;
    float: right;
}

.progress_summary p {
    margin-bottom: 3px;
    width: 100%;
}

.progress_title .left {
    float: left;
    text-align: left;
}

.progress_title .right {
    float: right;
    text-align: right;
    font-weight: 300;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    border-radius: 0;
    margin-bottom: 18px;
}

.progress.right .progress-bar {
    float: right;
    right: 0;
}

.progress.vertical {
    width: 40px;
}

.progress.progress_sm {
    border-radius: 0;
    margin-bottom: 18px;
    height: 10px !important;
}

.progress.progress_sm .progress-bar {
    height: 10px !important;
}

.dashboard_graph p {
    margin: 0 0 4px;
}

ul.verticle_bars {
    width: 100%;
}

ul.verticle_bars li {
    width: 23%;
    height: 200px;
    margin: 0;
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #26B99A;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #3498DB;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #F39C12;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress {
    position: relative;
}

.progress .progress-bar {
    position: absolute;
    overflow: hidden;
    line-height: 20px;
}

.progress .progressbar-back-text {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.progress .progressbar-front-text {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.progress.right .progress-bar {
    right: 0;
}

.progress.right .progressbar-front-text {
    position: absolute;
    right: 0;
}

.progress.vertical {
    width: 20px;
    height: 100%;
    float: left;
    margin-right: 10px;
}

.progress.vertical.progress_wide {
    width: 35px;
}

.progress.vertical.bottom {
    position: relative;
}

.progress.vertical.bottom .progressbar-front-text {
    position: absolute;
    bottom: 0;
}

.progress.vertical .progress-bar {
    width: 100%;
    height: 0;
    -webkit-transition: height 0.6s ease;
    -o-transition: height 0.6s ease;
    transition: height 0.6s ease;
}

.progress.vertical.bottom .progress-bar {
    position: absolute;
    bottom: 0;
}
/* *********  /progressbar  **************************** */
/********* login ****************/

a.hiddenanchor{
    display: none;
}
/** The wrapper that will contain our two forms **/
#wrapper{
    right: 0px;
    margin: 0px auto;
    margin-top: 5%;
    max-width: 400px;
    position: relative;
}

#register,
#login{
    position: absolute;
    top: 0px; width:100%;
}
#register{
    z-index: 21;
    opacity: 0; width:100%;
}
#login{
    z-index: 22;
}
#toregister:target ~ #wrapper #register,
#tologin:target ~ #wrapper #login{
    z-index: 22;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    -ms-animation-delay: .1s;
    animation-delay: .1s;
}
#toregister:target ~ #wrapper #login,
#tologin:target ~ #wrapper #register{
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -ms-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

/** the actual animation, credit where due : http://daneden.me/animate/ ***/
.animate{
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;

    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;

    -o-animation-duration: 0.5s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;

    -ms-animation-duration: 0.5s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;

    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

/********* /login ***************/
/********** sign in ***************************/
.login_box{ padding:20px; margin: auto;}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.left { float:left; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.clearfix:after,
form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.login_content {
    margin: 0 auto;
    padding: 80px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    min-width: 280px;
}
.login_content a {
    color: #000;
    text-decoration: none;
}
.login_content h1 {
    font: normal 25px Helvetica, Arial, sans-serif;
    letter-spacing: -0.05em;
    line-height: 20px;
    margin: 10px 0 30px;
}
.login_content h1:before,
.login_content h1:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 27%;
}
.login_content h1:after {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
.login_content h1:before {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
.login_content h1:before,
.login_content h1:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 20%;
}
.login_content h1:after {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
.login_content h1:before {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
.login_content form { margin: 20px 0; position: relative }
.login_content form input[type="text"],
.login_content form input[type="email"],
.login_content form input[type="password"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #c8c8c8;
    color: #777;
    margin: 0 0 20px;
    width: 100%;
}
.login_content form input[type="text"]:focus,
.login_content form input[type="email"]:focus,
.login_content form input[type="password"]:focus {
    -webkit-box-shadow: 0 0 2px #AA77B4 inset;
    -moz-box-shadow: 0 0 2px #ed1c24 inset;
    -ms-box-shadow: 0 0 2px #ed1c24 inset;
    -o-box-shadow: 0 0 2px #ed1c24 inset;
    box-shadow: 0 0 2px #A97AAD inset;
    background-color: #fff;
    border: 1px solid #A878AF;
    outline: none;
}

#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
.login_content form div a {
    font-size: 12px;
    margin: 10px 15px 0 0;
}
.reset_pass{margin-top:10px !important;}
.login_content div .reset_pass{margin-top: 13px !important; margin-right: 39px; float: right;}
.separator{border-top: 1px solid #D8D8D8;
    margin-top: 10px;
    padding-top: 10px;}
.button {
    background: rgb(247,249,250);
    background: -moz-linear-gradient(top,  rgba(247,249,250,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
    background: linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0',GradientType=0 );
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #CFD5D9;
    padding: 15px 0;
}
login_content form input[type="submit"],#content form .submit{float: left; margin-left: 38px;}
.button a {
    background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
    color: #7E7E7E;
    font-size: 17px;
    padding: 2px 0 2px 40px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.button a:hover {
    background-position: 0 -135px;
    color: #00aeef;
}

header{width:100%;}
/********** end of sign in ********************/
/* *********  start nprogress  **************************** */
/* Make clicks pass-through */
#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #29d;

    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;

    width: 100%;
    height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;

    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;

    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;

    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@-webkit-keyframes nprogress-spinner {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* *********  end nprogress  **************************** */
/* *********  cropping  **************************** */
/* Main
 * ========================================================================== */


/* Icons
 * -------------------------------------------------------------------------- */

.icon2 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../../assets/img/icons.png");
    vertical-align: middle;
}

.icon-move {
    background-position: 0 0;
}

.icon-crop {
    background-position: -30px 0;
}

.icon-zoom-in {
    background-position: -60px 0;
}

.icon-zoom-out {
    background-position: -90px 0;
}

.icon-rotate-left {
    background-position: -120px 0;
}

.icon-rotate-right {
    background-position: -150px 0;
}

.icon-lock {
    background-position: -180px 0;
}

.icon-unlock {
    background-position: -210px 0;
}

.icon-remove {
    background-position: -240px 0;
}

.icon-refresh {
    background-position: -270px 0;
}

.icon-upload {
    background-position: -300px 0;
}

.icon-off {
    background-position: -330px 0;
}

.icon-info {
    background-position: -360px 0;
}


/* Alerts
 * -------------------------------------------------------------------------- */

.docs-alert {
    display: none;
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    height: 0;
    text-align: center;
    opacity: 0.9;
}

.docs-alert .message {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2px;
    background-color: #aaa;
    color: #fff;
}

.docs-alert .primary {
    background-color: #0074d9;
}

.docs-alert .success {
    background-color: #2ecc40;
}

.docs-alert .info {
    background-color: #39cccc;
}

.docs-alert .warning {
    background-color: #ff851b;
}

.docs-alert .danger {
    background-color: #ff4136;
}

/* Button
 * -------------------------------------------------------------------------- */

/* Basic style
 * -------------------------------------------------------------------------- */

body {
    overflow-x: hidden;
}


/* Header */

.docs-header {
    border-color: #003973;
    background-color: #00468c;
    color: #fff;
}

.docs-header .navbar-brand {
    color: #eee;
}

.docs-header .navbar-toggle {
    border-color: #003973;
    background-color: #00468c;
}

.docs-header .navbar-toggle:hover,
.docs-header .navbar-toggle:focus {
    border-color: #003366;
    background-color: #003973;
}

.docs-header .navbar-collapse {
    border-color: #003973;
}

.docs-header .navbar-text {
    color: #ddd;
}

.docs-header .navbar-nav > li > a {
    color: #eee;
}


/* Content */

.img-container,
.img-preview {
    background-color: #f7f7f7;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.img-container {
    min-height: 200px;
    max-height: 466px;
    margin-bottom: 20px;
}

.img-container > img {
    max-width: 100%;
}

.docs-preview {
    margin-right: -15px;
    margin-bottom: 10px;
}

.img-preview {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.img-preview > img {
    max-width: 100%;
}

.preview-lg {
    width: 263px;
    height: 148px;
}

.preview-md {
    width: 139px;
    height: 78px;
}

.preview-sm {
    width: 69px;
    height: 39px;
}

.preview-xs {
    width: 35px;
    height: 20px;
    margin-right: 0;
}

.docs-data > .input-group {
    margin-bottom: 10px;
}

.docs-data > .input-group > label {
    min-width: 80px;
}

.docs-data > .input-group > span {
    min-width: 50px;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
    margin-right: 5px;
    margin-bottom: 10px;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
    margin-bottom: 10px;
}

.docs-tooltip {
    display: block;
    margin: -6px -12px;
    padding: 6px 12px;
}

.docs-tooltip > .icon {
    margin: 0 -3px;
    vertical-align: top;
}
.tooltip-inner {
    white-space: normal;
}

.btn-upload .tooltip-inner {
    white-space: nowrap;
}

@media (max-width: 1px) {
    .btn-group-crop {
        margin-right: -15px!important;
    }

    .btn-group-crop > .btn {
        padding-left: 5px;
        padding-right: 5px;
    }

    .btn-group-crop .docs-tooltip {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.docs-options .dropdown-menu {
    width: 100%;
}

.docs-options .dropdown-menu > li {
    padding: 3px 20px;
}

.docs-options .dropdown-menu > li:hover {
    background-color: #f7f7f7;
}

.docs-options .dropdown-menu > li > label {
    display: block;
}

.docs-cropped .modal-body {
    text-align: center;
}

.docs-cropped .modal-body > img {
    max-width: 100%;
}

/* *********  /cropping  **************************** */
/* *********    **************************** */
/* *********    **************************** */
/* *********    **************************** */
/* *********    **************************** */
/* *********    **************************** */
/* *********    **************************** */
/* *********    **************************** */
/* *********    **************************** */

ul.notifications {
    float: right;
    display: block;
    margin-bottom: 7px;
    padding: 0;
    width: 100%;
}

.notifications li {
    float: right;
    margin: 3px;
    width: 36px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.notifications li:last-child {
    margin-left: 0;
}

.notifications a {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 9px 8px;
}

.tabbed_notifications .text {
    padding: 5px 15px;
    height: 140px;
    border-radius: 7px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
}

.tabbed_notifications div p {
    display: inline-block;
}

.tabbed_notifications h2 {
    font-weight: bold;
    text-transform: uppercase;
    width: 80%;
    float: left;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.tabbed_notifications .close {
    padding: 5px;
    color: #E9EDEF;
    float: right;
    opacity: 1;
}
/* *********  modal dialog styling  ******************************* */
.modal-full {
    width: 99%;
}
.modal-w1100 {
    width: 1100px;
}
.modal-w920 {
    width: 920px;
}
.modal-md {
    width: 400px;
}

/* *********  Holiday Popup Dropdown menu styling  ******************************* */
.holiday li {
    font-size: 14px;
    color: #536A7F;
    margin: 4px;
    cursor: pointer;
}
.holiday li.active, .holiday li:hover {
    background: #536A7F;
    color: #fff;
}
.holiday>li>a:hover, .holiday>li>a:focus {
    text-decoration: none;
    background: #536A7F;
    color: #fff;
}
#holiday_period_dropdown {
    padding: 3px 10px;
    margin-bottom: 10px;
    color: #000;
}

/* *********  PNotify Modal styling  ******************************* */
.ui-pnotify-icon .fa-lg  {
    margin-top: 3px;
}

/* *********  Sidebar and Searchbar (not login)  ******************************* */
body.no-nav .container.body .right_col {
    width: 100%;
    margin: 0;
    padding: 10px;
}
body.no-nav .container.body .col-md-3.left_col {
    display: none;
}
body.no-nav > .container.body > .top_nav {
    margin-left: 0 !important;
}
body.nav-md > .container.body > .top_nav {
    margin-left: 230px;
}
body.nav-sm > .container.body > .top_nav {
    margin-left: 70px;
}


/* *********  Holiday header  ******************************* */
#holiday_header {
    font-size: xx-small;
    line-height: 1;
    padding: 4px 10px !important;
}
#holiday_summary_tbl {
    width: 542px;
}
.holiday-column-title {
    text-align: center;
}
.holiday-summary-title {
    background: rgba(51, 72, 94, 0.94) !important;
    color: #ECF0F1;
    text-align: center;
    max-width: 120px;
    width: 120px;
}
.holiday-summary {
    text-align: center;
    max-width: 60px;
    width: 60px;
}
th.holiday-right-bolder {
    border-right:1px solid rgba(221, 221, 221, 0.78);
}
td.holiday-right-bolder {
    border-right: 1px solid #bababa !important;
}
/* *********  background setting  ******************************* */
.bg-white {
    background-color: #fff !important;
}

/* *********   modal form  ******************************* */
#modal-form input {
    width: 100%;
    padding: 3px 6px;
    font-size: 14px;
    display: block;
}
.compact-row {
    padding-top: 2px;
    padding-bottom: 3px;
}
.btn-compact {
    margin: 0 auto;
}


/* *********  loading modal  ******************************* */
body .loading-modal-overlay {
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1200;
}
body .loading-modal-overlay .spinner-wrapper {
    height: 80%;
    display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
body .loading-modal-overlay .spinner-box {
    background-color: rgba(255, 255, 255, .7);
    text-align: center;
    border-radius: 10px;
}
body .loading-modal-overlay .spinner-box > .spinner {
    font-size: 2em;
    margin: 20px 20px 0 20px;
}
body .loading-modal-overlay .spinner-box > .spinner-text {
    font-size: 2em;
    margin: 10px 20px 20px 20px;
}

/* *********  reset password modal  ******************************* */
.reset_password_wrapper {
    margin: 0 auto;
    padding: 100px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    min-width: 280px;

}
/* *********  conduct  ******************************* */
.color-pick,
.color-pick:hover{
    padding: 2px 14px;
    font-size: 14px;
    color: #f3f3f3;
}
.color-pick span.fa {
    opacity: 0;
}
.color-pick.active span.fa {
    opacity: 1;
}
.cnd-icon-bg {
    color: #f3f3f3;
}

.cnd-gold {
    color: #EBAB0E;
}
.cnd-red {
    color: #d43f3a;
}
.cnd-green {
    color: #23BB62;
}
.cnd-gray {
    color: #a5a5a5;
}
.cnd-black {
    color: #313335;
}
.cnd-blue {
    color: #3498DB;
}
.cnd-bg-gold {
    background-color: #EBAB0E;
}
.cnd-bg-red {
    background-color: #d43f3a;
}
.cnd-bg-green {
    background-color: #23BB62;
}
.cnd-bg-gray {
    background-color: #a5a5a5;
}
.cnd-bg-black {
    background-color: #313335;
}
.cnd-bg-blue {
    background-color: #3498DB;
}
#conduct_list .fa-stack,
#tab-cont-cnd .fa-stack {
    margin-right: 5px;
    width: 18px;
    height: 18px;
}
#conduct_list .fa-stack-2x,
#tab-cont-cnd .fa-stack-2x {
    font-size: 1.7em;
}
#tab-cont-cnd .fa-stack-1x {
    margin-top: 2px;
}
#conduct_list .fa-stack-1x {
    margin-top: -1px;
}
#conduct_list td {
    line-height: inherit;
}
#conduct_list .conduct_icon_wrap {
    float: left;
    margin-right: 10px;
}

body .fa-stack.fa-stack-sm {
    height: 18px;
    width: 18px;
    line-height: 18px;
}
body .fa-stack.fa-stack-sm .fa-stack-2x {
    font-size: 18px;
}
body .fa-stack.fa-stack-sm .fa-stack-1x {
    font-size: 12px;
}

/* *********  Appraisal  ******************************* */
#addAppraisal {
}
.app_table {
    margin-bottom:5px !important;
    border: 1px solid #d9d9d9;
    display: table;
    width: 100%;
}
.app_th {
    text-align:center;
    border:none;
}

.app_td_c {
    text-align:center;
    border:none;
}
.app_td_n {
    text-align:right;
    border:none;
}

#app-title {
    color: #333;
}
#app-new-data {
    margin-top: -22px;
}
#app-new-data .user_info label{
    text-align: right;
}
#app-conduct,
#app-abilities {
    width: 48%;
    padding: 0;
    margin: 0 1%;
}
#app-goals,
#app-specific,
#app-additional {
    width: 98%;
    padding: 0;
    margin: 0 1%;
}
#app-new-data .header-title {
    float: left;
    width: 70%;
    padding: 3px 7px;
    background: rgba(52, 73, 94, 0.94) !important;
    color: #ECF0F1;
    font-size: 15px;
    font-weight: bold;
}

/*#app-new-data .header-title.with-check {*/
/*width: 50%;*/
/*text-align: right;*/
/*}*/
/*#app-new-data .header-title.check {*/
/*width: 20%;*/
/*}*/
/*#app-new-data .header-title.check input {*/
/*margin: 0;*/
/*}*/
/*#app-new-data .header-title.check label {*/
/*margin-bottom: 0;*/
/*}*/
#app-new-data .header-title-only {
    float: left;
    width: 100%;
    padding: 3px 7px;
}
#app-new-data #app-goals .header-title-only {
    background-color: #995300 !important;
    border-right: #995300 1px solid;
    border-left: #995300 1px solid;
}
#app-new-data .header-point {
    float: left;
    width: 30%;
    padding: 3px 7px;
    background: rgba(52, 73, 94, 0.94) !important;
    color: #ECF0F1;
    font-size: 15px;
    font-weight: bold;
}
#app-new-data .section-body {
    display: block;
    overflow-y: auto;
    height: 300px;
    width: 100%;
}
#app-new-data #additional-body {
    height: 96px;
}
#app-new-data .section-comments {
    width: 100%;
}
#additional_comment,
#app-new-data .section-comments textarea  {
    resize: none;
    border: none;
}
#app-new-data .section-body tr:last-child td {
    border-bottom: 1px solid #ddd;
}
#app-conduct .body-contents,
#app-abilities .body-contents,
#app-specific .body-contents,
#app-additional .body-contents {
    float: left;
    width: 80%;
    line-height: 20px;
    padding: 3px 10px !important;
}
#app-specific .body-contents.with-check {
    width: 75%;
}
#app-specific .body-check {
    float: left;
    width: 5%;
    line-height: 20px;
    padding: 3px 10px !important;
}
#app-specific .body-check input[type="checkbox"] {
    height: 16px;
}
#app-conduct .body-contents-only,
#app-abilities .body-contents-only,
#app-additional .body-contents-only,
#app-goals .body-contents-only {
    float: left;
    width: 100%;
}
.even .body-check,
.even .body-contents,
.even .body-point {
    background-color: #e5e5e5;
}
.even .body-contents:hover,
.even .body-point:hover {
    background-color: #ccc;
}
#app-conduct .body-point,
#app-abilities .body-point,
#app-additional .body-point,
#app-specific .body-point {
    float: left;
    width: 20%;
    height: 26px;
}

#app-conduct .body-point input,
#app-abilities .body-point input,
#app-additional .body-point input,
#app-specific .body-point input {
    width: 100%;
    border: none;
    text-align: center;
    height: 26px;
    background: white;
    opacity: 0.6;
}
#app-conduct .control-max,
#app-abilities .control-max,
#app-specific .control-max,
#app-additional .control-max,
#app-goals .control-max,
#tab-cont-app .control-max {
    padding: 0 !important;
}
#tab-cont-app .app-status-btn {
    padding: 0 5px;
    margin: 2px 0;
    line-height: 1.3;
    width: 110px;
    text-align: left;
    border-radius: 3px;
    display: inline-block;
    font-weight: normal;
    white-space: nowrap;
    font-size: 14px;
}

#appraisal_section .fa-stack,
#tab-cont-app .fa-stack {
    height: 1.5em;
    width: 1.5em;
    line-height: 1.5em;
    margin-left: 1px;
    margin-right: 1px;
}
#appraisal_section .fa-stack-2x,
#tab-cont-app .fa-stack-2x {
    font-size: 1.4em;
    color: #5A738E;
}
#appraisal_section .fa-stack-1x,
#tab-cont-app .fa-stack-1x {
    font-size: 1em;
    color: #5A738E;
}
.popover.confirmation {
    z-index: 1200;
}
#appraisal_part {
    margin-bottom: 20px;
}
#appraisal_part #appraisal_part_table .part {
    background: #5cbba1 !important;
}
#appraisal_part #appraisal_part_table .avarage {
    background: #F39C12 !important;
}
span.nopadding {
    line-height: inherit;
}

@media print  {
    /*body * { visibility: hidden; }*/
    /*#appraisal_print_area * { visibility: visible;}*/
    #appraisal_print_area { position: absolute; top: 0; left: 0; }
    #appraisal_print_area .column-title { color: white !important; }
    #appraisal_print_area .column-title .tablesorter-header-inner { color: white !important; }
    #appraisal_print_area .section-body { height: 100%; min-height: 30px; }
    #appraisal_print_area textarea.comment {height: auto !important;max-height: auto !important;overflow: visible !important;}
}

/* *********  PAYE col  ******************************* */
.paye-col {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}
.paye-col-center {
    float: none;
    margin: 0 auto;
}
.paye-col-14 {
    width: 100%;
}
.paye-col-13 {
    width: 92.85714286%;
}
.paye-col-12 {
    width: 85.71428571%;
}
.paye-col-11 {
    width: 78.57142857%;
}
.paye-col-10 {
    width: 71.42857143%;
}
.paye-col-9 {
    width: 64.28571429%;
}
.paye-col-8 {
    width: 57.14285714%;
}
.paye-col-7 {
    width: 50%;
}
.paye-col-6 {
    width: 42.85714286%;
}
.paye-col-5 {
    width: 35.71428571%;
}
.paye-col-4 {
    width: 28.57142857%;
}
.paye-col-3 {
    width: 21.42857143%;
}
.paye-col-2 {
    width: 14.28571429%;
}
.paye-col-1 {
    width: 7.14285714%;
}

/************************* Paye *************************/
body .paye_view .form-control {
    color: #000 !important;
    font-weight: bolder;
    background-color: #ccc;
    border: 1px solid #d9d9d9;
    padding: 1px 5px 1px 5px;
}
.paye_list .paye_row {
    margin:0 -40px 0 -20px
}
.paye_list .odd {
    background-color:   #999;
}
.paye_list .even {
    background-color:   #CCC;
}
.paye_cell {
    font-weight:600;
    background: #fff;
    width:100%;
    text-align:center;
    border:none;
    outline: #aaa dotted 1px;
    padding:1px;
    display:block;
    height: 21px;
}
.paye_cell.long {
    height: 42px;
}
.paye_double_height {
    height: 42px;
}

.paye_btn {
    background-color: #33a8cc;
    height:21px;
    font-size:12px;
    color:#fff;
    width:100%;
    text-align:center;
    padding:1px;
    display:block;
}
.paye_btn:hover,
.paye_btn:focus,
.paye_btn:active {
    background-color: #85cbe0;
}
.paye_btn_danger {
    background-color: #ff0000;
    height:21px;
    font-size:12px;
    color:#fff;
    width:100%;
    text-align:center;
    padding:1px;
    display:block;
}
.paye_btn_danger:hover,
.paye_btn_danger:focus,
.paye_btn_danger:active {
    background-color: #ff6666;
}

#dropdown_month {
    cursor: default;
}

/************************* PDF  *************************/
@media print {
    body {
        background: #fff;
    }
}
.pdf {
    background-color: #fff;
    height: 100%;
    width: 100%;
}
.pdf h1,
.pdf h2,
.pdf h3,
.pdf h4,
.pdf h5,
.pdf h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.pdf .pdf-col {
    font-size: 0.9em;
    padding: 0;
    margin: 0;
    margin-left: -1px;
    margin-right: -1px;
}
.pdf-title {
}
.pdf-header {
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    padding-top: 10px;
    padding-bottom: 10px;
}
.pdf-list {
    /*border-bottom: solid 1px black;*/
}
.pdf-list .pdf_row {
    padding-top: 20px;
    padding-bottom: 20px;

    float: left;
}
.pdf-list .row_border {
    border-bottom: solid 1px black;
}
.pdf-list .text-right {
    margin-right: 10px;
}
.pdf-divider {
    content: " ";
    padding-top: 10px;
    padding-bottom: 10px;
}
.pdf-divider-sm {
    content: " ";
    padding-top: 5px;
    padding-bottom: 5px;
}
.pdf-divider-lg {
    content: " ";
    padding-top: 20px;
    padding-bottom: 20px;
}
.pdf .row {
    margin-right: 10px;
    margin-left: 10px;
}
.pdf-footer {
    padding-top: 20px;
    padding-bottom: 10px;
}
.pdf table th{
    padding: 5px;
}
.pdf table th.second_row {
    border-top: none;
}
.pdf table td {
    padding: 4px;
    border-top: none;
    vertical-align: top;
}
.text-bold {
    font-weight: bold;
}
.text-large {
    font-size: larger;
}
.text-small {
    font-size: smaller;
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.text-center{
    text-align:center
}
.text-top {
    vertical-align: top;
}
.text-middle {
    vertical-align: middle !important;
}
.text-bottom {
    vertical-align: bottom;
}
.text-italic {
    font-style: italic;
}
.text-underline {
    text-decoration: underline;
}
.text-capitalize {
    text-transform:capitalize;
}
.text-ellipsis {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.text-over-hidden {
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.well-border {
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #525252;
}

/* *********  PDF col  ******************************* */
.pdf-col {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}
.pdf-col-center {
    float: none;
    margin: 0 auto;
}
.pdf-col-14 {
    width: 99.9999%;
}
.pdf-col-13 {
    width: 92.85714286%;
}
.pdf-col-12 {
    width: 85.71428571%;
}
.pdf-col-11 {
    width: 78.57142857%;
}
.pdf-col-10 {
    width: 71.42857143%;
}
.pdf-col-9 {
    width: 64.28571429%;
}
.pdf-col-8 {
    width: 57.14285714%;
}
.pdf-col-7 {
    width: 50%;
}
.pdf-col-6 {
    width: 42.85714286%;
}
.pdf-col-5 {
    width: 35.71428571%;
}
.pdf-col-4 {
    width: 28.57142857%;
}
.pdf-col-3 {
    width: 21.42857143%;
}
.pdf-col-2 {
    width: 14.28571428%;
}
.pdf-col-1 {
    width: 7.14285714%;
}

/* ********* INVOICE  ******************************* */
#invoice_company_logo {
    height: 75px;
}
#invoice_body {
    padding-top: 80px;
}
#invoice_body .pdf-col {
    font-size: 1.0em;
}
.top_bolder {
    border-top: 1px solid #000;
}
.top_bolder_dashed {
    border-top: 1px dashed #000;
}
.top_bolder_dotted {
    border-top: 1px dotted #000;
}
.top_bolder_double {
    border-top: 1px double #000;
}
/* ********* Inputbox inside fa icon  ******************************* */
.inner-addon {
    position: relative;
}
.inner-addon .fa  {
    position: absolute;
    padding: 8px;
    pointer-events: none;
}
.inner-addon .inner-caret {
    position: absolute;
    margin: 13px;
    right: 0;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.left-addon .fa {
    left: 0px;
}
.right-addon .fa {
    right: 0px;
}
.left-addon input {
    padding-left: 30px !important;
}
.right-addon input {
    padding-right: 30px !important;
}
.with-caret input {
    padding-right: 30px !important;
}


/* ********* Project  ******************************* */
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
}
#project_peroiod {;
    background: #FFFFFF;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #DDE2E8;
    margin-left: 10px;
    margin-bottom: 9px;
    display: inline-block;
    border-radius: 0;
}
#project_peroiod.form-control {;
    margin-left: 0;
    border: 1px solid #dfdfdf;
    padding: 1px 5px 1px 5px;
    color: #000 !important;
    font-weight: bolder;
    margin: 0 0 0.3em;
    background-color: #ccc;
}
#manager_div .select2-container {
    margin-bottom: 9px;
}
#manager_div  #select2-project_manager-container {
    line-height: 28px;
}
/*
#project_multi_select .ms-container {
    background: transparent url('../images/switch.png') no-repeat 50% 50% !important;
    width:100% !important;
}
*/
.project_view textarea  {
    resize: vertical;
}
.project_view textarea.view-mode  {
    resize: none;
    background-color: #fff;
    cursor: text;
}
.clickable-row {
    cursor: pointer;
}
.project_view input.view-mode {
    cursor: text;
    background-color: #fff;
    /*margin-bottom: 15px;*/
}
.project_view #project_peroiod.view-mode {
    cursor: text;
    margin-bottom: 0px;
}

body .project-info {
    padding: 10px 30px;
    margin-top: 5px;
    margin-bottom: 15px;
    box-shadow: 0 0px 5px #bbb inset, 0 0 2px #666 inset;
    background: #c5c5c5;
    line-height: 0.95em;
}

body .project-info p {
    color: #737373;
    margin:0;
    font-size:11px;
}

body .project-info .form-control {
    color: #000 !important;
    font-weight: bolder;
    margin: 0 0 0.3em;
    background-color: #ccc;
    border: 1px solid #dfdfdf;
    padding: 1px 5px 1px 5px;
    line-height: 30px;

}
.resource-thumbnail{
    padding: 0;
    margin: 0;
    line-height:1.42857143;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.resource-thumbnail-list{
    padding: 0;
    margin: 0;
    line-height:1.42857143;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    width: 50px;
    height: 50px;
}
#resource-thumbnail-preview {
    position: absolute;
    display: block;
    background: #fff;
    border: 4px solid #777;
    padding: 4px;
    border-radius: 10px;
    z-index: 1100;
}
#resource-thumbnail-preview:after,
#resource-thumbnail-preview:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#resource-thumbnail-preview:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}
#resource-thumbnail-preview:before {
    border-color: rgba(119, 119, 119, 0);
    border-right-color: #777;
    border-width: 16px;
    margin-top: -16px;
}
#resource_image.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.full-width {
    width: 100%;
}
.full-width span {
    float: left;
}
.tool {
    margin-top: 10px;
}
.tool-box {
    height: 100px;
    margin-top: 10px;
}
#add_resource_div {
    margin-left: 10px;
    max-width: 600px;
    position: relative;
}
#add_resource_div .tt-addon {
    position: absolute;
    left: 4px;
    top: 2px;
    z-index: 100;
    font-size: 16px;
    color: #aaa;
}
#add_resource_div .tt-input {
    border-color: #eee;
    height: 28px;
    padding: 6px 12px 6px 28px;
}
#add_resource_div .tt-input:active {
    border-color: #eee;
}
#add_resource_div .tt-input:focus {
    border-color: #eee;
}
#add_resource_div .tt-hint {
    border-color: #eee;
    height: 28px;
    padding: 6px 12px 6px 28px;
}
#add_resource_div .tt-menu {
    position: absolute;
    top: 95%;
    left: 2.5%;
    z-index: 1000;
    min-width: 400px;
    width: 100%;
    max-height: 365px;
    overflow-y: auto;
    margin: 2px 0 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
}
#add_resource_div .tt-suggestion {
    display: block;
    margin: 0;
    padding: 10px 15px 10px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    border-bottom: 1px solid rgba(175, 175, 175, .4);
}
#add_resource_div .tt-suggestion:last-child {
    border-bottom: none;
}
#add_resource_div .tt-suggestion:hover {
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    background-color: #aedfd2;
    color: #262626;
}
#add_resource_div .tt-image {
    width: 70px;
    height: 70px;
    border-radius: 8px;
}
#add_resource_div .tt-resource-info {
    margin: 0;
    padding: 0;
}
#add_resource_div .tt-resource-image {
    padding: 0;
}
#add_resource_div .tt-resource-type {
    color: #333;
    font-size: 0.8em;
}
#add_resource_div .tt-resource-note {
    color: #333;
    font-size: 0.8em;
}
#add_resource_div .tt-resource-value {
    font-size: 0.8em;
    color: #aaa;
    text-align: right;
}
#add_resource_div .tt-resource-sku {
    font-size: 0.8em;
    color: #aaa;
    text-align: right;
}
.edit-qty-icon {
    padding: 2px 0 0 0;
    color: #5A738E;
}
#qty_spinner {
    height: 34px;
}
/* ********* Finance  ******************************* */
#fin_cs_flag_chk {
    margin: 4px 0 0 6px;
}
#fin_cs_flag_lbl {
    color: #333;
    font-weight: normal;
    font-size: smaller;
}
.signature_thumb {
    padding: 0;
    margin: 0;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    width: 46px;
    height: 26px;
    margin: 2px 2px;
}
#signature_thumb-preview {
    position: absolute;
    display: block;
    background: #fff;
    border: 4px solid #777;
    padding: 4px;
    border-radius: 10px;
    z-index: 1100;
}
#signature_thumb-preview:after,
#signature_thumb-preview:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#signature_thumb-preview:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}
#signature_thumb-preview:before {
    border-color: rgba(119, 119, 119, 0);
    border-left-color: #777;
    border-width: 16px;
    margin-top: -16px;
}
.btn-signature {
    margin: 0;
    margin-right: 1px;
    padding: 1px 3px;

    position: relative;
    overflow: hidden;
}
.btn-signature input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.signature_wrap:hover {
    background: rgba(233, 244, 241, 0.07);
}
.invoice_signature {
    max-width: 320px;
    max-height: 160px;
}

#finance div.filter #filter_staff {
    width: 160px;
    float: left;
    margin-right: 15px;
}
#finance div.filter #filter_status {
    width: 110px;
    float: left;
    margin-right: 15px
}
#finance td a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}
#finance tr.disable_item td,
#finance tr.disable_item td a {
    color: #ccc;
}
#finance td span i.type {
    color: #333;
    font-weight: bold;
}
#finance .table-striped>tbody>tr:nth-child(even):hover {
    background-color: #eee;
}
#tab-cont-fin td a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}
/* ********* Task  ******************************* */
#task_contents {
    resize: vertical;
}
#task_set_date,
#task_clear_date {
    cursor: pointer;
}
.btn-full {
    margin: 0 auto;
}
/* ********* Task Tap  ******************************* */
#board_area3 .task_cell,#board_area4 .task_cell {
    padding: 9px 2px;
}
.task_done {
    background-color: #d8d8d8 !important;
}
.task_active {
    background-color: #eee !important;
}
.task_delay {
    background-color: #e29c9a !important;
}

#task_table a {
    color:#000;
}


/* ********* View Footer  ******************************* */
body.no-nav .container.body .view_footer {
    padding-left: 0 !important;
}
body.nav-md .container.body .view_footer {
    padding-left: 230px;
}
body.nav-sm .container.body .view_footer {
    padding-left: 70px;
}
.view_footer {
    position:fixed;
    left:0px;
    bottom:0px;
    width: 100%;
    clear: both;
    display: block;
    z-index: 99;
    background: transparent;
}
.view_footer .inner {
    padding: 0;
    margin: 0;
}
/* View Footer - invoice  */
.view_footer .inner.invoice_footer {
    background-color: #394f65;
    min-height: 100%;
    position: relative;
    height: 46px;
}
.view_footer .invoice_footer .amount_summay {
    padding: 2px 5px;
    font-weight: bold;
    color: #e2e2e2;
}
.view_footer .footer-btn {
    margin-top: 8px;
}
.view_footer .footer_summary {
    padding: 4px 5px;
    font-weight: bold;
    color: #e2e2e2;;
}

#income_issued,
#income_balance,
#income_transaction {
    margin-bottom: 50px;
}
/* View Footer - expense regular  */
.regular_view {
    margin-bottom: 50px;
}
.view_footer .inner.regular_footer {
    background-color: #394f65;
    min-height: 100%;
    position: relative;
    height: 48px;
    padding: 4px;
    width: 100%;
}
.view_footer #regular_footer_wrap {
    margin-left: 16px !important;
    margin-right: -4px !important;
    width: 1432px; /*1212px;  664 + 70 + 480 + 18 + (140)*/
    font-size: 11px;
    font-weight: bolder;
}
.view_footer #account_exp_left,
.view_footer #account_exp_middle,
.view_footer #account_exp_right {
    margin-bottom: 0;
}
#account_exp_left table,
#account_exp_middle table,
#account_exp_right table {
    margin-top: 0;
}
#account_exp_left td,
#account_exp_middle td,
#account_exp_right td {
    height: 24px;
    vertical-align: middle;
    padding: 0px 5px !important;
}
#regular_pay .table_list.currency_format {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
#regular_pay .table_summary {
    float: left;
    color: #e2e2e2;
    background-color: #158484;
    border: 1px solid #999;
    border-left: none;
}
#regular_pay .table_summary:first-child {
    border-left: 1px solid #999;
}
#regular_pay .table_summary .table_list {
    color: #e2e2e2;
    background-color: #158484;
}
#regular_pay .table_summary.regular_cell {
    display: inline-block;
    width: 70px;
    /*padding-left: 5px !important;*/
    /*padding-right: 5px !important;*/
}

#regular_pay #regular_footer_wrap #account_exp_right {
    display: inline-flex;
}
#regular_pay .account_exp_right_sub {
    display: inline-block;
    /*margin-right:-5px;*/
    /*width: 71px;*/
}


.account_col .table_summary {
    /*text-align: center;*/
    /*border-bottom: 1px solid #999;*/
    /*border-right: 1px solid #999;*/
    /*border-left: 1px solid #999;*/
    /*color: #e2e2e2;*/
    /*background-color: darkslategrey;*/
}
.account_col .regular_footer .table_summary {
    /*border-top: 1px solid #999;*/
}




.regular_file {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
.dd_icon {
    margin-right: 5px;
    color: #5f9ea0;
    /*color: #d81b1b;*/
}
.regular_pay_icon {
    margin-right: 5px;
    /*color: #5f9ea0;*/
    color: #d81b1b;
}
/* View Footer - search  */
.view_footer .inner.search_footer {
    background-color: #394f65;
    min-height: 100%;
    position: relative;
    height: 23px;
}
.view_footer .inner.search_footer {
    padding-left: 20px;
    padding-right: 30px !important;
}
.view_footer .inner.search_footer table {
    border: 1px solid rgba(221, 221, 221, 0.78);
}
.view_footer .inner.search_footer table th {
    height: 18px;
    border: #e6e6e6 1px solid;
    font-size: 13px;
    font-weight: normal;
    cursor: auto ;
}
.view_footer .inner.search_footer #search_per_page {
    background-color: #fff;
    margin: 0;
    height: 27px;
}
.view_footer .inner.search_footer .max {
    padding: 0 !important;
    margin: 0 !important;
}
#search_table {
    margin-bottom: 32px;
}

/* View Footer - expense  */
.view_footer .inner.expense_footer {
    background-color: #394f65;
    min-height: 100%;
    position: relative;
    height: 28px;
}
.view_footer .inner.expense_footer {
    background-color: #394f65;
    min-height: 100%;
    position: relative;
    height: 28px;
    padding-left: 20px;
    padding-right: 30px !important;
}
.view_footer .inner.expense_footer table {
    border: 1px solid rgba(221, 221, 221, 0.78);
}
.view_footer .inner.expense_footer table th {
    height: 18px;
    border: #e6e6e6 1px solid;
    font-size: 13px;
    font-weight: normal;
    cursor: auto ;
}
.view_footer .inner.expense_footer #search_per_page {
    background-color: #fff;
    margin: 0;
    height: 27px;
}
.view_footer .inner.expense_footer .max {
    padding: 0 !important;
    margin: 0 !important;
}
#expense_table {
    margin-bottom: 32px;
}

#add_cash_form .checkbox {
    padding-top: 0px !important;
    min-height: 20px;
}
#add_cash_form .checkbox #cash_expense {
margin-left: 0px !important;
}
#add_cash_form #staff_div span#select2-cash_staff-container {
height: 20px;
color: #555;
}
#add_cash_form #staff_div .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 20px;
}
#add_cash_form #staff_div .select2-container--default .select2-selection--single {
border: 1px solid #DDE2E8;
}

/* **************  Tax view ********************** */
#tax-top {
    padding-bottom: 5px;
    border-bottom: solid 1px #aaa;
    line-height: 0.95em;
}
#tax-top .date_range_picker {
    padding: 10px 10px;
    margin-bottom: 0;
}
#tax-tabs {
    padding-top: 8px;
}
#tax-tabs ul.bar_tabs {
    padding-left: 7px;;
}
#tax-tabs ul.bar_tabs > li.active, .res-tabs ul.bar_tabs > li.active {
    margin-top: -15px;
}
#tax-tabs ul.bar_tabs > li, .res-tabs ul.bar_tabs > li {
    border: 2px solid #E6E9ED;
    margin-top: -17px;
    margin-left: 6px;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #999;
    border-bottom: none;
    border-left: 1px solid #b2b2b2;
    border-radius: 4px 4px 0 0;
}
#tax-tabs .tab-body {
    overflow: auto;
    height: 540px;
}
#tax-tabs .tab-content {
    margin-left: 0;
}
#tax-tabs table.jambo_table thead>tr>th {
    font-size: 12px;
    border: none;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
#tax-tabs table.jambo_table thead>tr>th,
#tax-tabs table.jambo_table tbody>tr>td,
#tax-tabs table.jambo_table tfoot>tr>td {
    padding: 1px 5px !important;
    vertical-align: middle;
}
#tax-tabs table.jambo_table tfoot>tr>td {
    background-color: #faf7e2;
}
#tax-tabs #profit_body table.jambo_table thead>tr>th,
#tax-tabs #profit_body table.jambo_table tbody>tr>td,
#tax-tabs #profit_body table.jambo_table tfoot>tr>td,
#tax-tabs #asset_body table.jambo_table thead>tr>th,
#tax-tabs #asset_body table.jambo_table tbody>tr>td,
#tax-tabs #asset_body table.jambo_table tfoot>tr>td {
    height: 28px;
}
#tax-tabs .summary_head,
#tax-tabs .profit_head,
#tax-tabs .asset_head {
    color: #00001f;
    font-weight: bold;
    font-size: larger;
    background-color: #fafafa;
    padding: 5px 15px;
    border: 1px solid #e5e5e5;
    width: 150px;
    float:left;

}

#balance_status_body .head_deposit
 {
    color: #000000;
    font-weight: bold;
    font-size: larger;
    background-color: #ffb35b;
    padding: 5px 5px;
    border: 1px solid #e5e5e5;
    float:right;
    width: 19%;

}

#balance_status_body .head_withdraw
 {  color: #000000;
    font-weight: bold;
    font-size: larger;
    background-color: #ffb35b;
    padding: 5px 5px;
    border: 1px solid #e5e5e5;
    float:right;
    width: 19%;
}
#balance_status_body .head_balance
 {   color: #000000;
    font-weight: bold;
    font-size: larger;
    background-color: #ffb35b;
    padding: 5px 5px;
    border: 1px solid #e5e5e5;
    float:right;
    width: 19%;

}





#tax-tabs .tab-body {
    padding-right: 10px;
}
#tax-tabs .spacer {
    content: " ";
    padding-top: 10px;
    padding-bottom: 10px;
}
#tax-tabs #summary_total_table tfoot>tr>td {
    background-color: #ffb35b;
}
.pdf-list .profit_section {
    margin-top: 10px;
}
.gst_info {
    position: relative;
    right: 0;
    bottom: 0;
    color: #aaa;
    font-size: xx-small;
    line-height: 0.5;
    width: 100%;
    text-align: right;
}
/* **************  Homepage ********************** */
.staff_thumb {
    padding: 0;
    margin: 0;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 2px 2px;
}
.btn-staff_thumb {
    margin: 0;
    margin-right: 1px;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.btn-staff_thumb input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.staff_thumb_wrap:hover {
    background: rgba(233, 244, 241, 0.07);
}

/* **************  Profit and loass pdf ********************** */
.summary_title {
    text-align: center;
    padding:2px;
    background-color: white;
    color: black;
    border: 1px solid #999;
    width: 150px;
}
.summary_head {
    text-align: center;
    padding:4px;
    /*border: 1px solid #999;*/
    /*background: rgba(52, 73, 94, 0.94) !important;*/
    color: #ECF0F1;
    font-size: 11px;
}
.summary_list,
.summary_sub,
.summary_total {
    padding:2px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.summary_sub {
    background-color: rgb(247, 236, 177);
}
.summary_total {
    border: 1px solid #999;
    background-color: rgb(247, 186, 87);
}
#summary_pdf table {
    border: 1px solid rgba(221, 221, 221, 0.78);
    margin-bottom: 0px;
}
#summary_pdf table th {
    border: none;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
#summary_pdf table tr {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
}
#summary_pdf table td {
    padding: 1px 5px !important;
    vertical-align: middle;
}
#summary_pdf table tfoot>tr>td {
    background-color: #faf7e2;
}
#summary_pdf #summary_total table tfoot>tr>td {
    background-color: #faf7e2;
}
#summary_pdf .pdf-col {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11pt;
    border: 0;
}
#summary_pdf .right-bar {
    border-right: 1px solid #999;
}
#summary_pdf .pdf-col-title {
    width: 385px;
}
#summary_pdf .pdf-col-date {
    width: 400px;
}
#summary_pdf .pdf-col-sub {
    width: 265px;
}
#summary_pdf .pdf-col-no {
    width: 80px;
}
#summary_pdf .pdf-col-name {
    width: 175px;
}
#summary_pdf .pdf-col-amount-group {
    width: 260px;
}
#summary_pdf .pdf-col-amount {
    width: 80px;
}
#summary_pdf .summary_header {
    margin-top: 10px;
    margin-bottom: 10px;
    /*border: none;*/
}
/* **************  Profit and loass pdf ********************** */
.profit_title {
    text-align: center;
    padding:2px;
    background-color: white;
    color: black;
    border: 1px solid #999;
    width: 150px;
}
.profit_head {
    text-align: center;
    padding:4px;
    background-color:rgba(52, 73, 94, 0.94);
    color:white;
    border: 1px solid #999;
}
.profit_list,
.profit_sub,
.profit_total {
    padding:2px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.profit_sub {
    background-color: rgb(247, 236, 177);
}
.profit_total {
    border: 1px solid #999;
    background-color: rgb(247, 186, 87);
}
#profit_loss_pdf .fit_row {
    margin: 0;
    padding: 0;
}
#profit_loss_pdf .pdf-col {
    padding-left: 5px;
    padding-right: 5px;
}
#profit_loss_pdf .right-bar {
    border-right: 1px solid #999;
}
#profit_loss_pdf .pdf-col-title {
    width: 385px;
}
#profit_loss_pdf .pdf-col-date {
    width: 200px;
}
#profit_loss_pdf .pdf-col-sub {
    width: 265px;
}
#profit_loss_pdf .pdf-col-no {
    width: 80px;
}
#profit_loss_pdf .pdf-col-name {
    width: 175px;
}
#profit_loss_pdf .pdf-col-amount {
    width: 110px;
}
#profit_loss_pdf .profit_header {
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
}
/********** Balance Status **/

#balance_status_pdf .fit_row {
    margin: 0;
    padding: 0;
}
#balance_status_pdf .pdf-col {
    padding-left: 4px;
    padding-right: 3px;
}
#balance_status_pdf .right-bar {
    border-right: 1px solid #999;
}
#balance_status_pdf .pdf-col-title {
    width: 385px;
}
#balance_status_pdf .pdf-col-date {
    width: 200px;
}
#balance_status_pdf .pdf-col-sub {
    width: 384px;
}
#balance_status_pdf .pdf-col-grp {
    width: 385px;
}
#balance_status_pdf .pdf-col-no {
    width: 80px;
}
#balance_status_pdf .pdf-col-name {
    width: 170px;
}
#balance_status_pdf .pdf-col-grp-name {
    width: 120px;
}
#balance_status_pdf .pdf-col-amount {
    width: 90px;
}
#balance_status_pdf .profit_header {
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
}

#balance_status_pdf .profit_grp {
    background-color: #fdfbed;
}

/* ********* Asset Depreciation plan  ******************************* */
.asset_title {
    text-align: center;
    padding:2px;
    background-color: white;
    color: black;
    border: 1px solid #999;
    width: 150px;
}
.asset_head {
    text-align: center;
    padding:4px;
    background-color:rgba(52, 73, 94, 0.94);
    color:white;
    border: 1px solid #999;
}
.asset_list,
.asset_sub,
.asset_total {
    padding:2px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.asset_sub {
    background-color: rgb(247, 236, 177);
}
.asset_total {
    border: 1px solid #999;
    background-color: rgb(247, 186, 87);
}
#asset_pdf .fit_row {
    margin: 0;
    padding: 0;
}
#asset_pdf .pdf-col {
    padding-left: 5px;
    padding-right: 5px;
}
#asset_pdf .right-bar {
    border-right: 1px solid #999;
}
#asset_pdf .pdf-col-title {
    width: 385px;
}
#asset_pdf .pdf-col-date {
    width: 200px;
}
/* 585 */
#asset_pdf .pdf-col-sub {
    width: 230px;
}
#asset_pdf .pdf-col-no {
    width: 70px;
}
#asset_pdf .pdf-col-name {
    width: 150px;
}
#asset_pdf .pdf-col-amount {
    width: 90px;
}
#asset_pdf .asset_header {
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
}

/* main_v2 */

.main_v2 textarea.form-control {
    height: auto;
}

.main_v2 table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd;
    padding:3px 5px 3px 5px !important;
    font-size:12px;
}
.main_v2 table.jambo_table tbody,.main_v2 table.jambo_table tbody>tr,.main_v2 table.jambo_table tbody>tr>td {
    font-size: 11px;
    border-right: 1px solid #ddd;
}
.main_v2 table.jambo_table tfoot,.main_v2 table.jambo_table tfoot>tr,.main_v2 table.jambo_table tfoot>tr>td {
    font-size: 11px;
}
.main_v2 table.jambo_table tbody>tr>td,
.main_v2 table.jambo_table tfoot>tr>td {
    padding: 3px 5px !important;
}
.main_v2 table.jambo_table tr>td.np,
.main_v2 table.jambo_table tr>td.control-max {
    padding: 0 !important;
}
.main_v2 .resource-thumbnail-list{
    width: 25px;
    height: 25px;
}
.main_v2 .form-control {
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    padding: 3px 12px;
}
.main_v2 .h25 .form-control {
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    padding: 3px 12px;
}
.main_v2 .control-label {
    font-size: 11px;
}
.main_v2 #select2-fin_sta-container {
    font-size: 11px !important;
    line-height: 20px !important;
}

.main_v2 .select2-selection__arrow {
    top: -2px !important;
}
#cnd_file1, #cnd_file2, #cnd_file3,
#fin_file {
    width: 100%;
    border: 0;
    height: 27px;
    padding: 0;
    box-shadow: none;
}


.petty>tbody>tr>td, .petty>tfoot>tr>td {
    padding: 11px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.main_v2 .blue .form-control  {
    color: blue !important;
}

._admissiondate{
    position:relative;
}

._admissiondate:after{
    content: "-";
    display: block;
    position: absolute;
    top: 15px;
    right: -2px;
}


/* **************************************** */
/* ********* Care fee ********************* */
/* **************************************** */
#carefee_section {
    height: 642px;
    position:relative;
    top: -8px;
}
.resident_under_tab #carefee_section {
    top: 0 !important;
}
#carefee_container {
    height: inherit;
    display: flex;
    flex-direction: column;
}
#carefee_invoice_tool,
#carefee_transaction_tool {
    padding-right: 26px;
}
.resident_under_tab #carefee_invoice_tool,
.resident_under_tab #carefee_transaction_tool {
    padding-right: 8px;
}
#carefee_statement_tool,
#carefee_note_tool {
    padding-right: 18px;
}
#carefee_invoice_tool a,
#carefee_transaction_tool a,
#carefee_statement_tool a,
#carefee_note_tool a {
    text-decoration: none;
}
#carefee_invoice_tool .fa-stack,
#carefee_transaction_tool .fa-stack,
#carefee_statement_tool .fa-stack,
#carefee_note_tool .fa-stack {
    color: #795548;
}
#carefee_invoice_tool .fa-stack .fa-inverse,
#carefee_transaction_tool .fa-stack .fa-inverse,
#carefee_statement_tool .fa-stack .fa-inverse,
#carefee_note_tool .fa-stack .fa-inverse {
    color: #eee;
}
#carefee_invoice_tool a.disabled,
#carefee_transaction_tool a.disabled,
#carefee_statement_tool a.disabled,
#carefee_note_tool a.disabled {
    pointer-events: none;
}
#carefee_invoice_tool a.disabled .fa-stack,
#carefee_transaction_tool a.disabled .fa-stack,
#carefee_statement_tool a.disabled .fa-stack,
#carefee_note_tool a.disabled .fa-stack {
    color: #999999;
}

/* column */
#carefee_upper {
    display: flex;
    flex: 2;
    flex-direction: row;
    flex-wrap: nowrap;
}
#carefee_down {
    display: flex;
    flex: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-top: 5px;
}

/* uppper */
#carefee_invoice {
    flex: 1;
}
#carefee_transaction {
    flex: 1;
    padding-left: 10px;
}
/* downer */
#carefee_statement {
    flex: 3;
    max-width: 60%;
}
#carefee_note {
    flex: 2;
    max-width: 40%;
    padding-left: 10px;
}
#carefee_statement_tool,
#carefee_note_tool{
    background-color: #cbcbcb;
}
#carefee_section.in_detail #carefee_note_tool,
#carefee_section.in_detail #carefee_statement_tool {
    background-color: #41bd81;
    text-align: right;
}

/* in container */
#carefee_invoice_container {
    display: flex;
    flex-direction: column;
}
#carefee_invoice_list {
    flex: 1;
    overflow-x: auto;
    overflow-y: scroll;
    border-left: 1px solid #999;
    background-color: #cbcbcb;
}
#carefee_invoice_list .select_border .carefee_list {
    background-color: rgba(255, 0, 0, 0.2);
}
#carefee_invoice_total {
    flex: none;
    background-color: #fcf8e3;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
}
#carefee_transaction_container {
    display: flex;
    flex-direction: column;
}
#carefee_transaction_list {
    flex: 1;
    overflow-x: auto;
    overflow-y: scroll;
    border-left: 1px solid #999;
    background-color: #cbcbcb;
}
#carefee_transaction_list .select_border .carefee_list {
    background-color: rgba(255, 0, 0, 0.2);
}
#carefee_transaction_total {
    flex: none;
    background-color: #fcf8e3;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
}
/* statement */
#carefee_statement_container {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #999;
    background-color: #f7e9e4;
}
#carefee_statement_list {
    flex: 1;
    overflow-x: auto;
    overflow-y: scroll;
    border-left: 1px solid #999;
}
#carefee_statement_list .select_border .statement_list {
    background-color: rgba(255, 0, 0, 0.2);
}
/* note */
#carefee_note_container {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #999;
    background-color: #cacaca;
}
#carefee_note_list {
    flex: 1;
    overflow-x: auto;
    overflow-y: scroll;
    border-left: 1px solid #999;
}
#carefee_note_list .select_border .carefee_list {
    background-color: rgba(255, 0, 0, 0.2);
}

.carefee_head,
.carefee_total,
.carefee_grand_total,
.carefee_list,
.statement_list {
    font-size: 11px;
    padding: 0 4px;
}
.carefee_head {
    text-align: center;
    background-color:rgba(52, 73, 94, 0.94);
    color:white;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.carefee_list {
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
    background-color: #fff;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.carefee_list a,
.statement_list a{
    text-decoration: none;
    cursor: pointer;
}
.carefee_list.odd {
    background-color: #ebf2fa;
}
.statement_list {
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
    background-color: #fff8f6;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.statement_list.odd {
    background-color: #efe4e0;
}
.carefee_total ,
.carefee_grand_total{
    padding-right: 21px;
}

/* ********************************************************* */
/* ********* Income section  ******************************* */
/* ********************************************************* */
#income_section {
    height: 642px;
    font-size: 11px;
    position: relative;
    top: -10px;
}
#income_container {
    height: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
#income_left {
    flex: 10;
}
#income_bank {
    flex: 5;
}
#income_link {
    flex: 5;
    padding-left: 10px;
}
#income_res {
    flex: 3;
    padding-left: 10px;
}

#income_left_container {
    height: inherit;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
#income_left_upper {
    flex: none;
    height: 46px;
}
#income_left_down {
    flex: 1;
}
#income_left_down_container {
    height: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* ********* Bank  ******************************* */
#income_bank_container {
    display: flex;
    flex-direction: column;
}
#income_bank_tools {
    flex: none;
    height: 44px;
}
#income_bank_head {
    flex: none;
    overflow-y: scroll;
    border-left: 1px solid #999;
}
#income_bank_list {
    flex: 1;
    overflow-x: hidden;
    overflow-y: scroll;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
}
/* head */
#income_bank_head_container {
    display: flex;
    flex-direction: row;
}
#income_bank_head_left {
    flex: 1;
}
#income_bank_head_right {
    flex: 5;
}
#income_bank_head_upper {
    flex: none;
}
#income_bank_head_middle {
    flex: none;
}
#income_bank_head_down {
    flex: none;
}
#income_bank_head_left_date {
    line-height: 52px;
}
.income_bank_list_container {
    display: flex;
    flex-direction: row;
}
#income_bank_list_left {
    flex: 1;
}
#income_bank_list_right {
    flex: 5;
}
#income_bank_list_upper {
    flex: none;
}
#income_bank_list_middle {
    flex: none;
}
#income_bank_list_down {
    flex: none;
}
#income_bank_list_left_date {
    line-height: 50px;
}
/* ********* Link  ******************************* */
#income_link_container {
    display: flex;
    flex-direction: column;
}
#income_link_head {
    flex: none;
    overflow-x: hidden;
    overflow-y: scroll;
    border-left: 1px solid #999;
}
#income_link_list {
    flex: none;
    overflow-x: hidden;
    overflow-y: scroll;
    border-left: 1px solid #999;
}
#income_link_total {
    flex: none;
}
#income_link_tools {
    flex: none;
    padding-top: 5px;
}


/* ********* Resident  ******************************* */
#income_res_container {
    display: flex;
    flex-direction: column;
}
#income_res_tools {
    flex: none;
    height: 44px;
}
#income_res_head {
    flex: none;
    overflow-y: scroll;
    border-left: 1px solid #999;
}
#income_res_list {
    flex: 1;
    overflow-x: hidden;
    overflow-y: scroll;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
}

/* tools */
#income_res_tools_container {
    display: flex;
    flex-direction: row;
}
#income_res_tools_payer {
    flex: 1;
}
#income_res_tools_carelevel {
    flex: 1;
}
#income_res_tools_status {
    flex: 1;
}
#income_res_tools_search {
    flex: 2;
}

.income_head {
    text-align: center;
    background-color:rgba(52, 73, 94, 0.94);
    color:white;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    padding-right: 10px;
}
#income_bank_head_down_container .income_head {
    border-top: 0;
}

.income_list {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.income_bank_list_container,
.income_link_list_container,
#income_res_list_container {
    background-color: #fff;
}
.income_bank_list_container.odd,
.income_link_list_container.odd,
#income_res_list_container.odd {
    background-color: #ebf2fa;
}
.income_bank_list_container.linked {
    background-color: #aaa;
}
.income_bank_list_container.odd.linked {
    background-color: #9c9c9c;
}
.income_bank_list_container.half-linked {
    background-color: #e8dea6;
}
.income_bank_list_container.odd.half-linked {
    background-color: #cec693;
}
#income_link_list .income_link_list:last-child .income_list {
    border-bottom: 0;
}
#income_bank_list .select_border {
    box-shadow: inset 0 0 0 2px rgba(255, 0, 0, 0.6);
    /*border: 2px solid red;*/
}
#income_link_total_container {
    background-color: #fcf8e3;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
#income_link_total_container.unmatch {
    background-color: #fc8c87;
}
#income_link_list_tool_amount {
    padding-right: 21px;
}
#income_bank_list_container.odd {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.form-control.fc-small {
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 1px 3px;
}
textarea.form-control.fc-small {
    line-height: 16px;
    height: 36px;
}
#income_bank_tools_search span button,
#income_res_tools_search span button {
    border: 1px solid #dce1e7;
    padding-right: 4px;
    margin-right: 0;
}
.fc-small-label {
    color: #999999;
    font-size: 10px !important;
    top: 2px;
    position: relative;
}
#income_bank_tools_period .date_range_picker {
    padding: 2px;
    border: 1px solid #dce1e7;
    border-radius: 0;
    background-color: #fdfdfd;
    width: 100%;
}
#income_bank_tools_tool {
    padding-top: 16px;
}
#income_bank_tools_tool .dropdown,
#income_bank_tools_tool .dropdown button {
    width: 90%;
}
#income_res_head_check a {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
#income_res_list_container a {
    color: #000000;
    cursor: pointer;
    text-decoration: none;
}
#income_link_list .link_amount {
    width:100%;
    text-align: right;
    padding: 0 4px;
    margin: 0;
    border: 0;
}
#income_link_list .link_gst,
#income_link_list .link_carelevel,
#income_link_list .link_payer {
    width:100%;
    text-align: left;
    padding: 0 4px;
    margin: 0;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
#income_link_list select.link_gst,
#income_link_list select.link_carelevel,
#income_link_list select.link_payer {
    padding: 0;
}
#income_link_list_name a {
    text-decoration: none;
    cursor: pointer;
}
#income_link_list  .link_note {
    width: 100%;
    border: none;
    line-height: normal;
    padding-left: 4px;
}
#income_link_list_payer input,
#income_link_list_carelevel input,
#income_link_list_gst input,
#income_link_list_amount input,
#income_link_list_note input
#income_link_list_payer select,
#income_link_list_carelevel select,
#income_link_list_gst select {
    background-color: #fff;
}
#income_link_list_payer.odd input,
#income_link_list_carelevel.odd input,
#income_link_list_gst.odd input,
#income_link_list_amount.odd input,
#income_link_list_note.odd input
#income_link_list_payer.odd select,
#income_link_list_carelevel.odd select,
#income_link_list_gst.odd select {
    background-color: #eaf1f9;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #333;
    background-color: #eaf1f9;
}
button.multiselect.form-control.fc-small {
    line-height: 18px;
}


#tab_resize_btn_set > .tab_resize_btn_v2  {
    background: #d6dae6;
    color: #000;
    padding: 2px 10px;
    box-shadow: none;
    border: 0;
    font-weight:bold;
}
#tab_resize_btn_set > .tab_resize_btn_v2.active  {
    background-color: #2a3f54;
    color: aliceblue;
    padding: 2px 10px;
    border: 2px solid;
    top: 0;
}
.tab_resize_btn_v2 a {
    color: black;
}
.tab_resize_btn_v2.active a {
    color: aliceblue;
}
.tab_resize_btn_v2 a:hover {
    text-decoration: none !important;
}

.right-nopadding {
    padding-right: 0;
}
#add_carefee_transaction .x_panel.small,
#add_carefee_invoice .x_panel.small,
#add_carefee_note .x_panel.small,
#add_carefee_transaction .x_panel.small .control-label,
#add_carefee_invoice .x_panel.small .control-label,
#add_carefee_note .x_panel.small .control-label {
    font-size: 10px !important;
}
#carefee_section .input-group.datetimepicker span.input-group-addon,
#add_carefee_transaction .input-group-addon,
#add_carefee_invoice .input-group-addon,
#add_carefee_note .input-group-addon {
    padding: 0;
}
#carefee_section .input-group.datetimepicker,
#add_carefee_transaction .input-group,
#add_carefee_invoice .input-group,
#add_carefee_note .input-group {
    margin-bottom: 0;
}
#carefee_filter {
    margin-bottom: 10px;
}
#add_carefee_transaction .form-group,
#add_carefee_invoice .form-group,
#add_carefee_note .form-group {
    margin-bottom: 5px;
}
.x_panel.small {
    padding: 5px 8px;
    margin-bottom: 0;
}
.x_panel.small .x_title {
    padding-bottom: 0;
    margin-bottom: 3px;
}
.x_panel.small .x_content {
    padding-bottom: 1px;
}
.x_panel.small .x_content button {
    margin-bottom: 0;
}
.x_panel.small .ln_solid {
    margin: 5px 0;
}
.fc-small-error {
    color: red;
    font-size: 10px;
    top: 2px;
    position: relative;
}
.fa-invisible {
    visibility: hidden;
}
.send-icon-tooltip  {
    min-width: 380px;
}
/* ********* For Test  ******************************* */
/* ********* For Test  ******************************* */
/* ********* For Test  ******************************* */
.border { border: 1px solid red !important; }
/* ********* For Test  ******************************* */
/* ********* For Test  ******************************* */
/* ********* For Test  ******************************* */
.scroll {
    border: 0;
    border-collapse: collapse;
}

.scroll tr {
    display: flex;
}

.scroll td {
    padding: 3px;
    flex: 1 auto;
    width: 1px;
    word-wrap: break;
}

.scroll thead tr:after {
    content: '';
    overflow-y: scroll;
    visibility: hidden;
    height: 0;
}

.scroll thead th {
    flex: 1 auto;
    display: block;
}

.scroll tbody {
    display: block;
    width: 100%;
    overflow-y: scroll;
    /* height: 300px; */
}

.scroll tfoot tr:after {
    content: '';
    overflow-y: scroll;
    visibility: hidden;
    height: 0;
}
#popup_wage_sub table th,
#popup_wage_sub table td {
    font-size: 11px;
}
#popup_wage_sub .x_title {
    margin-bottom: 0;
}
#popup_wage_sub .x_content {
    margin-top: 0;
}

#popup_wage_sub .well ul {
    margin-bottom: 0;
}
.wage_sub_popup {
    margin-bottom: 18px;
}
.popup_bg {
    background: #fff !important;
}
#overdue_table th,
#overdue_table td{
    font-size: 11px;
}
#overdue_footer {
    border: 0;
    margin-left: 25px;
    margin-right: 30px;
}
#overdue_footer td {
    font-size: 11px;
    color: #fff;
    border: 0;
}

#cf_top_section {
    margin-top: 5px !important;
}
#cf_payer {
    margin-bottom: 12px;
}
#cf_hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
#remake_invoice {
    font-size: 11px;
}

#cf-table #remake_invoice {
    margin-top:5px;
    /*margin-left:-15px;*/
}

.outstanding {
    font-size: 11px;
}
#cf-table .outstanding {
    border: 1px solid #c5ebd8;
    background-color: #9edebe;
}
.outstanding-label {
    padding-top: 3px;
    font-size: 11px;
}
.outstanding div {
    padding-top: 3px;
    padding-bottom: 3px;
}

#carefee_filter .outstanding {
    border: 1px solid #dce1e7;
    background-color: #fdfdfd;
    top: -19px;
    position: relative;
    margin-left: -5px !important;
    margin-right: 0px !important;
}
#carefee_filter .outstanding-label {
    color: #999;
    position: relative;
    top: -16px;
}
#carefee_filter .outstanding div {
    padding-top: 2px;
    padding-bottom: 2px;
}
#carefee_filter .outstanding-wrap {
    height: 23px;
    margin-top:3px;
}

#carefee_filter #search_resident{
    margin-top:3px;
}

#accounting .date_range_picker {
    padding: 1px 5px 1px 5px;
}
#accounting .date_range_picker span {
    font-size: 11px;
}
#accounting #search_tool_add i {
    font-size: 24px;
    margin-right: 12px;
 }
#accounting #search_table table {
    margin-top: 0;
}

.multiselect-native-select button.multiselect  {
    padding: 0 5px 0 10px;
}
.multiselect-native-select button.multiselect  b.caret {
    margin-top: 7px;
    float: right;
}
#cf_period_start,
#cf_period_end,
#cf_transaction_start,
#cf_transaction_end,
#search_period_start,
#search_period_end,
#search_transaction_start,
#search_transaction_end {
    width: 90px !important;
    float: left;
}
.search_period_center,
#cf_period_center,
#search_period_center {
    width: 18px;
    float: left;
}
#cf_period_all,
#cf_transaction_all,
#carefee_invoice_period_all,
#carefee_transaction_period_all,
#petty_period_all {
    width: 64px;
    float: left;
    font-size: 11px;
    margin-left: 5px;
    margin-top: 1px;
}

/* *******  Price Table  ******  */
#price_table .pricetable-panel {
    margin: 8px 4px 8px 0px;
    width: 49%;
    float: left;
    font-size: 11px;
}
#price_table .pricetable-panel.panel_right {
    float: right;
}
#price_table .pricetable-panel h3 {
    font-weight:600;
}
#price_table .pricetable-panel .panel-body {
    background-color: #eee;
    padding:15px;
}
#price_table .pricetable-panel .panel-body table th,
#price_table .pricetable-panel .panel-body table td {
    font-size: 11px;
}

#duty_table th,
#duty_table td {
    padding: 0 !important;
    vertical-align: middle;
}
#care_level_table td.right_border ,
#duty_table td.right_border {
    border-right: 1px solid #dddddd;
}
#tab-cont-wag table tr td .btn_wag {
    font-size: 11px;
    margin: 0;
}
#tab-cont-wag table tr td.wag_tools {
    padding: 0 !important;
    width: 130px;
}


/* *******  Roster market  ******  */
#market_table th {
    text-align: center;
    vertical-align: middle;
    font-weight: bolder;
    font-size: 11px;
    line-height: 14px;
    padding: 3px 0;
}
#market_table th.sunday {
    background-color: #cc0000;
    color: #ffcccc;
}
#market_table th.saturday {
    background-color: #0088cc;
    color: #cceeff;
}
#market_table th.weekday {
    background-color: #486684;
    color: #dee6ed;
}
#market_table th.holiday {
    background-color: #cc00c2;
    color: #ffccfc;
}
#market_table .staff_info {
    width : 150px;
    padding: 0 8px;
    line-height: 13px;
}
#market_table .staff_info .sid {
    font-size: 10px;
    color: #cfcfcf;
    margin: 0;
}
#market_table .staff_info .name {
    font-size: 12px;
    color: #fff;
    margin: 0;
}
#market_table .staff_info .name a {
    text-decoration: none;
    color: #fff;
}
#market_table .table_list td.staff_roster {
    width: 82px;
}
#market_table .table_list td.staff_roster.weekday {
    background-color:  #fff;
}
#market_table .table_list.odd td.staff_roster.weekday {
    background-color: #DFE8EE;
}
#market_table .table_list td.staff_roster.saturday {
    background-color:  #e6f7ff;
}
#market_table .table_list.odd td.staff_roster.saturday {
    background-color: #cceeff;
}
#market_table .table_list td.staff_roster.sunday {
    background-color:  #ffe6e6;
}
#market_table .table_list.odd td.staff_roster.sunday {
    background-color: #ff9999;
}
#market_table .table_list td.staff_roster.holiday {
    background-color:  #ffe6fd;
}
#market_table .table_list.odd td.staff_roster.holiday {
    background-color:  #ffccfc;
}
#market_color div.suff_index,
#market_table input.btn-market {
    background-color: #dcdcdc !important;
}
#market_color div.suff_index.not_allowed,
#market_table input.btn-market:disabled{
    background-color: #c33333cc !important;
}

#market_color div.suff_index.leave,
#market_table input.btn-market.leave {
    background-color: #989898 !important;
}
#market_color div.suff_index.marketable,
#market_table input.btn-market.marketable {
    background-color: #d4f5bd !important;
}
#market_color div.suff_index.swap,
#market_table input.btn-market.swap {
    background-color: #fdd5d5 !important;
}
#market_color div.suff_index.swap_req,
#market_table input.btn-market.swap_req {
    background-color: #fda9a9 !important;
}
#market_color div.suff_index.freeze,
#market_table input.btn-market.freeze {
    background-color: #68976a !important;
}
#market_table input.btn-market.swap_from {
    background-color: #fdd5d5 !important;
}
#market_color .swap_section {
    width: 320px;
    margin: 0;
    border: 1px solid #999;
    background-color: #fafafa;
    border-radius: 10px;
    padding: 2px 10px;
    line-height: 34px;
}
#market_color .swap_cancel {
    margin: 6px 3px;
}
#duty-list {
    position: absolute;
    z-index: 100;
}
#duty-list .duty-list-title {
    font-size: 11px;
    padding: 4px 10px;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    background-color: #8BC34A;
    color: #fff;
    border-radius: 4px 4px 0 0;
}
#duty-list a {
    font-size: 11px;
    padding: 4px 10px;
}

#note_file_name input {
    border: 1px solid #dee0e2;
    padding: 2px 8px;
    padding-right: 20px;
}
#note_file_name_clear {
    position: relative;
    right: 20px;
    z-index: 2;
    top: 0px;
    color: #333;
    cursor: pointer;
}
#notice_file_name input {
    border: 1px solid #dee0e2;
    padding: 2px 8px;
    padding-right: 20px;
}
#notice_file_name_clear {
    position: relative;
    right: 20px;
    z-index: 2;
    top: 0px;
    color: #333;
    cursor: pointer;
}
#cnd_file1_name,
#cnd_file2_name,
#cnd_file3_name {
    margin-bottom: 0;
}
#cnd_file1_name input,
#cnd_file2_name input,
#cnd_file3_name input,
#fin_file_name input {
    border: 1px solid #dee0e2;
    padding: 2px 8px;
    padding-right: 20px;
}
#cnd_file1_name input,
#cnd_file2_name input,
#cnd_file3_name input {
    height: 27px;
}
#cnd_file1_name_clear,
#cnd_file2_name_clear,
#cnd_file3_name_clear,
#fin_file_name_clear {
    position: relative;
    right: 20px;
    z-index: 2;
    top: 0px;
    color: #333;
    cursor: pointer;
}
.main_v2 #select2-fin_sta-container {
    height: 20px;
}
#fin_open_end {
    font-size: 11px;
    margin-left: 10px
}
#fin_open_end input {
    margin-top: 2px;;
    padding-top: 0;
}
#addinstallment #fin_note_table_wrap {
    height: 89px;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow-x: none;
    overflow-y: scroll;
}
#addinstallment .fin_note_table {
    table-layout: fixed;
}
#addinstallment .fin_note_table th {
    background-color: #b5c0ca !important;
    color: #000000;
    text-align: center;
}
#addinstallment .fin_note_table th,
#addinstallment .fin_note_table td {
    font-size: 11px;
    padding: 2px 4px;
}
#addinstallment .fin_note_table button.btn_note {
    margin: 0;
    font-size: 11px;
    border: none;
    background-color: transparent;
}
#addinstallment .fin_note_table #new_note_row td {
    padding: 0 !important;
}
#addinstallment .fin_note_table #new_note_row td {
    border-right: 1px solid #dcdcdc;
}
#addinstallment .fin_note_table #new_note_row input {
    padding: 2px 4px;
    margin: 0;
    height: 21px;
    background-color: #dbfef9;
    width: 100%;
}
#addinstallment .fin_note_table #new_note_date {
    cursor: pointer;
}
#addinstallment .fin_note_table #new_note_btn {
    text-align: center;
    background-color: #a1dad1;
}
#addinstallment .fin_note_table #new_note_btn a {
    text-decoration: none;
    color: #000;
}
/*#addinstallment .fin_note_table #new_note_btn i {*/
    /*padding: 5px 0;*/
/*}*/
.tooltip-inner.fin_note {
    text-align: left !important;
    max-width: 300px !important;
    word-wrap: break-word !important;
    background-color: #b6e5bc !important;
    color: #000 !important;
}
.tooltip-arrow.fin_note {
    border-left-color: #b6e5bc !important;
}
.fin_note_content {
    word-break: break-all;
}
.input_travel {
    padding-right: 24px;
}
.btn_travel {
    position: relative;
    right: -4px;
    top: -24px;
    float: right;
}
.modal_file_name {
    border: 1px solid #DDE2E8;
    padding: 1px 6px;
}

.date_range_picker.picker_sm {
    font-size: 11px;
    padding: 2px 4px;
    margin-bottom: 6px;
}
.daterangepicker.dropdown-menu.picker_sm,
.daterangepicker.dropdown-menu.picker_sm .ranges li {
    font-size: 11px;
    margin-bottom: 4px;
    padding: 2px 8px;
}
.daterangepicker.dropdown-menu.picker_sm .ranges .input-mini {
    height: 22px;
    line-height: 22px;
}
.daterangepicker.dropdown-menu.picker_sm select.monthselect,
.daterangepicker.dropdown-menu.picker_sm select.yearselect {
    height: 22px;
    font-size: 11px;
}
.daterangepicker.dropdown-menu.picker_sm .table-condensed>thead>tr>th,
.daterangepicker.dropdown-menu.picker_sm .table-condensed>tbody>tr>th,
.daterangepicker.dropdown-menu.picker_sm .table-condensed>tfoot>tr>th,
.daterangepicker.dropdown-menu.picker_sm .table-condensed>thead>tr>td,
.daterangepicker.dropdown-menu.picker_sm .table-condensed>tbody>tr>td,
.daterangepicker.dropdown-menu.picker_sm .table-condensed>tfoot>tr>td {
    padding: 4px 4px;
}
.daterangepicker.dropdown-menu.picker_sm table.table-condensed thead tr {
    line-height: 12px;
}

.btn-half {
    width: 45%;
}
.regular_cell.ellipsis {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.regular_cell.amount {
    width: 70px;
}
#account_exp_left table tbody td.regular_cell {
    padding: 0 !important;
    vertical-align: middle;
    padding: 0 10px;
}
#account_exp_left table tbody td.regular_cell span {
    padding: 0 10px;
}
#account_exp_left table tbody td.regular_cell span,
#account_exp_left table tbody td.regular_cell input {
    height: 23px;
    line-height: 23px;
}
#account_exp_right  table tbody td.regular_cell span,
#account_exp_middle table tbody td.regular_cell span,
#account_exp_right  table tbody td.regular_cell a span,
#account_exp_middle table tbody td.regular_cell a span {
    line-height: 15px;
}
#account_exp_left input.paid_check {
    height: 15px !important;
    box-shadow: none;

    margin-top: 0;
    margin-left: 1px;
}
.main_v2 #select2-fin_staff-container {
    font-size: 11px !important;
    line-height: 20px !important;
}
.main_v2 #select2-company_phone_idx-container {
    font-size: 11px !important;
    line-height: 20px !important;
}
.main_v2 #select2-company_category-container {
    font-size: 11px !important;
    line-height: 20px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #dde2e8;
}


#history_table_wrap {
    margin-top: 10px;
}
#history_table {
    table-layout: fixed;
}
#history_table th {
    background-color: #b5c0ca !important;
    color: #000000;
    text-align: center;
    border-left: 1px solid #eee;
}
#history_table th,
#history_table td {
    font-size: 11px;
    padding: 2px 4px;
}

#assess_file {
    width: 100%;
    border: 0;
    height: auto;
    padding: 0;
    box-shadow: none;
}

#assess_file_name input {
    border: 1px solid #dee0e2;
    padding: 2px 8px;
    padding-right: 20px;
}
#assess_file_name_clear {
    position: relative;
    right: 20px;
    z-index: 2;
    top: 0px;
    color: #333;
    cursor: pointer;
}
#add_care_assess label,
#add_care_assess input {
    font-size: 11px;
}

#mdt_labresult_file {
    width: 100%;
    border: 0;
    height: auto;
    padding: 0;
    box-shadow: none;
}

#mdt_labresult_file_name input {
    border: 1px solid #dee0e2;
    padding: 2px 8px;
    padding-right: 20px;
}
#mdt_labresult_file_name_clear {
    position: relative;
    right: 20px;
    z-index: 2;
    top: 0px;
    color: #333;
    cursor: pointer;
}
#add_mdt_labresult label,
#add_mdt_labresult input,
#add_mdt_labresult select {
    font-size: 11px;
}


#mdt_doctor_note_file {
    width: 100%;
    border: 0;
    height: auto;
    padding: 0;
    box-shadow: none;
}
#mdt_doctor_note_file_name input {
    border: 1px solid #dee0e2;
    padding: 2px 8px;
    padding-right: 20px;
}
#mdt_doctor_note_file_name_clear {
    position: relative;
    right: 20px;
    z-index: 2;
    top: 0px;
    color: #333;
    cursor: pointer;
}
#add_mdt_doctor_note label,
#add_mdt_doctor_note input,
#add_mdt_doctor_note select {
    font-size: 11px;
}
#add_mdt_doctor_note .checkbox-inline {
    padding-top: 0 !important;
}
#mdt_doctor_tbl tr.highlight {
    background-color: #ecd797;
}

#mdt_nursing_note_file {
    width: 100%;
    border: 0;
    height: auto;
    padding: 0;
    box-shadow: none;
}
#mdt_nursing_note_file_name input {
    border: 1px solid #dee0e2;
    padding: 2px 8px;
    padding-right: 20px;
}
#mdt_nursing_note_file_name_clear {
    position: relative;
    right: 20px;
    z-index: 2;
    top: 0px;
    color: #333;
    cursor: pointer;
}
#add_mdt_nursing_note label,
#add_mdt_nursing_note input,
#add_mdt_nursing_note select {
    font-size: 11px;
}
#add_mdt_nursing_note .checkbox-inline {
    padding-top: 0 !important;
}
#mdt_nursing_tbl tr.highlight {
    background-color: #ecd797;
}
#nursing_list_table th,#nursing_list_table td {
    font-size: 11px !important;
}
#nursing_list_table tr.highlight {
    background-color: #ecd797;
}
.list-title {
    font-size: 22px;
    font-weight: bolder;
}
#activity_list_table th,#activity_list_table td {
    font-size: 11px !important;
}
#import_transaction_form .input-group label.fc-small,
#import_transaction_form .btn-xs.btn-file.fc-small {
    height: 20px;
}
#import_detail_modal .import_detail_section {
    height: 160px;
    overflow-y: scroll;
    margin-bottom: 10px;
}
#import_detail_modal table th {
    text-align: center;
}
#import_detail_modal table td.currency_format {
    text-align: right;
}
#import_detail_modal table th,
#import_detail_modal table td {
    font-size: 11px;
}
.nav.child_menu.my_menu > li {
    height: 39px;
}
.nav.child_menu.my_menu > li > a {
    left: -28px;
    z-index: 1;
}
.nav.child_menu.my_menu span {
     position: absolute;
}
.nav.child_menu.my_menu .shortcutkeys {
    /*float:right;*/
    display: inline-block;
    padding: 3px 5px;
    margin-right: 5px;
    font-size: 11px;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border: 2px solid #33485e;
    border-radius: 0px;
}
.nav.child_menu.my_menu .menu_parent {
    top: 4px;
    left: 40px;
    color: #888;
    font-size: 10px;
}
.nav.child_menu.my_menu .menu_name {
    top: 16px;
    left: 45px;
}
.rate_history_row {
    padding: 10px 10px 5px 5px;
    border-bottom: 1px solid #eee;
}
.rate_history_row.new_row {
    background-color: #a0a0a0;
}
.rate_history_row .form-group {
    margin-bottom: 4px;
}
.rate_history_row .form-control {
    margin-bottom: 4px;
}
.rate_history_row hr {
    margin-top: 0px;
    margin-bottom: 9px;
}
.rate_history_row .history_rdp {
    color: blue !important;
}

#tab-cont-urh a {
    text-decoration: none;
}
#tab-cont-urh a > input {
    cursor: pointer;
}

.note_table_section,
.note_table_section1 {
    overflow-y: auto;
}

#note_filters {
    float: left;
}
#note_filters .filter {
    float: left;
}
#note_filters .filter:not(:last-child) {
    margin-right: 20px;
}
#note_filters .filter select {
    padding: 4px;
    font-size: 11px;
    width: 230px;
}
.select2-selection__rendered,
.select2-results__option {
    font-size: 11px;
}
.right_border {
    border-right: 1px solid #e6e6e6;
}

/*CHAMS: CSS*/

.flex-container{
    display: flex;
    flex-wrap: nowrap;
}

.shortcare_diary_items{
background-color: #fcf8e3 !important;

}

.shortcare_diary_items input{
    background-color: #fcf8e3 !important;
    border: 0px !important;
}

.shortcare_diary_items textarea{
    background-color: #fcf8e3 !important;
}


.dutycode_view #staff_div{
    line-height:14px;
}
.helpicon{
    display:inline;
    padding:0px 2px;
    text-decoration: none;
    color: #000;
}
a.helpicon:hover{
    text-decoration: none;
}

#qa_list td span {
    line-height:10px;
}

#qa_list .time-picker input.display-time {
    width:50px;
    background: transparent;
    border:none;
}
#short_list textarea,
#qa_list textarea {
    resize: vertical;
}

#short_list #shortlist2 td span {
    line-height:10px;
}

#short_list .time-picker input.display-time {
    width:50px;
    background: transparent;
    border:none;
}



.res_tools {
    color: #ccc;
}
.res_tools:hover {
    color: #444;
}

/*Table Scroller */

.table-scroll {
    overflow-y: auto;
}
/*Google Map Location Dropdown*/
.pac-container {
    z-index: 1051 !important;
}

.obs_form_label_width{
    width:118px !important;
    text-align:left !important;
}

/************/
#add_mdt_obs_note label, #add_mdt_obs_note input, #add_mdt_obs_note select {
    font-size: 11px;
    height:20px;
    line-height: 20px;

}
#add_mdt_obs_note textarea {
    font-size: 11px;
    line-height: 20px;
}
#add_mdt_obs label, #add_mdt_obs input, #add_mdt_obs select,#add_mdt_obs textarea {
    font-size: 11px;
}


#add_mdt_obs .form-control {
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    padding: 3px 12px;

}

#add_mdt_obs .input-group-addon {
    padding: 0px 6px;
    font-size: 11px;

}

#add_mdt_obs .input-group {
    padding-left:10px  !important;
    padding-right:10px !important;
    margin-bottom: auto !important;
}

/*** Admin Note **/
#admin_note_new {
    background-color: #e2bc87;
    animation: anime .5s;
    animation-fill-mode: both;
}
#admin_note_new.edit { background-color: #87e0a9 !important;}
#admin_note_new_file {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;}
label[for=admin_note_new_file]{ margin-bottom:0px !important;}

#admin_note_new_subject{padding: 0 0 !important;}

#admin_note_new_note{padding: 0 0 !important;}
#res_daterange_wrapper {
    /*width: 100%;*/
    margin:0px 0 10px 0 !important;
    float: left;
}
#res_daterange_wrapper .daterange.datetimepicker {width: 90px;}
#res_daterange_wrapper .daterange { float: left; margin-bottom: 0;}

#res_daterange_wrapper .daterange.datetimepicker .input-group-addon {padding: 0;}
#res_admin_note_daterange_period_all { margin-left:10px;}

#res_daterange_wrapper #res_admin_note_daterange_center {
    height: 22px;
    vertical-align: middle;
    padding: 4px 10px;
}

#res_admin_note_daterange_start {margin:0 !important; }
#res_admin_note_daterange_end { margin:0 !important; }

/*** Care Note ****/
#care_note_new {
    background-color: #e2bc87;
    animation: anime .5s;
    animation-fill-mode: both;
}
#care_note_new.edit { background-color: #87e0a9 !important;}
#care_note_new_file {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;}
label[for=care_note_new_file]{ margin-bottom:0px !important;}

#care_note_new_subject{padding: 0 0 !important;}

#care_note_new_note{padding: 0 0 !important;}
#res_care_note_daterange_period_all { margin-left:10px;}

#res_care_note_daterange_center {
    height: 22px;
    vertical-align: middle;
    padding: 4px 10px;
}

#res_care_note_daterange_start {margin:0 !important; }
#res_care_note_daterange_end { margin:0 !important; }


/*** mdt Note ****/
#mdt_note_new {
    background-color: #e2bc87;
    animation: anime .5s;
    animation-fill-mode: both;
}
#mdt_note_new.edit { background-color: #87e0a9 !important;}
#mdt_note_new_file {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;}
label[for=mdt_note_new_file]{ margin-bottom:0px !important;}

#mdt_note_new_subject{padding: 0 0 !important;}

#mdt_note_new_note{padding: 0 0 !important;}
#res_mdt_note_daterange_period_all { margin-left:10px;}

#res_mdt_note_daterange_center {
    height: 22px;
    vertical-align: middle;
    padding: 4px 10px;
}

#res_mdt_note_daterange_start {margin:0 !important; }
#res_mdt_note_daterange_end { margin:0 !important; }

select .care_type{
    background:#EEEEEE;
    color:#000;
    font-style:normal;
    font-weight:normal;
    padding-left:10px;
}
select .care_level{
    background:#CCCCCC;
    color:#000;
    font-style:normal;
    font-weight:bold;
}

.occu_stat_total td{
font-weight: bold !important;
font-size:11px !important;
background-color:#fcf8e3 !important;

padding: 3px 5px 3px 5px !important;
}

.room_occu_font_size , .room_occu_font_size input {
    font-size: 11px !important;
}
.stat_occupancy_font,  stat_occupancy_font input {
    font-size: 11px !important;
}

.room_status_font_size , .room_status_font_size select {
    font-size: 11px !important;
}
/*******************************/

.stat_occupancy_page .filter {
    width:102px;
    display:inline;
}
.stat_occupancy_page table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
  }

.stat_occupancy_page td {
    overflow: hidden;
    white-space: nowrap;
  }

.stat_occupancy_page #canvas_stat_occupancy{
    padding:10px;
    background-color:#fff;
}

#term_stat_table .headings th:first-child {
    width:70px !important;

 }
#term_stat_table .headings th:nth-child(2) {
    width:65px !important;
}
#term_stat_table .headings th:nth-child(3) {
    width:65px !important;
 }
/***************Stat Budget ****************/
.stat_budget_page .tab-content{
    background-color: #eaeaea !important;
    border: 1px solid #999 !important;
    border-top:0px !important;
    border-left:0px !important;
    border-radius: 5px 5px 5px 0px !important;
    width:1170px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    padding: 0px !important;
}
.stat_budget_page .nav{
    margin-left:130px !important;
}
.stat_budget_page .nav-tabs>li a{
    color: #f0f0f0;
}

.stat_budget_page .nav-tabs>li {
    margin-bottom: -1px;
    margin-right: 4px;
    background-color: #bdbdbd;
    border-radius: 4px 4px 0 0;
    font-size:13px !important;
    color: #f0f0f0;
}

.stat_budget_page .nav-tabs>li.active>a, .stat_budget_page .stat_budget_page .nav-tabs>li.active>a:hover, .stat_budget_page .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #eaeaea;
    border: 1px solid #bdbdbd;
    border-bottom-color: transparent;
    margin: 0;
    font-weight: bold;

}


.stat_budget_page{
font-size:11px !important;

}

.stat_budget_page td:not(:nth-child(1)):not(:nth-child(16)) {
    text-align: right !important;
}


.stat_budget_page button.clone_btn {
    height:22px !important;
    font-size:11px !important;
    padding:2px 4px !important;
}


.stat_budget_page input {
    font-size: 11px !important;
    padding:0 0 !important;
    text-align: right !important;
    width:100%;
    height:20px !important;
    font-weight:lighter !important;
}

#stat_budget_tbl_body select {
    border:0px !important;
    outline:0px !important;
    text-align: left !important;
    color: #0045a5 !important;
    padding-left:0px !important;
 }


.ajax_loading {
    background: url('../images/form-loader.gif') no-repeat right center;
    background-size: 10px 10px;
    z-index: 1000;
    position: absolute;
    width: 11px;
    height:11px;
    float:right;
    right:3px;


}

.ajax_error {
    background: url('../images/warning_icon.svg.png') no-repeat right center;
    background-size: 15px 15px;
    z-index: 1000;
    position: absolute;
    width: 11px;
    height:11px;
    float:right;
    right:3px;
}

.ajax_success {
    background: url('../images/tick-512.png') no-repeat right center;
    background-size: 10px 10px;
    z-index: 1000;
    position: absolute;
    width: 11px;
    height:11px;
    float:right;
    right:3px;
/*    position: absolute;
    font-family: 'FontAwesome';
    top: 0;
    left: 10px;
    content: "\f005";*/

}

.stat_budget_page .filter {
    width:102px;
    display:inline;
}
.stat_budget_page table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
  }

#stat_budget_tbl_body  tr td {
    padding:3px 4px !important ;
   vertical-align:middle !important;
 }

#stat_budget_tbl_body  tr td a {
    color:#0045a5 !important;
    font-weight:bold;
  }

#stat_budget_table tr td:nth-child(2) {
    font-weight:bold;
    color: #7f1d1b;
}
#stat_budget_table tr td:nth-child(3) {
    font-weight:bold;
    color: #bf3954;
  }

#stat_budget_tbl_body  tr td:first-child  {
    color:#0045a5;
    background-color:#99C2FF;

 }

#stat_budget_tbl_body tr.new_row{
    background-color: #e2bc87 !important;
    animation: anime .5s;
    animation-fill-mode: both;
 }

 #stat_budget_tbl_body tr.edit_row{
    background-color: #87e0a9 !important;
    animation: anime .5s;
    animation-fill-mode: both;
 }


.stat_budget_page td {
    overflow: hidden;
    white-space: nowrap;

  }

.stat_budget_page #canvas_stat_budget{
    padding:40px;
    background-color:#fff;
    margin-bottom:40px;
    height:100%;
    width:100%;
}

.stat_budget_page #canvas_stat_budget_stack{
    padding:40px;
    background-color:#fff;
    margin-bottom:40px;
    height:100%;
    width:100%;
}


#stat_budget_table .headings th:first-child {
    width:120px !important;

 }
 #stat_budget_table .headings th:nth-child(2) {
    width:65px !important;
}
#stat_budget_table .headings th:nth-child(3) {
    width:40px !important;
}

tfoot tr.stat_budget_total td{
    font-weight: bold !important;
    font-size:11px !important;
    background-color:#fcf8e3 !important;
    text-align:right !important;


}
tr.stat_budget_total td:first-child{
    text-align:center !important;
    color:#0045a5;
}

#stat_budget_tbl_body .cat_tot, #stat_budget_tbl_body .cat_perc {
    text-align:right !important;
}

.stat_budget_page .stat_delete_cat{
    color:#fff;
    background:#90111A;
}

/******************stat_budget_total****************/
.stat_budget_total_page .tab-content{
    background-color: #eaeaea !important;
    border: 1px solid #999 !important;
    border-top:0px !important;
    border-left:0px !important;
    border-radius: 5px 5px 5px 0px !important;
    width:1170px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    padding: 0px !important;
}


.stat_budget_total_page .nav-tabs>li {
    margin-bottom: -1px;
    margin-right: 4px;
    background-color: #bdbdbd;
    border-radius: 4px 4px 0 0;
    font-size:13px !important;

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

.stat_budget_total_page .nav-tabs>li.active>a, .stat_budget_total_page .stat_budget_total_page .nav-tabs>li.active>a:hover, .stat_budget_total_page .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #eaeaea;
    border: 1px solid #bdbdbd;
    border-bottom-color: transparent;
    margin: 0;
    font-weight: bold

}


.stat_budget_total_page{
    font-size:11px !important;

    }

.stat_budget_total_page td:not(:nth-child(1)):not(:nth-child(16)) {
        text-align: right !important;
 }

.stat_budget_total_page .filter {
        width:102px;
        display:inline;
}

.stat_budget_total_page table {
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%;
}

#stat_budget_total_tbl_body  tr td {
        padding:3px 4px !important ;
       vertical-align:middle !important;
}

#stat_budget_total_table tr td:nth-child(2) {
    font-weight:bold;
    color: #7f1d1b;
}

#stat_budget_total_tbl_body  tr td:first-child  {
    color:#7f1d1b;
    background-color:#99C2FF;
    }

#stat_budget_total_tbl_body  tr td:first-child  {
    color:#0045a5;
    background-color:#99C2FF;
    font-weight:bold;

    }
.stat_budget_total_page td {
    overflow: hidden;
    white-space: nowrap;

    }

.stat_budget_total_page #canvas_stat_budget{
    padding:40px;
    background-color:#fff;
    margin-bottom:40px;
    height:100%;
    width:100%;
}

#stat_budget_total_table .headings th:first-child {
    width:120px !important;

    }
#stat_budget_total_table .headings th:nth-child(2) {
    width:65px !important;
}

#stat_budget_total_table tfoot tr{
    font-weight: bold !important;
    font-size:11px !important;
    background-color:#fcf8e3 !important;
    text-align:right !important;
}

#stat_budget_total_table tfoot tr td:first-child{
    text-align: left !important;
}


/******************stat_actual_page****************/
.stat_actual_page .tab-content{
    background-color: #eaeaea !important;
    border: 1px solid #999 !important;
    border-top:0px !important;
    border-left:0px !important;
    border-radius: 5px 5px 5px 0px !important;
    width:1170px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    padding: 0px !important;
}


.stat_actual_page .nav-tabs>li {
    margin-bottom: -1px;
    margin-right: 4px;
    background-color: #bdbdbd;
    border-radius: 4px 4px 0 0;
    font-size:13px !important;

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

.stat_actual_page .nav-tabs>li.active>a, .stat_actual_page .stat_actual_page .nav-tabs>li.active>a:hover, .stat_actual_page .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #eaeaea;
    border: 1px solid #bdbdbd;
    border-bottom-color: transparent;
    margin: 0;
    font-weight: bold
}
.stat_actual_page table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.stat_actual_page{
    font-size:11px !important;

    }

.stat_actual_page td:not(:nth-child(1)):not(:nth-child(16)) {
        text-align: right !important;
 }

.stat_actual_page .filter {
        width:103px;
        display:inline;
}


#stat_actual_tbl_body  tr td {
        padding:3px 4px !important ;
       vertical-align:middle !important;
}


#stat_actual_tbl_body  tr td:first-child  {
    color:#7f1d1b;
    background-color:#99C2FF;
    }

#stat_actual_tbl_body  tr td:first-child  {
    color:#0045a5;
    background-color:#99C2FF;
    font-weight:bold;

    }
#stat_actual_tbl_body tr td a {
        color: #0045a5 !important;
        font-weight: bold;
}

.stat_actual_page td {
    overflow: hidden;
    white-space: nowrap;

    }

#canvas_actual_income ,#canvas_stat_actual_stack {
    padding:40px;
    background-color:#fff;
    margin-bottom:40px;
    height:100%;
    width:100%;
}

#stat_actual_table .headings th:first-child {
    width:120px !important;

    }
#stat_actual_table .headings th:nth-child(2) {
    width:65px !important;
}

#stat_actual_table tfoot tr{
    font-weight: bold !important;
    font-size:11px !important;
    background-color:#fcf8e3 !important;
    text-align:right !important;
}

#stat_actual_table tfoot tr td:first-child{
    text-align: center !important;
    color: #0045a5;
}

#stat_actual_table tr td:nth-child(2) {
    font-weight:bold;
    color: #7f1d1b;
}
#stat_actual_table tr td:nth-child(3) {
    font-weight: bold;
    color: #bf3954;
}

/******************stat_actual_net_page****************/
.stat_actual_net_page .tab-content{
    background-color: #eaeaea !important;
    border: 1px solid #999 !important;
    border-top:0px !important;
    border-left:0px !important;
    border-radius: 5px 5px 5px 0px !important;
    width:1170px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    padding: 0px !important;
}


.stat_actual_net_page .nav-tabs>li {
    margin-bottom: -1px;
    margin-right: 4px;
    background-color: #bdbdbd;
    border-radius: 4px 4px 0 0;
    font-size:13px !important;

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

.stat_actual_net_page .nav-tabs>li.active>a, .stat_actual_net_page .stat_actual_net_page .nav-tabs>li.active>a:hover, .stat_actual_net_page .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #eaeaea;
    border: 1px solid #bdbdbd;
    border-bottom-color: transparent;
    margin: 0;
    font-weight: bold
}
.stat_actual_net_page table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.stat_actual_net_page{
    font-size:11px !important;

    }

.stat_actual_net_page td:not(:nth-child(1)):not(:nth-child(16)) {
        text-align: right !important;
 }

.stat_actual_net_page .filter {
        width:102px;
        display:inline;
}


#stat_actual_net_tbl_body  tr td {
        padding:3px 4px !important ;
       vertical-align:middle !important;
}


#stat_actual_net_tbl_body  tr td:first-child  {
    color:#0045a5;
    background-color:#99C2FF;
    font-weight:bold;

    }
#stat_actual_net_tbl_body tr td a {
        color: #0045a5 !important;
        font-weight: bold;
}

.stat_actual_net_page td {
    overflow: hidden;
    white-space: nowrap;

    }

#canvas_stat_actual_net {
    padding:40px;
    background-color:#fff;
    margin-bottom:40px;
    height:100%;
    width:100%;
}

#stat_actual_net_table .headings th:first-child {
    width:120px !important;

    }
#stat_actual_net_table .headings th:nth-child(2) {
    width:80px !important;
}

#stat_actual_net_table tfoot tr{
    font-weight: bold !important;
    font-size:11px !important;
    background-color:#fcf8e3 !important;
    text-align:right !important;
}

#stat_actual_net_table tfoot tr td:first-child{
    text-align: left !important;
    color: #0045a5 ;

}

#stat_actual_net_table tr td:nth-child(2) {
    font-weight:bold;
    color: #7f1d1b;
}


/******************stat_budget_actual_page****************/
.stat_budget_actual_page .tab-content{
    background-color: #eaeaea !important;
    border: 1px solid #999 !important;
    border-top:0px !important;
    border-left:0px !important;
    border-radius: 5px 5px 5px 0px !important;
    width:1170px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    padding: 0px !important;
}


.stat_budget_actual_page .nav-tabs>li {
    margin-bottom: -1px;
    margin-right: 4px;
    background-color: #bdbdbd;
    border-radius: 4px 4px 0 0;
    font-size:13px !important;

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

.stat_budget_actual_page .nav-tabs>li.active>a, .stat_budget_actual_page .stat_budget_actual_page .nav-tabs>li.active>a:hover, .stat_budget_actual_page .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #eaeaea;
    border: 1px solid #bdbdbd;
    border-bottom-color: transparent;
    margin: 0;
    font-weight: bold
}
.stat_budget_actual_page table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.stat_budget_actual_page{
    font-size:11px !important;

    }

.stat_budget_actual_page td {
        text-align: right !important;
 }

.stat_budget_actual_page .filter {
        width:102px;
        display:inline;
}


#stat_budget_actual_table tr td {
    padding:3px 4px !important ;
    vertical-align:middle !important;
}


#stat_budget_actual_tbl_body  tr td.cat_name {
    color:#0045a5;
    background-color:#99C2FF;
    font-weight:bold;
    text-align: left !important;
}
#stat_budget_actual_tbl_body  tr td.cat_name a {
    color:#0045a5 !important;
    font-weight: bold;
}

.stat_budget_actual_page td:not(:nth-child(1)) {
    overflow: hidden;
    white-space: nowrap;
    }

#canvas_budget_actual_income  {
    padding:40px;
    background-color:#fff;
    margin-bottom:40px;
    height:100%;
    width:100%;
}

#stat_budget_actual_table .headings th:first-child {
    width:120px !important;

    }
#stat_budget_actual_table .headings th:nth-child(2) {
    width:75px !important;
}

#stat_budget_actual_table tfoot tr{
    font-weight: bold !important;
    font-size:11px !important;
    background-color:#fcf8e3 !important;
    text-align:right !important;
}
#stat_budget_actual_table tfoot tr td.tot_col{
    font-weight: bold !important;
    text-align:left !important;
    color:#0045a5 !important;
}

#stat_budget_actual_table tr td.total {

    color: #7f1d1b;
}
#stat_budget_actual_table tr td.perc {

    color: #bf3954;
}

#stat_budget_actual_table tr.sub_row{
    background-color: #adadad;
    font-weight: bold;
}

#stat_budget_actual_table tfoot tr.sub_row {
    background-color: #eadea4 !important;
}
/**** Stat Staff*******/

.stat_staff_page{
    font-size:11px !important;
}
.stat_staff_page #stat_staff_selected_year {
    width:102px;
    display:inline;
}
.stat_staff_page #stat_staff_list {
    width:200px;
    display:inline;
}

.stat_staff_page .graph{
background-color:#fff;
border:2px solid #CCCCCC;
height:320px;
}


/******************stat_budget_actual_net_page****************/
.stat_budget_actual_net_page .tab-content{
    background-color: #eaeaea !important;
    border: 1px solid #999 !important;
    border-top:0px !important;
    border-left:0px !important;
    border-radius: 5px 5px 5px 0px !important;
    width:1170px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    padding: 0px !important;
}


.stat_budget_actual_net_page .nav-tabs>li {
    margin-bottom: -1px;
    margin-right: 4px;
    background-color: #bdbdbd;
    border-radius: 4px 4px 0 0;
    font-size:13px !important;

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

.stat_budget_actual_net_page .nav-tabs>li.active>a, .stat_budget_actual_net_page .stat_budget_actual_net_page .nav-tabs>li.active>a:hover, .stat_budget_actual_net_page .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #eaeaea;
    border: 1px solid #bdbdbd;
    border-bottom-color: transparent;
    margin: 0;
    font-weight: bold
}
.stat_budget_actual_net_page table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.stat_budget_actual_net_page{
    font-size:11px !important;

    }

.stat_budget_actual_net_page td {
        text-align: right !important;
 }

.stat_budget_actual_net_page .filter {
        width:102px;
        display:inline;
}


#stat_budget_actual_net_table tr td {
    padding:3px 4px !important ;
    vertical-align:middle !important;
}


#stat_budget_actual_net_tbl_body  tr td.cat_name {
    color:#0045a5;
    background-color:#99C2FF;
    font-weight:bold;
    text-align: left !important;
}
#stat_budget_actual_net_tbl_body  tr td.cat_name a {
    color:#0045a5 !important;
    font-weight: bold;
}

.stat_budget_actual_net_page td:not(:nth-child(1)) {
    overflow: hidden;
    white-space: nowrap;
    }

#canvas_budget_stat_actual_net  {
    padding:40px;
    background-color:#fff;
    margin-bottom:40px;
    height:100%;
    width:100%;
}

#stat_budget_actual_net_table .headings th:first-child {
    width:120px !important;

    }
#stat_budget_actual_net_table .headings th:nth-child(2) {
    width:75px !important;
}

#stat_budget_actual_net_table tfoot tr{
    font-weight: bold !important;
    font-size:11px !important;
    background-color:#fcf8e3 !important;
    text-align:right !important;
}
#stat_budget_actual_net_table tfoot tr td.tot_col{
    font-weight: bold !important;
    text-align:left !important;
    color:#0045a5 !important;
}

#stat_budget_actual_net_table tr td.total {

    color: #7f1d1b;
}
#stat_budget_actual_net_table tr td.perc {
    color: #bf3954;
}

#stat_budget_actual_net_table tr.sub_row{
    background-color: #adadad;
    font-weight: bold;
}

#stat_budget_actual_net_table tfoot tr.sub_row {
    background-color: #eadea4 !important;
}

/***Notes Css***/
.new_note_tr{
    background-color: #e2bc87 !important;
    animation: anime .5s;
    animation-fill-mode: both;
    display:none;
}


.edit_note_tr{
    background-color: #87e0a9 !important;
}
.note input{
    width:100%;
}

/***** Reident Petti cash Not *******/

label[for=pc_note_new_file]{ margin-bottom:0px !important;}

#pc_note_new_file {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

label [for*=pc_modify_note_new_file]{ margin-bottom:0px !important;}

.pc_modify_note_new_file {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

div#petty_note_sec{
    width: 100% !important;
    overflow-y: scroll;
    min-height:150px;
    max-height: 150px;
    border-left: 1px solid rgba(221, 221, 221, 0.78);
    border-bottom: 1px solid rgba(221, 221, 221, 0.78);
}

div.petty_carefee{
    overflow-x: hidden;
    overflow-y: scroll;
    height:325px;
    border-left: 1px solid rgba(221, 221, 221, 0.78);
    border-bottom: 1px solid rgba(221, 221, 221, 0.78);
    /* margin-left:7px;
    margin-right:-7px; */
    padding-left:0px !important;
    padding-right:0px !important;

}
.petty_carefee table{
    width:101% !important;
    max-width:101% !important;
    overflow-x: hidden;
    margin-left:0px !important;
    margin-right:0px !important;
}



/*** Report  - email templates****/

.report_email_temp .tab-content{
    background-color: #eaeaea !important;
    border: 1px solid #999 !important;
    border-top:0px !important;
    border-left:0px !important;
    border-radius: 5px 5px 5px 0px !important;
   /* width:1170px !important;*/
    margin-top: 0px !important;
    margin-left: 0px !important;
    padding: 0px !important;
}
.report_email_temp .nav{
    margin-left:-1px !important;
}
.report_email_temp .nav-tabs>li a{
    color: #f0f0f0;
}
.report_email_temp .nav-tabs>li {
    margin-bottom: -1px;
    margin-right: 4px;
    background-color: #bdbdbd;
    border-radius: 4px 4px 0 0;
    font-size:13px !important;
    color: #f0f0f0;
}
.report_email_temp .nav-tabs>li.active>a, .report_email_temp .report_email_temp .nav-tabs>li.active>a:hover, .report_email_temp .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #eaeaea;
    border: 1px solid #bdbdbd;
    border-bottom-color: transparent;
    margin: 0;
    font-weight: bold;

}
.report_email_temp{
font-size:11px !important;
}
.report_email_temp .form_name{
   /* text-align:center;*/
    color:#000 !important;
}

.forms_view .card_function.delete{

    background-color: #ff2e2a !important;
}
.forms_view .card_function.view{
    background-color: #26a69a !important;
}
.report_email_temp .card_function{
    width:25px !important;
    height:25px !important;
    line-height : 25px !important;
}
.report_email_temp .tmice_tarea{
line-height: 20px !important;
}

/******report_letter Pages ***/
.report_letter .tab-content{
    background-color: #eaeaea !important;
    border: 1px solid #999 !important;
    border-top:0px !important;
    border-left:0px !important;
    border-radius: 5px 5px 5px 0px !important;
    /*width:1170px !important;*/
    margin-top: 0px !important;
    margin-left: 0px !important;
    padding: 0px !important;
}

.report_letter .nav-tabs>li a{
    color: #f0f0f0;
}
.report_letter .nav-tabs>li {
    margin-bottom: -2px;
    margin-right: 4px;
    background-color: #bdbdbd;
    border-radius: 4px 4px 0 0;
    font-size:13px !important;
    color: #f0f0f0;
}
.report_letter .nav-tabs>li.active>a, .report_letter .report_letter .nav-tabs>li.active>a:hover, .report_letter .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #eaeaea;
    border: 1px solid #bdbdbd;
    border-bottom-color: transparent;
    margin: 0;
    font-weight: bold;

}
.report_letter{
font-size:11px !important;
}

/*.report_letter .control-label {
    margin-bottom: 0 !important;
}*/

.report_letter #templ_list {
    height: 292px;
    overflow-y: auto;
    position: relative;
    background-color:#fff;
}


.report_letter ul, .report_letter menu,  .report_letterdir {
    display: block;
    list-style-type: none;
    }

.report_letter ul li{
    border-bottom: 1px solid #EEEEEE;
}

.report_letter ul li:hover{
   background-color:#ddd;
}

.report_letter ul li.selected{
    background-color:#FCF8E3;
 }

 .report_letter #content{
    line-height: 20px !important;
 }

 .report_letter .btn-outline-primary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
    padding:5px !important;
    font-size:11px !important;
}

 /*********/
 .report_allsent .modal-dialog {
    width: 660px !important;
 }
 .report_allsent .icon {
 display: inline-block;
 color: #fff;
 position: relative;
 overflow: hidden;
 z-index: 1;
 width: 15px;
 height: 15px;
 line-height: 15px;
 padding: 0;
 border-radius: 50%;
 cursor: pointer;
 text-align: center;
 vertical-align: middle;
 transition: all .2s ease-in-out;
 font-size:10px;
 }

.stat_budget_page table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
  }

.report_allsent  tr td {
    padding:3px 4px !important ;
   vertical-align:middle !important;
 }

 .report_allsent td {
    overflow: hidden;
    white-space: nowrap;
  }

  .report_allsent table {

    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif !important;
  }

  .report_allsent .jambo_table tbody,.report_allsent .jambo_table tfoot, .report_allsent .jambo_table thead  {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}

.report_allsent #report_allsent_tbl_body{
  /*  min-height:auto;   */
    max-height:75vh;
}
#report_allsent_table{
    width:1100px !important;
}

#report_allsent_table th:nth-child(1), #report_allsent_table td:nth-child(1) {
    min-width: 120px !important;
    width: 120px !important;
}
#report_allsent_table th:nth-child(2), #report_allsent_table td:nth-child(2) {
    min-width: 80px !important;
    width: 80px !important;
}

#report_allsent_table th:nth-child(3), #report_allsent_table td:nth-child(3) {
    min-width: 200px !important;
    width: 200px !important;
}
#report_allsent_table th:nth-child(4), #report_allsent_table td:nth-child(4) {
    min-width: 140px !important;
    width: 140px !important;
}
#report_allsent_table th:nth-child(5), #report_allsent_table td:nth-child(5) {
    min-width: 160px !important;
    width: 160px !important;
}
#report_allsent_table th:nth-child(6), #report_allsent_table td:nth-child(6) {
    min-width: 100px !important;
    width: 100px !important;
}
#report_allsent_table th:nth-child(7), #report_allsent_table td:nth-child(7) {
    min-width: 160px !important;
    width: 160px !important;
}
#report_allsent_table th:nth-child(8), #report_allsent_table td:nth-child(8) {
    min-width: 100px !important;
    width: 100px !important;
}
#report_allsent_table th:nth-child(9), #report_allsent_table td:nth-child(9) {
    min-width: 60px !important;
    width: 60px !important;
}
#report_allsent_table th:nth-child(10), #report_allsent_table td:nth-child(10) {
    display: none;
    max-width: 150px !important;
    min-width: 150px !important;
    width: 150px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}


  /************change_history************/
  div#change_table {
    width: 100% !important;
    overflow-y: scroll;
    min-height: 300px;
  }

  div#care_change_table {
    width: 100% !important;
    overflow-y: scroll;
    min-height: 300px;
  }

  #res_daterange_wrapper #res_change_hist_daterange_center {
    height: 22px;
    vertical-align: middle;
    padding: 4px 10px;
  }

  #res_change_hist_daterange_period_all {
    margin-left: 10px;
}


#staff-tabs  #res_daterange_wrapper{
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 2px !important;

}

#staff-tabs #res_change_hist_daterange_center {
padding-top: 0px !important;
}

/** room items***/
#room_item_new {
    background-color: #e2bc87;
    animation: anime .5s;
    animation-fill-mode: both;
}

/** Residntt Care Status **/

.resident_under_tab .dislike p{
    color: #a94442 !important;
}

.resident_under_tab .dislike input{
    color: #a94442 !important;
    background-color: #f2dede !important;
}

#myTabContent2-2 .list-inline  li:before{
    content: '\00a0\2022\00a0\00a0';
	color:#999;
	color:rgba(0,0,0,0.5);
/*    content:'|'; margin:0 10px;*/
}
#myTabContent2-2 .list-inline  li{ margin-right:0px !important;padding:0px !important;}
#myTabContent2-2 .list-inline  li:last-child:after{ content: '';}
#myTabContent2-2 ul.list-inline  { margin-left:0px;}

/*** QA Metting ***/

.qa_meeting  input, .qa_meeting select , .qa_meeting label  {
    font-size:11px !important;
}
.qa_meeting .details {
    padding: 15px 0px 10px;
    margin: 5px 10px;
    box-shadow: 0 0px 5px #bbb inset, 0 0 2px #666 inset;
    background: #c5c5c5;
    line-height: 0.95em;
    width: 1135px;

}

.qa_meeting .form-control {
    color: #000 !important;
    margin: 0 0 0;
    padding: 1px 5px 1px 2px;
    line-height: 30px;
}

.qa_meeting label{
    float:left !important;
    padding : 5px 0px 0px 0px;
}

.qa_meeting .tab-pane {
    min-height:400px !important;
}

.qa_meeting .nav-tabs>li {
    margin-bottom:1px !important;
}

.qa_meeting .tab-content{
    padding : 10px !important;
    height:790px;
    width:1135px;
}



/****Service Payment ****/

.service_payment  input,.service_payment  button, .service_payment th ,.service_payment td , .service_payment select ,.service_payment .popover , .service_payment label , .service_payment span {
    font-size:11px !important;
}
.service_payment .popover h3 {
    font-size:12px !important;
}

.service_payment .details {
    padding: 0px 0px 10px;
    margin: 5px 10px;
    box-shadow: 0 0px 5px #bbb inset, 0 0 2px #666 inset;
    background: #c5c5c5;
    line-height: 0.95em;
}
#service_list_tbl {
    background: #c5c5c5;
}

.service_payment .form-control {
    color: #000 !important;
    margin: 0 0 0;
    /*background-color: #ccc;*/
    /*border: 1px solid #dfdfdf;*/
    padding: 1px 5px 1px 5px;
    line-height: 30px;
}
.service_payment span.t_span{

    padding : 10px 0px 10px 0px;
    margin-left:10px !important;
}

.service_payment label{
    float:left !important;
    padding : 10px 0px 0px 0px;
}


.service_payment .item_table {
    margin: 5px 10px;
    box-shadow: 0 0px 5px #bbb inset, 0 0 2px #666 inset;
    background: #c5c5c5;

}

.service_payment .item_table td span {
    line-height: 0px;
}

.service_payment tfoot tr.spd_total td{
    font-weight: bold !important;
    font-size:11px !important;
    background-color:#fcf8e3 !important;
}

.service_payment .dataTables_filter, .service_payment .dataTables_info  { display: none; }
.service_payment .dataTables_paginate {
    margin: 40px 0px 10px;

}
.service_payment .dataTables_scrollBody{
margin-top:-2px;
}
.dataTables_scrollBody #service_list_tbl{
    border :0px !important;
}
.dataTables_paginate a{
background:none !important;
cursor: pointer;
}

.service_payment .daterange.datetimepicker{
    width: 100px;
}

.service_payment select ,.service_payment .btn{
    height: 22px;
}
.service_payment .btn{
    padding: 1px 12px !important;
}

.service_payment .daterange{
    float:left;
}
.service_payment .daterange.text-center{
    height: 22px;
    vertical-align: middle;
    padding: 0px 10px;
}
.service_payment .daterange.datetimepicker .input-group-addon {
    padding: 0;
}
.service_payment #sp_note_daterange_period_all{
    margin-left:10px;
}
.service_payment .dataTables_length {
    width:100%;
}
.service_payment #service_list_tbl_length label {
    padding:0px !important;
}

.service_payment .jambo_table tbody,.service_payment .jambo_table tfoot, .service_payment .jambo_table thead  {
    display: table;
}

.service_payment #items_tbody{
    min-height:auto;
    max-height:65vh;
    width:100%;

}

.service_payment #items_tfhead{
    width:100%;
}
.service_payment #items_tfoot{
    width:100%;
}



.service_payment #per_page {
    background-color: #fff;
    margin: 0;
    height: 18px;
}

.service_payment .lists_view2{
}

.service_payment input[type='checkbox'] {
    height:auto  !important;
    margin:0px !important;
}

.service_payment td.spd_balance{
    color: #0033ff;
    text-align:left;
}


#service_list_tbl_body{
    min-height:auto;
    /*max-height:75vh; */
    width:100%

}

/*/ Care Assessment /*/
label[for=care_assess_new_file] {
    margin-bottom: 0px !important;
}

.care_assess_new_file {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/*/ Holiday Pay /*/
#holiday-pay-data-request tbody {
display:block;
height:250px;
overflow:auto;
}
#holiday-pay-data-r-body tr.cashout_requested {
    background-color: #d58512 !important;
}

#holiday_pay_table tr.cashout_requested {
    /*background-color: #d58512 !important;*/
}

#holiday-pay-data-request thead, #holiday-pay-data-request tbody tr {
display:table;
width:100%;
table-layout:fixed;
}

#holiday-pay-data-request-view thead, #holiday-pay-data-request-view tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
    }
/*#holiday-pay-data-request thead {
width: calc( 100% - 1em )
}*/

#holiday-pay-request.modal {
    z-index: 2 !important;
}

/**Progress Note*/

#progress_note select.form-control {
    font-size : 11px !important ;
    height: 22px !important;
    padding : 0px !important;
}

label.prog_chkbox {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
  }
.prog_chkbox input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
  }


/*** Common**/

.highlight_row {
    background-color: #ecd797 !important;
}

#tab_view_title {
    background-color: transparent;
    width: fit-content;
    margin: 0px 30px 0px 5px;
    padding: 8px 0px 0px;
    font-size: 15px;
    float: left;
    font-weight:bold;
    color:#1E4387;
}

#service_list_tbl tr td.dataTables_empty{
    display:none;
}

.lex_icon {
        display: inline-block;
        /*color: #fff;*/
        position: relative;
        overflow: hidden;
        z-index: 1;
        width: 15px;
        height: 15px;
        line-height: 15px;
        padding: 0px;
        /*border-radius: 50%;*/
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
       /* transition: all .2s ease-in-out;*/
        font-size: 11px;
        margin-left:4px;
    }

/*/Data Import Section/*/

.import_data .feed_description{
    margin-top:20px;
    width:700px;
}
.import_data .feed_description .important{
    color: #0505b1 !important;
}

.import_data .select_feed{
    width:700px;
}

.import_data .success , .import_data .error {
   margin-left:10px;
}


.import_data a {
color: #0505b1 !important;
text-decoration: none !important;

}
/**End Common **/

/*/QA Staff/*/
#staff_parent_tab_set{
    position: absolute;
    right: 10px;
    top: 2px;
    z-index: 100;
}
.staff_tab_btn.active {
    background-color: #2a3f54;
    color: aliceblue;
    padding: 2px 10px;
    border: 2px solid;
    top: 0;
}

.staff_tab_btn {
    background: #d6dae6;
    color: #000;
    padding: 2px 10px;
    box-shadow: none;
    border: 0;
    font-weight: bold;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
    text-align: center;

}
.staff_tab_btn a:hover{
    text-decoration: none;
}

.ignore-css{all:unset;}

.form_view_qa .nav-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
}

.form_view_qa .nav-tabs>li {
    margin-bottom: 2px !important;
}
/* QA Table */

table.qatable {
    /* border: 1px solid rgba(221, 221, 221, 0.78); */
    margin-bottom:0px;
}

table.qatable>thead>tr>th {
    background: rgba(52, 73, 94, 0.94) !important;
    color: #ECF0F1;
    padding: 3px 5px;
}
table.qatable select  {
    font-weight: bolder;
    height: 100%;
    background-color: transparent;
    border: transparent;
    padding: 0 10px;
}

table.qatable>tfoot>tr>td,
table.qatable>tbody>tr>td {
    height: 22px;
    padding: 4px 5px;
    font-size: 11px;
    border-right: 1px solid #bcbcbc;
}

table.qatable>tbody>tr:last-child {
    border-bottom: 1px solid #dcdcdc;
}

table.qatable>tbody>tr>td:last-child {
    border-right: none;
}

table.qatable>tbody>tr:nth-child(even) td {
    background: #ebf2fa;
}

table.qatable>tbody>tr:hover td {
   background-color: #ccc;
}

table.qatable>tbody>tr.nedit:hover td {
    background-color: inherit;
}

table.qatable>tbody>tr:nth-child(even) td.nedit {
    background : inherit;
}

table.qatable>tbody>tr>td a {
    color : inherit;
}

table.qatable>tbody>tr.row_even:hover{
    background: #DACECE !important;
    background-color: #DACECE !important;
}
table.qatable>tbody>tr.row_even>td:hover{
    background: #DACECE !important;
    background-color: #DACECE !important;
}

table.qatable>tbody>tr.row_even{
    background: #DACECE !important;
}
table.qatable>tbody>tr.row_even>td{
    background: #DACECE !important;
}
table.qatable>tbody>tr.row_even.second>td{
    border-top:0px solid gray !important;
}

/*******/

table.qatable>tbody>tr.row_odd:hover{
    background: #d6d4d4 !important;
    background-color: #d6d4d4 !important;
}
table.qatable>tbody>tr.row_odd>td:hover{
    background: #d6d4d4 !important;
    background-color: #d6d4d4 !important;
}

table.qatable>tbody>tr.row_odd{
    background: #d6d4d4!important;
}
table.qatable>tbody>tr.row_odd>td{
    background: #d6d4d4 !important;
}

table.qatable>tbody>tr.row_odd.second>td{
    border-top:0px solid gray !important;
}

.top-right-nav{
    margin-top:-3px;
    padding-left:0px !important;
    margin-left:0px !important;
    width:335px;
}
.top_search{
    max-width: 585px;
}


/* End CHAMS*/


/*************
*  Jabez
**************/

table.jbtable {
    /* border: 1px solid rgba(221, 221, 221, 0.78); */
    margin-bottom:0px;
}

table.jbtable>thead>tr>th {
    background: rgba(52, 73, 94, 0.94) !important;
    color: #ECF0F1;
    padding: 3px 5px;
}
table.jbtable select  {
    font-weight: bolder;
    height: 100%;
    background-color: transparent;
    border: transparent;
    padding: 0 10px;
}

table.jbtable>tfoot>tr>td,
table.jbtable>tbody>tr>td {
    height: 22px;
    padding: 4px 5px;
    font-size: 11px;
    border-right: 1px solid #bcbcbc;
}

table.jbtable>tbody>tr:last-child {
    border-bottom: 1px solid #dcdcdc;
}

table.jbtable>tbody>tr>td:last-child {
    border-right: none;
}

table.jbtable>tbody>tr:nth-child(even) td {
    background: #ebf2fa;
}

table.jbtable>tbody>tr:hover td {
   background-color: #ccc;
}

table.jbtable>tbody>tr.nedit:hover td {
    background-color: inherit;
}

table.jbtable>tbody>tr:nth-child(even) td.nedit {
    background : inherit;
}

table.jbtable>tbody>tr>td a {
    color : inherit;
}

table.nohovercolor>tbody>tr:nth-of-type(odd):hover td {
    background-color: #f9f9f9  !important;
}

table.nohovercolor>tbody>tr:nth-of-type(even):hover td {
    background-color: #EBF2FA  !important;
}

.ml5 { margin-left:5px; }
.icon-m { font-size : 15px; }
.lh80 {line-height: 0.8em !important; }
.btn-datepicker {
    padding : 0px !important;
}

input.full-up {
    background-color: transparent;
    font-weight: normal;
    width: 100% !important;
    border: 0;
    padding: 0px !important;
}
select.full-up {
    background-color: transparent;
    font-weight: normal;
    width: 100% !important;
    border: 0;
    padding: 0px !important;
}

.idphoto {
    object-fit: cover;
    object-position: center;
    width : 100%;
    height : 100%;
    border-radius: 10px;
}

#staff_thumb-preview {
    position: absolute;
    display: block;
    background: #fff;
    border: 4px solid #777;
    padding: 4px;
    border-radius: 10px;
    z-index: 1100;
}
#staff_thumb-preview:after,
#staff_thumb-preview:before {
    right: -32px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#staff_thumb-preview:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
    margin-right: 12px;
}
#staff_thumb-preview:before {
    border-color: rgba(119, 119, 119, 0);
    border-left-color: #777;
    border-width: 16px;
    margin-top: -16px;
}

/* for nursing note */
[v-cloak] > * { display:none; }
/*[v-cloak]::before { content: "loading..."; }*/
.filter_multisel {
    width : 130px;
}

.filter_multisel>.form-control {
    line-height :inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 3px;
}

.filter_multisel>.form-control>div:first-child {
    height : 15px;
    font-size:11px;
    width : 85%;
}

/* for multiselect of stafftype & residenttype */

.multiselect-native-select button.staff-multiselect b.caret {
    margin-top: 12px;
}

.type-multiselector {
    font-size: 11px;
    width: 120px;
    max-height:20px;
}
.multiselect-native-select .btn-group {
    padding-top:3px;
}
#income_res .multiselect-native-select .btn-group {
    padding-top:0px;
}
.multiselect-native-select .dropdown-menu {
    min-width : 100px;
}
.multiselect-native-select .dropdown-menu li a {
    padding: 0px;
}
.multiselect-native-select .form-control {
    border-radius: 0px;
}
.filter_multisel .dropdown-menu {
    min-width : 100px;
}
.selItem {
    color: #333;
    background-color : #eaf1f9;
}

.top_search .top-search-bar-style {
    background-color: #d7d7ec;
    border: 1px solid #a9a9a9;
}

.search {
    padding:4px 3px;font-size: 11px;background-color: #d7d7ec;border-color: #000;border: 1px solid #a9a9a9;margin-right: 7px;
}

.resident_info .search {
    padding:2px 3px;
}

#top-search-field-div .multiselect-native-select button.multiselect {
    height:22px;
}


.new_file,
#new_wound_file,
#new_file {
    width: 1px !important;
    height: 1px;
    overflow: hidden;
    margin: -1px;
}

.no_change_lh span {
    line-height : inherit;
}

#vue_resident_note .fc-small {
    margin : 0;
}

/* for v-select */
.v-select>div>button {
    margin : 0px;
}

.v-select.userselect .dropdown-toggle {
    border : none;
}

.v-select.userselect input {
    height : 17px !important;
    max-width: 20% !important;
}

.v-select.userselect input:focus {
    max-width: 100%;
}

.v-select.userselect .selected-tag {
    line-height : 17px;
    padding : 0px;
    margin: 0px;
    height : 17px;
    max-width: 80%;
    overflow: hidden;
}

.v-select.userselect .dropdown-toggle .clear {
    bottom: -2px;
    right: 18px;
    font-size: 22px;
}

.v-select.userselect .open-indicator {
    bottom: -3px;
    right: 2px;
}

.v-select.userselect.open .open-indicator {
    bottom: -6px;
}

.v-select.userselect .dropdown-menu {
    width : 250px;
    font-size : 11px;
}

.btn-circle {
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 9px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 18px;
}
.btn-circle.select {
    background-color: #006600;
    color : white;
    font-weight: bold;
    border: 2px solid yellow;
}

/* End Jabez */

input.min_size {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
#rate_history_form_wrap {
    overflow-y: scroll;
    height: 500px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#rate_history_form_wrap .check_salary {
    font-size: 11px;
    line-height: 20px;
}
.rdp_file_icon {
    float: right;
    top: 4px;
    right: 14px;
    position: absolute;
    color: blue;
}

/* CSS Clear for Calendar */
#calendar_wrap .btn-circle {
    padding: 6px 12px;
    font-size: 14px;
}
#calendar_wrap .btn {
    margin: 0;
}
#calendar_wrap .dropdown-menu:before,
#calendar_wrap .dropdown-menu:after {
    display: none;
}
#calendar_wrap .dropdown-menu {
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    padding: 5px 0;
}
#calendar_wrap .dropdown-menu>li>a {
    color: #333;
}
.res_outer_link {
    float: right;
    margin-left: 15px;
}
.res_outer_link .btn-link {
    height: 24px;
    margin-bottom: 0;
    padding: 0 5px;
}
.res_outer_link .btn-link img {
    height: 22px;
}

/* ************************* */
/* Setting   */
/* ************************* */
#setting_pane #title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px !important;
    margin-bottom: 20px !important;
    margin-top: 10px !important;
    color: black !important;
}
#setting_pane .setting-inner-pane {
    padding: 15px 40px;
    height: 600px;
    overflow: auto;
}
#setting_pane th {
    text-align:center;
    vertical-align: middle !important;
}
#setting_pane td {
    height: 28px !important;
    vertical-align: middle;
}

#setting_pane .btn-group[data-toggle=buttons] {
    border: 1px solid #c2cad8;
    border-radius: 0.4rem;
}
#setting_pane .btn-group[data-toggle=buttons] label.btn {
    width: 6rem;
    padding: 3px 0;
    margin: 0;
    border: none;
    border-left: 1px solid #c2cad8;
    background-color: #fff;
    border-radius: 0;
}
#setting_pane .btn-group[data-toggle=buttons] label.btn.middle {
    width: 7.5rem !important;
}
#setting_pane .btn-group[data-toggle=buttons] label.btn.long {
    width: 13rem !important;
}
#setting_pane .btn-group[data-toggle=buttons] label.btn:first-child {
    margin-left: -2px;
    border-left-color: #c2cad8;
    border-radius: 0.5rem 0 0 0.5rem;
}
#setting_pane .btn-group[data-toggle=buttons] label.btn:last-child {
    margin-right: -2px;
    border-right: 1px solid #c2cad8;
    border-radius: 0 0.5rem 0.5rem 0;
}
#setting_pane .btn-group[data-toggle=buttons] label.btn.active {
    color: #fff;
    background-color: #337ab7;
    -webkit-transition: .4s;
    transition: .4s;
}
#setting_pane span.qna a {
    color: #fff;
}
div.popover.wide {
    max-width: 500px;
    width: 500px;
}
div.popover.semi-wide {
    max-width: 350px;
    width: 350px;
}

#qa_policy_setting .header {
    text-align: center;
    background-color:rgba(52, 73, 94, 0.94);
    color:white;
    /*border: 1px solid #999;*/
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    font-weight: bold;
}
#qa_policy_setting .file,
#qa_policy_setting .category {
    background-color:#f9f9f9;
    font-size: 12px;
    border: 1px solid #999;
    border-top: none;
    border-right: none;
}
#qa_policy_setting .file {
    background-color: #dbdbf6;
}
#qa_policy_setting .file.last,
#qa_policy_setting .category.last {
    border-right: 1px solid #999;
}

#qa_policy_setting  .category_tools,
#qa_policy_setting  .category_name,
#qa_policy_setting  .category_desc,
#qa_policy_setting  .category_update{
    height: 28px;
    line-height: 28px;
}
#qa_policy_setting  .file_tools,
#qa_policy_setting  .file_name,
#qa_policy_setting  .file_desc,
#qa_policy_setting  .file_update{
    height: 28px;
    line-height: 28px;
}
#qa_policy_setting  .file_name a {
    color: #333;
    text-decoration: none;
}

#qa_policy_setting_panel  .add-section-title {
    width: 70px;
    float: left;
    line-height: 30px;
    font-weight: bolder;
}

#qa_policy div.filter {
    float: left;
    padding: 4px 8px;
}
#qa_policy select.policy_category_select {
    width: 200px;
    font-family:  FontAwesome, sans-serif;
    height: 21px;
    line-height: 21px;
}
#qa_policy select.policy_category_select:disabled {
    background-color: #ccc;
    cursor: no-drop;
}
#qa_policy select.policy_category_select option.policy_category {
}
#qa_policy select.policy_category_select option.policy_file {
    background-color: rgba(222, 255, 203, 0.54);
}
#qa_policy #qa_policy_viewer_title {
    padding: 20px 5px 5px 10px;
    font-weight: bold;
}
#qa_policy #qa_policy_viewer_div,
#qa_policy #qa_policy_viewer_embed {
    padding: 10px;
    height: inherit;
}
.care_plan_box {
    /* margin-bottom: 10px; */
    padding-bottom: 10px;
}
#wage_freeze_block {
    margin-right: 5px;
    float: right;
    text-align: center;
    width: 300px;
    background-color: #e8cfcf;
    border: 1px solid;
    height: 24px;
    line-height: 24px;
}
button.btn.btn_ir_file {
    background-color: #abd9ea;
}
.direct_debit_icon_wrap {
    padding: 4px 6px 0 0px;
    float: left;
}
.direct_debit_icon_wrap  a {
    text-decoration: none;
    cursor: pointer;
}
.direct_debit_icon {
    font-size: 11px;
    color: #333;
    border: 1px solid #6d6d6d;
    padding: 2px 6px;
    border-radius: 4px;
    width: 30px;
    display: block;
    text-align: center;
}
.direct_debit_icon.carefee {
    background-color: #eabfdf;
}
.direct_debit_icon.pettycash {
    background-color: #aec6ea;
}
i.fa.fa-fw.fa-pencil.tool_icon {
    font-size: 25px;
    cursor: hand;
}
#ss_round #ss_round_list_info,
#gp_round #gp_round_list_info,
#activity #activity_group_info,
#education #training_group_info {
    padding: 5px 10px 5px 5px;
    margin: 5px 10px;
    box-shadow: 0 0px 5px #bbb inset, 0 0 2px #666 inset;
    background-color: rgb(197, 197, 197);
    width: 98%;
}
#ss_round #ss_round_list_info label,
#gp_round #gp_round_list_info label,
#activity #activity_group_info label,
#education #training_group_info label {
    margin: 0;
    color: #333;
    font-size: 11px;
}
#ss_round #ss_round_list_info .back_btn,
#gp_round #gp_round_list_info .back_btn,
#activity #activity_group_info .back_btn,
#education #training_group_info .back_btn {
    margin: 10px 0;
}
#ss_round .view_footer .total,
#gp_round .view_footer .total,
#activity .view_footer .total,
#education .view_footer .total {
    padding: 8px 25px;
}

#activity_table tfoot {
    background-color: #fcf8e3;
}
#activity_warp {
    /*border: 1px red solid;*/
    display: flex;
    flex-direction: column;
}
#activity_warp .activity_title {
    padding: 8px;
    width: 125px;
    font-size: 1.5rem;
}

#activity_upper {
    /*border: 1px blue solid;*/
    flex: 30px;

    display: flex;
    flex-direction: row;

    padding-bottom: 5px;
}
#activity_upper_left {
    flex: 3;

    padding: 0px 5px 5px 0px;
}
#activity_upper_right {
    flex: 2;

    padding: 0px 0px 5px 5px;
    height: 208px;
    max-height: 208px;
}
#activity_bottom {
    /*border: 1px green solid;*/
    flex: 1;

    padding-top: 5px;
}
#activity_warp #activity_upper table {
    width: 100%;
}
#activity_warp #activity_upper table thead {
    cursor: pointer;
    display: block;
    overflow-y: scroll;
}
#activity_warp #activity_upper table tbody {
    display: block;
    overflow-y: scroll;
}
#activity_warp #activity_upper table tbody {
    max-height: 134px;
}
#activity_warp #activity_bottom table tbody {
    max-height: 340px;
}
#activity_warp #activity_upper table tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#activity_warp table.jambo_table tbody tr:hover td {
     border-bottom: none !important;
}
.no_show {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

div.care_plan_history_wrap button {
    margin: 0;
}
tr.doctor_note_row.even:hover,
tr.doctor_note_row.even:hover>td,
tr.doctor_note_row.even>td ,
tr.care_plan_row.even:hover,
tr.care_plan_row.even:hover>td,
tr.care_plan_row.even>td {
    background-color: #f9f9f9 !important;
    border-top-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);;
}
tr.doctor_note_row.odd:hover,
tr.doctor_note_row.odd:hover>td,
tr.doctor_note_row.odd>td ,
tr.care_plan_row.odd:hover,
tr.care_plan_row.odd:hover>td,
tr.care_plan_row.odd>td {
    background-color: #eeeeee !important;
    border-top-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);;
}
tr.doctor_note_history_row.even:hover,
tr.doctor_note_history_row.even:hover>td,
tr.doctor_note_history_row.even>td,
tr.care_plan_history_row.even:hover,
tr.care_plan_history_row.even:hover>td,
tr.care_plan_history_row.even>td {
    background-color: #c3bdbb !important;
    border-top-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);;
}
tr.doctor_note_history_row.odd:hover,
tr.doctor_note_history_row.odd:hover>td,
tr.doctor_note_history_row.odd>td,
tr.care_plan_history_row.odd:hover,
tr.care_plan_history_row.odd:hover>td,
tr.care_plan_history_row.odd>td {
    background-color: #b6b0af !important;
    border-top-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);;
}
td.doctor_note_text,
td.care_plan_text {
    background-color: transparent;
    word-break: break-word;
    word-wrap: break-word;
    white-space: pre-line;
    line-height: 1rem;
}
td.doctor_note_text > ins,
td.care_plan_text > ins {
    color: #f55;
    text-decoration: none !important;
}
td.doctor_note_text > del,
td.care_plan_text > del {
    color: #888 !important;
    text-decoration: line-through !important;
}
#add_care_plan textarea {
    padding: 4px;
    line-height: 2rem;
}
#mdt_doctor_tbl_body td {
    height: 1px;
}
#mdt_doctor_tbl_body td .doctor_note_tools_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.maintenance-pane .right-bar {
    border-right: 1px solid #dddddd;
}
#ss_round .btn-inline,
#gp_round .btn-inline,
#gp_round .btn-inline i.fa-external-link,
#gp_round .btn-inline i.fa-square-o,
#gp_round .btn-inline i.fa-check-square-o {
    transform: translateY(1px);
}
#ss_round .table-striped>tbody>tr.gp_round_row,
#gp_round .table-striped>tbody>tr.gp_round_row  {
    height: 44px;
}
#ss_round .table-striped>tbody>tr.disabled,
#gp_round .table-striped>tbody>tr.disabled {
    /*background-color: #aaa;*/
}
#ss_round .table-striped>tbody>tr:nth-child(even),
#gp_round .table-striped>tbody>tr:nth-child(even) {
    background-color: #f9f9f9;
}
#ss_round .table-striped thead th:not(:last-child),
#gp_round .table-striped thead th:not(:last-child) {
    border-right: 1px solid #999;
}
#ss_round .table-striped thead th.ss_section,
#gp_round .table-striped thead th.doctor_section {
    background-color: rgba(57, 95, 61, 0.94) !important;
}
#ss_round button.support_service,
#gp_round button.doctor_note {
    width: 100%;
}
#gp_round button.obs_check {
    background-color: #F55759;
    color: #eee;
}
#gp_round button.obs_check.not_check {
    background-color: #FDBBBC;
    color: #333;
}
#gp_round button.lab_check {
    background-color: #6E57F5;
    color: #eee;
}
#gp_round button.lab_check.not_check {
    background-color: #C5BBFD;
    color: #333;
}
.btn.btn-inline {
    padding: 0 5px 0 2px;
    margin: 2px 0;
    line-height: 1.3;
}
input[type="file"].form-control.full {
    width: 100%;
    border: 0;
    height: auto;
    padding: 0;
    box-shadow: none;
}
#constants .section {
    width: 100%;
    float: left;
    margin-bottom: 4rem;
}
#constants .section-title {
    font-weight: bolder;
    font-size: 2rem;
    line-height: 2rem;
    /*border-bottom: 1px solid #333;*/
    margin-bottom: 0.5rem;
}

.foot_total {
    display: table-cell;
    vertical-align: middle;
    padding-left: 26px;
    height: 38px;
}
#cash_inout section {
    margin-top: -10px;
}
/*****************************************************
    Gerenal
  ***************************************************/
input.error {
    border: 1px solid red !important;
}
/*****************************************************
    Table sort header mark
  ***************************************************/
table.tablesorter.tablesorter-default.using_sort_header .header,
table.tablesorter.tablesorter-default.using_sort_header .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}
table.tablesorter.tablesorter-default.using_sort_header.sort_header_black .header,
table.tablesorter.tablesorter-default.using_sort_header.sort_header_black .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) !important;
}
table.tablesorter.tablesorter-default.using_sort_header .headerSortUp,
table.tablesorter.tablesorter-default.using_sort_header .tablesorter-headerSortUp,
table.tablesorter.tablesorter-default.using_sort_header .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) !important;
    border-bottom: #000 2px solid;
}
table.tablesorter.tablesorter-default.using_sort_header.sort_header_black .headerSortUp,
table.tablesorter.tablesorter-default.using_sort_header.sort_header_black .tablesorter-headerSortUp,
table.tablesorter.tablesorter-default.using_sort_header.sort_header_black .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) !important;
}
table.tablesorter.tablesorter-default.using_sort_header .headerSortDown,
table.tablesorter.tablesorter-default.using_sort_header .tablesorter-headerSortDown,
table.tablesorter.tablesorter-default.using_sort_header .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) !important;
    border-bottom: #000 2px solid;
}
table.tablesorter.tablesorter-default.using_sort_header.sort_header_black .headerSortDown,
table.tablesorter.tablesorter-default.using_sort_header.sort_header_black .tablesorter-headerSortDown,
table.tablesorter.tablesorter-default.using_sort_header.sort_header_black .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) !important;
}
table.tablesorter.tablesorter-default.using_sort_header .sorter-false,
table.tablesorter.tablesorter-default.using_sort_header_black .sorter-false {
    background-image: none !important;
    cursor: default;
    padding: 4px;
}
.tt-resource-price {
    margin-top: 5px;
}
body #purchase_view input.order_qty,
body #purchase_view input.receive_qty,
body #purchase_view input.stock_qty,
body #purchase_view input.unit_value {
    width: 50px;
    text-align: right;
    padding: 2px 8px;
}
body #purchase_view input.order_qty:read-only,
body #purchase_view input.receive_qty:read-only,
body #purchase_view input.unit_value:read-only {
    cursor: no-drop;
}
body #purchase_view input.order_qty {
    background-color: #ffabbb;
    color: #fff;
}
body #purchase_view input.receive_qty {
    background-color: #9cbeac;
    color: #fff;
}
body #purchase_view input.unit_value {
    background-color: #98aabe;
    color: #fff;
}
body #purchase_view td.control-max input.form-control {
    height: 44px;
    border: 0;
    box-shadow: none;
}
.room_level_icon {
    position: absolute;
    left: 2px;
}
.room_level_icon.premium {
    color: rgb(17, 105, 173);
}
.room_level_icon.optional_premium {
    color: rgb(10, 92, 17);
}
.report_letter textarea {
    resize: vertical;
}
.btn.btn-qa {
    font-size: 9px;
    margin-bottom: 0px !important;

    font-size: 11px;
    padding: 0px 1px;
    line-height: 1.3;
    border-radius: 3px;
}
#communication_kitchen_board td.full,
#communication_maintenance_board td.full {
    padding:  0 !important;
}
#communication_kitchen_board .check_complete,
#communication_maintenance_board .check_complete {
    height: 14px;
    width: 14px;
    margin: 3px 1px 0 0 !important;
}
#communication_kitchen_board textarea,
#communication_maintenance_board textarea {

    resize: vertical;
    position: relative;
    left: 0;
    font-size: 11px;
    line-height: 20px;
}
textarea.rs_ver {
    resize: vertical;
}
.open_ss {
    width: 54px;
}
#assessment_tab_staff_contents tr.staff_type_not_current td.staff_name black {
    color: red !important;
}
#petty_private_view #tab-section > ul.nav-tabs > li.tab {
    margin-left: 6px;
}
#petty_private_view #tab-section > ul.nav-tabs > li.tab a {
    border-radius: 4px 4px 0 0;
    margin: 0;

    background: #79d2a6;

    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #999;
    border-bottom: none;
    border-left: 1px solid #b2b2b2;

    padding: 5px 7px;
}
#petty_private_view #tab-section > ul.nav-tabs > li.tab.active a {
    color: #111;
    background: #41be82;
    top: 1px;

    border-top: 1px solid #a0dec0;
    border-right: 1px solid #2e855b;
    border-bottom: none;
    border-left: 1px solid #a0dec0;
    box-shadow: 0px -1px 2px #3bab75;

    -moz-box-shadow: 0px -1px 2px #3bab75;
    -webkit-box-shadow: 0px -1px 2px #3bab75;
}
#petty_private_view #tab-section .tab-content {
    margin-top: 0;
    margin-left: 0;
    height: calc(100vh - 150px);
}
#petty_private_view #tab-section .tab-content .tab-pane {
    padding: 10px 10px 10px 10px;
}
#petty_private_view #tab-section .tab-content .tab-pane .table_wrap {
    height: calc(100vh - 21rem);
    overflow: auto;
}
#petty_private_view #tab-section .tab-content .tab-pane .table_wrap table {
    display: block;
}
#petty_private_view #tab-section .tab-content .tab-pane .table_wrap table th,
#petty_private_view #tab-section .tab-content .tab-pane .table_wrap table td {
    font-size: 11px;
}

/*****************************************************
    Staff Star Badge
  ***************************************************/
@keyframes on_fav_badge {
    50% {
        transform: scale(1.3);
        transform-origin: center;
    }
}
@keyframes off_fav_badge {
    50% {
        transform: scale(0.9);
        transform-origin: center;
    }
}

.img-div {
    width: 10.3em;
    height: 10.3em;
    margin: 0 auto;
}
.staff_profile_tabs #staff_fav_badge_wrap {
    position: relative;
    left: 0.2em;
    top: -9.8em;
    z-index: 9;
}
.staff_profile_tabs #staff_fav_badge {
    position: absolute;
    opacity: 0;
}
.staff_profile_tabs #staff_fav_badge + label {
    border-radius: 100%;
    position: relative;
    cursor: pointer;
    display: block;
    width: 34px;
    height: 34px;
    animation: off_fav_badge 0.2s ease-out;
}

.staff_profile_tabs #staff_fav_badge:checked + label {
    animation: on_fav_badge 0.2s ease-out;
}

.staff_profile_tabs #staff_fav_badge + label > .fa-stack .fa-back {
    color: #606060;
}
.staff_profile_tabs #staff_fav_badge:checked + label > .fa-stack .fa-back {
     color: #333;
}
.staff_profile_tabs #staff_fav_badge + label > .fa-stack .fa-front {
    color: #fff;
}
.staff_profile_tabs #staff_fav_badge:checked + label > .fa-stack .fa-front {
    color: #ffe600;
}

/*****************************************************
    New CSS Tech
  ***************************************************/
@supports (position: sticky) or (position: -webkit-sticky) {
    .sticky {
        position: -webkit-sticky; /* support safary */
        position: sticky;
        top: -1px; /* when border 1px */
    }
}


/*****************************************************
    Previous data
  ***************************************************/
fieldset.previous_data_field {
    border: 1px solid #c5c5c5;
    width: 350px;
    padding:6px 10px 10px 10px;
    margin:20px 20px;
    float: left
}
fieldset.previous_data_field legend {
    margin-bottom: 0;
    border-bottom: none;
    color: #333;
}
fieldset.previous_data_field div.data_wrap {
    padding: 5px 20px 10px 20px;
}
fieldset.previous_data_field div.data_wrap input {
    color: #000 !important;
    font-weight: bolder;
    margin: 0 0 0.3em;
    background-color: #999;
    border: 1px solid #aaa;
    padding: 1px 5px 1px 5px;
}
fieldset.previous_data_field div.data_wrap P {
    color: #333;
    margin: 0;
    font-size: 11px;
}
fieldset.previous_data_field div.data_wrap label.control-label {
    line-height: 18px;
    color: #333;
}


/*****************************************************
    Allowance and Support
  ***************************************************/
#allowance_view div.filter {
    float: left;
    width: 140px;
    margin-top: 4px;
    margin-right: 10px;
}

/*****************************************************
    Assessment Schedule
***************************************************/
#assessment_schedule {
    padding: 2px 10px 0px 5px ;
}
#assessment_tab_area {
}
#assessment_tab_panel {
    padding: 15px 15px 10px 15px;
}
#assessment_tab_resident_contents_list,
#assessment_tab_staff_contents_list {
    overflow-y: scroll;
    padding: 0;
}
select.assess_type.full-up {
    left: -5px;
    position: relative;
}
#care_assess_table div.filebox label {
    margin-bottom: 0;
}
#care_assess_table tr.current {
    background-color: #87e0a9;
}
/*****************************************************
    Setting table
 ***************************************************/
table.setting tbody td {

}
table.setting input.form-control {
    /*border: 0;*/
    /*background-color: transparent;*/
}

/*****************************************************
    Filter section
  ***************************************************/
.filter-section div.filter {
    float: left;
}
.filter-section div.filter select {
    width: 120px;
    height: 22px;
    /*margin-right: 10px;*/
    box-shadow: none;
    background-color: #fff;
}
.filter-section div.filter select:focus {
    box-shadow: none;
}
.filter-section div.filter input:not([type="checkbox"]) {
    height: 22px;
}
.filter-section div.filter input[type="checkbox"]  {
    margin-top: 2px;
}
.filter-section div.filter:not(:last-child),
.filter-section div.filter.right_margin,
.filter-section div.filter.last {
    margin-right: 10px;
}
.filter-section div.filter.multiselect .btn-group {
    width: 160px !important;
    padding-top: 0 !important;
    /*margin-right: 10px;*/
}
.filter-section div.filter.multiselect .btn-group .multiselect-container a {
    color: #333;
}
.filter-section div.filter.multiselect .dropdown-menu {
    font-size: 11px;
}
.filter-section div.filter .date_range_picker {
    padding: 2px 6px;
    font-size: 11px;
}
.filter-section div.filter select.fc-fw-font {
    font-family: 'Roboto Mono', monospace;
}
/*****************************************************
    Width / Height / Padding / Margin / Flex
  ***************************************************/
.wf   {width: 100%;}
.w25p {width: 25% !important;}
.w75p {width: 75% !important;}
.w28  {width:  28px !important; min-width:  28px !important; max-width:  28px !important;}
.w35  {width:  35px !important; min-width:  35px !important; max-width:  35px !important;}
.w40  {width:  40px !important; min-width:  40px !important; max-width:  40px !important;}
.w50  {width:  50px !important; min-width:  50px !important; max-width:  50px !important;}
.w60  {width:  60px !important; min-width:  60px !important; max-width:  60px !important;}
.w65  {width:  65px !important; min-width:  65px !important; max-width:  65px !important;}
.w70  {width:  70px !important; min-width:  70px !important; max-width:  70px !important;}
.w80  {width:  80px !important; min-width:  80px !important; max-width:  80px !important;}
.w90  {width:  90px !important; min-width:  90px !important; max-width:  90px !important;}
.w100 {width: 100px !important; min-width: 100px !important; max-width: 100px !important;}
.w120 {width: 120px !important; min-width: 120px !important; max-width: 120px !important;}
.w140 {width: 140px !important; min-width: 140px !important; max-width: 140px !important;}
.w150 {width: 150px !important; min-width: 150px !important; max-width: 150px !important;}
.w170 {width: 170px !important; min-width: 170px !important; max-width: 170px !important;}
.w180 {width: 180px !important; min-width: 180px !important; max-width: 180px !important;}
.w200 {width: 200px !important; min-width: 200px !important; max-width: 200px !important;}
.w205 {width: 205px !important; min-width: 205px !important; max-width: 205px !important;}
.w220 {width: 220px !important; min-width: 220px !important; max-width: 220px !important;}
.w260 {width: 260px !important; min-width: 260px !important; max-width: 260px !important;}
.w300 {width: 300px !important; min-width: 300px !important; max-width: 300px !important;}
.w350 {width: 350px !important; min-width: 350px !important; max-width: 350px !important;}
.w400 {width: 400px !important; min-width: 400px !important; max-width: 400px !important;}
.w450 {width: 450px !important; min-width: 450px !important; max-width: 450px !important;}
.w500 {width: 500px !important; min-width: 500px !important; max-width: 500px !important;}
.w550 {width: 550px !important; min-width: 550px !important; max-width: 550px !important;}

.w-mc {width: max-content !important; min-width: max-content !important; max-width: max-content !important;}

.mnw80  {min-width:  80px !important;}
.mnw100 {min-width: 100px !important;}
.mnw150 {min-width: 150px !important;}
.mnw180 {min-width: 180px !important;}
.mnw200 {min-width: 200px !important;}
.mnw250 {min-width: 250px !important;}

.mxw150 {max-width: 150px !important;}
.mxw200 {max-width: 200px !important;}
.mxw220 {max-width: 220px !important;}
.mxw260 {max-width: 260px !important;}
.mxw300 {max-width: 300px !important;}
.mxw400 {max-width: 400px !important;}

.hvp100 {height: 100vh; min-height: 100vh; max-height: 100vh;}
.hvp50  {height:  50vh; min-height:  50vh; max-height:  50vh;}

.nb { border: none !important; }
.np { padding: 0 !important; }
.nm { margin: 0 !important; }

.pdt0   { padding-top:  0px !important; }
.pdt3   { padding-top:  3px !important; }
.pdt5   { padding-top:  5px !important; }
.pdt6   { padding-top:  6px !important; }
.pdt10  { padding-top: 10px !important; }
.pdb0   { padding-bottom:  0px !important; }
.pdb3   { padding-bottom:  3px !important; }
.pdb5   { padding-bottom:  5px !important; }
.pdb6   { padding-bottom:  6px !important; }
.pdb10  { padding-bottom: 10px !important; }
.pdv0   { padding-top:  0px !important; padding-bottom:  0px !important; }
.pdv3   { padding-top:  3px !important; padding-bottom:  3px !important; }
.pdv5   { padding-top:  5px !important; padding-bottom:  5px !important; }
.pdv6   { padding-top:  6px !important; padding-bottom:  6px !important; }
.pdv10  { padding-top: 10px !important; padding-bottom: 10px !important; }

.mgt0  { margin-top:  0px !important; }
.mgt5  { margin-top:  5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgb0  { margin-bottom:  0px !important; }
.mgb5  { margin-bottom:  5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }

.f0   { flex: 0    !important; }
.f025 { flex: 0.25 !important; }
.f050 { flex: 0.50 !important; }
.f075 { flex: 0.75 !important; }
.f1   { flex: 1    !important; }
.f125 { flex: 1.25 !important; }
.f150 { flex: 1.5  !important; }
.f175 { flex: 1.75 !important; }
.f2   { flex: 2    !important; }
.f225 { flex: 2.25 !important; }
.f250 { flex: 2.5  !important; }
.f275 { flex: 2.75 !important; }
.f3   { flex: 3    !important; }
.f325 { flex: 3.25 !important; }
.f350 { flex: 3.5  !important; }
.f375 { flex: 3.75 !important; }
.f4   { flex: 4    !important; }
.f425 { flex: 4.25 !important; }
.f450 { flex: 4.5  !important; }
.f475 { flex: 4.75 !important; }
.f5   { flex: 5    !important; }

.vat { vertical-align: top    !important; }
.vam { vertical-align: middle !important; }
.vab { vertical-align: bottom !important; }

.spacer025 {background-color: transparent;height: 0.25rem;min-height: 0.25rem;max-height: 0.25rem;}
.spacer050 {background-color: transparent;height: 0.50rem;min-height: 0.50rem;max-height: 0.55rem;}
.spacer075 {background-color: transparent;height: 0.75rem;min-height: 0.75rem;max-height: 0.75rem;}
.spacer1   {background-color: transparent;height: 1.00rem;min-height: 1.00rem;max-height: 1.00rem;}
.spacer2   {background-color: transparent;height: 2.00rem;min-height: 2.00rem;max-height: 2.00rem;}
.spacer3   {background-color: transparent;height: 3.00rem;min-height: 3.00rem;max-height: 3.00rem;}


/**
 For Test
 */
/*
html {
    --text-color-normal: #0a244d;
    --text-color-light: #8cabd9;
}
html[data-theme='dark'] {
    --text-color-normal: hsl(210, 10%, 62%);
    --text-color-light: hsl(210, 15%, 35%);
    --text-color-richer: hsl(210, 50%, 72%);
    --text-color-highlight: hsl(25, 70%, 45%);
}
@media (prefers-color-scheme: dark) {
    .nav_menu {
        background-color: 333;
    }
    #gp_round {
        background-color: 333;
    }
}
*/

.test {
    border: 5px solid red;
}