@font-face {
  font-family: 'socicon';
  src: url(../assets/fonts/socicon.eot?1480239180) format('embedded-opentype');
  src: url(../assets/fonts/socicon.eot?1480239180#iefix) format('embedded-opentype') format("embedded-opentype"), url(../assets/fonts/socicon.woff?1480239180) format('woff') format("woff"), url(../assets/fonts/socicon.woff2) format("woff2"), url(../assets/fonts/socicon.ttf?1480239180) format('truetype') format("truetype"), url(../assets/fonts/socicon.svg?1480239180#sociconregular) format('svg') format("svg");
  font-weight: 400;
  font-style: normal;
  text-transform: initial;
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    /* Firefox 16+*/
  }
  100% {
    -moz-transform: rotate(360deg);
    /* Firefox 16+*/
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}
.page-top {
  background-color: #ffffff;       /*#1C2B36;*/
  position: fixed;
  z-index: 1002;
  box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5);
  height: 66px;
  width: 100%;
  min-width: 320px;
  padding: 0 32px 0 18px;/*0 32px 0 40px;*/
}
.page-top.scrolled {
  background-color:  rgb(255,255,255); /*rgba(0, 0, 0, 0.85);*/
}

a.al-logo {
  color: #000000;    /*#ffffff;*/
  display: block;
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  white-space: nowrap;
  float: left;
  outline: none !important;
  line-height: 60px;
}
a.al-logo span {
  color: #ce2d42; /*#209e91;*/
}

.user-profile {
  float: right;
  min-width: 230px;
  margin-top: 10px;
}

.al-user-profile {
  float: right;
  margin-right: 12px;
  transition: all .15s ease-in-out;
  padding: 0;
  width: 36px;
  height: 36px;
  border: 0;
  opacity: 1;
  position: relative;
}
.al-user-profile a {
  display: block;
}
.al-user-profile img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #ff6464;
}

a.refresh-data {
  color: #ffffff;
  font-size: 13px;
  text-decoration: none;
  font-weight: 400;
  float: right;
  margin-top: 13px;
  margin-right: 26px;
}
a.refresh-data:hover {
  color: #dfb81c !important;
}

a.collapse-menu-link {
  font-size: 31px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  line-height: 42px;
  color: #000;/*#ffffff;*/
  padding: 0;
  float: left;
  margin: 11px 0 0 45px;/*11px 0 0 25px;*/
}
a.collapse-menu-link:hover {
  text-decoration: none;
  color: #dfb81c;
}

.al-skin-dropdown {
  float: right;
  margin-top: 14px;
  margin-right: 26px;
}
.al-skin-dropdown .tpl-skin-panel {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.icon-palette {
  display: inline-block;
  width: 14px;
  height: 13px;
  background: url(../assets/img/theme/palette.png?1480239181);
  background-size: cover;
}

.search {
  text-shadow: none;
  color:  #000;/*#ffffff;*/
  font-size: 13px;
  line-height: 25px;
  transition: all 0.5s ease;
  white-space: nowrap;
  overflow: hidden;
  width: 162px;
  float: left;
  margin: 20px 0 0 30px;
}
.search label {
  cursor: pointer;
}
.search i {
  width: 16px;
  display: inline-block;
  cursor: pointer;
  padding-left: 1px;
  font-size: 16px;
  margin-right: 13px;
}
.search input {
  background: none;
  border: none;
  outline: none;
  width: 120px;
  padding: 0;
  margin: 0 0 0 -3px;
  height: 27px;
}

@media screen and (max-width: 660px) {
  .search {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .page-top {
    padding: 0 20px;
  }
}
@media (max-width: 435px) {
  .user-profile {
    min-width: 136px;
  }

  a.refresh-data {
    margin-right: 10px;
  }

  a.collapse-menu-link {
    margin-left: 10px;
  }

  .al-skin-dropdown {
    display: none;
  }
}
.profile-toggle-link {
  cursor: pointer;
}