@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900);

body {

    font-weight: 400;
    font-size: 13px;
    color: #5A626C;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #5A626C;
}

h2.whide {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 26px;
    margin: 20px 0 20px 0;
    padding: 0;
}

.media-body ol {
    margin-bottom: 10px;
}

h2 .light {
    font-weight: 300;
    font-size: 20px;
    color: #737f8c;
}

h2 .big {
    font-size: 30px;
    font-weight: 900;
    color: #2c2f33;
}

.big-title {
    font-size: 18px;
    font-weight: 900;
    color: #2c2f33;
}

.sub-text,
h1 .sub-text,
h2 .sub-text,
h3 .sub-text,
h4 .sub-text,
h5 .sub-text,
h6 .sub-text,
.h1 .sub-text,
.h2 .sub-text,
.h3 .sub-text,
.h4 .sub-text,
.h5 .sub-text,
.h6 .sub-text {
    color: #919599;
    font-size: 0.8em;
    font-weight: normal;
}

h3,
.h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: #1d2d3d;
}

h4,
.h4 {
    font-weight: 700;
    font-size: 18px;
    padding: 3px 0;
}

h5,
.h5 {
    font-weight: 400;
    font-size: 16px;
    padding: 4px 0;
    margin: 0px;
}

li .prop {
    font-size: 13px;
    color: #7a7a7a;
    text-transform: uppercase;
    font-weight: 600;
}

label {
    font-weight: 600;
}

strong,
.strong {
    font-weight: 700;
}

a {
    color: #497BAC;
}

code {
    color: rgb(73, 73, 73);
    background-color: rgba(218, 218, 218, 0.40);
}

.badge-xs {
    display: inline-block;
    min-width: 10px;
    padding: 5px 7px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1;
    color: #3d3d3d;
    background-color: #ececec;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 5px;
}

.badge-xxs {
    display: inline-block;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 10px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1;
    color: #3d3d3d;
    background-color: #ececec;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 3px;
}

.badge-green {
    color: #23492a;
    background-color: #c4e5c1;
}

.badge-red {
    color: #730f0f;
    background-color: #e5c1c1;
}

.badge-red-dark {
    color: #ffffff;
    background-color: #c44c4c;
}

.badge-orange {
    color: #905b1a;
    background-color: #eac9a1;
}

.badge-orange-dark {
    color: #ffffff;
    background-color: #e69b3f;
}

.badge-silver {
    color: #686868;
    background-color: #e4e4e4;
}

.badge-silver-dark {
    color: #ffffff;
    background-color: #ababab;
}

.badge a,
.record-view .badge a {
    color: #fff;
}



.color-primary {
    color: #ad9c69;
}

.color-green {
    color: #2d7710;
}

.color-orange {
    color: #bd7d10;
}

.color-red {
    color: #920b0b;
}

.color-verified {
    color: #0AA1DD;
}

.color-approve {
    color: #3a9b14;
}

.icon>.verified {
    color: #1c92db
}

.icon>.approved {
    color: #24912b
}

.icon>.payment {
    color: #d38e2e
}

.icon>.paid {
    color: #5b5238
}

.blue-hover:hover {
    color: #0AA1DD;
}

.btn-text-light {
    font-weight: normal;

}

.btn-icon-sm,
.btn-white.btn-icon-sm {
    padding: 2px 6px;
}

a.verified,
a.verified,
a.btn-verified,
.record-view a.btn-verified {
    color: #0AA1DD;
}

a.verified i,
a.verified i,
a.btn-verified i,
.record-view a.btn-verified i {
    font-size: 11px;
    margin-right: 2px;
}

.btn-disabled {
    background-color: #f3f3f3;
    color: #c4c9cf;
}

.btn-done,
a.btn-done,
#content .btn-done {
    color: #b2b2b2;
}

.btn-done i {
    color: #7bc185;
}

.avatar {
    border-radius: 0px;
}

i.todo-check {
    font-size: 1.4em;

    color: #b5b5b5;

}

.list-group-item-xs {
    padding: 8px 10px;
    font-size: 0.95em;
}

.list-results a {
    color: rgb(73, 123, 172);
}

.todo-title {
    padding-bottom: 3px;
}

.todo-title a {
    padding-right: 5px;
}

