.material-icons {font-family: 'Material Icons';  font-weight: normal;font-style: normal;  font-size: 24px;  display: inline-block;  line-height: 1;  text-transform: none;  letter-spacing: normal;  word-wrap: normal;  white-space: nowrap;  direction: ltr;  -webkit-font-smoothing: antialiased;  text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;font-feature-settings: 'liga';}
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3);}
body,h1,h2,h3,h4,h5,h6, a, p {font-family: 'Lato', sans-serif;}
* {font-family: 'Lato', sans-serif;}
body, html {height: 100%}
.bgimg {background-image: url('../images/fondogris.png');min-height: 100%;background-position: center;background-size: cover;}
.tabcontent {display: none;}
.cv {display: block;}
.modal-load-content {display:flex;align-items:center;text-align:center;justify-content: center;width:100%;height:100%;}
.modal-no-padding {padding:0;}
#loaded.lds-roller {display: none;position: relative;width: 80px;height: 80px;}
#loaded.show {display: inline-block!important;position: relative;width: 80px;height: 80px;}
.spin-show {visibility: visible!important;}
.spin-hide {visibility: hidden!important;}
.lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;}
.lds-roller div:after {content: " ";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;background: #505050;margin: -4px 0 0 -4px;}
.lds-roller div:nth-child(1) {animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {top: 63px;left: 63px;}
.lds-roller div:nth-child(2) {animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 68px;left: 56px;}
.lds-roller div:nth-child(3) {animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {top: 71px;left: 48px;}
.lds-roller div:nth-child(4) {animation-delay: -0.144s;}
.lds-roller div:nth-child(4):after {top: 72px;left: 40px;}
.lds-roller div:nth-child(5) {animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after {top: 71px;left: 32px;}
.lds-roller div:nth-child(6) {animation-delay: -0.216s;}
.lds-roller div:nth-child(6):after {top: 68px;left: 24px;}
.lds-roller div:nth-child(7) {animation-delay: -0.252s;}
.lds-roller div:nth-child(7):after {top: 63px;left: 17px;}
.lds-roller div:nth-child(8) {animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after {top: 56px;left: 12px;}
@keyframes lds-roller {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
#snackbarconf {min-width: 250px;margin-left: -125px;text-align: center;border-radius: 2px;padding: 6px 16px 6px;position: fixed;z-index: 200;left: 50%;bottom: 350px;}
#snackbarconf.show {visibility: visible;}
#snackbar {visibility: hidden;text-align: center;padding: 6px 16px 6px;position: fixed;z-index: 200;left:2%;bottom:30px;}
#snackbar.show {visibility: visible;-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;}
@-webkit-keyframes fadein {from {bottom: 0; opacity: 0;}to {bottom: 30px; opacity: 1;}}
@keyframes fadein {from {bottom: 0; opacity: 0;}to {bottom: 30px; opacity: 1;}}
@-webkit-keyframes fadeout {from {bottom: 30px; opacity: 1;}to {bottom: 0; opacity: 0;}}
@keyframes fadeout {from {bottom: 30px; opacity: 1;}to {bottom: 0; opacity: 0;}}
@-webkit-keyframes fadeinconf {from {bottom: 0; opacity: 0;}to {bottom: 200px; opacity: 1;}}
@keyframes fadeinconf {from {bottom: 0; opacity: 0;}to {bottom: 200px; opacity: 1;}}
.close{display:inline-block;padding:2px 8px; margin:0 8px; vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.switch { position: relative;  display: inline-block;  width: 50px; height: 24px;}
.switch input {opacity: 0; width: 0; height: 0;}
.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #e3e3e3; -webkit-transition: .4s;transition: .4s;}
.slider:hover {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #87CEEB; -webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 4px;background-color: white; -webkit-transition: .4s;transition: .4s;}
.slider:disabled {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #87CEEB; -webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);transform: translateX(26px);}
input:disabled + .slider {background-color: #e3e3e3; opacity: 0.5;}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}