/* +-----------------------------------------------------------------+
// |                   PhreeBooks Open Source ERP                    |
// +-----------------------------------------------------------------+
// | Copyright(c) 2008-2013 PhreeSoft, LLC (www.PhreeSoft.com)       |
// +-----------------------------------------------------------------+
// | This program is free software: you can redistribute it and/or   |
// | modify it under the terms of the GNU General Public License as  |
// | published by the Free Software Foundation, either version 3 of  |
// | the License, or any later version.                              |
// |                                                                 |
// | This program is distributed in the hope that it will be useful, |
// | but WITHOUT ANY WARRANTY; without even the implied warranty of  |
// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the   |
// | GNU General Public License for more details.                    |
// +-----------------------------------------------------------------+
//  Path: /themes/default/css/start/stylesheet.css
*/
a, div, body, html, table{ font:normal normal 11px Verdana,sans-serif; }
body					 { background-color:#ffffff; margin:0; }
h1 { width:auto; clear:both; color:#003080; font-size:16px; font-variant:small-caps; font-weight:bold; background-color:transparent; padding:4px; }
h2 { color: #003080; font-size: 16px; }
p                        { line-height: 1.5em; margin: 0px 0px 1em; padding: 0px; }
form                     { display:inline; margin: 0; padding: 0; }
input, select, textarea, file, checkbox, radio { font-size:11px; padding: 0; }
fieldset                 { margin: 0; padding: 10px; border: 1px solid #666; }
legend                   { font-family:Tahoma,Verdana,Arial,sans-serif; font-size:14px; font-weight:bold; margin: 0; padding: 0 4px; }
label                    { margin: 0; padding: 0; font-weight: bold; }
#please_wait             { display:none; position:fixed; left:50%; top:50%; }
.fieldRequired			 { color:red; }
.dataTableContent {white-space: nowrap;}
input:disabled { color:black; }
.ui-state-hold, .even.ui-state-hold, .odd.ui-state-hold { background-color: #ffc4c4; color:black;}
.ui-state-special, .ui-state-special a { border: 1px solid #acdd4a; background: #6eac2c url(images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x; font-weight: normal; color: red !important; }
#tb_main_0 > img { height:32px; width:auto; }

input { height: 2em; }

.left {
    float: left;
    min-width: 50%;
}
.right {
    float: right;
    min-width: 50%;
}
@media (max-width: 1150px) {
    .right {
        float: left;
    }
}
.address label {
    display: inline-block;
    min-width: 30%;
    text-align: right;
}
.address input, .address select {
    max-width: 60%;
}

.login-form {
    margin-left:25%;
    margin-right:25%;
    margin-top:50px;
}
.login-form input {
    max-width: 12em;
}
.header-mobile, .mobile-only {
        display: none;
}

.nav-pages {
    float: right;
}

input.outdated {
    text-decoration: line-through;
    color: red;
    border: 1px solid #cd0a0a
}

.error {
    color: red;
    border: 1px solid #cd0a0a
}

/** Toolbar **/
div.tb_search,
div.tb_period,
div.tb_date {
    float:right;
    border:0px;
}
.ui-dialog {
    z-index: 999;
}
.ui-autocomplete {
    z-index: 1000;
}

/**
*    Mobile styles - small screen
*/
@media (max-width: 768px) {
    .header-mobile {
        display: block;
    }
}
@media (max-device-width: 768px) {
    thead.toggle-filter > tr > th > img {
        width: 2em;
        height: 2em;
        display: inline-block;
        padding-left: .5em;
        padding-right: .5em;
    }
    thead.toggle-filter > tr > th {
        display: block;
        background-color: white;
        color: black;
        text-align: left;
        padding: 6px;
        
    }
    .login-form {
        margin-left:0;
        margin-right:0;
        margin-top:20px;
    }
    .mobile-only {
        display: inline;
    }
    
    .hide-mobile {
        display: none;
    }
    
    a, div, body, html, table {
        font-size: 16px;
    }
    h1, h2 {
        font-size: 20px;
    }
    input, select, textarea, file, checkbox, radio, button { 
        font-size:16px
    }
    button, select {
        height: 2em;
    }
    input[type=file]{
        width: 200px;
    }
    tr {
        height: 2.5em;
    }
    .full {
        width: 100%;
    }
    table.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-size: 16px!important;
    }
    .nav-pages {
        padding: 2em;
    }
    .nav-pages img {
        position: relative;
        top: 10px;
        height: 28px;
        width: 28px;
    }
    /** Toolbar **/
    div.tb_search,
    div.tb_period,
    div.tb_date {
        float:none;
        width: 100%;
    }
    div.tb_search > input,
    div.tb_period > select,
    div.tb_date > input {
        width: 90%;
    }
    div.tb_search > img {
        width: 20px;
        height: 20px;
    }
    /* For count module */
    #count .tb_search,
    #count .tb_date,
    #count .toggle-filter {
        display: none;
    }
    #barcode img {
        width: 1.8em;
        height: 1.8em;
        float: right;
    }
}