/* 
CUSTOM STYLESHEET

Add your custom styles here instead of style.css so it is easier to 
update the template. Simply copy an existing style from style.css to 
this file, and modify it to your liking. 
*/

.grid.simple .grid-body,
.grid.simple .grid-title {
    border: none !important;
}

.table-no-border td, .table-no-border th {
    border-top: 0 !important;
}

.dropdown .left-dropdown {
    position: absolute;
    top: 100%;
    right: 0px;
    left: auto;
}

.dropdown-menu.hdropdown {
    padding: 0;
    z-index: 1060;
}

.text-green {
    color: #339966;
}

label.color-label:before {
    left: 3px;
    top: 4px;
}

label.color-label:after {
    left: 6px;
    top: 4px;
}

.progress-bar-warning {
    background-color: #f79824;
}

.progress-bar-success {
    background-color: #62c271;
}

/* line container *****************************************************************************************************/
/*.lineContainer {
    display: table;
    border-collapse: collapse;
    width: 100%;
}
.lineContainer div.left, .lineContainer div.right {
    display: table-cell;
}
.lineContainer .left span {
    width: 40px;
    text-align: right;
    display: block;
}
.lineContainer .right {
    width: 100%;
}
.lineContainer .tooltip-inner {
    text-align: left !important;
}*/
.lineContainer {

}

.lineContainer div {
    display: inline-block;
}

.lineContainer .progress {
    width: 100px;
    margin-bottom: 0;
}

.lineContainer .tooltip-inner {
    text-align: left !important;
}

/* breadcrumbs ********************************************************************************************************/
.breadcrumb > li {
    padding-left: 0;
}

.page-content .breadcrumb a {
    margin-left: 0;
}

.search-check-all {
    font-weight: bold;
    color: #4684c5 !important;
}

/* errors fields ******************************************************************************************************/
.has-error ul, .a2lix_translations ul {
    list-style-type: none !important;
    padding: 0 !important;
    color: #e74c3c !important;
    padding-top: 5px !important;
}

.a2lix_translations ul {
    padding-top: 0 !important;
}

.has-error li, .a2lix_translations li {
    padding-left: 0;
}

.form-control:focus {
    border-color: #f1cdae;
}

.has-error .form-control, .has-error .form-control:focus {
    border-color: #e74c3c;
}

.form-control > .select2-choice {
    border: 0px solid #E5E9EC !important;
}

.has-error .select2-container, .has-error .ms-selectable {
    border: 1px solid #e74c3c !important;
}

.select2-container .select2-choice .select2-arrow b:before {
    content: '';
}

.select2-container {
/ / height: 30 px !important;
    border-radius: 2px !important;
    padding: 0px !important;
}

.select2-container .select2-choice {
    height: 30px !important;
    line-height: 30px !important;
    border: 1px solid #e5e9ec !important;
    background: none !important;
    border-radius: 2px !important;
}

.document-contractor-input.has-error {
    border: 1px solid #e74c3c !important;
}

.select2-arrow {
    border-left: none !important;
    background: none !important;
}

/*.select2-drop {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: 326px !important;
}*/

.select2-drop-active {
    border: 1px solid #e5e9ec !important;
}

