/* here you can put your own css to customize and override the theme */
input[type=number]:not(.text-right) {text-align:right}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none;
    margin:0;
}
.form-control { padding: 6px !important; }
table.form-control { padding: 2px !important; }

.select2-container--bootstrap .select2-selection--single {
   
    padding: 6px 6px 24px 6px !important;
}
.page-header.navbar .hor-menu {
    float: none;
}

.navbar-header .navbar-toggle  { margin-top: 2px }
.navbar-header .navbar-toggle .icon-bar {
    background-color: #1a5b8b;
}
@media (min-width: 768px) 
{
    .navbar-nav>li>a {
     padding-top: 10px; 
     padding-bottom: 10px; 
    }
}
.mach-blue {
    color: #1a5b8b !important
}
.mach-orange { color: #f79422!important }
.mach-blue-bg { background-color: #1a5b8b!important; color: white }
.mach-orange-bg { background-color: #f79422!important; color: white }
.btn.btn-outline.mach-blue { border-color: #1a5b8b; color: #1a5b8b; background: 0 0; }
.btn.btn-outline.green.active, .btn.btn-outline.green:active, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:focus, .btn.btn-outline.green:hover { border-color: #1a5b8b; color: #ffffff; background-color: #1a5b8b; }

.btn.mach-blue { background-color: #1a5b8b!important; color: white; border-color:#164d76; }
.btn.mach-orange { background-color: #f79422!important; color: white; border-color:#f68809!important;  }

.btn.mach-blue:hover { background-color: #164d76!important; }
.btn.mach-orange:hover { background-color: #f68809!important; }

.label-white { background-color: white; color: #333}
.label.bordered { border: 1px solid #aaa; }

.fa-spacer { margin-right: 5px; }
.fa-asterisk.required { vertical-align: text-top;font-size: 0.5em; color: red; }
.input-group-addon>i{ color: #666666!important; }
.portlet.light { padding: 5px 10px 0px 10px; }
.portlet { margin-bottom: 10px; }
.portlet>.portlet-title, .portlet.light>.portlet-title { margin-bottom: 0; }
.portlet.light>.portlet-title { min-height: 35px; }
.portlet.light .portlet-body, .portlet .portlet-body { padding-top: 5px; }
.portlet.light>.portlet-title>.caption { padding: 3px 0; }
.portlet>.portlet-title>.caption>.caption-subject, .portlet>.portlet-title>.caption> i {font-size: 14px!important; line-height: 17px}
.portlet.light>.portlet-title>.tools { padding: 3px 0; }
.portlet.light>.portlet-title>.actions {padding: 1px 0; }

.portlet.allow-minimal-view .portlet-body .form-body .show-all-action { width:400px; margin:0 auto; height: auto; padding: 0; text-align: center!important; }
.portlet.allow-minimal-view .portlet-body .form-body .show-all-action > button { border-bottom: none; background-color: #eaf4fb!important; border-top-left-radius: 8px!important; border-top-right-radius: 8px!important; color: #1a5b8b;}
.portlet.allow-minimal-view .portlet-body .form-body .show-all-action > button i {
    margin: 0 5px;
    color: #f79422 !important;
}

.portlet.allow-minimal-view .portlet-body .form-body { padding-bottom: 0!important  }
.portlet.allow-minimal-view.view-minimal .portlet-body .form-body .hide-minimal { display: none; }

.tabbable-line>.nav-tabs>li.active { border-bottom-color: #f79422; }
.tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover { border-bottom-color: #ffbf76; }
.tabbable-custom>.nav-tabs>li.active { border-top-color: #f79422!important; }
table.dataTable tbody th, table.dataTable tbody td { padding: 4px; vertical-align: middle }

.select-checkbox !important {
    padding: 10px;
    vertical-align: middle
}
table.dataTable tbody td .form-group { margin-bottom: 2px }
table.dataTable thead th, table.dataTable thead td { padding: 5px 0 }

table.dataTable thead th.options,table.dataTable tbody th.options { width: 200px!important }

a.dt-button, button.dt-button, div.dt-button {
    background-image: none!important;
    padding: 6px 12px!important;
}

.dataTables_wrapper .dt-buttons {
    _float: left;
    float: right;
    margin-right: 0px
}

.dataTables_wrapper .dataTables_filter input {
    width: 250px!important;
     border:1px solid #bfcad1;
     height:34px;
     margin-top:-1px;
}
.dataTables_wrapper .dataTables_filter label {
    background-color: #e1e5ec;
    height:34px;
    width: 300px;
    color: black;
    border:1px solid #bfcad1;
    padding: 0 0px 0 5px;
    position:relative;
    right:5px
}

button.dt-button, div.dt-button, a.dt-button {

     display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none!important;
        outline: 0!important;
        background-color: whitesmoke;
        border-color: #bfcad1;
}

button.dt-button:not(.btn-sm):not(.btn-lg), div.dt-button:not(.btn-sm):not(.btn-lg),  a.dt-button:not(.btn-sm):not(.btn-lg){
    line-height: 1.44;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #f79422; border-color: #f79422 }

.page-wrapper { background: #eaf4fb; position:absolute; width: 100%; margin: 0 !important; padding: 0 !important; top: 0px }
.navbar-collapse.in {
    background-color: white;
    border: 1px solid #1a5b8b;
    height: 500px;
}

@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}


/*.page-wrapper .page-footer.fixed { position: fixed; bottom: 0; left: 0; background-color:#eaf4fb; width: 100%; }*/
.page-content-wrapper .page-content {
    margin-left: 0px;
    background: #ffffff;
    margin-top: 42px;
    z-index: 50;
    padding: 15px;
}
.page-content-wrapper.with-project-bar .page-content{ margin-top: 0px; }

.page-content-wrapper .page-bar { margin: 0; padding: 0 15px 0 15px; height: 40px; background-color: #1a5B8b; z-index: 200; width: 100%; border-radius: 0; border: none  }
.page-content-wrapper .page-bar a, .page-content-wrapper .page-bar .nav-pills > li > a, .page-content-wrapper .page-bar > li a { color: white; font-family: "Open Sans",sans-serif }
.page-content-wrapper .page-bar .nav { margin: 0 }
.page-content-wrapper .page-bar .nav-pills > li > a:hover { color: black; }
.page-content-wrapper .page-bar .nav > li > a:hover { background-color: #f3f3f3; color: black }

.page-container-bg-solid .page-bar .page-breadcrumb>li>a, .page-container-bg-solid .page-bar .page-breadcrumb>li>span, .page-content-white .page-bar .page-breadcrumb>li>a, .page-content-white .page-bar .page-breadcrumb>li>span { color: white; }
.page-container-bg-solid .page-bar .page-breadcrumb>li>i.fa-circle, .page-content-white .page-bar .page-breadcrumb>li>i.fa-circle { color: #f79222; opacity: 0.8 }
.page-bar .nav .dropdown li > a, .page-bar .nav .dropdown li > a > i.fa, .page-bar .nav .dropdown-menu li > a { color: #000; }

.page-heaader-fixed .page-container { margin-top: 40px; padding-left: 0px; }

.page-content-wrapper .page-bar .page-breadcrumb .nav-pills>li>a, .page-content .page-bar .page-breadcrumb .nav-tabs>li>a { font-size: 12px!important; }
.page-content-wrapper .page-bar .nav > li > a { padding:8px!important } 
.page-content-wrapper .page-bar .nav { margin-top: 3px } 

.page-header.navbar { background-color: #fff;border-bottom: 1px solid #eaeaea !important; height:40px; min-height: 40px }
.page-header.navbar .page-logo { width:175px; height: 40px }
.page-header.navbar .page-logo .logo-default { margin: 10px 0 0; }

.page-header.navbar .hor-menu .navbar-nav, .page-header.navbar .hor-menu .navbar-nav>li>a, .page-header.navbar .hor-menu .navbar-nav>li>a, 
.page-header.navbar .hor-menu .navbar-nav > li > a, .page-header.navbar .top-menu .navbar-nav>li.dropdown { height: 40px; min-height:40px; }
.page-header.navbar .hor-menu .navbar-nav > li > a { padding: 10px }

.page-header.navbar .hor-menu .navbar-nav > li:hover, .page-header.navbar .hor-menu .navbar-nav>li>a:hover, , .page-header.navbar .hor-menu .navbar-nav>li.active { background-color: #fff5d7 !important }
.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav>li.current>a { background: #f79422!important; height: 40px; }
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu, .page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li {background-color: #fff; }
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover>a {background-color: #fff5d7}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { color: #959595; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle { padding-top: 10px; }

.page-content-wrapper .title-content { z-index: 100; top: 40px; height: 40px; width: 100%; background: #eaf4fb; padding: 0 15px; border: none }
.page-content-wrapper .title-content.fixed { margin-top: 0px; position:fixed }

.page-content-wrapper .title-content .page-title { margin: 6px 0 0 0; }
.page-content-wrapper .title-content .page-title-bar .page-toolbar span.page-toolbar-divider { margin-left: 7px; margin-right: 7px }
.page-content-wrapper .title-content .page-toolbar { position: absolute; top: 3px; right: 10px; }
.page-content-wrapper .title-content .page-toolbar .btn > i { margin-right: 5px }

.page-content-wrapper.with-project-bar .page-content { padding-top: 15px; margin-top: 0px; }

.page-content-wrapper.with-project-bar .title-content:not(.affix) .page-toolbar { top: 44px;  }
.page-content-wrapper.with-project-bar .title-content { margin-top: 0px; }
.page-content-wrapper.with-project-bar .title-content.affix { top: 40px; }
.page-content-wrapper.with-project-bar .title-content.affix ~ .page-content-wrapper.with-project-bar .page-content { margin-top: 80px; }
.page-content-wrapper.with-project-bar .title-content.affix + div { padding-top: 40px; }


.c-content-contact-1 {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}
.c-content-contact-1:before {
    background-color: rgba(255, 255, 255, 0.5);
}
.c-content-contact-1:after {
    background-color: rgba(255, 255, 255, 0.5);
}
.c-content-contact-1 > .row .c-body {
    position: relative;
    z-index: 100;
    background: #ffffff;
    background: #1a5B8b;
    color: white;
    margin: 10px 0px 40px 50px;
    padding: 60px 40px;
}
.c-content-contact-1 > .row .c-body > .c-section {
    margin-bottom: 15px;
    text-align: left;
}
.c-content-contact-1 > .row .c-body > .c-section > .c-content-label {
    display: inline;
    padding: 3px 7px;
    color: #fff;
}
.c-content-contact-1 > .row .c-body > .c-section > h3 {
    font-size: 26px;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}
.c-content-contact-1 > .row .c-body > .c-section > p {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 300;
}
.c-content-contact-1 > .row .c-body > .c-section > p,
.c-content-contact-1 > .row .c-body > .c-section > .c-content-iconlist-1 {
    margin-top: 20px;
}
.c-content-contact-1 > .row .c-body > .c-section > p > li,
.c-content-contact-1 > .row .c-body > .c-section > .c-content-iconlist-1 > li {
    list-style: none;
    display: inline-block;
    font-size: 24px;
    padding: 0 10px 5px 10px;
    background-color: #eee;
}


.c-content-contact-1-gmap {
    display: block;
    top: -15px;
    bottom: 0;
    left: -15px;
    position: absolute;
    width: 105%;
    background: url('../img/machprojectbg.jpg');
}


@media (max-width: 1024px) {
  .c-content-feedback-1 > .row > div form .input-group {
    width: 100%; } }

@media (max-width: 991px) {
  /* 991px */
  .c-content-contact-1-gmap {
    display: block;
    position: static;
    width: 100%;
    height: 300px !important; }
  .c-content-contact-1 > .row > div {
    width: 100%; }
    .c-content-contact-1 > .row > div .c-body {
      position: static;
      display: block;
      padding: 30px 20px 10px 20px;
      background: #fafafa;
      margin: 0;
      text-align: left; }
  }



.landing-filters { margin-bottom: 10px; }
.landing-filters > span.landing-filter { background-color: #ffdd75; padding: 3px 8px; border-radius: 5px!important;  border: 1px solid #ac840d; color: #333333 }
.landing-filters > span { color: #888; margin-right: 10px; }



/*****    PURCHASING ************/
/********************************/

/*****    PO WORKFLOW ************/
#po-workflow-steps.mt-element-step { margin-left: -10%; }
#po-workflow-steps.mt-element-step .step-line .mt-step-col { padding: 5px 0 }
#po-workflow-steps.mt-element-step .step-line .mt-step-title { font-size: 12px; color: #a5a5a5 }
#po-workflow-steps.mt-element-step .step-line .active .mt-step-number,.mt-element-step .step-line .done .mt-step-number  {  color: #f79422!important; border-color: #f79422!important }
#po-workflow-steps.mt-element-step .step-line .active .mt-step-content, #po-workflow-steps.mt-element-step .step-line .done .mt-step-content  { color: #f79422!important; }
#po-workflow-steps.mt-element-step .step-line .done .mt-step-title, #po-workflow-steps.mt-element-step .step-line .active .mt-step-title { color: #333!important; }
#po-workflow-steps.mt-element-step .step-line .mt-step-number { font-size: 24px; height: 42px; width: 42px; padding: 0; color: #a5a5a5}
#po-workflow-steps.mt-element-step .step-line .mt-step-title:after {
    content: '';
    height: 3px;
    width: 50%;
    position: absolute;
    background-color: #e5e5e5;
    top: -22px;
    left: 50%;
    z-index: 4;
    transform: translateY(-100%)
     }
#po-workflow-steps.mt-element-step .step-line .mt-step-title:before {
    content: '';
    height: 3px;
    width: 50%;
    position: absolute;
    background-color: #e5e5e5;
    top: -22px;
    right: 50%;
    z-index: 4;
    transform: translateY(-100%)
     }
  
#po-workflow-steps.mt-element-step .step-line .first .mt-step-title:before {
  content: none; }

#po-workflow-steps.mt-element-step .step-line .last .mt-step-title:after {
  content: none; }

#po-workflow-steps.mt-element-step .step-line .done .mt-step-title:before, 
#po-workflow-steps.mt-element-step .step-line .done .mt-step-title:after, 
#po-workflow-steps.mt-element-step .step-line .active .mt-step-title:before {
  background-color: #f79422 !important; }

#po-workflow-steps.mt-element-step .step-line .mt-step-col .mt-step-number:hover{ cursor: pointer; background-color: #e9e9e9!important }

@media print {
    [action-edit-table-add] {
        display: none !important
    }
    [action-row-menu] {
         display: none !important
     }
    button {
        display: none !important
    }
    i.fa.fa-calendar {
        display: none !important
    }
    .page-title {
        display: none !important
    }
    .dataTables_info, .dataTables_paginate, .dataTables_filter {
        display: none !important
    }
    
}

@media (max-width: 991px)
{
    .mobile-unfixed{
        position: inherit !important;
    }
}



.dialog-chats {
    margin: 0;
    padding: 0;
    margin-top: -15px;
}

    .dialog-chats li {
        list-style: none;
        padding: 5px 0;
        margin: 10px auto;
        font-size: 12px;
    }

        .dialog-chats li .avatar {
        }

        .dialog-chats li .message {
            display: block;
            padding: 5px;
            position: relative;
        }

        .dialog-chats li .name {
            color: #3590c1;
            font-size: 13px;
            font-weight: 400;
        }

        .dialog-chats li .datetime {
            color: #333;
            font-size: 13px;
            font-weight: 400;
        }

        .dialog-chats li .body {
            display: block;
        }
}

.htSelectEditor {
    /*
   * This hack enables to change <select> dimensions in WebKit browsers
   */
    -webkit-appearance: menulist-button !important;
    position: absolute;
    width: auto;
}

tr.flashblue td {
    /*background-color: cornflowerblue;
    -webkit-transition: background-color 1s ease-in-out;
    -moz-transition: background-color 1s ease-in-out;
    -o-transition: background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;*/
    animation: flashblue2 2s;
}

@keyframes flashblue2 {
    0% {
        background-color: lightblue;
    }
    100% {
        background-color: white;
    }
}


.cursorPointer {
    cursor: pointer;
}