/*
 * Office Expenses Logbook WordPress Plugin
 * Copyright: Ming's IT Services Ltd.
 * Licensed under Ming's IT Services Ltd.
 * All rights reserved.
 * Disclaimer:  While Ming's IT Services Ltd. makes every effort to deliver high quality products, we do not 
 *                guarantee that our products are free from defects. Our software is provided “as is," and you use the 
 *                software at your own risk.
 *                We make no warranties as to performance, merchantability, fitness for a particular purpose, or any 
 *                other warranties whether expressed or implied.
 *                No oral or written communication from or information provided by Ming's IT Services Ltd. 
 *                shall create a warranty.
 *                Under no circumstances shall Ming's IT Services Ltd. be liable for direct, indirect, special, 
 *                incidental, or consequential damages resulting from the use, misuse, or inability to use this software, 
 *                even if Ming's IT Services Ltd. has been advised of the possibility of such damages.
 * */

body {
    font-size: 16px;
    font-weight: bold;
    word-wrap: break-word;
}

body.modal-open {
    overflow:hidden !important;
    position:fixed !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {
    padding: .375rem .75rem !important;
}

button:hover {
    text-decoration-line:none;
}

div.ui-dialog.ui-widget {
    z-index: 99999 !important;
}

div.modal li:not(.active):not(.disabled) a {
    color: #245680 !important;
}

div.modal div.register_link a, div.modal div.login_link a {
    color: #255C89 !important;
}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: #AE0000 !important;
}

.site-description, body:not(.overlay-header) .toggle-inner .toggle-text, .widget .post-date, .widget .rss-date, .widget_archive li, .widget_categories li, .widget cite, .widget_pages li, .widget_meta li, .widget_nav_menu li, .powered-by-wordpress, .to-the-top, .singular .entry-header .post-meta, .singular:not(.overlay-header) .entry-header .post-meta a {
    color: #525252 !important;
}

@media only screen and (max-width: 700px){
    body {
        font-size: 20px !important;
        font-weight: bold !important;
    }
}

/* clearboth div */

div.clearboth::after {
    clear: both;
}

.alert-success {
    color: #2C562D !important;
}

.btn-close {
    opacity: 1 !important;
}

div.modal a:not(.carousel-control) > span:not(#cartquantity) {
    color: #333 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #0053A6 !important;
}

/* submit buttons */
input[type="submit"],input[type="button"] {
    color: #fff;
    background-color: #0050A8;
    border-color: #0050A8;
    border-radius: 6px;
    padding: 0.6rem 1rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.modal input[type="submit"],.modal input[type="button"] {
    padding: 1.1rem 1.44rem;    
}

input[type="submit"],input[type="button"] {
    text-decoration-line: none !important;
}

input[type="submit"]:hover,input[type="button"]:hover {
    background-color: #006dcc;
}

input.reset[type="button"] {
    color: #333333;
    background-color: #f5f5f5;
}

input.reset[type="button"]:hover {
    background-color: #e6e6e6
}

input.delete-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

input.settingedittextbox[type="button"] {
    padding: 3px 12px 3px 12px !important;
}

.xdsoft_datetimepicker{ z-index:999999 !important; }

/* multiple-choices */
input[type="checkbox"] {
    border-radius: 0px !important;
    margin-right: 2px !important;
    margin-top: 0px !important;
    width: 30px !important;
    min-width: 30px !important;
    height:30px !important;
}

input[type="checkbox"]:checked::before {
    width: 28px !important;
    height: 28px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ff0000%27%2F%3E%3C%2Fsvg%3E) !important;
}
    
div.ui-dropdownchecklist-dropcontainer.ui-widget-content input[type="checkbox"] {
    border-radius: 0px !important;
    margin-right: 2px !important;
    width: 16px !important;
    min-width: 16px !important;
    height:16px !important;
}

div.ui-dropdownchecklist-dropcontainer.ui-widget-content input[type="checkbox"]:checked::before {
    width: 14px !important;
    height: 14px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

span.ui-dropdownchecklist-selector {
    height: 25px !important;
}

input[type="radio"] {
    margin-right: 2px !important;
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
}

input[type="radio"]:checked::before  {
    width: 8px !important;
    height: 8px !important;
    margin: 3px !important;
}

/* edit timesheet */
input.timepicker.starttime, input.timepicker.endtime, input.starttime, input.endtime {
    font-size: inherit !important;
    padding: 1px 2px 1px 2px !important;
    display: inline-block !important;
    width: 100px !important;
}

a.todate {
    font-size: 1.6rem !important;
}
/* admin chart */

/* pagination */
ul.pagination li {
    margin: 0 0 0 0 !important;
}

.table-hover > tbody > tr:hover {
  background-color: #fff8d6;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #fff8d6;
}

/* product modal */
body { padding-right: 0px !important; }

.modal-open {
    padding-right: 0px !important;
}

.modal {
    padding-right: 0px !important;
    border-radius: 0px !important;
}

div.modal div.modal-content {
    border-radius: 0px !important;
    border: none;
    box-shadow: none;
    overflow: auto !important;
}

/* pagination */ 
.pagination > li:not(.active):not(.disabled) > a, .pagination > li:not(.active):not(.disabled) > span {
    color: #255883 !important;
}

div.row div.master_mypagination ul.pagination > li {
    display: inline !important;
}

div.row div.master_mypagination li > a {
    text-decoration: none;
}

div.row div.master_mypagination li.noborder {
    border: none;
}

div.row div.master_mypagination li:hover:not(.active):not(.noborder):not(.disabled) > a{
   cursor:pointer;
   /* background-color: #007fff; */
}

div.row.master_pwrapper div.master_mypagination.master_mypagination_expense ul li a {
    text-align: center !important;
}

div.row div.master_mypagination li.active {
  background-color: #337ab7;
  color:#fff;
}

div.row div.master_mypagination li.disabled {
  cursor: auto;
  color:#ddd;
}

div.row.master_pwrapper div.master_mypagination.master_mypagination_expense ul li {
    width: 40px !important;
}

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

/* end of pagination */

/* copyright */
div.copyright {
    text-align: center;
}

/* end of copyright */

div#loading {
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 9999;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.loading {
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    right:0;
    top:0;
    margin-left:-15px;
    z-index: 9999;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
}

li.ui-tabs-active.ui-state-active h3 {
    color: white !important;
}