html {
    margin:0px;
    height:100%;
    padding:0px;
}

body {
    margin:0px;
    padding:0px;
    height:100%;
    font-family:Arial, Helvetica, sans-serif;
    overflow-x:hidden;
}

a {
    color: #143C5C;
}

.ared {
    background: #D44E4E;
    font-weight: bold;
    border: 2px solid #902323;
    border-radius: 5px;
    padding: 1.5vh 1.5vw 1.5vh 1.5vw;
    color: #FFF;
    font-size: 1.1em;
    z-index: 9999;
}

.ared button, .ared a {
    color: #FFF;
}

.agreen {
    background: #a3f8b2;
    font-weight: bold;
    border: 2px solid #0C9224;
    border-radius: 5px;
    padding: 1.5vh 1.5vw 1.5vh 1.5vw;
    color: #000;
    font-size: 1.1em;
    z-index: 9999;
}

.agreen button, .agreen a {
    color: #FFF;
}

.text-center {
    text-align:center;
}

.btn-std {
    background-color: #666;
    color: #FFF;
    border-radius: 5px;
    border: 1px solid #333;
    padding: 0.3vh 0.3vw;
}

#simAlert {
    display:none;
    position: fixed;
    top: 2%;
    right: 2%;
}


#bodyDiv {
    border-top:2vh solid black;
    border-bottom:2vh solid black;
    padding-top:30vh;
    padding-left:40vw;
    height:66vh;
}

#dashboardHeader {
    padding-top:1vh;
    padding-bottom:1vh;
    background-color:#535353;
    color:white;
}

#hasVersionsWell {
    color:red;
}

#headerOptions1, #headerOptions2, #headerOptions3 {
    float:left;
}

#headerOptions1 {
    margin-bottom:2vh;
}

#headerOptions1 select {
    max-width:25vw;
    height:30px;
}

#headerOptions3 {
  
}

#headerSpan {
    margin-left:11vw;
    float:left;
}

#headerOptions2 {
    width:44vw;
    margin-left:2vw;
}

#dashboardDiv,#dashboardContainer {
    height:100%;
}

#dashboardContextMenu {
    height: 3vh;
    border-top:1px solid #FFF;
    background-color: #1B557E;
}

#dashboardContextMenu button.link {
    float:left;
    width:8vw;
    padding:0.5vh 1vw;
    height:3vh;
    font-size:1em;
    margin-left:0px;
    border-top:none;
    border-bottom:none;
    border-left:none;
    border-right:1px solid #FFF;
    text-align:center;
    background:none;
    box-shadow:none;
    text-decoration:underline;
    color:#FFf;
}



.activeLink {
    font-weight:bold!important;
    text-decoration:underline!important;
}

.tableSearchBox {
    display:none;
}

#dashboardMainLeft {
    float:left;
    width:96%;
    height:100%;
}

#dashboardMainRight {
    float:right;
    width:3%;
    height:100%;
    display:none;
    background:#333;
}

#dashboardMain {
    padding:1vh 1vw 1vh 2vw;
}

#expandNotesBtn {
    width: 100%;
    border: none !important;
    background: #333;
    color: #FFF;
    font-size: 1.5em;
    display:block;
    text-align: center;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    cursor:pointer;
}

#notesContent {
    margin:0.5vw 0.5vh 0.5vw 0.5vh;
}

#hasNotes {
    height:23vh;
    overflow-y:auto;
}

.noteSelectBtn {
    display:block;
    border:none!important;
    background:none;
    width:100%;
    text-align:left;
    margin-bottom:0.2vh;
}

.noteDisplayBox {
    width:20vw;
    height:15vh;
    margin-left:1.5vw;
}

#notesDisplay {
    border-top:2px solid #222;
    margin-top:1vh;
    display:none;
}

#notesExpanded {
    display:none;
    height:100%;
    background:#FFF;
    border-left:2px solid #222;
}

#notesSelector {
    text-align:center;
}

#notesUnexpanded {
    writing-mode:vertical-lr;
    text-orientation:upright;
    font-weight:bold;
    padding-top:1vh;
    height:100%;
    padding-left:0.7vw;
    font-size:1.5em;
    color:#FFF;
    cursor:pointer;
}

#loginDiv {
    height:64.5vh;
}

#loginError {
    display:none;
    color:red;
}

.headerButton {
    display:block;
    text-decoration:none;
    color:#FFF;
    background-color:darkred;
    padding:10px;
    border-radius:6px;
    border:1px solid #AAA;
    text-align:center;
}

