@charset "UTF-8";
/*
        _________________ _       ___________ _______________
       /  ___   _________\ \     /  /  ___   |  |____________\
      /  /   |  |  |      \ \   /  /  /   |  |  |_______
     /  /____|  |  |       \ \ /  /  /____|  |  |_______\
    /   _____   |  |        \    /   _____   |  |
   /  /      |  |  |        /   /  /      |  |  |
  /  /       |  |  |       /   /  /       |  |  |
 /__/        |__|__|      /___/__/        |__|__|

Contact Us
----------
    Jala' street, Jawhra tower‎‏

    ☎ 08-2867461
    ✉ info@atyaf.co

*/
.color-color-black {
  color: #000000; }

.bg-color-color-black {
  background-color: #000000; }

.color-color-white {
  color: #ffffff; }

.bg-color-color-white {
  background-color: #ffffff; }

.color-saraya-50 {
  color: #c3c3a2; }

.bg-color-saraya-50 {
  background-color: #c3c3a2; }

.color-saraya-100 {
  color: #b9b998; }

.bg-color-saraya-100 {
  background-color: #b9b998; }

.color-saraya-200 {
  color: #afaf8f; }

.bg-color-saraya-200 {
  background-color: #afaf8f; }

.color-saraya-300 {
  color: #a5a585; }

.bg-color-saraya-300 {
  background-color: #a5a585; }

.color-saraya-400 {
  color: #777759; }

.bg-color-saraya-400 {
  background-color: #777759; }

.color-saraya-500 {
  color: #5d5d45; }

.bg-color-saraya-500 {
  background-color: #5d5d45; }

.color-saraya-600 {
  color: #505039; }

.bg-color-saraya-600 {
  background-color: #505039; }

.color-saraya-700 {
  color: #464630; }

.bg-color-saraya-700 {
  background-color: #464630; }

.color-saraya-800 {
  color: #3c3c27; }

.bg-color-saraya-800 {
  background-color: #3c3c27; }

.color-saraya-900 {
  color: #32321d; }

.bg-color-saraya-900 {
  background-color: #32321d; }

.color-saraya-black {
  color: #292929; }

.bg-color-saraya-black {
  background-color: #292929; }

.color-saraya-white {
  color: #ffffff; }

.bg-color-saraya-white {
  background-color: #ffffff; }

.color-khabr-200 {
  color: #e25f64; }

.bg-color-khabr-200 {
  background-color: #e25f64; }

.color-khabr-300 {
  color: #df4b50; }

.bg-color-khabr-300 {
  background-color: #df4b50; }

.color-khabr-400 {
  color: #db373d; }

.bg-color-khabr-400 {
  background-color: #db373d; }

.color-khabr-500 {
  color: #d8232a; }

.bg-color-khabr-500 {
  background-color: #d8232a; }

.color-khabr-600 {
  color: #c52027; }

.bg-color-khabr-600 {
  background-color: #c52027; }

.color-khabr-700 {
  color: #b11d23; }

.bg-color-khabr-700 {
  background-color: #b11d23; }

.color-khabr-800 {
  color: #9e1a1f; }

.bg-color-khabr-800 {
  background-color: #9e1a1f; }

.color-o2cms-200 {
  color: #97f4e7; }

.bg-color-o2cms-200 {
  background-color: #97f4e7; }

.color-o2cms-300 {
  color: #89e4d7; }

.bg-color-o2cms-300 {
  background-color: #89e4d7; }

.color-o2cms-400 {
  color: #7ad3c6; }

.bg-color-o2cms-400 {
  background-color: #7ad3c6; }

.color-o2cms-500 {
  color: #6ec5b8; }

.bg-color-o2cms-500 {
  background-color: #6ec5b8; }

.color-o2cms-600 {
  color: #65b7ab; }

.bg-color-o2cms-600 {
  background-color: #65b7ab; }

.color-o2cms-700 {
  color: #549c92; }

.bg-color-o2cms-700 {
  background-color: #549c92; }

.color-o2cms-800 {
  color: #3e8279; }

.bg-color-o2cms-800 {
  background-color: #3e8279; }

.color-o2cms-orange {
  color: #ffa700; }

.bg-color-o2cms-orange {
  background-color: #ffa700; }

/*@include keyframes(animation_name) {
  0%   {
    @include opacity(1);
    @include transform(scale(1));
  }
  50% {
    @include opacity(0.4);
    @include transform(scale(1.180));
  }
  100% {
    @include opacity(1);
    @include transform(scale(1));
  }
}

include this for element effected
@include animation('animation_name .3s 1');
*/
.admin-profile {
  position: fixed;
  left: 30px;
  bottom: 140px;
  z-index: 50; }
  .admin-profile .avatar {
    cursor: pointer;
    border: 2px solid #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15686) 0px 2px 2px 0px, rgba(0, 0, 0, 0.07843) 0px 0px 0px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15686) 0px 2px 2px 0px, rgba(0, 0, 0, 0.07843) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.15686) 0px 2px 2px 0px, rgba(0, 0, 0, 0.07843) 0px 0px 0px 1px; }
    .admin-profile .avatar, .admin-profile .avatar img {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  .admin-profile .content {
    position: absolute;
    left: 120%;
    bottom: 0;
    min-width: 180px;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15686) 0px 2px 2px 0px, rgba(0, 0, 0, 0.07843) 0px 0px 0px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15686) 0px 2px 2px 0px, rgba(0, 0, 0, 0.07843) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.15686) 0px 2px 2px 0px, rgba(0, 0, 0, 0.07843) 0px 0px 0px 1px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-transform: translateX(10%);
    -o-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
    .admin-profile .content::before, .admin-profile .content::after {
      position: absolute;
      width: 0;
      height: 0;
      right: 100%;
      content: ''; }
    .admin-profile .content::before {
      border: 6px solid transparent;
      border-right-color: #ffffff;
      z-index: 2;
      bottom: 21px; }
    .admin-profile .content::after {
      bottom: 20px;
      z-index: 1;
      border: 7px solid transparent;
      border-right-color: rgba(0, 0, 0, 0.15686); }
    .admin-profile .content .admin-name {
      margin: 0;
      font-size: 14px;
      padding: 8px 12px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.07843); }
    .admin-profile .content ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .admin-profile .content ul li.divider {
        margin: 8px 0;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.07843); }
      .admin-profile .content ul li:last-child a {
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px; }
      .admin-profile .content ul li a {
        display: block;
        font-size: 14px;
        padding: 6px 10px; }
        .admin-profile .content ul li a:hover {
          background-color: #f8f8f8; }
  .admin-profile.active .avatar {
    border-color: #d8232a;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15686) 0px 4px 6px 0px, rgba(0, 0, 0, 0.07843) 0px 0px 0px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15686) 0px 4px 6px 0px, rgba(0, 0, 0, 0.07843) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.15686) 0px 4px 6px 0px, rgba(0, 0, 0, 0.07843) 0px 0px 0px 1px; }
  .admin-profile.active .content {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }

/*# sourceMappingURL=admin-profile.css.map */