body {
    font-family: sans-serif !important;
    font-weight: 500;
}
.bg-image {
    /*background-image: url('/img/background/login-background.jpg');
    background-size: cover;
    background-position: center;*/
    background-color: #00c5c5;
}

.alert-dark {
    padding: 7px 20px;
    border: solid 2px #999999;
    border-radius: 4px;
    color: #666666;
}

a.btn-danger {
    color: #fff !important
}
.btn-theme {
    background-color: #00c5c5;
    color: #ffffff !important;
    text-shadow: none;
    border: 1px solid #00c5c5;
    font-weight: 500;
    border-radius: 4px;
    font-size: 15px !important;
    padding: 7px 10px;
    font-family: sans-serif !important;
    transition: all .33s cubic-bezier(.12,.75,.4,1);
}

.btn-lg-theme {
    padding: 15px 22px!important;
}

.btn-sm-theme {
    background-color: #00c5c5;
    color: #ffffff !important;
    border: 1px solid #ffffff;
    font-size:12px;
}
.btn-theme:hover, .btn-sm-theme:hover {
    background-color: #4890B6 !important;
    color: #ffffff !important;
    border-color: #4890B6 !important;
    text-decoration: none;
}

.btn-theme:active {
     box-shadow:none;
}

.btn-theme-secondary, a.btn-theme-secondary {
    background-color: none !important;
    letter-spacing: 0;
    border-width: 2px;
    border-style: solid;
    border-color: #000000 !important;
    color: #000 !important;
    font-weight: 500;
    border-radius: 4px;
    font-size: 12px !important;
    padding: 5px 10px;
    font-family: sans-serif !important;
    transition: all .33s cubic-bezier(.12,.75,.4,1);
}

.btn-theme-secondary:hover {
    color: #00c5c5 !important;
    border-color: #00c5c5 !important;
    text-decoration:none;
}

.btn-theme-secondary:active {
    box-shadow: none;
}

.btn-theme-success {
    background: #27ab48 !important;
    border-color: #27ab48;
    color: #fff!important;
    transition: all .33s cubic-bezier(.12,.75,.4,1);
}

    .btn-theme-success:hover {
        border: solid 1px #218838;
        background: #218838 !important;
    }

.btn-theme-info {
    background: #4890b6 !important;
    border-color: #4890b6;
    color: #fff !important;
    transition: all .33s cubic-bezier(.12,.75,.4,1);
}

    .btn-theme-info:hover {
        border: solid 1px #4898c5;
        background: #4898c5 !important;
    }

.btn-theme-warning {
    background: #fec208 !important;
    border-color: #fec208;
    color: #212529 !important;
    transition: all .33s cubic-bezier(.12,.75,.4,1);
}

    .btn-theme-warning:hover {
        border: solid 1px #e0a800 !important;
        background: #e0a800 !important;
        color: #212529 !important;
    }

.btn-theme-dark {
    background: #363636 !important;
    border-color: #363636;
    color: #fff;
    transition: all .33s cubic-bezier(.12,.75,.4,1);
}

    .btn-theme-dark:hover {
        border: solid 1px #23272b !important;
        background: #23272b !important;
    }

.btn-theme-danger {
    background-color: #dc3545 !important;
    border: solid 1px #dc3545;
    color: #fff !important;
    transition: all .33s cubic-bezier(.12,.75,.4,1);
}

    .btn-theme-danger:hover {
        border: solid 1px #c82333 !important;
        background-color: #c82333 !important;
    }

    a {
        color: #00c5c5 !important;
    }
.data-table .ui-icon {
    background-image: url(/plugins/jQuery-ui/Content/images/ui-icons_ffffff.png) !important;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(/plugins/jQuery-ui/Content/images/ui-icons_444444_256x240.png) !important;
}
select.form-control {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #495057;
    opacity: 1; /* Firefox */
}

.width-auto {
    width:auto!important;
}
.margin-15-right {
    margin-right: 15px;
}

.margin-30-right {
    margin-right: 30px;
}


.form-filtering .btn-sm-theme{ margin-top: 3px;}
h1 {
    font-family: sans-serif !important;
    font-size: 20px !important;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    color: #ffffff;
    margin: 0px;
}

    h1 i {
        color: #ffffff;
    }

