.input-status{
    position: absolute;
    top:0;
    right:3em;
    cursor: pointer;
}
.moz-center{
   position: fixed;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.moz-center-v{
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.moz-centerA{
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.moz-center-h{
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-5%, -50%);
    -moz-transform: translate(-5%, -50%);
    -ms-transform: translate(-5%, -50%);
    -o-transform: translate(-5%, -50%);
    transform: translate(-5%, -50%);
}

.dropdown-item:hover{
    cursor: pointer;
}
.selected{
    color: white;
    background-color: #b5bab7;
    border-radius: 5px;
}
.resultsItem:hover{
    color: white;
    background-color: #b5bab7;
    border-radius: 5px;
}

canvas{
    margin: auto;
    border: 1px dashed gray;
}
.row h1{
    position: relative;
    top: 75px;
    left: 50%;
    z-index: -1;
}
#dropbox{
    opacity: .5;
    width: 160px;
    height: 213px;
}
#dropbox:hover{
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
/*#ppholder{
    background: lightgray;
}*/
#control{
    display: table;
    width: 100%;
}
.empty{
    background-color: rgba(255,0,0, .1);
}

.moz-muted{
    cursor:not-allowed;
    color: lightgray;
}

.modal-dialog{
    width: 65%;
}
.hidden{
    visibility: hidden;
}
#new-client-form{

}
input:invalid > :first-child{
    color:red;
}
/*Colors*/
.moz-blue{
    background-color: rgb(0,162,224);
}

#docname{
    font-weight: bold;
    font-size: 90%;
}
.doc-container{
    position: relative;
}
.doc-toggle-l{
    position: absolute;
    color: black;
    top: 105px;
    left: 15px;
    opacity: 0.8;

}
.doc-toggle-r{
    position: absolute;
    color:black;
    top: 105px;
    right: 15px;
    opacity: 0.8;
}

.text-faded {
    color: rgba(255,255,255,0.7);
}

.dragcolor{
    background-color: rgba(0,150,0,.2);
}
canvas{
    margin: auto;
    border: 1px dashed gray;
}
.row h1{
    position: relative;
    top: 75px;
    left: 50%;
    z-index: -1;
}

/*#ppholder{
    background: lightgray;
}*/
/*Colors*/
.moz-blue{
    background-color: rgb(0,162,224);
}
.btn-secondary{
    background:rgb(54,158,220);
}
.pgpre:hover{
    cursor: pointer;
    font-weight: 600;

}
.pgnxt:hover{
    cursor: pointer;
    font-weight: 600;
}
.btn-info{
    border: none;
    background: transparent;
    font-size: 1.2em;
    color:black;
    cursor: pointer;
    outline: none;
}
.btn-info:hover{
    background: lightgray;
}
.pgdel:hover{
    color:red;
}

ul{
    list-style-type: none;
}
@media only screen and (max-width: 900px) {
  body {
    display: none;
  }
}