@font-face {
font-family: MontserratRegular;
src: url("../fonts/Montserrat-Regular.otf") format("opentype");
}

@font-face {
font-family: MontserratBlackItalic;
src: url("../fonts/Montserrat-BlackItalic.otf") format("opentype");
}

@font-face {
font-family: MontserratExtraBoldItalic;
src: url("../fonts/Montserrat-ExtraBoldItalic.otf") format("opentype");
}

@font-face {
font-family: MontserratLightItalic;
src: url("../fonts/Montserrat-LightItalic.otf") format("opentype");
}

@font-face {
font-family: MontserratMediumItalic;
src: url("../fonts/Montserrat-MediumItalic.otf") format("opentype");
}

@font-face {
font-family: MontserratSemiBoldItalic;
src: url("../fonts/Montserrat-SemiBoldItalic.otf") format("opentype");
}

@font-face {
font-family: MontserratThinItalic;
src: url("../fonts/Montserrat-ThinItalic.otf") format("opentype");
}

body {
	background: #c2e6e6;
	font-family: 'MontserratRegular', sans-serif;
}

input {
    font-family: 'MontserratRegular', sans-serif;
}

button {
    font-family: 'MontserratRegular', sans-serif;
}

textarea {
    font-family: 'MontserratRegular', sans-serif;
}

.buttons{display: block; text-align: center;}
.buttons a {
  text-decoration: none;
  outline: none;
  border: 0;
  border-radius: 5px;
  display: inline-block;
  color: white;
  padding: 20px 30px;
  margin: 5px 5px;
  max-width: 300px;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #019192;
  box-shadow: 0 0 20px rgba(0,0,0,.1); 
  transition: .3s;
}
.buttons a:hover {color: #c2e6e6; cursor:pointer; background: #03abac;}

.mini_buttons{display: block; margin: 5px 5px;}
.mini_buttons button {
  text-decoration: none;
  outline: none;
  border: 0;
  border-radius: 5px;
  display: inline-block;
  color: white;
  padding: 8px 8px;
  font-size: 9pt;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #019192;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
  transition: .3s;
}
.mini_buttons button:hover { color: #c2e6e6; cursor:pointer; background: #03abac;}
.mini_buttons button:disabled { color: #c2e6e6; cursor:default; background: #03abac;}


.field {margin: 0 auto; width: 60%; padding: 2px;}

.info_crm{position: relative; display: block; border:solid 2px #03abac; margin: 5px 5px; border-radius: 5px; background: #03abac; padding: 5px; color: #c2e6e6; text-transform: uppercase; letter-spacing: 1.2px; transition: all 0.2s ease-in-out;}

.info_crm table {width: 100%;}

.info_crm table td:not(:last-child) {padding-right: 25px; }
.info_crm table tr:nth-child(2n) { text-align: center; padding-bottom: 12px; font-size: 14pt;}
.info_crm table tr:nth-child(2n):not(:last-child) td { padding-bottom: 7px;}
.info_crm table tr:nth-child(2n+1) { text-align: center; font-size: 6.5pt;}
.info_crm table tr:nth-child(2n+1):not(:first-child) td {padding-top: 9px; border-top: 1px dashed  #c2e6e6;}

.welcome {display: block; border:solid 2px #019192; margin: 10px 5px; border-radius: 5px; background: #019192; padding: 10px; sans-serif; color: white; letter-spacing: 1.2px;}
.welcome a {text-decoration: none; color: white;}
.welcome a:hover {color: #c2e6e6;}
.banner {display: inline-block; width: 320px; float: right;}
.ww-informers-box-854753 {display: inline-block;}

.left{display: inline-block;}
.center{display: inline-block; position: relative; left: 20%}
.right{display: inline-block; float: right;}

.page{display: block;  sans-serif; color: #006a6b; letter-spacing: 1.2px;  text-transform: uppercase; font-size: 20pt; padding: 12px;}
.title_page{width: 95%; text-align: center; display: inline-block;}
.loading{display: inline-block; float: right;}
.logo{display: block; text-align: center;}

@-webkit-keyframes swing {
  15% {
    transform: rotateZ(6deg);
  }
  30% {
    transform: rotateZ(-5deg);
  }
  40% {
    transform: rotateZ(4deg);
  }
  50% {
	transform: rotateZ(-3deg);
  }
  65% {
	transform: rotateZ(2deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}

.logo img:hover {-webkit-animation: swing 0.9s ease; animation: swing 0.9s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}