#mainContainer {
    padding-left: 2em;
}

.viewContainer {
    padding-left: 3px;
    padding-top: 3px;
}

.handsontable .currentRow {
    background-color: #e0e4e4;
    /*color: white;*/
}

.loginTable td {
    padding: 7px;
}

.loginDiv {
    margin-left:auto; 
    margin-right:auto; 
    display: table;
    padding: 14px;
    top: 2em;
}

.centerDiv {
    position: absolute;
    width: 300px;
    height: 400px;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.loginDiv table {
    
}

.topright {
    position: absolute;
    right: 5px;
    top: 5px;
}


.spinner {
     height:60px;
     width:60px;
     margin:0px auto;
     position:absolute;
     left:30px; top:30px;
     -webkit-animation: rotation .6s infinite linear;
     -moz-animation: rotation .6s infinite linear;
     -o-animation: rotation .6s infinite linear;
     animation: rotation .6s infinite linear;
     border-left:6px solid rgba(0,174,239,.15);
     border-right:6px solid rgba(0,174,239,.15);
     border-bottom:6px solid rgba(0,174,239,.15);
     border-top:6px solid rgba(0,174,239,.8);
     border-radius:100%;
 }
 
 @-webkit-keyframes rotation {
 from {-webkit-transform: rotate(0deg);}
 to {-webkit-transform: rotate(359deg);}
 }
 
 @-moz-keyframes rotation {
 from {-moz-transform: rotate(0deg);}
 to {-moz-transform: rotate(359deg);}
 }

 @-o-keyframes rotation {
 from {-o-transform: rotate(0deg);}
 to {-o-transform: rotate(359deg);}
 }
 
 @keyframes rotation {
 from {transform: rotate(0deg);}
 to {transform: rotate(359deg);}
 }