/* Standard Items */
body {font-family: Arial, sans-serif; background: #d0d0d0; }
.stdwindow{background-color: #ffffff; border-color: #474d56; overflow: hidden;}
.stdtext {font-size: 14px; padding: 0px; margin: 0px; border-style: none; white-space: nowrap;overflow: hidden;}
.stdbutton {
    padding: 0px;
    border-width: 1px;
    border-color: #474d56;
    color: #474d56;
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;}
.stdbutton:hover {background-color: #b1ddf2; border-color: #000000; color:  #000000}
.stdbutton:active {transform: translateY(2px);}
.titlebar {background-color: #474d56; color: #ffffff;}
.closebtn {background-color: #ffffff00; color: #ffffff;}
.closebtn:hover { background-color: #ffffff30;}
.closebtn:active {transform: translateY(2px);}
.stdbuttonon {
    padding: 0px;
    border-width: 1px;
    border-color: #00ff00;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    background-color: #1faa92;}
.stdbuttonon:hover {background-color: #b1ddf2; border-color: #000000; color:  #000000}
.stdbuttonon:active {transform: translateY(2px);}

/* -----------------------------------
//     Specialty Label Button styles
---------------------------------------*/
.specbutton{padding: 0px;border-width: 1px;border-color: #c0c0c0;color: #ffffff;cursor: pointer;position: absolute;font-size: 14px;font-weight: bold;}
.specbutton:hover{background-color: #b1ddf2; border-color: #000000; color:  #000000}

/* -----------------------------------
//      Misc Single Items
---------------------------------------*/
/*tool tips - to show unit name when hovering over icon */
.tooltips{background-color: #474d5680; color: #d0d0d0;padding:0;margin:0;font-size: 12px;}
.title{color: #888d97;}

/* -----------------------------------
//     SectorInfo Window
---------------------------------------*/
.sectorinfo{
    background-color: #404040;
    border-color: #d0d0d0;
    border-style: solid;
    border-width: 2px;
    border-radius: 8px;
}
.infotext{
    font-size: 14px; 
    padding: 0px; 
    margin: 0px; 
    border-style: none; 
    overflow: hidden;
    color: #f0f0f0;
}
.infobutton{
    padding: 0px;
    border-width: 3px;
    border-color: #474d56;
    color: #202020;
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    background-color: #808080;
}
.infobutton:hover{
    color: #000000;
    border-color: #000000;
}
.infobutton:active{transform: translateY(2px);}

/* -----------------------------------
//      Unit Information Sheet
---------------------------------------*/
.page {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
    width: 21.6cm;
    min-height: 35.6cm; 
}
@media print {
  body, .page {
    font-family: Arial, sans-serif;
    margin: 0;
    box-shadow: 0;
  }
}
-webkit-print-color-adjust: exact; 
/****************************************************************************/
/*    Table Styles                                                  */
/****************************************************************************/
table.blueTable {
    font-family: Arial, Helvetica, sans-serif;
    border: 2px solid #1C6EA4;
    background-color: #EEEEEE;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
    border-bottom: 0px solid #AAAAAA; 
    padding: 3px 2px;
}
table.blueTable tbody td {
    font-size: 11px;
}
/*table.blueTable tr:nth-child(even) {
    background: #b1ddf2;
}*/
table.blueTable thead {
    background: #e0e0e0;
    border-bottom: 2px solid #444444;
}
table.blueTable thead th {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
    border-left: none;
}
/* -----------------------------------
//
//      Loading Items
//
---------------------------------------*/
#LoadingDiv {z-index: 101;top: 0px;left: 0px;position: fixed;background-color: #ffffff;}
.loader {position: absolute;top: 100px;left: 100px;border: 16px solid #999fa8;border-radius: 50%;border-top: 10px solid #00529c;
    border-bottom: 10px solid #1faa92;border-right: 10px solid #d6186e;border-left: 10px solid #fcb334;width: 60px;height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */animation: spin 2s linear infinite;}
#loadingtext {font-size: 20px;position: absolute;color: #a0a0a0;text-align: center;padding: 0px;margin: 0px;top: 130px;left: 200px;}
#chromechecker {font-size: 20px;position: absolute;color: #808080;text-align: left;padding: 0px;margin: 0px;top: 100px;left: 200px;}
#loadingpercent {font-size: 18px;position: absolute;color: #a0a0a0;text-align: center;padding: 0px;margin: 0px;top: 130px;left: 115px;width: 60px;}
/* Safari */
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}