/*======================================
Theme Name: Perconix Contractor Work Order
Theme URI: https://divicake.com/
Description: Quickly fill out a work order form on the job site to calculate cost for materials and labor from a mobile device.
Version: 2.0
Author: Perconix
Author URI: https://apps.perconix.com/workorder/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
/*------------------------------------------------*/
/*------------[GQ MOBILE FOOTER BAR]--------------*/
/*------------------------------------------------*/       
        @media only screen and (min-width : 981px) {
            .gq_m_mobile_footer_bar {
                display:none;}}
        @media only screen and (max-width : 980px) {
            .gq_m_mobile_footer_bar {
                padding: 0px!important;
                background: #0D0D0D;
				 border-top: 5px solid #2F812F;
				border-width: thin;
                bottom: 0;
                width: 100%;
                left: 0;
                position: fixed;
                vertical-align: middle;
                z-index: 99;}   
            .gq_m_mobile_footer_bar .et_pb_row {
                padding: 13px 0px 10px;}
            .gq_m_mobile_footer_bar .et_pb_column {
                width: 25%!important;
                margin-bottom: 0px!important;}  
            .gq_m_mobile_footer_bar .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 {
                width: 25%!important;
                margin-right: 0%;}
            .gq_m_mobile_footer_bar .et_pb_column.et_pb_column_1_3 {
                width: 33%!important;
                margin-right: 0%;}
            .gq_m_mobile_footer_bar .et-pb-icon {
                color: #c4c3c3!important;
                font-size: 24px;
                font-weight: 200;}
            .gq_m_mobile_footer_bar .et_pb_main_blurb_image {
                margin-bottom: 6px;}
            .gq_m_mobile_footer_bar .et_pb_module_header {
                color: #c4c3c3;
                font-weight: 300;
                font-size: 14px;
                text-align: center;
                padding-bottom: 0px;}}
/*------------[Dropdown background and text color]--------------*/
select option {
    color: #000 !important;
}
/*------------[Gravity Form Top Progress Bar or Links]--------------*/
/*------------[GravityView Datatable backgroung strippes]--------------*/
.gv-container div.dataTables_scrollBody {
  background: #ffffff !important;
}
/*------------[GravityView Search bar styling]--------------*/
button.dt-button.buttons-copy.buttons-html5 {
    font-weight: bold;
}

button.dt-button.buttons-pdf.buttons-html5 {
    font-weight: bold;
}

button.dt-button.buttons-print {
    font-weight: bold;
}

button.dt-button.buttons-excel.buttons-html5 {
    font-weight: bold;
}

div.gv-search-box.gv-search-date label {
    font-weight: bold;
}

div.gv-search-box.gv-search-field-select label {
    font-weight: bold;
}

div.gv-search label {
    font-weight: bold;
}

input.gv-datepicker.datepicker.mdy.hasDatepicker {
    height: 40px;
    width: 150px;
    padding-left: 10px;
    margin-bottom: 5px;
}

#search-box-filter_327 {
    height: 40px;
    width: 150px;
}

#gv_search_49185 {
    height: 40px;
    width: 300px;
}

input.button.gv-search-button {
    height: 40px;
    width: 100px;
    color: #ffffff;
    background-color: #0a0a0a;
    border-style: none;
    font-size: 16px;
}

#search-box-filter_254 {
    height: 40px;
}

#gv_search_49092 {
    height: 40px;
    width: 300px;
    padding-left: 10px;
}

a.button.gv-search-clear {
    margin-right: 15px;
}
input.button.gv-search-button {
   width: 100px;
	margin-right: 300px;
		 padding-left: 25px;
        padding-top: 10px;
}
/*------------[GravityView Datatable Footer]--------------*/
.gv-datatables tfoot{ display: none;}
.gv-table-view tfoot{ display:none; }
.gv-map-view tfoot{ display:none; }
/*------------[GravityView Total WorkOrder -[gravityview id='49631'] Hide Data Grid]--------------*/
#label_33_20_1 {
    width: 100;
}

span.image-choices-choice-image-wrap {
    width: 110;
}

td.gv-field-13-custom {
    display: none;
}

th.gv-field-13-custom {
    display: none;
}

h1.entry-title {
    display: none;
}
/*------------[Wordpress - Hide logo top left dashboard]--------------*/
span.ab-icon {
    display: none;
}
/*------------[GEO Locate Button--------------*/
div.gfgeo-locator-button-wrapper.button {
    color: #ffffff;
    background-color: #ffffff;
    border-style: solid;
    border-color: #4caf50;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}
input.gfgeo-locator-button {
    background-color: #29cf42;
    color: #ffffff;
}
/*------------[Photo List and Note/ Form Buttons Locate Button--------------*/
/*------------[Clock Gravity Form - Hide logo top left dashboard]--------------*/
a.aio_generic_button_small {
    height: 65px;
    width: 200px;
    font-size: 28px;
    padding-top: 20px;
}
/*------------[Gravity Form - previous and next buttons]--------------*/
input.gform_previous_button.button {
    width: -25;
}

input.gform_next_button.button {
    margin-top: -25px;
}


/*------------[Gravity Map - Font size for Grid edit and map field]--------------*/
div.h2h2.gv-field-13-edit_link {
    font-size: 18px;
}
div.gv-field-13-318 {
    font-size: 18px;
}
/*------------[Gravity View - Font size for Edit Entry]--------------*/
h2.gv-edit-entry-title {
    font-size: 18px;
}
@media only screen and (max-width : 780px) {
/* Submit Button Gravity Forms-----------------------------*/
body .gform_wrapper .gform_footer input[type=submit] {
color: #FFFFFF;
background: #3579A8;
font-size: 28px;
letter-spacing: 1px;
float: left;
height: 80px;
min-width: 200px;
border: none;
margin-bottom: 50px;
border-radius: 0px;
margin-left: 15px;
transition: 0.3s;
}

body .gform_wrapper .gform_footer input:hover[type=submit] {

}}
/* Html button for page inside html editor-----------------------------*/
.mybutton {
background-color: #16A085;
  border: none;
  color: white;
  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size:22px;
	margin-top: 5px;
border-radius: 4px;
margin-bottom: 5px;		
width: 100%;	
}