/*
Theme Name: Turbo Chem
Text Domain: turbochem
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

body
{
    width:100%;
    height:100%;
    margin:0;
    padding:20px;
    background-color:#000;
}
a
{
    color:#313e88;
}
label
{
color:#000;    
font-weight:700;
font-size:inherit;
margin-bottom:.5rem;
}
.database-table th
{
    
}
.tc-form input
{
width:100%;
}
.tc-form textarea
{
width:100%;
min-height:120px;
}
.tc-form-btn{
background:#fff !important;
color:#313e88 !important;
padding:10px;
cursor:pointer;
border:2px solid #313e88 !important;
margin-top:15px;
}
.tc-form-btn:hover{
    color:#fff !important;
    background:#313e88 !important;
}
.page-title{
    margin-bottom:20px;
}
.page-title h3{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    background: #fff !important;
    padding: 20px;
    color: #313e88;
    border:2px solid #313e88;
    margin: 0 !important;
    font-size:1.25em;
    font-weight:700;
}
.gform_title{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    background: #fff !important;
    padding: 20px;
    color: #313e88;
    border:2px solid #313e88 !important;
    margin: 0 !important;
}
.form-wrapper{
    margin:20px auto;
    width:100%;
}
#wp-submit
{
    width:100%;
    background:#313e88 !important;
    color:#fff !important;
    padding:10px;
    cursor:pointer;
    border:1px solid #000 !important;
    text-transform:uppercase;
    font-weight:bold;
}
.gform_button, 
.btn, 
.gv-search-button,
#edit_profile,
#wppb-recover-password-button
{
    background:#fff !important;
    color:#313e88 !important;
    padding:10px;
    cursor:pointer;
    border:2px solid #313e88 !important;
}
.gform_button:hover,
.btn:hover, 
.gv-search-button:hover, 
#edit_profile:hover, 
#wppb-recover-password-button:hover{
    color:#fff !important;
    background:#313e88 !important;
}
.forms-wrapper
{
    margin-top:30px;
}
.forms-wrapper .col-sm-3
{
    padding: 15px;
    background: #fff;
    text-align: center;
    margin-right: 15px;
    border-radius: 10px;
    border: 1px solid #434646;
    box-shadow: 0px 5px 5px 0px #ccc;
}
table th
{
    background-color:#313e88 !important;
    color:#fff !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before
{
    color:#fff !important;
    background-color:#313e88 !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before
{
    background-color:#313e88 !important;
}
.gform_legacy_markup_wrapper
{
    margin:0 !important;
}
.wrapper {
    display: flex;
    align-items: stretch;
}
.container-fluid{padding-left:0 !important;}
.navbar{padding-left:0 !important;}
#sidebar {
    min-width: 350px;
    max-width: 350px;
    min-height: 100vh;
    padding:0 20px;
    transition: all 0.3s;
}
#sidebar.active {
    margin-left: -350px;
}
#content
{
    background:#fff;width:100%;padding:20px;
}
.login-form
{
    background:#434646;
    padding:10px;
    margin:20px auto;
}
.login-form .g-recaptcha{width:100% !important;over-flow:hidden;clear:both;}
.login-form .g-recaptcha div, 
.login-form .g-recaptcha iframe
{
    width:100% !important;
}
.login-form h1
{
    color:#fff;
    font-weight:bold;
}
.login-username label,
.login-password label
{
    display:none !important;
}
.login-remember{color:#fff !important;}
.login-remember label{color:#fff !important;}
.login-form a{color:#fff !important;}
.login-username input, 
.login-password input
{
    border:2px solid #fff;
    width:100%;
    background:#313e88;
    color:#fff;
}
.login-username input::placeholder, 
.login-password input::placeholder
{
    color:#fff;
}
.login-username
{
    float:left;
    width:49%;
}
.login-password
{
    float:right;
    width:49%;
}
.navigation-wrapper
{
    margin:20px auto;
}
.navigation-wrapper ul
{
    margin:0;
    padding:0;
}
.navigation-wrapper li
{
    list-style:none;
 background:#313e88;   
 color:#fff;
 margin:15px auto;
}
.navigation-wrapper li a
{
    color:#fff;
    padding:10px;
    display:block;
}
.navigation-wrapper li a:hover
{
    background:#313e88;
    color:#fff !important;
}
.navigation-wrapper .current-menu-item
{
    background:#313e88 !important;
    color:#fff;   
}
.navigation-wrapper .current-menu-item a
{
    color:#fff !important;
}
.navigation-wrapper .sub-menu{
    background: #fff;
    border:2px solid #313e88;
}
.navigation-wrapper .sub-menu li{
    margin-top:0;
    margin-bottom:0;
    background:#fff;
    border-bottom:1px solid #313e88;
}
.navigation-wrapper .sub-menu li a{
    padding-left: 40px;
    color:#313e88;
}
/* Transfer Form Database Styling */
#gv-datatables-207681 ul{
    width:100%;
}
#gv-datatables-207681 li{
    white-space:normal;
}
#gv-datatables-207681 li[data-dtr-index ="9"] .dtr-title, 
#gv-datatables-207681 li[data-dtr-index ="10"] .dtr-title
{
    width:100%;  
  display:block;
}
#gv-datatables-207681 li[data-dtr-index ="9"], 
#gv-datatables-207681 li[data-dtr-index ="10"]
{
   width:49%;  
  float:left;
  clear:none !important;
  list-style:none !important;
}
#gv-datatables-207681 li[data-dtr-index ="11"]{
    width:100%;
    clear:both;
}
/* Transfer Form Databse Styling Ends */

/* Work Order Datatable Styling */
#gv-datatables-207689 ul{
    width:100%;
}
#gv-datatables-207689 li{
    white-space:normal;
}
#gv-datatables-207689 li[data-dtr-index ="9"], 
#gv-datatables-207689 li[data-dtr-index ="10"]{
  width:49%;  
  float:left;
  clear:none !important;
  list-style:none !important;
}
#gv-datatables-207689 li[data-dtr-index ="9"] .dtr-title, 
#gv-datatables-207689 li[data-dtr-index ="10"] .dtr-title, 
#gv-datatables-207689 li[data-dtr-index ="11"] .dtr-title, 
#gv-datatables-207689 li[data-dtr-index ="20"] .dtr-title{
  width:100%;  
  display:block;
}
#gv-datatables-207689 li[data-dtr-index ="11"], 
#gv-datatables-207689 li[data-dtr-index ="20"]{
    width:100%;
    clear:both;
}
/* Work Order Datatable Styling Ends */
@media (max-width: 768px) {
    #sidebar {
    min-width: 250px;
    max-width: 250px;
    }
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    table.dataTable>tbody>tr.child span.dtr-title
    {
        min-width:0px !important;
    }
    ul
    {
        padding:0;
    }
    .gv-search-box
    {
        width:100% !important;
        flex:none !important;
        margin:0 !important;
        display:block !important;
    }
    .gv-search-box input,
    .gv-search-box select
    {
        width:100% !important;
    }
    .forms-wrapper .col-sm-3
    {
        margin:15px auto;
    }
}