.filtering-title {
    color: #000 !important;
}


h3 {
    font-size: 18px !important;
    color: #00C5C5;
    font-weight:550;
}

#OrderTotal {font-size:1.5rem;}
#breadcrumb a.active {
    color: #00c5c5 !important;
}


.note-text {
    font-size: 13px !important;
}


.header {
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    background-color: #fcfcfc;
    padding:20px 0px;
}

#search-system {
    right: 0 !important;
    position: inherit;
    width:200px;
}


#content-header {
    background-color: #00C5C5;
    padding: 5px 0px;
    border-bottom: 1px solid #e0e0e0;
    color: #ffffff;
    text-align:center;
    min-height:45px;
}

#content-header h1 {
    padding-top: 5px;
    font-weight:600;
}

#content-header .btn-sm-theme { margin-top:2px;}

    .navbar-nav .nav-link {
        font-size: 14px;
        font-weight: 600;
    }

.dashboard-link:hover { text-decoration:none;}

    .dashboard-link:hover .dashboard-quickStats {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

.dashboard-box {
    
}
.dashboard-quickStats {
    border: none;
    border-radius: 5px;
    padding: 18px;
    box-shadow: none;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: bold;
    background-color: #fff;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

    .dashboard-quickStats .dashboard-counter {
        font-size: 30px;
        color: #00c5c5
    }

    .dashboard-quickStats h2 {
        margin-bottom: 5px;
        color: #00C5C5!important;
    }
    .dashboard-quickStats img {
        width: auto;
        max-height: 40px;
    }
    .box-header {
        border-bottom: solid 1px #00C5C5;
    }

label.form-control { padding-top: 5px!important;}

.contentwrapper .form-control {
    display: block;
    width: 100%;
    font-size: 12px !important;
    font-weight: 400;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.contentwrapper .form-control:focus {
    border: 1px solid #00c5c5 !important;
    box-shadow:none;
}

.logo-div {text-align:center;}
.logo-div img {
    width: 26%;
}

#MessageBox {
    margin: 0px !important;
}

.contentwrapper {
    padding: 20px 20px;
}

.navbar-nav li.active a, .navbar-nav li a:hover, navbar-nav li.active a:active, .navbar-nav li .dropdown-menu a:hover, .navbar-nav li .dropdown-menu a:active {
    color: #00c5c5 !important;
    background:none;
}

.navbar-nav li a, .navbar-nav li .dropdown-menu a {
    color: #6c757d !important;
    font-size: 14px !important;
}

    .navbar-nav .dropdown-menu {
        box-shadow: none!important;
        top: 30px !important;
        left: auto !important;
        right: 0px !important;
        border-radius:none!important;
    }

.main-sidebar > ul > li > a:hover, .main-sidebar > ul li ul li a:hover, .main-sidebar > ul li #sidebar > ul li ul li.active a {
    color: #00c5c5;
    background-color:none;
}


table.dataTable, table.dataTable td {
    border: solid 0px !important;
}

table.dataTable thead th {
    background-color: #00c5c5;
    border: 0px solid #dee2e6;
}

.report-option .report-logo {
    border: solid 2px #00C5C5 !important;
}

.report-option .report-logo i {
    color: #00c5c5 !important;
}


/* Input groups*/
.input-group-select .form-control{padding:0px 10px!important}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    box-shadow: none!important;
}
    .input-group > .form-control,
    .input-group > .form-control-plaintext,
    .input-group > .custom-select,
    .input-group > .custom-file {
        position: relative;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        min-width: 0;
        margin-bottom: 0;
        box-shadow: none !important;
    }

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

.input-group-append .input-group-text {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px!important;
}

.input-group-prepend .input-group-text {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}


.input-group-header {
    padding: 0px 8px 0px 10px;
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    font-weight: 400;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-right:0px;
}

@media (min-width: 576px) {

.padding-8-bottom {
        padding-bottom: 8px;
    }

    .padding-5-top {
        padding-top: 5px;
    }

    .padding-8-top {
        padding-top: 8px;
    }

    .padding-16-top {
        padding-top: 16px;
    }

    .padding-36-top{padding-top:35px;}
}

.dataTables_wrapper .ui-toolbar{padding:0px!important;}