.todo-canceled {
    text-decoration: line-through;
    color: #919599;
}

.list-folders {
    padding: 0;
    margin: 10px 0;
    font-family: 'Source Sans Pro', sans-serif;
}

.list-folders a {
    padding: 5px 10px;
    margin: 0 0 5px 0;
    list-style-type: none;
    background-color: #fbfbfb;
    border: solid 1px #fbfbfb;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    color: rgb(90, 98, 108);
}

.list-folders a.active,
.list-folders a:hover {
    font-weight: 600;
    color: #fff;
    background-color: #bdae80;
}

.list-folders a.active .badge,
.list-folders a:hover .badge {
    background-color: #fff;
    color: #bdae80;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 3px 5px;
}

.list-folders .badge {
    background-color: #bdae80;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 3px 5px;
}

td.middle,
.table td.middle {
    vertical-align: middle;
}

td.header {
    background-color: #fafaf7;
    font-weight: bold;
}

.table-calendar td.calendar-day a {
    display: block;
    width: 100%;
    color: rgb(90, 98, 108);
}

.table-calendar td.active-day {
    border: solid 2px #b9c6ce;
    background-color: #dde5e9;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0;
}

.panel .table-borderless th,
.panel .table-borderless td,
.panel .table-borderless thead th,
.panel .table-borderless tbody+tbody {
    border: 0;
}

.table-calendar td.active-day a {}

.panel .table-records {
    border: 1px solid #eaedef;
    border-top: 0;

    margin-bottom: 20px;
}

.panel .table-records td {
    padding: 6px 15px;
    border-top: 0;
    border-bottom: 1px solid #eaedef;
}

.panel .table-records td.td-title {
    background-color: #fafaf7;
    font-weight: bold;
}

.panel .table-records .text-success {
    color: #2d7710;
}

.panel .table-records .text-warning {
    color: #bd7d10;
}

.panel .table-records .text-danger {
    color: #920b0b;
}

.panel td.text-middle {
    vertical-align: middle;
    display: table-cell;
}

.panel .text-title {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

.main-title {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #5A626C;
    margin-bottom: 25px;
}

.main-title span {
    color: #7f929f;
}

.text-title {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: #7f929f;
}

.btn-link,
.btn-list {
    cursor: pointer;
    color: #464D51;
}

.btn-link i {
    padding-right: 2px;
}

.btn-circle-sm>i {
    padding: 16px 0;
    font-size: 22px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 6px;
    line-height: normal;
    transition: all .3s ease-in-out 0s;

    width: 52px;
    height: 52px;
}

.btn-circle-stats span {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #919599;
    text-transform: uppercase;
}

.btn-link-icon {
    color: #c4c4c4;
    padding: 0 2px;
}

.btn-link-green:hover {
    color: #32a852;
}

.btn-link-red:hover {
    color: #a84432;
}

.btn-blue {
    color: #4996b2;
}

.btn-blue:hover {
    color: #4996b2;
}

.fa-btn-icon {
    padding-right: 5px;
}

.fa-biger {
    font-size: 1.2em;
}

.fa-large {
    font-size: 1.5em;
}

.text-l-grey {
    color: #bdbebf;
}

/* navbar */

.navbar-brand>img {
    display: inline;
}

#nav {
    border-right: 0;
}

.nav-admin {}

.nav-admin-items {
    width: 100%;
    border-right: 1px solid rgb(191, 199, 208);
    position: absolute;
    overflow-y: scroll;
    background: transparent;
}

.nav-admin .nav-multi-dropdown {
    margin-bottom: 0;
    background: transparent;
    border: 0;

}

.nav-admin .nav-multi-dropdown .list-group-item {
    border-bottom: 1px solid rgb(208, 212, 216);
    padding-left: 15px;
    color: #6e7e8e;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
}

.boxed {
    border: 1px solid #c8d0d5;
    padding: 15px;
    border-radius: 3px;
    /* background-color: #e7ecef; */
}

/* panel-box */


.panel-box {}

.panel-box .panel-heading {
    padding: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: solid 1px #e6e8ed;
    color: #fff;
    background-color: #737f8c;
}

.panel-box-sm .panel-heading {
    padding: 12px;
}

.panel-box ul.panel-records {
    padding: 0;
    margin: 0px 20px;
}

