.clickable { cursor: pointer; }
.clickable :hover { background-color: #eeeeee; }

.simple-clickable { cursor: pointer; }

.MuiTableRow-hover { cursor: pointer; }

.selector {
    max-width: 99%;
    margin: auto;
}

.selector-small {
    max-width: 85%;
}

#request-item {
    padding-top: 1em;
}

.content {

    /* height: 80vh; */
    width: 100%;    
}

@media only screen and (min-device-width : 1024px) {

    .content {
	margin: 2em;
    }

    .selector {
	max-width: 60%;
    }

    .selector-small {
	max-width: 30%;
    }
    /* .selector-large { */
    /* 	max-width: 55%; */
    /* } */
    .selector-large {
    	max-width: 60%;
    }
}


.view {
    margin: 1em;
}

/* remove the arrows from the number input, since we're adding our own */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    text-align: center;
}

input .center {  */
{
    text-align: center;
}


.right {
    align: right;
}

.page-title {
    /* padding-bottom: 1em; */
}

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

.centered {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90vh;
    flex-direction: column;
}

#login {
    margin-top: 10em;
}

input[aria-hidden="true"] {
    display: none;
};

.spacer {
    margin-bottom: 1em;
}

.invoiceTemplate {
  width: 720px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.dead-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;
  /* border: solid 1px grey; */
}

.center-bottom {
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, -50%);
  margin: 0 auto;
}