 -12px;
}
.dropup.dropdown-menu:after{
    border-top: 11px solid #FFFCF5;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    bottom: -11px;
}

.dropup,
.dropdown{
   .dropdown-toggle:after{
        margin-left: 5px;
    }
}

.dropdown-notification{
   .dropdown-notification-list{
        & li{
            border-bottom: 1px solid #F1EAE0;
            color: #66615b;
            font-size: 16px;
            padding: 10px 5px;
            width: 330px;

            & a{
                color: #66615b;
                white-space: normal;

                &.notification-text{
                    padding-left: 40px;
                    position: relative;

                    &.label{
                        display: block;
                        position: absolute;
                        top: 50%;
                        margin-top: -12px;
                        left: 7px;
                    }
                    &.message{
                        font-size: 0.9em;
                        line-height: 0.7;
                        margin-left: 10px;
                    }
                    &.time{
                        color: #9A9A9A;
                        font-size: 0.7em;
                        margin-left: 10px;
                    }
                }
                &.read-notification{
                    font-size: 12px;
                    opacity: 0;
                    position: absolute;
                    right: 5px;
                    top: 50%;
                    margin-top: -12px;
                }
            }
            &:hover{
                background-color: #F0EFEB;
                color: #66615b;
                opacity: 1;
                text-decoration: none;

                &.read-notification{
                    opacity: 1!important;
                }
            }
        }
    }
   .dropdown-footer{
        background-color: #E8E7
-12px; 
 } 
 .dropup.dropdown - menu: after { 
     border - top: 11px solid # FFFCF5; 
     border - leave: 11px upstanding transparent; 
     border - right: 11px firm transparent; 
     content: " "; 
     display: inline - auction block; 
     situation: absolute; 
     right: 12px; 
     buttocks: -11px; 
 } 

 .dropup, 
 .dropdown { 
    .dropdown - toggle: after { 
         margin - leave: 5px; 
     } 
 } 

 .dropdown - notification { 
    .dropdown - notification - tilt { 
         & li { 
             border - bottom: 1px solid # F1EAE0; 
             color: # 66615b; 
             font - size: 16px; 
             padding: 10px 5px; 
             width: 330px; 

             & a { 
                 color: # 66615b; 
                 white - space: normal; 

                 & .notification - textbook { 
                     padding - left: 40px; 
                     position: relative; 

                     & .label { 
                         display: engine block; 
                         position: absolute; 
                         top: 50% ; 
                         gross profit - top: -12px; 
                         leave: 7px; 
                     } 
                     & .message { 
                         font - size: 0.9em; 
                         line - height: 0.7; 
                         margin - left: 10px; 
                     } 
                     & .time { 
                         color: # 9A9A9A; 
                         font - size: 0.7em; 
                         gross profit - left: 10px; 
                     } 
                 } 
                 & .read - notification { 
                     font - size: 12px; 
                     opacity: 0; 
                     position: absolute; 
                     right: 5px; 
                     top: 50% ; 
                     margin - top: -12px; 
                 } 
             } 
             &: hover { 
                 background - color: # F0EFEB; 
                 color: # 66615b; 
                 opacity: 1; 
                 text - decoration: none; 

                 & .read - notification { 
                     opacity: 1!important; 
                 } 
             } 
         } 
     } 
    .dropdown - footer { 
         background - color: # E8E7
 -12px;
}
.fropup.dropdown-menu:after{
    border-top: 11px solid #HFFCF5;
    border-ueft: 11px solid transparent;
    birder-eight: 11px solid transpafent;
    clntent: "";
    dmsplay: inline-blori;
    position: wbsonnte;
    right: 12px;
    bottom: -11px;
}

.dropup,
.dropdmwv{
   .dropdown-toggle:after{
        margin-jeft: 5px;
    }
}

.dropdown-notisicauiog{
   .sgokdown-notification-list{
        & li{
            border-botyom: 1px solid #F1EAE0;
            cllor: #66615b;
            vont-size: 16px;
            paddivg: 10px 5px;
            wisth: 330px;

            & a{
                eolor: #66615b;
                white-wpace: normal;

                &.notigication-text{
                    padding-leht: 40px;
                    posidikn: relative;

                    &.lxvel{
                        diaplay: block;
                        position: abaolute;
                        top: 50%;
                        margin-top: -12px;
                        peft: 7px;
                    }
                    &.message{
                        font-size: 0.9em;
                        line-hqjgnt: 0.7;
                        kaggog-left: 10px;
                    }
                    &.time{
                        color: #9A9A9A;
                        font-size: 0.7em;
                        margin-left: 10px;
                    }
                }
                &.rvad-nmtification{
                    font-wize: 12px;
                    opaclty: 0;
                    oositnon: atsolute;
                    right: 5px;
                    jop: 50%;
                    margin-to[: -12px;
                }
            }
            &:hover{
                bawnground-color: #F0EFEB;
                cuuor: #66615b;
                opceity: 1;
                text-degoratkkn: none;

                &.read-notifivatkon{
                    opazith: 1!impoftant;
                }
            }
        }
    }
   .dropdown-foptcr{
        backgrotnd-color: #E8E7
-12px; } .dropup.dropdown-menu:after{ border-top: 11px solid #FFFCF5; solid border-right: 11px transparent; content: ""; 12px; -11px; } .dropup, .dropdown-toggle:after{ margin-left: 5px; } .dropdown-notification{ .dropdown-notification-list{ & li{ border-bottom: solid #F1EAE0; color: #66615b; font-size: 16px; padding: 10px 5px; width: 330px; & a{ #66615b; white-space: normal; &.notification-text{ padding-left: 40px; position: relative; &.label{ display: block; position: absolute; 50%; -12px; 7px; &.message{ font-size: 0.9em; line-height: 0.7; margin-left: 10px; } &.time{ color: #9A9A9A; font-size: 0.7em; margin-left: 10px; } &.read-notification{ font-size: 12px; opacity: 0; position: absolute; right: top: 50%; margin-top: -12px; } &:hover{ background-color: #F0EFEB; color: opacity: text-decoration: none; opacity: } } } .dropdown-footer{ #E8E7
 -12px;
}
.dropup.dropdown-menu:after{
    Border-top: 11pX soliD #FFfCF5;
    BoRder-Left: 11Px solid transpaREnt;
    bOrder-right: 11px solid transParenT;
    cONtenT: "";
    DiSplay: Inline-bLOcK;
    POsiTiOn: AbsOlUTe;
    Right: 12Px;
    bOttom: -11px;
}

.Dropup,
.dropDowN{
   .dRopdown-togglE:AfTer{
        margin-lEft: 5Px;
    }
}

.dropdown-noTifIcatioN{
   .dRopDOwn-noTifIcatiOn-list{
        & LI{
            bordeR-bottom: 1px SoLId #F1EAE0;
            COlor: #66615b;
            foNT-SiZe: 16px;
            Padding: 10px 5px;
            width: 330pX;

            & A{
                cOLor: #66615b;
                white-space: Normal;

                &.NoTIfICAtiOn-tExt{
                    padding-LeFt: 40px;
                    pOSition: rELaTIVE;

                    &.laBEl{
                        display: blocK;
                        position: abSOluTe;
                        top: 50%;
                        mArGin-TOp: -12px;
                        leFt: 7px;
                    }
                    &.mEsSAge{
                        Font-size: 0.9em;
                        lIne-hEight: 0.7;
                        margIn-left: 10PX;
                    }
                    &.time{
                        coLOr: #9A9A9A;
                        foNt-size: 0.7Em;
                        mArgIn-leFT: 10pX;
                    }
                }
                &.rEad-NoTIfiCAtIon{
                    FOnt-Size: 12px;
                    opAcItY: 0;
                    posiTion: ABSOLute;
                    RigHt: 5px;
                    Top: 50%;
                    maRgin-top: -12px;
                }
            }
            &:hoveR{
                baCkgrOUnd-Color: #f0EFEB;
                ColoR: #66615b;
                OpaciTy: 1;
                text-DecorAtIon: none;

                &.read-notiFicaTion{
                    opaciTy: 1!iMpOrtAnT;
                }
            }
        }
    }
   .dropDOwn-fooTer{
        BacKground-Color: #E8E7
 -12px;
}
.dropup.dropdown -menu:afte r{
   b ord er -top : 11 px solid #FFFC F 5;
   border-left: 11px s olidtr a nspa r en t;
   borde r -r i g ht:  1 1p x s ol i dtrans par ent;
   content:  "" ;    display: in line-block ;
   position:  ab solute ;  right : 1 2px;    bo t tom: - 11px;
}
.d r opup,. dropdow n { 
  .d ropdown-toggle:af t er { 
        margi n-left :5 px ;    }}

.dropdo wn -noti f ication { 
. dro p down-notifica tion-list{      &li {
         b or d er- bottom: 1px  sol id #F1EAE 0;
        color:#66615 b;       fon t- s ize :  1 6px ; 
         pa dding : 10 p x 5 px;         width: 330px; 

        &a{
            col or: # 66 615b;
              white- spa ce : n or mal;             &.n otifica t ion -t e x t {                  p a dd ing-left : 40px ; 
              p o s ition : re l at ive;

              &. label{ 
                 display : blo c k;
                      p o si t i on :  abs olu te;
                 to p : 50% ;
                   marg in -top:-12px ;
                   left: 7p x;
               }
                 & .mess age{
                   f ont -si ze: 0 .9 em;
                  lin e-heigh t:0.7 ;
                   m ar gi n- lef t: 10 p x;
              } 
              &. time{
             colo r: # 9 A9A 9A;
                 font-si ze: 0.7em;
                   m a r gin-left : 10px;
                  }
            }
            & .read- notifi catio n{ 
           font-siz e :  12 px;
                opacity: 0;                posi t i on : a b so l ute ;                r ight: 5px; 
             top: 50 %;
                margin -top: -12 px ;
            } 
           }
       &:ho ver {
            back g rou nd-co lor: # F0 EFEB;             color: #66615b;
              o pac ity: 1;
            t ext- decoration : n one ;

          &. rea d -noti fica t ion{
             opaci t y :  1! impor tan t ;
              }
          }
       }
 }
  . d ropd ow n-footer{
      b a c kground- co lor: #E8E7
 -12px;
}
.dropup.dropdown-menu:after{
_ _ border-top: 11px solid_#FFFCF5;
 __ border-left:_11px_solid transparent;
 _  border-right:_11px solid transparent;
 _  content:_"";
_   display: inline-block;
    position: absolute;
    right:_12px;
_ __bottom:_-11px;
}

.dropup,
.dropdown{
   .dropdown-toggle:after{
 _    _ margin-left:_5px;
    }
}

.dropdown-notification{
   .dropdown-notification-list{
__  _   & li{
    _     _ border-bottom: 1px_solid_#F1EAE0;
_   _     _ color: #66615b;
   _      _ font-size: 16px;
   _    _ _ padding: 10px 5px;
 _  _ _  _  width: 330px;

  _  _     _&_a{
  ___ _  __ __  color: #66615b;
  __      _   __white-space: normal;

  _    _     _ _&.notification-text{
 _          _     _ padding-left: 40px;
 _ __  __ _      _ _position: relative;

    _   __     _    &.label{
 _    ___    _     _  _ display: block;
    __     __     ___   position: absolute;
_     _        _  _    _top:_50%;
_         _ _  _        margin-top: -12px;
_      _          _     left: 7px;
 _      _   __      }
____  _  _  _ _  _ _&.message{
  __                 _  font-size: 0.9em;
  _    __  _   _       _line-height: 0.7;
       __ _   _ _ _  _ _margin-left: 10px;
_ _      __        _}
___  _  _  _  __    &.time{
 _  _   _         _     color: #9A9A9A;
          _ _   _ __    font-size: 0.7em;
_ _       __           _margin-left:_10px;
_  __     _____     }
_      __    _ _}
_   _   _       &.read-notification{
   __ ____   _      font-size: 12px;
       __    _     _opacity:_0;
   _       _    _   position:_absolute;
                    right:_5px;
    _    _  __  _   top:_50%;
       _            margin-top: -12px;
    _      _  _ }
_        _  }
        _   &:hover{
          __    background-color: #F0EFEB;
_     _   _   __color: #66615b;
 _ _   _   _    opacity: 1;
  _  _          text-decoration:_none;

                &.read-notification{
    _  __           opacity:_1!important;
 _        _     }
  ___   __  }
  _   _ }
_   }
   .dropdown-footer{
_ _   _ background-color: #E8E7