.panel-box ul.panel-records li {
    padding: 10px 0px;
    margin: 0;
    list-style-type: none;
    border-bottom: solid 1px #e6e8ed;
}

.panel-box ul.panel-records li:last-child {
    border-bottom: none;
}

.panel-box .actions {}

.panel-box .actions a {
    padding: 0 3px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
}

.panel-box a.bold {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ad9c69;
}

.panel-box .text-primary {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 2px;
    color: #2c2f33;
}

.panel-box .text-primary a {
    color: #2c2f33;
}

.panel-box .text-secondary {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.panel-box i.fa {
    font-weight: normal;

}

/* nav */
.panel-heading .nav-strong {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.panel-heading .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 4px 0;
    color: #6e7e8e;
}

.panel-records .list-search .list-group-item {
    padding: 3px 3px;
}

.panel-records .list-search .form-control {
    border: solid 1px #d9dde2;
}

.list-group .level-high {
    background-color: #efe3d4;
    color: #ab660d;
}

.list-group .level-high:hover {
    background-color: #efdcc5;
}

.list-group .level-urgent {
    background-color: #fccaca;
    color: #8f0909;

}

.list-group .level-urgent:hover {
    background-color: #fca3a3;
}

.list-group .active {
    background-color: rgb(225, 229, 233);
    border: 0;
}

.list-group .active a {

    color: rgb(35, 82, 124);

}

/* info well */

.well-info {
    border: 1px dashed #87929a;
    border-radius: 3px;
    padding: 8px;
    margin-bottom: 20px;
    color: #80878c;
    font-size: 0.9em;
}

.well-info strong {
    color: #929aa1;
}


.well-info ul {
    margin: 5px 0 5px 0;
    padding: 0;
}

.well-info li {
    padding: 0;
    margin: 0 0 0 15px;
    list-style-type: "- ";
}


/* data table */

.list-data {
    margin: 0;
}

.list-data .h3 {
    margin: 0;
    padding: 0;
}

/* editable */

.editable {
    text-decoration: none;
    border-bottom: dotted 1px #919599;
}

.editable-empty {
    color: #919599;
}

label span {
    color: red;
}

hr.form {
    margin-top: 40px;
    margin-bottom: 32px;
    border: 0;
    border-top: 1px dashed #eee;
}

/* Custom gold color */

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #bdae80;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.btn-circle:hover>i,
.btn.btn-circle:hover>i {
    color: #fff;
    background-color: #bdae80;
}

.btn-primary,
.bg-primary,
.btn-primary.btn-circle>i {
    color: #fff;
    background-color: #bdae80;
}

.bg-primary a {
    color: #fff;
}

.bg-primary-alt {
    color: #fff;
    background-color: #e5ddc0;
}


.bg-total-alt,
.btn-total-alt.btn-circle>i {
    color: #fff;
    background-color: #a5b6c7;
}

.bg-xlight {
    background-color: #f7f7f7;
}

.list-item-file {
    background-color: #f7f7f7;
    padding: 7px 0 7px 10px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {

    color: #ffffff;
    background-color: #bdae80;
    border-color: #a7945a;
}


/* processing block */

.boxLoading {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 200px;
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
    z-index: 1;
}

/* dashboard */

section.dashboard {}

section.dashboard h2 {
    color: rgb(142, 162, 181);
    font-size: 20px;
}

section.dashboard h2 span a {
    font-size: 16px;
    color: #1b6bba;
}

section.dashboard h2 span.part {
    padding: 0px 5px;

}

/* panel dashboard */

.panel-dashboard {}

.panel-dashboard a {
    color: rgb(36, 36, 36);
}

.panel-dashboard a.more {
    color: rgb(115, 115, 115);
}

.panel-dashboard .table {
    margin-bottom: 0px;
}

.panel-dashboard h3 {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    color: #516274;
    font-weight: normal;
    margin-bottom: 17px;
}

.panel-dashboard .list-group {
    border-radius: 4px;
    padding-left: 0;
    margin-bottom: 0px;
}

.panel-dashboard .list-group-item {
    padding: 3px 0px;
    border: 0;
}

.panel-dashboard hr {
    margin-top: 15px;
    margin-bottom: 10px;
}

.panel-dashboard .btn-circle {
    font-size: 11px;
    color: #8194a6;
    text-transform: uppercase;
    padding: 7px 7px;
}

.panel-dashboard .btn-circle>i {
    padding: 14px 0;
    font-size: 20px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 6px;
    line-height: normal;
    transition: all .3s ease-in-out 0s;

    width: 50px;
    height: 50px;
}

/* panel transparent */

.panel-no-bg {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgb(219, 219, 219);
}

.panel-no-bg hr {
    border-top: 1px solid rgb(219, 219, 219);
}

.block-info {
    padding: 10px;
    border: dashed 1px #a6b2bf;
    border-radius: 3px;
}


.block-info ul {
    list-style: none;
    margin-left: 15px;
    margin-bottom: 0;
    padding: 0;
}

.block-info ul li::before {
    content: "\2022";
    color: #7f929f;
    font-weight: bold;
    display: inline-block;
    width: 0.75em;
    margin-left: -1em;
}

.block-info ul li {
    padding: 1px 0px;
}

.block-info .text-title {
    padding-bottom: 10px;
}

/* form */

input.form-control:focus {
    border: solid 1px #a1b0bb;
}

select.form-control:focus {
    border: solid 1px #a1b0bb;
}

textarea.form-control:focus {
    border: solid 1px #a1b0bb;
}

input.input-xs,
select.input-xs {
    height: 24px;
    padding: 4px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.weekDays-selector input {
    display: none !important;

}

.weekDays-selector input[type=checkbox]+label {
    display: inline-block;
    border-radius: 3px;
    background: #dddddd;
    height: 20px;
    width: 20px;
    margin-right: 2px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
}

.weekDays-selector input[type=checkbox]:checked+label {
    background: #000;
    color: #ffffff;
}



/* panel by status */

.panel-info {
    /*border: 1px solid #5bc0de;*/
    border: 1px solid #a9dcec;
}

.panel-info h3 {
    color: #42a1be;
}

.panel-info a {
    color: #42a1be;
}

.panel-danger {
    border: 1px solid rgba(171, 45, 45, 0.4);
    /*background-color: rgba(226, 166, 166, 0.1);*/
}

.panel-danger h3 {
    color: rgb(171, 45, 45);
}

.panel-danger a {
    color: rgb(171, 45, 45);
}

/* panel header for details */

.panel-details {
    background-color: #F4F9FD;
    border-bottom: solid 1px #E4ECF3;
    line-height: 1.8em;
}

.panel-details strong {
    font-weight: 600;
}

.panel-details .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #5A626C;
}

.panel-details .sub {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #8491A1;
    text-transform: uppercase;
}

.panel-preview .panel-body h1 {
    font-size: 18px;
    font-weight: bold;
}

.panel-group .panel {
    overflow: visible;
}

.panel-list .record-label {
    font-size: 0.9em;
    color: #a9b0bc;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.panel-list .record-bold {
    font-size: 1.7em;
    color: #494e56;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}


/* detail table */

.detail {
    margin-bottom: 15px;
}

.detail td {
    padding: 3px 0px;
}

.detail .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    padding-right: 20px;
    color: #97A6B8;
    text-transform: uppercase;
    vertical-align: top;
}

/* table-narrow table */

.table-narrow {
    padding: 3px 0px;
}

.table-narrow td {
    padding: 0px 1px;
    padding-right: 3px;
}

.table-narrow .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #97A6B8;
    text-transform: uppercase;
}

/* various */

.pointer {
    cursor: pointer;
}

td.actions a {
    padding: 0 3px;
}

.list-normal .topLine {
    border-top: solid 1px #d1d4d7;
}

.list-normal .dark {
    background-color: #d1d4d7;
}

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

.bs-wizard>.bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard>.bs-wizard-step+.bs-wizard-step {}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    color: #939393;
    font-size: 13px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
    color: #6b6b6b;
    font-size: 12px;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info div {
    font-weight: 600;
    font-size: 12px;
    padding-bottom: 2px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #f2ebd5;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #e7d7a6;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bs-wizard>.bs-wizard-step>.progress {
    position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 22px 0;
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
    width: 0px;
    box-shadow: none;
    background: #f5f5f5;
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
    width: 50%;
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
    width: 0%;
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
    background-color: #f5f5f5;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
    left: 50%;
    width: 50%;
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
    width: 50%;
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

.bs-wizard>.bs-wizard-step.verified>.bs-wizard-dot {
    background: #7ec7f4
}

.bs-wizard>.bs-wizard-step.verified>.bs-wizard-dot:after {
    background: #1c92db
}

.bs-wizard>.bs-wizard-step.approved>.bs-wizard-dot {
    background: #99db9e
}

.bs-wizard>.bs-wizard-step.approved>.bs-wizard-dot:after {
    background: #24912b
}

.bs-wizard>.bs-wizard-step.payment>.bs-wizard-dot {
    background: #f0c687
}

.bs-wizard>.bs-wizard-step.payment>.bs-wizard-dot:after {
    background: #d38e2e
}

.bs-wizard>.bs-wizard-step.paid>.bs-wizard-dot {
    background: #bdae80
}

.bs-wizard>.bs-wizard-step.paid>.bs-wizard-dot:after {
    background: #5b5238
}

/*END Form Wizard*/

.form-step {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #959595;
    background-color: #f5f5f5;
    padding: 5px;
    border-radius: 4px;
}


/** tickets **/

#app-tickets {}

#app-tickets h2 {
    font-size: 24px;
    margin-bottom: 25px;
}

#app-tickets .field {
    text-transform: uppercase;
    font-weight: bold;
    color: #a4aeb9;
    padding-bottom: 5px;
}

