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

body { background-color:#031324; font-family: 'Montserrat', sans-serif; color:#333; font-size:14px; line-height:1em}

.pcoff { display:none; }

.main_width{width:1200px; margin:auto auto; }


a {color:#4d96bf; text-decoration:none}
a:hover {cursor: pointer;}

ul{ border:0px solid red; list-style-type: none;padding: 0px;margin: 0px; margin-bottom:20px;}
ul li{background-image: url(../images/bullet.png);background-repeat: no-repeat;background-position: 4px 6px;padding-left: 20px; line-height:2.0em}

h1, h2, h3 { color:#2b639e}
h1 {font-size:22px; font-weight:bold;padding-top:0;padding-bottom:0em; margin-bottom:0.8em; border:0px solid red;}
h2 {font-size:14px; font-weight:bold;padding-top:0;padding-bottom:0em; margin-bottom:0.8em; border:0px solid red}
h3 {font-size:14px; font-weight:normal;padding-top:0;padding-bottom:0em; margin-bottom:0.8em; border:0px solid red}
hr { border:0; border-bottom:1px solid #ccc}
strong, b {font-weight:bold}
em { font-style:italic}
p { margin-bottom:1em; }


input{ border:0; padding:0; margin:0; margin-bottom:14px; height:26px}
select{ border:0; padding:0; margin:0; margin-bottom:14px; height:26px}


input[type=submit] {cursor: pointer; text-transform:uppercase; font-weight:bold; background-color:#dc5800; border:0; color:white; height:32px; border-radius:6px; padding-left:8px; padding-right:8px}
input[type=text] { width:350px; padding-left:4px; padding-right:4px}
input[type=password] { width:350px; padding-left:4px; padding-right:4px}
select { width:350px}







label {display: inline-block; width:144px; border:0px solid red}

.float_left {float:left;}
.float_right {float:right;}
.clear_both{ clear:both; }
.clear_both_div{ clear:both; line-height:0; height:0; overflow:hidden}

.greay_bg {#c2c2c2}
.no_wrap{white-space: nowrap;}
.enter { height:0px; width:0px; overflow:hidden}




.padding_30 { padding:30px}


.contact_details { display:inline-block; margin-top:15px; margin-bottom:17px; color:#dddddd; font-size:16px;  padding-left:20px; border:0px solid red}
.contact_details span{ color:#6eb6de; font-size:18px;}
.contact_details a{ color:#dddddd; text-decoration:underline}
.contact_details img{ position:relative; left:-20px; top:4px}


.footer {margin-top:-48px; clear:both; position:relative;  padding-top:0px;  color:#ffffff; border-top:1px solid #2b639e; background-color:#000000; height:103px;}
.footer a{color:#ffffff; text-decoration:underline}
.footer_lhs { float:left; width:calc(100% - 336px); min-width:120px; line-height:2em; border:0px solid red}

.footer_rhs { float:right; text-align:right; height: 103px;white-space: nowrap;height:103px; width:296px; overflow:hidden;background-color:#ffffff;}
.footer_rhs img{transition: 0.6s all ease; }
.footer_rhs img:hover{opacity:0.5}

.footer .center_table {display: table; width:100%}
.footer .center_cell {display: table-cell; width:100%; vertical-align: middle; text-align:left; height: 103px;}





.crunchify-top { margin-top:0px; margin:auto auto; position:relative; top:-22.5px; z-index:1000; display: block; background-color:#000000; border:1px solid #ffffff; cursor: pointer;}
.crunchify-top:hover {background-color:#a97c06; transition: 0.6s all ease;}






/******************************************************************************************************************/
/* Main Layout                                                                                                    */
/******************************************************************************************************************/
.logo {} 
.logo:hover  {opacity:0.6; transition: 0.6s all ease;}








/******************************************************************************************************************/
/* Customer Box                                                                                                   */
/******************************************************************************************************************/
.customer_box { float:right;  background-color:#2b639e; color:white; width:700px; height:140px; line-height:1em; margin-bottom:40px; }
.customer_box .login{padding:20px;padding-left:30px; padding-right:30px; }
.customer_box .login input[type=submit]{ float:right; position:relative; top:-20px}

.customer_box .top{padding:0px; padding-top:20px; padding-left:30px; padding-right:30px;  height:40px; padding-left:30px; overflow:hidden; border-bottom:1px solid white}
.customer_box .top h2{ font-size:1em; line-height:1em; border:0; margin:0; color:white }
.customer_box .bottom{padding:20px; padding-left:30px; padding-right:30px; padding-top:30px; height:60px;}
.customer_box .bottom span{color:#6eb6de}
.customer_box .bottom input[type=submit]{ float:right; position:relative; top:-20px}

.customer_box input[type=submit]:hover {opacity:0.6; transition:0.5s}


/******************************************************************************************************************/
/* Menu                                                                                                           */
/******************************************************************************************************************/
.tabs { margin-top:40px; clear:both}
.tabs input{ border:0; margin:0; font-weight:bold; color:white; text-transform:uppercase; display:inline-block; background-color: #6eb6de;  border-radius:8px 8px 0 0 ;  padding:20px; padding-right:27px; padding-left:27px; padding-bottom:30px; margin-right:3px}
.tabs input.tab_active{background-color: #184a7e; color:#ffffff}
.tabs input:hover{background-color: #184a7e; color:#6eb6de; transition:1s }
.tabs .rhs{float:right; background-color:#c2c2c2; margin:0; margin-left:6px}


/******************************************************************************************************************/
/* Control Pane                                                                                                   */
/******************************************************************************************************************/
.control_pane { clear:both; background-color:#2b639e; color:white;}

.search_box { border:px solid white; border-bottom:0px solid #184a7e}
.search_box .grey_bg { background-color:#c2c2c2}

.search_box input[type=submit]:hover {opacity:0.6; transition:0.5s}


#open {display:none;}
#myText {display:inline-block; height:20px; padding-left:26px; padding-top:1px; background-repeat:no-repeat; background-image:url(../images/options-more.png); cursor: pointer;overflow:hidden; border:0; color:#6eb6de; border:0px solid green}

.jump_menu_locations { clear:both; float:right}
.jump_menu_description {clear:both; float:right}
.jump_menu_calib_status {clear:both; float:right}
.correct_rhs {position:relative; top:4px}


/******************************************************************************************************************/
/* Results Page                                                                                                   */
/******************************************************************************************************************/
.results { background-color:#184a7e; color:white; }
.results_bg { background-color:#eeeeee}
.pagination { background-color:#eeeeee; height:50px;}

.export_button { float:right; display:inline-block; cursor: pointer; text-transform:uppercase; font-weight:bold; background-color:#dc5800; border:0; color:white; padding:6px; font-size:11px; line-height:11px; padding-top:px; padding-bottom:4px; border-radius:6px; margin-top:0px;}

.equipment_button {display:inline-block; cursor: pointer; text-transform:uppercase; font-weight:bold; background-color:#dc5800; border:0; color:white; padding:6px; font-size:11px; line-height:11px; padding-top:px; padding-bottom:4px; border-radius:6px; margin-top:14px;}

.equipment_button:hover, .export_button:hover  {opacity:0.6; transition:0.5s}



.margin_right { margin-right:3px}
.spacer{ display:inline-block; height:50px}
.dot { height: 11px; width: 11px; border-radius: 50%;display: inline-block;}
.central { text-align:center}


/*table-layout: fixed; -> The layout is fixed based on the first row. Set the width of those, and the rest of the table follows.*/
table { font-size:11px; table-layout: fixed;  border-collapse: collapse; } /** 100% pulls agains other definitions*/
tr {width:1200px}
td {overflow: hidden; line-height:2em; overflow:hidden; height:20px; padding:4px; padding-bottom:2px;} 
  
.no_wrap {white-space: nowrap;}  


.header_row {width:1200px;  background-color:#2b639e; }
.header_row td{white-space: nowrap;line-height:1.4em;  padding:4px; padding-top:11px; background-color:#2b639e; color:white; font-weight:bold;  border-right:2px solid #184a7e; }
.header_row input[type=submit] { position:relative; top:-6px; float:right; padding:0; margin:0; border:0; line-height:1.6em; margin-left:1px; height:auto; width:auto; border-radius:0; font-size:16px; font-weight:normal; background-color:#184a7e; overflow:hidden}
.header_row input[type=submit].active {background-color:#4d96bf;}

/*
.td_Key{width:30px;}
.td_SerialNo{width:150px}
.td_CalBasisID{width:100px}
.td_Description{width:214px}
.td_EquiptStatus{width:126px}

.td_Location{width:176px}
.td_DateOfCal{width:51px}
.td_Period{width:44px}
.td_NextCal{width:49px}
.td_CertStatus{width:64px}
.td_Action{width:84px}
*/

.standard_even .even{background-color:#e1f1e9}
.standard_even .odd{background-color:#c0e1d1}
.standard_odd .even{background-color:#d4eadf}
.standard_odd .odd{background-color:#b7dcca}
.standard_odd .dot, .standard_even .dot{background-color:#3cb878}

.expired_even .even{background-color:#f2d7d8}
.expired_even .odd{background-color:#e5babb}
.expired_odd .even{background-color:#eac4c5}
.expired_odd .odd{background-color:#ddadae}
.expired_odd .dot, .expired_even .dot{background-color:#9e0b0f}

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

.at_poole_even .even{background-color:#f0e6f8}
.at_poole_even .odd{background-color:#dbc4ed}
.at_poole_odd .even{background-color:#e8d9f4}
.at_poole_odd .odd{background-color:#d6bde9}
.at_poole_odd .dot, .at_poole_even .dot{background-color:#662d91}

.archived_even .even{background-color:#f2ead5}
.archived_even .odd{background-color:#e1d2ac}
.archived_odd .even{background-color:#eadebf}
.archived_odd .odd{background-color:#d8c698}
.archived_odd .dot, .archived_even .dot{background-color:#b98700}


.not_in_use_even .even{background-color:#f0f0f0}
.not_in_use_even .odd{background-color:#dadada}
.not_in_use_odd .even{background-color:#e7e7e7}
.not_in_use_odd .odd{background-color:#d5d5d5}
.not_in_use_odd .dot, .not_in_use_even .dot{background-color:#ffffff}









/******************************************************************************************************************/
/* Equipment Page                                                                                                 */
/******************************************************************************************************************/
.equipment_page{}
.equipment_page.pagination{margin-top:0px; height:50px; border-top:0px solid white}
.comments_bg { background-color:#2b639e;color:white; }
.comments_bg h2{ color:white; padding:0; }
.top_bg { border-bottom:1px solid #184a7e}

.cpmments_pane { background-color:#184a7e; padding:30px;margin-bottom:30px; border-bottom:1px solid #2b639e}
.info{float:left; width:100px; border:0px solid black}
.info h2{ color:#6eb6de;line-height:1em; font-weight:normal; font-size:1em; border:0; margin:0; padding:0; margin-bottom:1em; border:0px solid green}

.comments {width:950px; float:right; border:0px solid red}
.comments h3{ color:#b7b7b7; margin-bottom:1em}
.comments hr{ border-color:#2b639e; margin-bottom:2em}

.equpiment_period { float:right}

.new_comments { width:100%; background-color:#FFF; height:140px; margin-bottom:30px}



/******************************************************************************************************************/
/* Review Page                                                                                                 */
/******************************************************************************************************************/
.review_page textarea {height:60px; width:100%}
.jump { width:50px;}
.not_reviewed {background-color:#9e0b0f}
.reviewed {background-color:#888888}


/******************************************************************************************************************/
/* Help Page                                                                                                      */
/******************************************************************************************************************/
.help_bg {background-color:#2b639e;color:white; line-height:2.8em; padding-bottom:50px }
.help_bg a { text-decoration:underline; color:white}
.help_bg h2 { color:#6eb6de; font-weight:bold; margin-bottom:0.2em}
.help_bg h3 { color:#6eb6de; font-weight:normal; margin-bottom:0.8em; margin-top:1em  }

.help_bg .dot { margin-left:20px; margin-right:10px;}



/******************************************************************************************************************/
/* Contact Page                                                                                                   */
/******************************************************************************************************************/
.contact_bg { padding-top:60px}
.contact_bg{background-color:#2b639e;color:white; height:800px }
.contact_bg h2 { color:#6eb6de; font-weight:bold; margin-bottom:0.8em}
.contact_comments { width:100%; height:140px; margin-top:6px}

.contact_bg label { margin-top:8px; margin-bottom:8px}
.contact_bg input[type=submit]:hover  {opacity:0.6; transition:0.5s}


/******************************************************************************************************************/
/*                                                                                                                */
/******************************************************************************************************************/
.message_container { clear:both;  height:44px; overflow:hidden}
.user_message, .error_message { color:#FFF;padding:10px;height:30px; padding-left:40px;  padding-top:14px; padding-bottom:0;background-repeat:no-repeat; background-position:10px center }
.user_message { background-image:url(../images/icon-user.png); }
.user_message { background-color:#3cb878;}
.error_message { background-color:#b94a4d;}
.error_message { background-image:url(../images/icon-error.png); }




/******************************************************************************************************************/
/*                                                                                                                */
/******************************************************************************************************************/
.debug_footer{font-family: 'Roboto Mono', monospace; line-height:1.2em; background-color:#CCC; width:1900px;  overflow-wrap: break-word;}