.cancelButton {
    background-color:darkred;
    border-radius:6px;
    text-align:center;
    color:white;
    padding:0.5vh 1vw 0.5vh 1vw;
    height:3vh;
    width:6vw;
    border:1px solid #AAA;
}

.okButton {
    background-color:darkgreen;
    border-radius:6px;
    text-align:center;
    color:white;
    padding:0.5vh 1vw 0.5vh 1vw;
    height:3vh;
    width:12vw;
    border:1px solid #AAA;
}

.tableWrapper {
    border:1px solid #3a3b3d;
    padding:1vh 0.7vw 1vh 0.7vw;
    width:97%!important;
}

.dataTables_filter {
    display:none;
}

.dataTables_length {
    margin-top:1.2vh;
    margin-left:0.5vw;
    padding-left:0.5vw;
    border-left:1px solid black;
}

table.dataTable thead th {
    padding-left:5px !important;
}

tr.highlight {
    background-color: #C1E4EB !important;
}

.leftfloat {
    float:left;
}

.rightfloat {
    float:right;
}

.formLeft {
    float:left;
    width:11vw;
    margin-top:1vh;
    margin-right:1vw;
    text-align:right;
}

#stagingBar {
    display:none;
    background: red;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 20px;
    font-size: 0.9em;
    height: 100%;
    text-align: center;
    z-index: 10000;
    writing-mode: vertical-lr;
    padding-left: 4px;
    text-orientation: upright;
}

.stdFormLeft {
    float:left;
    width:30%;
    margin-top:1vh;
    font-size:1.1em;
}


.loginLeft {
    float:left;
    width:5vw;
    margin-top:1vh;
    margin-right:1vw;
}

.formRight {
    float:left;
    margin-top:1vh;
    width:15vw;
}

.stdFormRight {
    float:left;
    width:70%;
    margin-top:1vh;
}

.stdFormRight input.istextbox, .stdFormRight select, .stdFormNewRight input.istextbox, .stdFormNewRight select {
    width: 80%;
    font-size: 1.1em;
}

.stdFormDiffRight {
    width:80%;
    float:left;
    margin-top:1vh;
}

.stdFormDiffLeft {
    width: 20%;
    margin-top: 1vh;
    float: left;
}

.stdFormNewRight {
    width:70%;
    margin-top:1vh;
    float:left;
}

.stdFormTotal {
    margin-top:1vh;
    font-size:1.1em;
}

.formRight input, .formRight select {
    width:15vw;
    height:2.8vh;
}

.topMarg {
    margin-top:1vh;
}

#loading {
	display:none;
}

#loading-mask 
{
   position:absolute;
   top:0vh;
   left:0;
   width:100%;
   height:99vh;
}

#loading-mask>div, #loadingoverlay>div
{
  position: absolute;
  top: 40%; left: 45%;
  transform: translate(-50%,-50%);
}

.p1 {
    padding:0.5vh 0.5vw;
}

.m-0 {
    margin:0px;
}

div#modal {
    height: 100% !important;
    width: 100% !important;
    background: rgba(0,0,0,0.25);
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    display:none;
}

.scrollwindow {
    max-height:80vh;
    overflow:auto;
}


div#modaltitle {
    font-family: Arial;
    font-size: 1.1em;
    padding-top: 0.2vh;
    font-weight: bold;
    color: #143C5C;
    float: left;
}

div#modalx {
    float: right;
    color: #FFF;
    font-size: 1.2em;
}

    div#modalx a {
        text-decoration: none;
        color: #FFF;
    }

div#modalhiddenfields {
    display: none;
}

div#modalcontent {
    position: fixed;
    top: 50vh !important;
    left: 50vw !important;
    transform: translate(-50%,-50%) !important;
    box-shadow: 0 20px 24px rgba(0,0,0,0.06) !important;
    background: #fff !important;
    border-radius: 3px !important;
    overflow: hidden !important;
}

div#modalbody {
    padding: 0 30px 25px;
}

div#modalheader {
    padding: 20px 30px 10px;
}

div#modalbuttonwell {
    position: relative;
    padding: 0 30px 35px;
}

a.modallink {
    padding: 9.5px 20px !important;
    position: relative;
    transition: ease 0.2s !important;
}


    a.modallink:hover {
        top: -2px;
        margin-bottom: 2px;
    }

div#modalx img {
    height: 12px;
    width: 12px;
}

div#modalx {
    opacity: 0.5 !important;
    transition: ease 0.2s !important;
}

    div#modalx:hover {
        opacity: 1 !important;
    }