body {
   background-color: #ebeef0;
   color: #000;
   padding: 120px 140px 10px 140px;
  font-family: Roboto, Arial;
}
div.card {
  background-color: white; 
  padding: 10px;
  border-radius: 5px;
  margin-top: 20px;
  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3);
}

div.header {
	background-color: black;
    top: 0px;
    width: 100%;
    height: 70px;
    position: fixed;
    left: 0px;
}

img.logo {
	padding-left: 140px;
   padding-top: 10px;
}

div.buttoncard {
  width: 300px;
  display: inline-block;
  height: 100px;
  margin: 20px;
  vertical-align: middle;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.cornerround {
    position: relative;
    left: -23px;
    top: -23px;
    border: 1px solid #0000006b;
    width: 18px;
    border-radius: 15px;
    padding: 4px 6px;
    background-color: white;
}

.cornerround p {
   margin: -1px 3px;
   font-size: 21px;
}

div.buttoncard p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.title {
  background-color: #fafafa;
  border-radius: 5px;
  margin: -10px -10px 5px -10px;
  padding: 25px;
  font-size: 19pt;
}

.welcome {
  font-size: 19pt;    
}

div.separador {
   height: 1px;
   width: 96%;
   margin-left: 2%;
   background-color: #c7c7c7;
}

button:active{
    background-color:red !important;
}

button:hover:not([disabled]) {
    border: 2px solid green;
}

button {
   border: 2px solid #ff203b;
   text-align: center;
   height: 35px;
   border-radius: 5px;
   text-transform: uppercase;
   font-family: Roboto, Arial;
   font-weight: bold;
   margin: 5px;
   cursor: pointer;
}

button:disabled {
   color: #b1b1b1;
   border-color: gray;   
}

div.clear {
   clear:both;
}



.custom-combobox {
   position: relative;
   display: inline-block;
   margin-right: 30px;
}
.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
}
.custom-combobox-input {
  margin: 0;
  padding: 5px 10px;
}

.inplace-input {
  padding: 0.375rem 0.75rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.inplace-cancel {
  margin-left: 20px;
  font-size: 18px;
  border-radius: 7px;
  background-color: #f9dbdb;
  padding: 4px 12px;
}

.inplace-save {
  margin-left: 20px;
  font-size: 18px;
  border-radius: 7px;
  background-color: #dbf9db;
  padding: 4px 12px;
}

.inplace--active {
  background-color: #00000047;
  padding: 15px;
  margin-top: -15px;
}

.btremove {
   background-color: red;
   float: right;
   display: none;
   color: white;
   padding: 5px;
   border-radius: 5px;
   margin-top: -2px;
   font-size: 17px !important;
   cursor: pointer;
}

.tituloLivro {
	color: #666666;
}

/* André Veigas */
.fade
{
        opacity:0.9;
}
.fade:hover
{
        opacity:1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}