@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pulse {
  from {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.csnavicon {
  color: #1ba3e6;
}
.csnavcaret {
  color: #fff;
  float: right;
  margin-top: -20px;
  position: relative;
  left: -8px;
}
#login_form {
  background-color: transparent;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
}
.csicon {
  width: 42px;
  height: 42px;
  border-radius: 30px;
  border-style: none;
  background-color: #1ba3e6;
}
.csicon img {
  width: 25px;
  height: 25px;
}
.csicon2 {
  width: 65px;
  height: 65px;
  border-radius: 45px;
  border-style: none;
  background-color: #1ba3e6;
}
.csicon2 img {
  width: 40px;
  height: 40px;
  margin-left: 2px;
}
#csloginlogotext {
  display: none;
  height: 35px;
  position: relative;
  left: 40px;
  top: 45px;
}
#cssystemlogo object {
  position: relative;
  top: 10px;
  left: 5px;
  height: 25px;
}
#cssystemlogo :hover {
  -webkit-animation: pulse 1s infinite;
  -moz-animation: pulse 1s infinite;
  animation: pulse 1s infinite;
}
#csloginlogo {
  width: 42px;
  height: 42px;
  border-radius: 30px;
  border-style: none;
  background-color: #1ba3e6;
  position: relative;
  top: 40px;
  left: 135px;
  -webkit-animation: spin 1.5s ease-in-out;
  -moz-animation: spin 1.5s ease-in-out;
  animation: spin 1.5s ease-in-out;
}
#csloginlogo img {
  width: 25px;
  height: 25px;
}
#csloginlogo img {
  position: relative;
  top: 8.5px;
  left: 9px;
}
#csnavbutton {
  width: 42px;
  height: 42px;
  border-radius: 30px;
  border-style: none;
  background-color: #1ba3e6;
  margin-top: 4px;
}
#csnavbutton img {
  width: 25px;
  height: 25px;
}
#csnavbutton :hover {
  -webkit-animation: spin 0.5s ease-in-out;
  -moz-animation: spin 0.5s ease-in-out;
  animation: spin 0.5s ease-in-out;
}
#csapplogo {
  width: 65px;
  height: 65px;
  border-radius: 45px;
  border-style: none;
  background-color: #1ba3e6;
  margin-top: 4px;
}
#csapplogo img {
  width: 40px;
  height: 40px;
  margin-left: 2px;
}
#csapplogo :hover {
  -webkit-animation: spin 0.5s ease-in-out;
  -moz-animation: spin 0.5s ease-in-out;
  animation: spin 0.5s ease-in-out;
}
.dropdown-menu {
  background-color: #222;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.dropdown-menu a {
  background-color: transparent;
  color: #fff;
}
.dropdown-menu li:hover {
  background-color: #555;
}
#csnavmenu {
  position: absolute;
  top: 35px;
  background-color: #222;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
#csnavmenu a {
  background-color: transparent;
  color: #fff;
}
#csnavmenu li:hover {
  background-color: #555;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: -8px;
  left: 100%;
  background-color: #222;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.dropdown-submenu .dropdown-menu a {
  background-color: transparent;
  color: #fff;
}
.dropdown-submenu .dropdown-menu li:hover {
  background-color: #555;
}
.dropdown-submenu2 {
  position: relative;
}
.dropdown-submenu2 .dropdown-menu {
  top: -8px;
  left: 100%;
  background-color: #222;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.dropdown-submenu2 .dropdown-menu a {
  background-color: transparent;
  color: #fff;
}
.dropdown-submenu2 .dropdown-menu li:hover {
  background-color: #555;
}
.input-group {
  margin-bottom: 10px;
}
.csinputfieldaddon {
  border-right-style: none;
  background-color: #fff;
}
.csinputfield {
  border-left-style: none;
  box-shadow: none;
}
.btn-csaquablue {
  color: #fff;
  background-color: #1ba3e6;
}
.btn-signin,
.btn-signin:hover {
  color: #fff;
  background-color: #1ba3e6;
  height: 34px;
  padding: 0;
  font-size: 15px;
}
.btn-signin:hover {
  color: #444;
}
#Reportname span {
  font-size: 20px;
  color: #1ba3e6;
  float: right;
  padding-top: 10px;
}
#csnavsearchbar {
  padding: 5px;
  margin: 0px 0px -5px 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*# sourceMappingURL=csnewui.css.map */