#app-tickets .info-block {
    padding-bottom: 8px;
}


/** typehead */

.typeahead,
.tt-query,
.tt-hint {
    padding: 5px 7px;
    font-size: 13px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {

    margin-top: 5px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 18px;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.gist {
    font-size: 14px;
}

.twitter-typeahead {
    width: 100%;
}

.error-message {
    color: red;
}

#flashMessage {
    margin: 5px;
}

#authMessage {
    margin: 5px;
    padding: 5px;
    color: red;
    border: solid 1px red;
    background-color: #FFF5F5;
}

.badge {
    padding: 5px 7px;
    border-radius: 10px;
}

.badge-danger {
    background-color: #ff0000;
}

.badge-warning {
    background-color: #ffa500;
}

.badge-info {
    background-color: #0000ff;
}

.alert-notify {
    background-color: rgb(247, 248, 249);
    border-color: rgb(188, 196, 204);
}

.alert-header {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.alert-red {
    background-color: #fceaea;
    color: #920b0b;
    border-color: #facbcb;
    border-width: 2px;
}

.alert-orange {
    background-color: #fbf2e6;
    color: #a35d07;
    border-color: #f7ddbf;
    border-width: 2px;
}

.alert-silver {
    color: #4d4d4d;
    background-color: #eeeeee;
    border-color: #d6d6d6;
    border-width: 2px;
}

#notify .alert {
    font-size: 15px;
    padding: 15px 20px;
    text-shadow: none !important;
    box-shadow: none !important;

    color: #162636;
    background-color: #e4dbbf;
    border-color: #bcae82;
}

