/* #################################################
 *            Header & Footer Queries 
 * ################################################# */

.page-header{left:0;margin:0;padding:10px 0;height:38px;width:100%;background-color:#E8E8E8;border-bottom:1px solid #ddd;z-index:300;}
.page-header .header-navigations{padding-left:10px; position:relative;float:left; width:700px; top:15px; height:18px; /*background-color:#FF0;*/}
.page-header .header-navigations li{vertical-align:bottom;display:inline-block;font-size:13px;}
.page-header .header-navigations > li:nth-child(1) {display:inline-block;color:#327394;font-weight:bold; font-size:15px;}
.page-header .header-navigations li > i{float:left;margin-top:3px;margin-right:3px;color:#327394;font-size:16px}
.page-header .header-navigations .divider{margin-left:5px;font-size:16px;color:#327394;}

.page-header .header-actions {position:relative;float:right;margin:auto 9px;/*background-color:#FFC0CB;*/}
.page-header .header-actions .btn-group > .btn{position:relative;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#51697f; color:white; width:42px; height:33px;}
.page-header .header-actions .btn-group > .btn:hover{background:#46bdef;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.page-header .header-actions .header-actions-group{ position:relative; float:right;}
.page-header .header-actions .header-status {position:relative; float:left; top:8px;padding-right:3px; margin-right:7px;border-right:1px dashed #ccc;}
.page-header .header-actions .header-status .label { /*min-width:59px;*/ text-align:center; margin-right:3px;border-radius:0px;}

.page-footer{z-index:698;left:0;margin:0;padding:6px 0;height:44px;width:100%;text-align:left;bottom:0;font-size:11px;display:block;background-color:#E8E8E8;border-top:1px solid #ddd;position:fixed;border-bottom:10px solid#3A4B55;}
.page-footer .footer-actions{position:absolute;right:15px;top:12px;min-width:210px;/*background-color:#FFC0CB;*/}
.page-footer .footer-actions .loader {float: left;}
.page-footer .footer-stats {position:relative;float:left;top:1px;left:87px;/*background-color:#FF0;*/}
.page-footer .footer-stats li{display:inline-block;text-transform:uppercase;font-size:11px;padding:0 10px;border-right:#ccc 1px dashed;height:40px;}
.page-footer .footer-stats li span{display:block;font-size:15px;padding-top:1px;height:25px;text-align:left;}
.page-footer .footer-stats p{text-align:left;font-size:9px;padding-bottom:0;margin-bottom:0;height:16px;color:#999;font-weight:bold;}
.page-footer .footer-stats label{display:block;text-align:center;margin:2px 0 0!important;}
.page-footer .footer-stats .value-success{color:#95b75d;font-weight:bold;}
.page-footer .footer-stats .value-warning{color:#FF530D;font-weight:bold;}
.page-footer .footer-stats .value-info{color:#39C;font-weight:bold;}
.page-footer .footer-stats .value-danger{color:#E82C0C;font-weight:bold;}
.page-footer .footer-stats .value-false{color:#000;font-weight:bold;}

/* #################################################
 *            General Modal Queries
 * ################################################# */
.modal-body .message { padding: 0 10px; text-align:left;}

/* #################################################
 *            Calibration Queries 
 * ################################################# */
.calibration-tests .colmask {
  position: relative;
  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear: both;
    float: left;
  width: 100%;
  /* width of whole page */
  overflow: hidden;
  /* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.calibration-tests .leftmenu { background: #FFF;}
.calibration-tests .leftmenu .colright { float: left; width: 200%; position: relative; left: 184px; background: #fff;}
.calibration-tests .leftmenu .col1wrap {float: right; width: 50%; position: relative; right: 173px; padding-bottom: 1em;}
.calibration-tests .leftmenu .col1 { margin: 0 12px 0 264px; position: relative; right: 100%; overflow: hidden; border-left: 1px solid #ddd!important;}
.calibration-tests .leftmenu .col2 { float: left; width: 275px; position: relative; right: 184px; border-right:1px solid #ddd; height:750px; overflow-y:auto; overflow-x:hidden;}
.calibration-tests .test-list{border-top:1px solid #ddd;border-bottom:0;}
.calibration-tests .test-list li{border-left:3px solid #e2e2e2;border-top:0;border-bottom:1px solid #e2e2e2;background:#fdfdfd;}
.calibration-tests .test-list li:last-child{border-bottom-color:#ddd;margin-bottom:30px;}
.calibration-tests .test-list li:hover, 
.calibration-tests .test-list li:focus {border-left:3px solid #559fc5;background:#eef7fb;}
.calibration-tests .test-list li a{color:#6a6a6a;display:block;position:relative;padding:10px;}
.calibration-tests .test-list li a:after{content:"";display:block;clear:both;}
.calibration-tests .test-list li.active{border-left:3px solid #559fc5;background-color:#e5f5fc;}
.calibration-tests .test-list li.active:hover{background:#e5f5fc;}
.calibration-tests .test-list li.active strong{color:#A55343;}
.calibration-tests .test-list .test-loader{position:absolute;font-size:10px;top:37px;right:9px;}
.calibration-tests .test-name{float:left;}
.calibration-tests .test-name > strong{display:inline-block;line-height:22px;}
.calibration-tests .test-name > strong > span{color:#999;}
.calibration-tests .test-name > strong > i{margin-right:3px;}
.calibration-tests .test-name > i{display:block;font-style:normal;font-size:11px;color:#999;line-height:10px;}
.calibration-tests .tags span {font-size:9px;padding:3px 4px 2px 3px;margin-top:2px;margin-bottom:2px;cursor:pointer}
.calibration-tests .test-status{position:absolute;font-size:10px;top:9px;right:9px;color:#fff!important;}
.calibration-tests .test-actions{position:absolute;top:38px;right:8px;}
.calibration-tests .test-actions i{font-size:12px;margin-right:0;}
.calibration-tests .test-header{padding-left:16px;}
.calibration-tests .test-header .test-status{font-size:12px;top:11px;right:12px;}
.calibration-tests .test-status .label{/*width:50px;*/text-align:center;}
.calibration-tests .iteration-badge {position:absolute; top:6px; right:36px;padding:4px; font-size:9px;width:11px;text-align:center;}
.calibration-tests .test-status-badge {position:absolute; top:9px; right:9px;}
.calibration-tests .test-status-badge .label {padding:4px 5px 3px 5px; font-size:9px; min-width:11px;text-align:center;}
.calibration-tests .test-status > strong {position:relative;color:#000;font-size:12px;margin-right:4px;}
.calibration-tests .test-list .tooltip { z-index:3;}
.testMeasures .body, .testParameters .body { padding:14px 10px;overflow-x:auto;overflow-y:hidden;min-width:350px;}
/*.testMeasures .body { min-width:350px; overflow-x:auto;}*/


/* #################################################
 *            Tests Queries 
 * ################################################# */
.test .page-content .nav-tabs { border-top:1px solid #ddd !important;}


/* #################################################
 *            Products Queries 
 * ################################################# */
.productVersionTest .tab-content {border:0px; border-left:3px solid #39C; background-color:#eef7fb; padding:10px;}
.productVersionTest .nav-tabs {border-top: 1px solid #d9d9d9 !important;border-bottom: 1px solid #d9d9d9 !important;}

.productTestDatas .toleranceBundles-wrapper {padding:0;}
.productTestDatas .toleranceBundles-wrapper > td:first-child { border-left:5px solid #39C; background-color:#eef7fb;}

.productTestDatas .toleranceBundles .table-striped tbody tr:nth-child(odd) td {background-color:#fcfcfc;}
.productTestDatas .toleranceBundles .table-striped tbody tr:nth-child(even) td {background-color:#fefefe;}
.productTestDatas .toleranceBundles .font-remove {color:#FF3300;}

/* #################################################
 *            Media Queries 
 * ################################################# */
@media (min-width:0) and (max-width:1127px) { 
    body {width:1127px; overflow-x:scroll;}
    .page-footer, .page-header {width:1127px;}      
}

@media (min-width: 510px) {
    #footer .topnav { display:block; }
    #top .menu-top { display:block;}
    #top .menu-hide {display:none; }
}

@media (max-width: 510px) {
    #footer .topnav { display:none; }
    #top .menu-top { display:none;}
    #top .menu-hide { display:block;}
}
