@charset "utf-8";
/* CSS Document */


.moff { display:none}
.pcoff { display:block}

.main_width { width:100%; padding:0; margin:0; }

.customer_box { height:170px; overflow:hidden; float:none; padding:0; width:100%; margin:0; }
.customer_box .login {padding-right:10px; padding-left:10px; width:calc(100% - 20px); }
.customer_box .bottom, .customer_box .top {padding-right:10px; padding-left:10px; width:calc(100%-20px); }
.customer_box .login input[type=submit]{top:0}
.customer_box .bottom input[type=submit]{}

.customer_box label {width:90px; border:0px solid red}
.customer_box input[type=text], .customer_box input[type=password] {width:calc(100% - 100px); }




.footer { padding-left:5px;}

@media screen and (max-width: 560px) {
  .footer_lhs {width:100%}
  .footer_rhs {width:100%}
}


/******************************************************************************************************************/
/* Search                                                                                                         */
/******************************************************************************************************************/
.search_box { height:100px; padding-top:60px}
.search_box label {margin:0; width:60px; position:relative; top:4px; border:0px solid red}
.search_box input[type=text] { width:calc(100% - 80px); margin-left:0; margin-right:0;}


/******************************************************************************************************************/
/* Equipment Page                                                                                                 */
/******************************************************************************************************************/

.comments_bg input{ clear:both}
.comments_bg label{ width:100%; margin-top:30px; margin-bottom:10px}
.equpiment_period { float:left}
.comments_bg .float_right { float:left}

.comments_bg select { width:100%}
.comments_bg input[type=submit]{}
.correct_rhs {top:0}

.info{ width:30%}
.comments {width:70%}



/******************************************************************************************************************/
/* Review Page                                                                                                 */
/******************************************************************************************************************/
.review_page.textarea {width:100%)


/******************************************************************************************************************/
/* Contact Page                                                                                                   */
/******************************************************************************************************************/
.contact_bg input[type=text]  { width:100%}





/******************************************************************************************************************/
/* menu                                                                                                           */
/******************************************************************************************************************/
#open_tabs { width:100%; overflow:hidden; }
.menu_open_close {margin:0; padding-right:0; padding-left:23px; padding-top:38px; width:50px; height:40px; float:right} 
#menuIcon { background-image:url(../images/menue_closed.png); background-repeat:no-repeat; background-position:25px 34px}


#open_tabs { width:0; height:2000px; background-color:#031324; transition:1s; position:absolute; top:316px; z-index:100; border-top:1px solid #2b639e;}
#open_tabs input { float:none; text-align:left;border-radius:0; width:100%; border:0; border-bottom:1px solid #2b639e; background-color:transparent; font-weight:normal} 
#open_tabs .mobile_logo {border-bottom:1px solid #2b639e; padding:20px; }
#open_tabs .mobile_logo img{height:60px; width:auto}

.tabs .rhs{margin:0;}



/******************************************************************************************************************/
/* Contact Page                                                                                                   */
/******************************************************************************************************************/



/******************************************************************************************************************/
/* Search Results                                                                                                 */
/******************************************************************************************************************/


table { width:100%; border:0px solid green}
td { display:block; width:100%}
tr { display:block; padding:0; width:100%; clear:both}


.header_row { padding:0; width:100%; overflow:hidden}

.td_Key{width:100%; padding:0}
.td_SerialNo{width:100%; padding:0}
.td_Description{width:100%; padding:0}
.td_SubDescription{ display:none}
.td_EquiptStatus{display:none}
.td_Location{display:none}
.td_DateOfCal{display:none}
.td_Period{display:none}
.td_NextCal{width:100%; padding:0}
.td_CertStatus{display:none}
.td_Action{display:none}


.m_status {float:left;padding:0; padding-top:5px; padding-bottom:68px; padding-left:5px; padding-right:5px; width:20px; } 
.m_serial {float:left; padding:0; padding-top:5px; padding-bottom:5px; width: calc(100% - 36px);} 
.m_description {float:left; padding:0;padding-top:5px; padding-bottom:5px; width: calc(100% - 36px);} 
.m_nextcal {float:left; height:30px; padding:0;padding-top:3px; overflow:hidden;  width: calc(100% - 36px - 100px);border:0px solid red;} 
.m_actions {float:left; height:33px; padding:0; overflow:hidden; width:100px; text-align:right; border:0px solid green;} 
.m_actions div{position:relative; top:-12px; left:-6px} 



.standard_even .even, .standard_even .odd{background-color:#e1f1e9}
.standard_odd .even, .standard_odd .odd{background-color:#d4eadf}

.expired_even .even, .expired_even .odd{background-color:#f2d7d8}
.expired_odd .even, .expired_odd .odd{background-color:#eac4c5}

.claibration_due_even .even, .claibration_due_even .odd{background-color:#ffe1c6}
.claibration_due_odd .even, .claibration_due_odd .odd{background-color:#f7cfaa}

.at_poole_even .even, .at_poole_even .odd{background-color:#f0e6f8}
.at_poole_odd .even, .at_poole_odd .odd{background-color:#e8d9f4}

.archived_even .even, .archived_even .odd{background-color:#f2ead5}
.archived_odd .even, .archived_odd .odd{background-color:#eadebf}

.not_in_use_even .even, .not_in_use_even .odd{background-color:#f0f0f0}
.not_in_use_odd .even, .not_in_use_odd .odd{background-color:#e7e7e7}