/* file uplaod input **************************************************************************************************/
.btn-file {
    position: relative;
    overflow: hidden;
    border-radius: 3px !important;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

/* kolory i ustawienia szablonu ***************************************************************************************/
h3 {
    color: #576475 !important;
}

.m-b-0 {
    margin-bottom: 0;
}

.m-t-0 {
    margin-top: 0;
}

.m-r-0 {
    margin-right: 0;
}

.m-l-0 {
    margin-left: 0;
}

.m-b-i-0 {
    margin-bottom: 0 !important;
}

.m-t-i-0 {
    margin-top: 0 !important;
}

.m-r-i-0 {
    margin-right: 0 !important;
}

.m-l-i-0 {
    margin-left: 0 !important;
}

.input-group-addon-currency {
    width: 50px !important;
}

.a2lix_translations input[type=text] {
    width: 100%;
}

.document-contractor-input {
    width: 91%;
}

.select2 {
    width: 100% !important;
    outline: none;
}

.select2-container-disabled {
    background-color: #eee !important;
    cursor: not-allowed !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee !important;
    cursor: not-allowed !important;
}

.select2-container--disabled {
    background-color: #eee !important;
    cursor: not-allowed !important;
}

.select2-container--disabled .select2-search input {
    background-color: #eee !important;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee !important;
}

.select2-container-disabled .select2-choice {
    cursor: not-allowed !important;
}

.select2-container--disabled .select2-choice {
    cursor: not-allowed !important;
}

.border-bottom {
    border-bottom: 1px solid #dddddd;
}

.btn {
    padding-top: 6px;
    padding-bottom: 4px;
    font-weight:600;
}

.btn-large.btn {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.btn-mini {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 10.5px;
}

.btn-success:hover {
    background-color: #d87116;
}
.btn-primary {
    background-color: #f79824;
}
.btn-default:hover {
    background-color: #eeece9;
}

.btn-add-invoice {
    color: #6F7B8A !important;
    background-color: #ffffff;
    border: 1px solid #3790CB;
}

.btn-add-invoice:hover,
.btn-add-invoice:focus,
.btn-add-invoice:active,
.btn-add-invoice.active {
    color: #fff !important;
    background-color: #3790CB;
    border: 1px solid #3790CB;
}

.bodyPupUp .page-content {
    margin-left: 0;
}

.bodyPupUp .page-content .content {
    padding-top: 26px;
}

.text-capitalize {
    text-transform: capitalize;
}

.btn-white {
    background-color: #ffffff;
    border: 1px solid #e5e9ec;
}

.btn-white-blue {
    color: #4684C5;
    background-color: #FFFFFF;
    border: 1px solid #4684C5;
}

.btn-white-blue:hover,
.btn-white-blue:focus,
.btn-white-blue:active,
.btn-white-blue.active,
.open .dropdown-toggle.btn-white-blue {
    color: #4684C5;
    background-color: #f8f8f8;
    border: 1px solid #4684C5;
}

.btn-white-blue:active,
.btn-white-blue.active,
.open .dropdown-toggle.btn-white-blue {
    background-image: none;
}

.btn-white-blue.disabled,
.btn-white-blue[disabled],
fieldset[disabled] .btn-white-blue,
.btn-white-blue.disabled:hover,
.btn-white-blue[disabled]:hover,
fieldset[disabled] .btn-white-blue:hover,
.btn-white-blue.disabled:focus,
.btn-white-blue[disabled]:focus,
fieldset[disabled] .btn-white-blue:focus,
.btn-white-blue.disabled:active,
.btn-white-blue[disabled]:active,
fieldset[disabled] .btn-white-blue:active,
.btn-white-blue.disabled.active,
.btn-white-blue[disabled].active,
fieldset[disabled] .btn-white-blue.active {
    background-color: #FFFFFF;
    border: 1px solid #4684C5;
}

.btn-white-blue .badge {
    color: #FFFFFF;
    background-color: #4684C5;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}

.overflow-hidden {
    overflow: hidden;
}

.grid-body-hide {
    display: none;
}

.select2-container-multi .select2-choices {
    border: 1px solid #e5e9ec !important;
    background-image: none !important;
    max-height: 30px;
}

.tip-help {
    display: inline-block;
}

.tip-help .tooltip {
    z-index: 10000 !important;
}

.tip-help .tooltip-inner {
    max-width: 350px !important;
    text-align: left;
    padding: 20px 10px;
    background: grey !important;
}

.tip-help .tooltip.top .tooltip-arrow {
    border-top-color: grey;
}

.tip-help .tooltip.right .tooltip-arrow {
    border-right-color: grey;
}

.fa-tip-help {
    color: grey;
    font: normal normal normal 16px/1 FontAwesome !important;
}

.tip-help label {
    display: inline-block;
}

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

.ms-selectable .search-input, .ms-selection .search-input {
    width: 100%;
}

h4 {
    line-height: 25px;
}

.form-control {
    box-shadow: none !important;
    border: 1px solid #dfdfdf;
}

.checkbox label:before {
    border: 1px solid #dfdfdf;
}

.page-sidebar {
    margin-top: 58px;
    padding-bottom: 0;
}

@media (min-width: 980px) {
    .page-sidebar .page-sidebar-wrapper {
        max-width: 260px;
    }

    .page-sidebar {
        width: 260px;
    }

    .page-content {
        margin-left: 260px;
    }
}

.popover-content a {
    font-size: 13px !important;
    display: inline !important;
    float: none !important;
    color: #3790CB !important;
}

.page-sidebar,
.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu {
    background-color: #f8f8f8 !important;
}

.logo {
    margin: 0;
}

.header {
    min-height: 60px;
}

.header-seperation {
    background-color: #fff;
}

.header .navbar-inner {
    min-height: 60px;
}

.header .header-seperation {
    text-align: left;
    height: 60px;
}

.header .quick-section {
    margin-top: 16px;
    margin-left: 10px;
}

.header .chat-toggler {
    margin-top: 0;
    top: -6px;
}

.header .chat-toggler .avatar-arrow {
    display: inline-block;
    float: left;
    margin: 10px 10px;
}

.add-dropdown-menu li {
    padding-left: 0;
}

.dropdown-menu {
    font-size: 14px;
}

.dropdown-menu > li > a {
    color: #334053;
    line-height: 1.4;
    margin: 0;
    font-weight: 600;
    padding: 10px 25px;
}

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

.header .nav > li.quicklinks i {
    font-size:15px;
    color: #cdcdce!important;
    width: 20px;
}

.title-add-dropdown-menu {
    padding-left: 0 !important;
}

#top_button {
    margin-top: -10px;
    margin-left: 20px;
}

.u117_img {
    width: auto;
    height: 13px;
}

.u117_img a {
    margin-right: 10px;
}

.dropzone {
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

.table-bordered th {
    background-color: #ecf0f2;
    border: 0 !important;
    text-align: center;
    color: #000;
}

.table-bordered td {
    text-align: center;
    color: #000;
}

.footer-widget {
    color: #c4c5c5;
    background: #313643 !important;
    z-index: 101;
    width: 260px;
}

.footer-widget a, .footer-widget a:hover {
    color: #c4c5c5;
}

.input-append.color .add-on i, .input-prepend.color .add-on i {
    margin-top: 4px;
}

.read-only-off {
    background: #fff !important;
    cursor: pointer !important;
}

#settingsInvoiceStatus .input-append input {
    margin-left: 0 !important;
}

.page-content {
    background: #faf9f8;
}

.page-sidebar .page-sidebar-wrapper {
    background-color: #313643;
}

.page-sidebar .page-sidebar-wrapper > ul > li.open > a {
    background-color: #f0f0f0;
}

.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu {
    background-color: #F5F4F2 !important;
}

.table.table-hover tbody tr:hover > td,
.table.table-hover tbody tr:hover > th {
    background-color: #f8f8f8 !important;
}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #464a56 !important;
}

.datePickerIcon {
    background-color: #e5e9ec !important;
}

.input-group-addon.primary {
    border: #e5e9ec;
}

.datePickerIcon .arrow:before {
    color: #e5e9ec !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    border: none;
}

.btn-primary {

    background-color: #f79824;
    border-color: #f79824;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #f79824;
    border-color: #006644;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #f79824;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: #cdcdcd;
    border-color: #cdcdcd;
}

.btn-success {
    color: #ffffff;
    background-color: #f79824;
}

h2.loginBox {
    font-size: 26px;
    text-align: center;
}

.loginBoxLogo {
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}

.loginbox-copyright {
    color: #aaa;
    font-size: 12px;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 12px 20px;
    background: #fff;
}

.login-container {
    margin-top: 20%;
}

.comments-box {
    margin-top: 40px;
}

.comment-box {
    margin-bottom: 10px;
}

.settings-header {
    color: #000000;
}

.desc::after {
    content: ' \25BC';
    font-size: 11px;
}

.asc::after {
    content: ' \25B2';
    font-size: 11px;
}

.input-append input[class*="span"], .input-prepend input[class*="span"], .input-append input, .input-prepend input {
    margin-left: 0;
}

.term-cost-invoice {
    padding-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.input-append input[class*="span"], .input-prepend input[class*="span"], .input-append input, .input-prepend input {
    max-width: none;
    width: 100%;
}

.grid-title-16 {
    font-size: 16px;
    font-weight: bold;
}

.text-success {
    color: #cdcdcd !important;
}

.text-danger {
    color: #da0000 !important;
}

.text-gray40 {
    color: #666666 !important;
}

.footer-widget .progress-bar-success, .widget_disk_space .progress-bar-success {
    background-color: lightgray !important;
}

.progress-bar {
    /*float: right !important;*/
}

.footer-widget .progress.transparent, .widget_disk_space .progress.transparent {
    background-color: #0aa699 !important;
}

.footer-widget .progress.progress-small, .widget_disk_space .progress.progress-small {
    height: 8px;
}

.footer-widget .progress, .widget_disk_space .progress {
    top: 18px !important;
}

.label-inline-block label {
    display: inline-block;
}

.form-label-bold label {
    font-weight: bold !important;
}

/* szablon dodawania/edycji faktury ***********************************************************************************/

table.document-event-log th, table.document-event-log td, table.document-event-log .muted {
    font-size: 10px;
}

/* sweetalert *********************************************************************************************************/
button.confirm {
    background-color: #f35958 !important;
    color: #fff !important;
}

button.cancel {
    background-color: #b9c3c8 !important;
    color: #fff !important;
}

.sweet-alert .sa-icon {
    border: 4px solid #f35958 !important;
}

.pulseWarning, .pulseWarningIns {
    -webkit-animation: none !important;
    animation: none !important;
}

.pulseWarningIns {
    background-color: #f35958 !important;
}

/**********************************************************************************************************************/
/* szablon dodawania/edycji faktury ***********************************************************************************/
.attachments .btn {
    border-radius: 0;
    background: #f5f5f5;
}

.attachments-preview .preview {
    width: 75%;
    float: left;
    border-right: 2px solid #f5f5f5;
    padding: 10px;
    text-align: center;
}

.attachments-preview .preview img {
    max-width: 95%;
}

.attachments a {
    text-decoration: none;
    color: #576475;
}

.attachments-preview .right-panel {
    float: right;
    width: 25%;
}

.attachments-preview .right-panel .document {
    background-color: #f5f5f5;
    padding: 20px 0 10px 0;
}

.attachments-preview .right-panel .document td {
    border: none;
}

.attachments-document-form {
    overflow: hidden;
    margin: 60px 20px 40px 20px;
}

.attachments-comments .grid.simple .grid-title {
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
}

.attachments-comments .grid.simple .grid-body {
    padding-left: 20px;
    padding-right: 20px;
    border: none;
}

.comparison-preview .preview {
    width: 60%;
}

.comparison-preview .right-panel {
    width: 40%;
}

.comparison-data {
    margin-top: 30px;
    display: block;
    padding-top: 30px;
    max-height: 700px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#pdfButtons {
    overflow: hidden !important;
    padding-bottom: 10px;
}

.slick-slide {
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px;
    border: none !important;
    outline: none;
}

.slick-slide a {
    border: none !important;
}

.slick-list {
    float: left;
    width: 80%;
    border: none !important;
}

.slick-current, .slick-active {
    border: none !important;
}

.slick-prev {
    float: left;
    width: 10%;
}

.slick-next {
    float: right;
    width: 10%;
}

/**********************************************************************************************************************/
.navigation {
    text-align: right;
}

a.locale-change {
    display: inline !important;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.required::after {
    color: red;
    content: ' *';
}

.invoice-searched-select {
    width: 95%;
    float: right;
}

select {
    min-height: 32px;
}

/**********************************************************************************************************************/
.widget_invoice_introduced .table > tbody > tr > td {
    border-top: none;
    padding-top: 0 !important;
}

.widget_invoice_introduced .table > tbody > tr > th {
    border-top: none;
    font-weight: normal;
    padding-bottom: 0;
}

.widget_invoice_approval .invoice-number {
    font-size: 32px;
}

.widget_invoice_approval .currency-value {
    font-weight: 400;
    font-size: 20px;
}

a {
    color: #3790CB;
}

.form-horizontal {
    display: block;
}

.form-horizontal .control-label {
    text-align: left;
}

.collection-small-buttons {
    margin-top: 6px;
}

.collection .select2 {
    width: 100% !important;
}

/*odwrotna strzałka */
.grid.simple .grid-title .tools > a.expand,
.grid.solid .grid-title .tools > a.expand {

    background-position: -95px -40px;
}

.grid.simple .grid-title .tools > a.collapse,
.grid.solid .grid-title .tools > a.collapse {
    background-position: -123px -40px;
}

.top-hr {
    border-top: 1px solid #f0f0f0;
    padding-top: 5px;
}

.small-box-value {
    font-size: 34px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #339966;
    margin-bottom: 0;
}

.small-box-helper {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    line-height: 40px;
    color: #AEAEAE;
}

.small-box-sub {
    font-size: 34px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #6B6B6B;
    margin-bottom: 0;
}

.new-employee-item {
    height: 80px;
    margin-top: 20px;
}

.new-employee-item table tr td:first-child {
    width: 60px;
    padding-top: 3px;
}

.new-employee-item table tr td:last-child {

    padding-left: 10px;
    padding-right: 5px;
}

.new-employee-item table tr {
    vertical-align: top;
}

.btn-accept, .delete-green {
    background-color: #62c271;
    color: #ffffff;
}

.btn-accept:hover,
.btn-accept:active,
.btn-accept:focus,
.delete-green:hover,
.delete-green:active,
.delete-green:focus{
    background-color: #42af42;
    color: #ffffff;
}

.min-width-100-px {
    min-width: 100px !important;
}

.fa-ellipsis-v {
    color: #e2dcd2;
}

.modal {
    overflow-y: visible;
}
.nav-pills {
    margin-top: 0;
}

.nav-pills > li > a:hover {
    border-bottom: 3px solid #3790CB !important;
    background-color: transparent;
    font-size: 14px;
    color: #3790CB;
}

.nav-pills > li.active-empty > a {
    border-bottom: 3px solid transparent;
    background-color: transparent;
}

.uneditable-input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border: 1px solid #dfdfdf;
}

.nowrap {
    white-space: nowrap;
}

.pdf-preview-navigation-bar {
    margin: 0 auto;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    border-bottom: none;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.pdf-preview-navigation-bar i {
    cursor: pointer;
}

.pdf-preview-navigation-bar select {
    font-size: 12px;
    height: inherit !important;
    width: auto !important;
}

.pdf-preview-container {
    width: 100%;
    max-height: 845px;
    overflow: scroll;
}

.pdf-preview-canvas {
    border: 1px solid #fafafa;
}

a.dodger-blue {
    color: #3399FF !important;
    font-weight: bold;
}

.text-size-16 {
    font-size: 16px;
}

.btn-orange-border {
    color: #333333;
    background-color: #FFFFFF;
    border-color: #D87116;
    border-width: 1px;
    border-style: solid;
}

.btn-orange-border:hover,
.btn-orange-border:focus,
.btn-orange-border:active,
.btn-orange-border.active,
.open .dropdown-toggle.btn-orange-border {
    color: #333333;
    background-color: #fff;
    border-color: #D87116;
    border-width: 1px;
    border-style: solid;
}

.btn-orange-border:active,
.btn-orange-border.active,
.open .dropdown-toggle.btn-orange-border {
    background-image: none;
}

.btn-orange-border.disabled,
.btn-orange-border[disabled],
fieldset[disabled] .btn-orange-border,
.btn-orange-border.disabled:hover,
.btn-orange-border[disabled]:hover,
fieldset[disabled] .btn-orange-border:hover,
.btn-orange-border.disabled:focus,
.btn-orange-border[disabled]:focus,
fieldset[disabled] .btn-orange-border:focus,
.btn-orange-border.disabled:active,
.btn-orange-border[disabled]:active,
fieldset[disabled] .btn-orange-border:active,
.btn-orange-border.disabled.active,
.btn-orange-border[disabled].active,
fieldset[disabled] .btn-orange-border.active {
    background-color: #FFFFFF;
    border-color: #D87116;
    border-width: 1px;
    border-style: solid;
}

.btn-orange-border .badge {
    color: #FFFFFF;
    background-color: #333333;
}

.widget-header {
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    padding: 0 0 0 10px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
}

.showDragHandle {
    cursor: move;
}

.btn-start {
    color: #ffffff;
    background-color: #57A67D;
    border-color: #57A67D;
    padding: 11px 19px;
    font-weight: normal;
}

.btn-start:hover,
.btn-start:focus,
.btn-start:active,
.btn-start.active,
.open .dropdown-toggle.btn-start {
    color: #ffffff;
    background-color: #40805d;
    border-color: #57A67D;
}

.btn-start:active,
.btn-start.active,
.open .dropdown-toggle.btn-start {
    background-image: none;
}

.btn-start.disabled,
.btn-start[disabled],
fieldset[disabled] .btn-start,
.btn-start.disabled:hover,
.btn-start[disabled]:hover,
fieldset[disabled] .btn-start:hover,
.btn-start.disabled:focus,
.btn-start[disabled]:focus,
fieldset[disabled] .btn-start:focus,
.btn-start.disabled:active,
.btn-start[disabled]:active,
fieldset[disabled] .btn-start:active,
.btn-start.disabled.active,
.btn-start[disabled].active,
fieldset[disabled] .btn-start.active {
    background-color: #57A67D;
    border-color: #57A67D;
}

.btn-start .badge {
    color: #57A67D;
    background-color: #ffffff;
}

.size-34 {
    font-size: 34px;
    line-height: 34px;
}

.size-18 {
    font-size: 18px;
    line-height: 18px;
}

.size-13 {
    font-size: 13px;
    line-height: 13px;
}

.navbar .nav > li > .dropdown-menu-left::before {
    position: absolute;
    top: -7px;
    right: auto;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.navbar .nav > li > .dropdown-menu-left::after {
    position: absolute;
    top: -6px;
    right: auto;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
}

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

.fa-18em {
    font-size: 1.8em;
}

.fa-23em {
    font-size: 2.3em;
}

.dz-message {
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    margin: .5em 0 !important;
    color: #6f7b8a;
}
.dz-message span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #AEAEAE;
}
.dz-message img {
    display: block;
    margin: 0 auto;
}

.i-comment {
    background-image: url('/bundles/ennovaapp/img/icon-comment.png')!important;
    width: 16px;
    height: 16px;
    opacity: 0.3;
}

.or-block {
    text-align: center;
    font-size: 16px;
    color: #AEAEAE;
    margin-top: 15px;
    margin-bottom: 15px;
}

.list-header {
    font-weight: bold;
}

.homepage-content {
    background: repeating-linear-gradient(#7abaef, #7abaef 500px, transparent 0, transparent 100%)
}
.homepage-content h5 {
    font-size: 14px;
    line-height: 1.5;
}
.page-container .page-content .homepage-content {
    padding-left: 120px!important;
    padding-right: 120px!important;
    padding-top: 115px!important;
}
.box-block {
    margin-top: 0;
}
.box-line {
    text-align: center;
    margin-top: -5px;
}
.box-line:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.homepage-box {
    display: inline-block;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 36px;
    width: 200px;
    height: 170px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.homepage-box h4 {
    color: #696e79 !important;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin-top: 5px;

}
.homepage-box .homepage-box-data .tools {
    position: absolute;
    top: 10px;
    right: 0;
}
.homepage-box img{
    width: 78px;
    height: 78px;
}
.homepage-box-data {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 30px;
}
.homepage-content .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #ffffff;
}
.homepage-content .header .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #ffffff!important;
}

.radio-box {
    padding: 15px 20px 10px 20px;
    border: 1px solid #dfdfdf;
    margin-bottom: 30px;
}
.radio-box label {
    font-weight: bold;
    font-size: 14px;
}

.label-lg {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.text-black {
    color: #000;
}
.margin-auto {
    margin: 0 auto;
}


.timeline ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
.timeline ul::before {
    content: ' ';
    height: 69%;
    width: 1px;
    background-color: #d9d9d9;
    position: absolute;
    top: 30px;
    left: 0.45em;
    z-index: 0;
}
.timeline li div {
    display: inline-block;
    margin: 1em 0;
    vertical-align: top;
}
.timeline .bullet {
    width: 1em;
    height: 1em;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    z-index: 12;
    margin-right: 1em;
    position: relative;
    margin-top: 16px;
}
.timeline .bullet.pink {
    border: 2px solid #F93B69;
}
.timeline .bullet.green {
    border: 2px solid #B0E8E2;
}
.timeline .bullet.orange {
    border: 2px solid #EB8B6E;
}
.timeline .time {
    width: 35%;
    font-size: 14px;
    /*padding-top: 0.25em;*/
}
.timeline .description {
    width: 50%;
    font-size: 14px;
    font-weight: bold;
}
.timeline h3 {
    font-size: 0.9em;
    margin: 0;
    font-weight: bold;
}
.timeline h4 {
    margin: 0;
    font-size: 0.7em;
    font-weight: 400;
    color: #808080;
}
.timeline .people img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.profile-pic, .profile-pic-180 {
    border-radius: 100px 100px 100px 100px;
    overflow: hidden;
}

.average-label {
    padding: 10px 9px;
    font-size: 14px;
    background-color: #9ad3ec;
    font-weight: 600;
    color: #ffffff;
}

.grid.simple .grid-body
{
    padding: 20px 30px
}