.alertify .ajs-dialog {
  background-color: white;
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.alertify .ajs-header {
  color: black;
  font-weight: bold;
  background: #fafafa;
  border-bottom: #eee 1px solid;
  border-radius: 2px 2px 0 0;
}
.alertify .ajs-body {
  color: black;
}
.alertify .ajs-body .ajs-content .ajs-input {
  display: block;
  width: 100%;
  padding: 8px;
  margin: 4px;
  border-radius: 2px;
  border: 1px solid #CCC;
}

.alertify .ajs-body .ajs-content{
  font-size: 16px;
}

.alertify .ajs-body .ajs-content p {
  margin: 0;
}
.alertify .ajs-footer {
  background: #fbfbfb;
  border-top: #eee 1px solid;
  border-radius: 0 0 2px 2px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  background-color: transparent;
  color: #000;
  border: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #00B300;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
  color: #FF2626;
}
.alertify-notifier .ajs-message {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 2px;
}
.alertify-notifier .ajs-message.ajs-success {
  color: #fff;
  background: rgba(91, 189, 114, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-error {
  color: #fff;
  background: rgba(217, 92, 92, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95);
  border-color: #999;
}

.tcontent {
    border: 1px solid #AAAAAA;
}
.tcontent th {
    padding: 4px; border-bottom: 1px solid #AAAAAA;
    background-color: #fffeea;
    text-align: left; font-weight: 400;
    text-transform: none; font-size: 10pt;
}
.tcontent td {
    border-bottom: 1px solid #E2E2E2; padding: 4px;
    background-color: #FFFFFF;
}

.link {
    color: #333333; cursor: pointer;
}
.link:hover {
    color: #3366CC; text-decoration: underline;
}

.calendar {
    border: 1px solid #E2E2E2; margin: 20px;
}
.calendar td {
    margin: 2px; padding: 8px; background-color: #F8F8F8; border: 1px dotted #CCCCCC;
    text-align: left; width: 14%; font-size: 8pt; vertical-align: top;
}
.calendar td:hover {
    background-color: #FFFFFF;
}
.calendar .weekend {
    margin: 1px; padding: 3px; background-color: #d6f1ea;
}
.calendar .weekend2 {
    margin: 1px; padding: 3px; background-color: #E5E5E5; color: #999999;
}
.calendar .weekend2:hover {
    background-color: #F2F2F2;
}
.calendar th {
    margin: 2px; padding: 8px; background-color: #eaf8f4; text-transform: capitalize; font-size: 12pt; text-align: center;
}
.calendar .title {
    margin: 1px; padding: 8px; background-color: #e3eff7;
    text-align: center; text-transform: capitalize; font-weight: 600;
}
.calendar .nav {
    margin: 1px; padding: 8px; background-color: #e3eff7; cursor: pointer;
}

.calendar a, .calendar a:visited {
    color: #333333;
}
.calendar a:hover, .calendar a:active {
    color: #3366CC;
}

.calendar .actday {
    background-color: #ffd9a3;
}
.cal_day {
    display: block; float: right; margin: 0 0 0 10px; color: #DDDDDD; font-size: 18pt;
}

.calendar .actday .cal_day {
    color: #AAAAAA;
}

.calendar .weekend .cal_day, .calendar .weekend2 .cal_day {
    color: #CCCCCC;
}

.wwo {
    border: 1px solid #CCCCCC;
}

.wwo th, .wwo td {
    padding: 4px; border-bottom: 1px dotted #CCCCCC;
}
.wwo th {
    background-color: #f9f9da; font-size: 9pt; text-align: left;
}
.wwo th a {
    font-size: 9pt;
}
.wwo td {
    background-color: #F8F8F8;
}

.event_form {
    display: none;
}

.event_button {
    display: inline-block; text-align: center; margin: 2px; padding: 3px 6px 4px 6px;
    border: 1px solid #006699; background-color: #0b6bb5;
    font-size: 10pt; font-weight: bold; color: #EEEEEE; text-decoration: none; cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.event_button:hover {
    border: 1px solid #004f76; background-color: #147ac9;
    color: #FFFFFF;
}

.imp {
    color: #CC0000; font-weight: bold;
}
.gray {
    color: #999999;
}

#checkboxes_counter {
    display: inline-block; text-align: center; margin: 2px; padding: 3px 6px 4px 6px;
    background-color: #009966;
    font-size: 10pt; font-weight: bold; color: #EEEEEE; text-decoration: none; cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.inp, .inp_error, .inp2, .inp2_error, .inp3, .inp3_error, .inp4, .inp4_error, .inp5, .inp5_error, .inp6, .inp6_error, .inp7, .inp7_error, .inp8, .inp8_error, .inp9, .inp9_error, .inp10, .inp10_error, .inpd1, .inpd1_error, .inpd2, .inpd2_error {
    border: 1px solid #999999; background-color: #e2e2e2; padding: 4px; color: #cc6600;
}
.inp:hover, .inp2:hover, .inp3:hover, .inp4:hover, .inp5:hover, .inp6:hover, .inp7:hover, .inp8:hover, .inp9:hover, .inp10:hover, .inpa:hover, .inpd1:hover, .inpd2:hover {
    box-shadow: 0 0 5px rgba(100,100,100,0.5);
}
.inp_error:hover, .inp2_error:hover, .inp3_error:hover, .inp4_error:hover, .inp5_error:hover, .inp6_error:hover, .inp7_error:hover, .inp8_error:hover, .inp9_error:hover, .inp10_error:hover, .inpd1_error:hover, .inpd2_error:hover {
    box-shadow: 0 0 5px rgba(255,0,0,0.5);
}
.inp {
    width: 220px;
}
.inp_error {
    width: 220px; background-color: #ffbfae;
}

.inp2 {
    width: 120px;
}
.inp2_error {
    width: 120px; background-color: #ffbfae;
}

.inp3 {
    width: 60px;
}
.inp3_error {
    width: 60px; background-color: #ffbfae;
}

.inp4 {
    width: 240px; height: 72px;
}
.inp4_error {
    width: 240px; height: 72px; background-color: #ffbfae;
}

.inp5 {
    width: 360px;
}
.inp5_error {
    width: 360px; background-color: #ffbfae;
}

.inp6 {
    width: 160px;
}
.inp6_error {
    width: 160px; background-color: #ffbfae;
}

.inp7 {
    width: 480px; height: 100px;
}
.inp7_error {
    width: 480px; height: 80px; background-color: #ffbfae;
}

.inp8 {
    width: 240px;
}
.inp8_error {
    width: 240px; background-color: #ffbfae;
}

.inp9 {
    width: 480px; height: 320px;
}
.inp9_error {
    width: 480px; height: 320px; background-color: #ffbfae;
}

.inp10 {
    width: 440px;
}
.inp10_error {
    width: 440px; background-color: #ffbfae;
}

.inpd1 {
    width: 60px;
}
.inpd1_error {
    width: 60px; background-color: #ffbfae;
}
.inpd2 {
    width: 80px;
}
.inpd2_error {
    width: 80px; background-color: #ffbfae;
}

.txtarea {
    border: 1px solid #999999; background-color: #F8F8F8; width: 440px; height: 150px;
}
.txtarea2 {
    border: 1px solid #999999; background-color: #F8F8F8; width: 440px; height: 180px;
}
.txtarea4 {
    border: 1px solid #999999; background-color: #F8F8F8; width: 440px; height: 220px;
}

.smbt, a.smbt:visited {
    border: 2px solid #22a4f8; background-color: #015b96; cursor: pointer;
    text-transform: uppercase; color: #EEEEEE; text-decoration: none;
    padding: 6px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.smbt:hover, .smbt.act, a.smbt:active, a.smbt.act, a.smbt:hover {
    border: 2px solid #ee9d00; background-color: #cc6600;
    text-transform: uppercase; color: #FFFFFF; text-decoration: none;
    padding: 6px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.smbt_cancel {
    border: 1px solid #AAAAAA; background-color: #cccccc; cursor: pointer;
    text-transform: uppercase; color: #666666; text-decoration: none;
    padding: 6px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.smbt_cancel:hover {
    border: 1px solid #999999; background-color: #BBBBBB;
    text-transform: uppercase; color: #333333; text-decoration: none;
    padding: 6px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* Spinner loader */

.loader-placeholder {
    position: relative;
    min-height: 90px;
}

.loader-placeholder .text {
    margin-left: 80px;
    line-height: 90px;
    font-weight: bold;
}

.loader {
  left: 20px;
  color: #000000;
  font-size: 25px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 30px auto;
  position: absolute;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

.sortable thead td {
    text-decoration: dotted;
    cursor: pointer;
}

.rating{
    position: relative;
    display: block;
    width: 80px;
    height: 16px;
}
.rating .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    background: transparent url(/images/sprite.png) no-repeat;
    background-position: -850px 0;
}
.rating .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 16px;
    background: transparent url(/images/sprite.png) no-repeat;
    background-position: -759px 0;
}