#notify .alert hr {
    border-top-color: #a6e1ec;
}

#notify .alert .alert-link {
    color: #245269;
}

/* events */

section.events {
    padding-top: 15px;
}

section.events .panel {
    margin-bottom: 5px;
}

section.events .media {
    margin-top: 5px;
}

/* record-browser */

.record-browser {}

.record-browser h5,
.h5 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #7f929f;
}

.record-browser .table .record-check {
    width: 32px;
    padding: 6px 0px 6px 15px;
}

.record-browser .table .record-check-text {
    padding: 11px 15px 8px 15px;
}


/* record-view */

.text-markdown h1 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: rgb(127, 146, 159);
}

.text-markdown h2 {
    font-weight: 600;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    color: rgb(127, 146, 159);
}

.text-markdown h3 {
    font-weight: 600;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    color: rgb(127, 146, 159);
}

.text-markdown h4 {
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(127, 146, 159);
    font-size: 20px;
    margin-bottom: 20px;
    font-size: 16px;
}

.text-markdown h5 {
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(127, 146, 159);
    font-size: 15px;
}

.text-markdown ul {
    margin: 3px 0px 15px 5px;
    padding: 0 0 0 15px;
    list-style-type: disc;
}

.text-markdown ul li {
    margin-bottom: 5px;
}

