@font-face {
  font-family: 'fontello';
  src: url('./content/icons/fontello.eot?68827951');
  src: url('./content/icons/fontello.eot?68827951#iefix') format('embedded-opentype'),
       url('./content/icons/fontello.woff?68827951') format('woff'),
       url('./content/icons/fontello.ttf?68827951') format('truetype'),
       url('./content/icons/fontello.svg?68827951#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?68827951#fontello') format('svg');
  }
}
*/
 
 [class^="jajicon-"]:before, [class*=" jajicon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.jajicon-load:before { content: '\e800'; } /* '' */
.jajicon-close:before { content: '\e801'; } /* '' */




.jajradius-1 {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.jajradius-2 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.jajradius-3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.jajradius-4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.jajradius-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.jajradius-6 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.jajradius-7 {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.jajradius-8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.jajradius-9 {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.jajradius-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}





/* jajbox CSS rules */

.jaj-modal-_wrapper {
  position: absolute;
  background-color: rgba(0,0,0, 0.25);
  overflow-y: scroll;
  z-index: 9999;
  text-align: center;
}
.jaj-modal-_bodyWrapper {
  overflow: hidden;
}
.jaj-modal {
  margin: 80px 0;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 600px;
  padding: 20px;
  background-color: #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.75);
  overflow: hidden;
}
.jaj-modal.jaj-modal-loading {
  width: 41px;
  height: 41px;
  text-align: center;
  font-size: 22px;
  padding: 5px;
}
.jaj-modal.jaj-modal-loading .loader-image {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAIAAABLixI0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG7SURBVEhLrZWrlsMgEIZ5i8jIyspKZGVkZWVk5D5CJDIyMrISiURGRiIjkcgs90sCh56zO7JMPmZ+/pmC4/8CVFEc/0DYjYRXM7Msvn3I5j7dlw4A0C27/YHT5bNlwVeWwEOjP2bm45Ql6HiXp4/J3xXKzdW1oodMb3qsb09YbH5GR6eusz3ay+8/VEgWHiCEA5Y9Gix4zrbkEost7w4RLwru29sL0VQXvi2Si1bL2Anq2iDkYeuyIsnO4LDklU2K0BhVIwA3zw497mR6Q6V6pHvBBkY1ANqoE5l60kt18ZpcE0VHiRX1QRCXVvdq1aI+QbE4nVEInH+kM3Kd5Ou60K+se7RPbaQEI/2qEjrafCOwY4l9JSG+eEV9meBRSB9etNdJ+qASIpOVam9sU/J1wCtVrk70rMh97cvNdaE4NVbGiQ18T344HMvqH9zHGUsHyHD5SjetAWfYWN8vlMirG579OB5MTXFzG9VwG5EVwPj9rn81sRMalk9+F+JetfDQkxbvHG4OCoJmWMnGOe9CO4rRdgiaZlhaWbcJz6zjkJtSPuGHXZ1TmMfIPud9XzZgfbb/+D9UM33h/Bc1qDRJgKALwQAAAABJRU5ErkJggg==');
  background-position: center center;
  background-repeat: no-repeat;
}
.jaj-modal .jaj-modal-title {
  font-weight: bold;
  font-size: 17px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e1e8ed;
}
.jaj-modal .jaj-modal-title .jaj-modal-close {
  display: block;
  float: right;
  color: #D9D9D9;
}
.jaj-modal .jaj-modal-title .jaj-modal-close:hover {
  color: #BDBDBD;
}
.jaj-modal-sep {
  width: 100%;
  height: 1px;
  background-color: #e1e8ed;
  margin: 10px 0;
}




.jaj-alert {
  padding: 15px;
  margin-bottom: 20px;
}
.jaj-alert-error {
  color: #a94442;
  background-color: #F8F0F0;
  border: none;
  border-bottom: 1px solid #a94442;
  cursor: pointer;
}



.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


.iconsPreloader {
  visibility: hidden;
  position: absolute;
}

.jaj-form input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 10px;
    border: 1px solid #E9E9E9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    outline: 0;
    margin-bottom: 10px;
}
.jaj-form input:active,.jaj-form input:focus,.jaj-form input:hover {
    outline: 0;
    border: 1px solid #A9A9A9;
}
.jaj-button, .jaj-button:active, .jaj-button:focus, .jaj-button:hover {
    outline: 0;
    height: 35px;
    line-height: 35px;
    width: auto;
    padding: 0 20px;
    display: block;
    background-color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
    color: #666;
    font-weight: bold;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 2px solid #A9A9A9;
    text-align: center;
    text-decoration: none;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}
.jaj-button:active {
    border-bottom: 1px solid #A9A9A9;
    border-top: 1px solid transparent;
    padding-top: 1px;
}
.jaj-button:hover {
    background-color: #e0e0e0;
}