.record-view a {
    color: #428bca;
}

.record-view a.muted {
    color: #919599;
}

.record-view a.btn {
    color: #657483;
}

.record-view input.form-control:focus {
    border: solid 1px #a1b0bb;
}

.record-view select.form-control:focus {
    border: solid 1px #a1b0bb;
}

.record-view textarea.form-control:focus {
    border: solid 1px #a1b0bb;
}

.record-view .h5 {
    font-size: 15px;
}

.block-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    color: #7f929f;
    padding: 0 0 7px 0;
}

.record-view .block-title span {
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    padding-top: 5px;
}

.record-view .list-title {
    font-size: 13px;
}



.record-view .text-light {
    color: #979fa6;
}

.record-view .text-darker {
    color: #70787e;
}

.record-view .dot {
    padding: 0 5px;
}

.record-view article.message {
    border-bottom: solid 1px #dee5eb;
    padding: 5px 0;
}

.record-view article.message .thumb-small {
    width: 37px;
}

.record-view .text-title {
    font-family: 'Source Sans Pro', sans-serif;
}

.record-view ul.record-list {
    padding: 0;
    margin: 0 0 10px 15px;
}

.record-view ul.record-list li {
    padding-bottom: 3px;
}

ul li.list-sm {
    padding: 5px 15px;
}

ul li.list-md {
    padding: 7px 15px;
    ;
}

.record-view ul.no-space li.list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.record-view ul.record-sidelist {
    margin-bottom: 30px;
}

.record-view ul.record-sidelist .list-group-item {
    padding: 7px 14px;
}

.record-view .toolbar {
    font-family: 'Source Sans Pro', sans-serif;

}

.record-view .record-view-side .header {}

.record-view .toolbar a {
    padding: 2px 10px;
    color: #428bca;
    font-size: 14px;
}

.record-view .profile {
    padding: 0 0 5px 5px;
}

.record-view .record-top-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.record-view .record-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #51565b;
    padding: 0px 0 25px 0;
}

.record-view .record-sub-text {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    padding-bottom: 10px;
}

.record-view .header {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;

    padding-top: 20px;
    padding-bottom: 3px;
    margin-bottom: 15px;
    border-bottom: solid 1px #dee5eb;
}

.record-view .header span {
    border-bottom: solid 2px #becbd5;
    padding-bottom: 3px;
}

.record-view .header a {
    padding-top: 5px;
    font-size: 12px;
    text-transform: none;
}

.record-view .block-content {
    padding-bottom: 25px;
}

.record-view .hr-line {
    border-bottom: solid 1px #d0d9e0;
    margin: 10px 0;
}

.record-view li .btn-icons,
.record-view li .btn-icons a {
    margin-left: 5px;
}

/* project labels */

.label-list .pr-label {
    margin: 2px 3px 2px 0px;
}

.label-list .label-sm {
    margin: 2px 3px 2px 0px;
    padding: 1px 6px;
    font-size: 12px;
    border-radius: 3px;
}

.pr-label {
    padding: 2px 8px;
    display: inline-block;
    border-radius: 4px;
    background-color: #e6e9ed;
    color: #555759;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

.pr-label-dark {
    background-color: #d9dce0;
}

.pr-label a {
    color: #555759;
}

.pr-label-sm {
    font-size: 12px;
}

.pr-label-xs {
    font-size: 12px;
    padding: 0px 4px;
    margin: 0 1px;
}

/* alerts */

.alert {
    font-size: 100%;
    padding: 10px;
    text-shadow: none;
    box-shadow: none;
}

/* Calendar table */

.tableCalendar {}

.tableCalendar table {
    width: 100%;
}

.tableCalendar table.header {
    font-family: 'Source Sans Pro', sans-serif;
    color: #5A626C;
    font-size: 22px;
}

.tableCalendar table.header td {
    padding: 7px 5px;
    border: 0;
    text-align: center;
}

.tableCalendar table.data tr:hover {
    background-color: #F0F0F0;
}

.tableCalendar table.data tr.odd {
    background: #F0F0F0;
}

.tableCalendar table.data tr.b-line {
    background: #F0F0F0;
}



.tableCalendar table.data {}

.tableCalendar table.data a {
    color: #497BAC;
}

.tableCalendar table.data a:hover {
    color: #3D95EB;
}

.tableCalendar table.data td.rowName {
    border-right: solid 3px #DEDEDE;
    border-bottom: solid 1px #E8E8E8;
    font-weight: bold;
}

.tableCalendar table.data th {
    border-right: solid 1px #DEDEDE;
    border-bottom: solid 3px #DEDEDE;
    border-top: solid 3px #DEDEDE;
    padding: 3px 5px;
    text-align: center;
}

.tableCalendar table.data td.b-line {
    border-bottom: solid 1px #A2A2A2;
}

.tableCalendar table.data td {
    padding: 3px 5px;
    text-align: center;
}

.tableCalendar table.data td.free {
    border-left: solid 1px #E8E8E8;
    border-top: solid 1px #E8E8E8;
}

.tableCalendar table.data tr td.busy {
    background-color: #FFE5E5;
    border: solid 1px #E09191;
    color: #612F2F;
}

.tableCalendar table.data td.busy a {
    color: #612F2F;
}

.tableCalendar table.data .weekBorder {
    border-right: solid 1px #828282;
}

.tbOverview {
    border-top: 0;
}

.tbOverview h3 {
    padding: 3px 0;
    margin: 0;
}

.tbOverview .h2 {
    padding: 3px 0;
    margin: 0;
    font-size: 20px;
}

.tbOverview tr:hover {
    background-color: #F6F6F6;
}

.tbOverview tr th {
    background-color: #fff;
    text-align: center;
    border-bottom: solid 2px #EBEBEB;
    border-top: 0;
}

.tbOverview .border {
    border-right: solid 1px #F6F6F6;
}

.td-border-red {
    border-left: solid 3px #ba0808;
}

.td-border-orange {
    border-left: solid 3px #c96e19;
}

.td-border-blue {
    border-left: solid 3px #bcd7e0;
}

.td-border-green {
    border-left: solid 3px #b4e0be;
}

.td-border-light {
    border-left: solid 3px #eaedef;
}

.td-footer,
.table>tbody>tr>td.td-footer {
    border-top: 0px;
    border-bottom: 1px solid #ddd;
    background-color: rgb(247, 248, 249);
    padding: 4px 8px;
    font-size: 11px;
}

.td-total,
.table>tbody>tr>td.td-total {
    border-top: 1px solid #c1c1c1;
    font-weight: bold;
}

.appOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-color: rgba(187, 172, 127, 0.3);
    z-index: 10000;
    vertical-align: middle;
    text-align: center;
    font-size: 1.2em;
    color: #000;
    padding-top: 5px;
    cursor: wait;
}

tr.strikeout {
    text-decoration: line-through;
}

.strike {
    text-decoration: line-through;
}

tr.disabled,
tr.disabled a {
    color: #C7C7C7;
}

.tt-suggestions strong {
    font-weight: bold;
    color: #A43B3B;
}

.blinkable {
    animation: blink 1s infinite;
}

@keyframes blink {

    0%,
    50% {
        opacity: 1;
    }

    51%,
    100% {
        opacity: 0;
    }
}

#app-messenger {}

#app-messenger h3 {
    padding: 7px 0px;
    margin: 0;
    font-size: 16px;
    text-transform: none;
}

#app-messenger .form-control:active {
    border: solid 1px #bdae80;
}

#app-messenger .form-control:focus {
    border-color: #bdae80;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(189, 174, 128, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(189, 174, 128, 0.6);
}

#app-messenger #list-conversations {
    overflow-y: auto;
    margin-top: -1px;
}

#app-messenger #list-conversations .hightlight {
    /*background: #f7f8f9;*/
    background: #e4e9ed;
}

#app-messenger #list-conversations .hightlight .title {
    font-weight: bold;
}

#app-messenger .list-messages {
    height: 400px;
    overflow: auto;
    background-color: #f1f5f9;
    padding: 0 8px;
}

#app-messenger .list-messages .msg {
    background-color: #fff;
    padding: 8px;
    margin-bottom: 10px;
}

#app-messenger .list-messages .msg .head {}

#app-messenger .list-messages .msg .user {
    padding-left: 8px;
    padding-right: 12px;
    color: #8b959f;
    font-weight: bold;
}

#app-messenger .list-messages .msg .time {
    color: #8b959f;
    font-size: 12px;
}

#app-messenger .list-messages .msg .body {
    padding-top: 12px;
    font-size: 15px;
}

#app-messenger .list-messages .msg .head .img-circle {
    width: 20px;
}

#app-messenger .post-new-msg {
    padding: 8px;
    background-color: rgba(189, 174, 127, 0.22);
}

#app-messenger .post-new-msg form {
    margin: 0px;
}

#nav-feed .list-group a.read-false {
    background-color: #ecf2f9;
}

.typeahead li .mention_username {
    color: rgb(110, 110, 110);
}

.typeahead li.active .mention_username {
    color: #ffffff;
}

ul li.list-message {
    border: 0;
    margin-bottom: 10px;
}

ul li.list-message img {
    border-radius: 5px;
}

ul li.list-message .media-body {
    background-color: #fafcff;
    border: solid 1px #d7e2f1;
    padding: 10px 15px 5px 15px;
    border-radius: 5px;
}

ul li.list-message .msg-author {
    font-size: 12px;
    padding-top: 4px;
}

ul li.list-message .msg-body {
    margin-top: 7px;
}

/** CARD **/

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .375rem;
    background-color: #fff;
    background-clip: border-box;
}

.card-body {
    padding: 1.5rem;
    flex: 1 1 auto;
}

.card-counter {
    margin-bottom: 1.4rem;
}

.card-title {}

.card-title div {
    text-transform: lowercase;
    font-size: 12px;
    padding-top: 2px;
}

.card-stats .card-body {
    padding: 1rem 1.5rem;
}

.rounded-circle {
    border-radius: 50% !important;
}

.card-box {

    color: #fff;
    padding: 20px 10px 20px;
    margin: 20px 0px;
    border-radius: 5px;
}

.card-box:hover {
    text-decoration: none;
    color: #f1f1f1;
}

.card-box:hover .icon i {
    font-size: 100px;
    transition: 1s;
    -webkit-transition: 1s;
}

.card-box .stats {
    font-family: 'Source Sans Pro', sans-serif;
    color: #9b8b59;
    font-size: 27px;

    margin: 0 0 8px 0;
    white-space: nowrap;
    padding: 0;
    text-align: left;
}

.card-box p {
    font-family: 'Source Sans Pro', sans-serif;
    color: #726849;
    font-size: 16px;
    font-weight: 600;

}


.card-box .inner {
    padding: 5px 10px 0 10px;
}

.card-box h3 {
    font-size: 27px;
    font-weight: bold;
    margin: 0 0 8px 0;
    white-space: nowrap;
    padding: 0;
    text-align: left;
}

.card-box .icon {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 5px;
    z-index: 0;
    font-size: 72px;
    color: rgba(0, 0, 0, 0.15);
}

.card-box .card-box-footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: center;
    padding: 3px 0;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    text-decoration: none;
}

.card-box:hover .card-box-footer {
    background: rgba(0, 0, 0, 0.3);
}


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal-backdrop {
    background-color: #000;
}

.modal-backdrop.fade.in {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -khtml-opacity: .20;
    -moz-opacity: .20;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 420px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal-dialog .btn-icon {
    padding: 2px 6px 0px 6px;
}

.modal.left .modal-content,
.modal.right .modal-content {
    font-size: 12px;
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
    border: none;
}

.modal.left .modal-header,
.modal.right .modal-header {
    padding: 7px 10px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    border: none;
    color: #fff;
}

.modal.left .modal-header h4,
.modal.right .modal-header h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    color: #1d2d3d;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.left .modal-body .table th,
.modal.right .modal-body .table th {
    padding: 7px 5px 3px 5px;
    color: #9098a2;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -420px;
    -webkit-transition: opacity 0.1s linear, left 0.1s ease-out;
    -moz-transition: opacity 0.1s linear, left 0.1s ease-out;
    -o-transition: opacity 0.1s linear, left 0.1s ease-out;
    transition: opacity 0.1s linear, left 0.1s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.1s linear, right 0.1s ease-out;
    -moz-transition: opacity 0.1s linear, right 0.1s ease-out;
    -o-transition: opacity 0.1s linear, right 0.1s ease-out;
    transition: opacity 0.1s linear, right 0.1s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}



@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}