{"version":3,"sources":["../scss/_variables.scss","skin-modes.scss"],"names":[],"mappings":"AAGA;AAQA;AAQA;AA8BA;AAWA;AAcA;ACvEA;AAEA;AAGC;EACE,YDWM;ECVN;;AAGF;EACE,YD6DM;;AC1DR;EACE,YDyDM;;ACvDN;EACD;;AAEA;EACE;;AAIH;EACC;;AAED;EACE;;AAIA;EACD;;AAEA;EACE,ODKG;;ACDJ;EACD;EACA;EACA,ODFK;;ACMJ;EACD;EACA;;AAGC;EACD;EACA;;AAGD;EACC;;AACA;EACC,ODnBI;;ACsBN;EACC;;;AAIA;EAGC;IACC;;EAED;IACC;IACA;IACA;;;AAKF;EAGA;IACE;;EAKF;IACE;;;AAKF;EAGC;IACC;;EAED;IACC;IACA;;;AAOH;EACE,YDjGM;;ACoGR;EACE,YD9CM;;ACiDR;EACE;EACA,ODjFI;;;ACsFL;AAGD;EACE,YD1HS;EC2HT;;AAGF;EACE;;AAGF;EACE;;AAEA;EACD;;AAEA;EACE;;AAIH;EACE;;AAEF;EACE;;AAGF;EACE,ODrHI;;ACwHN;EACE;EACA;EACA,OD3HI;;AC+HJ;EACD,ODhIK;ECiIL;;AAGC;EACD,ODrIK;ECsIL;;AAKC;EACD;;AAGC;EACD;;AAGD;EACC,YDnLW;;ACoLX;EACC,ODtJI;;ACyJN;EACC,YDzLW;;;AC4LX;EAGG;IACD;IACA;;EAEC;IACD;;;AAKF;EAGC;IACC;;EAED;IACC;IACA;IACA;;;AAKF;EACD;IACE;;;AAGD;EAGC;IACC;;EAED;IACC;IACA;;;AAMF;AAGD;EACE,YD/MI;ECgNJ;;AAEF;EACC;;AAED;EACE;;AAGD;EACE;;AAEA;EACD;;AAIA;EACC;;AAEH;EACE;EACA;EACA,ODtOI;;ACyON;EACE;;AAGF;EACE;;AAGF;EACE;;AAEF;EACC,ODtRU;;ACwRX;EACC;;AACA;EACC;;;AAID;EACD;IACC;;;EAED;IACC;;;AAGA;EAGC;IACC;;EAED;IACC;IACA;IACA;;;AAKF;EACD;IACE;;;AAGD;EAGG;IACD;IACA;;EAEC;IACD;;;AAKF;EAGC;IACC;;EAED;IACC;IACA;;;AAQF;AAED;EACE;EACA;;AAGF;EACE,YDjSM;;ACoSR;EACE,YDrSM;;ACuSN;EACD;;AAEA;EACE;;AAIH;EACC;;AAED;EACE;;AAIA;EACD;;AAEA;EACE,ODzVG;;AC6VJ;EACD;EACA;EACA,ODhWK;;ACoWJ;EACD;EACA;;AAGC;EACD;EACA;;AAGD;EACC;;AACA;EACC,ODjXI;;ACoXN;EACC;;;AAGA;EAGC;IACC;;EAED;IACC;IACA;IACA;;;AAKF;EAGG;IACD;IACA;;EAEC;IACD;;;EAID;IACD;IACA;IACA;;;AAIA;EAGC;IACA;;EAKD;IACE;;;AAKF;EAGC;IACC;;EAED;IACC;IACA;;;AAOH;EACE;;AAGF;EACE,YD9ZM;;ACiaR;EACE;EACA,ODjcI;;;ACucL;AAEA;AAED;EACC,YD5cK;;AC6cL;EACE,eD5eI;;AC8eN;EACE;;AAEF;EACE;;AAGA;EACC;;AAED;EACC;;AAED;EACC;;AAGH;EACE;;AACA;EACC;;AAIF;EACC,ODlgBK;;ACqgBP;EACE;;AAGD;EACC;;AAGF;EACM;;AAEN;EACM;;;AAKP;EACE,YD9fI;;AC+fJ;EACD,eD9hBM;;ACgiBL;EACD;;AAEC;EACD;;AAGA;EACC;;AAED;EACC;;AAED;EACC;;AAGA;EACD;;AACA;EACC;;AAIF;EACC,OD3hBK;;AC8hBJ;EACD;;;AAKA;EAEA;IACC,eDrkBK;ICskBL,cDtkBK;ICukBL;;EAGA;IACC;IACA;;EAED;IACC;;EAKA;IACC;;EAMD;IACC;IACA;IACA;;EAED;IACC;;EAIF;IACA;;;EAID;IACC,eD3mBK;IC4mBL,cD5mBK;;EC+mBL;IACC;IACA;IACA;;EAED;IACC;;EAKA;IACC;;EAMD;IACC;IACA;IACA;;EAED;IACC;;EAIH;IACC,kBD9mBI;IC+mBJ;IACA;;;AAKD;AAGD;EACE,YDlpBM;;ACmpBN;EACD,OD3nBK;EC4nBL;;AAEC;EACD;EACA;;AAEC;EACD;EACA;;AAEC;EACD;EACA;;AAEC;EACD;EACA;;AAEC;EACD;;AAEC;EACD,ODlpBK;ECmpBL;;AAEC;EACD;;AACA;EACC;;AAED;EACC;EACA;;AAGA;EACD;;AAEC;EACD;;AACA;EACC;;AAGA;EACD;EACA;;;AAKA;EAEC;IACD;IACA;;EAGC;IACC;IACA;;EAED;IACC;;EAKA;IACC;;EAMD;IACC;IACA;IACA;;EAED;IACC;;;AAOJ;EACE,YD9uBM;;AC+uBN;EACD,ODvtBK;ECwtBL;;AAGD;EACC;;AAED;EACC;;AAED;EACE,ODluBI;ECmuBJ;;AAGF;EACE,ODvuBI;ECwuBJ;;AAIA;EACD;EACA;;AAKC;EACD;EACA;;AAID;EACE;EACA;;;AAID;EACD;IACE;IACA;;;AAID;AAGD;EACE,YD1yBS;;AC2yBT;EACD,OD5wBK;EC6wBL;;AAEC;EACD;EACA;;AAEC;EACD,ODpxBK;ECqxBL;;AAEC;EACD;EACA;;AAEC;EACD;EACA;;AAEC;EACD,ODhyBK;ECiyBL;;AAEC;EACD;;AACA;EACC,ODtyBI;;ACwyBL;EACC;EACA;;AAGA;EACD;;AACA;EACC;;;AAMD;EAEC;IACD;IACA;;EAGC;IACC;IACA;;EAED;IACC;;EAKA;IACC;;EAED;IACC;IACA;;EAMD;IACC;IACA;;EAED;IACC;;;AAQH;AAED;EACE;;AACA;EACD,ODp2BK;ECq2BL;;AAEC;EACD;EACA;;AAEC;EACD,OD52BK;EC62BL;;AAEC;EACD;EACA;;AAEC;EACD;EACA;;AAEC;EACD;;AAEC;EACD,OD33BK;EC43BL;;AAEC;EACD;;AACA;EACC,ODj4BI;;ACm4BL;EACC;EACA;;AAGA;EACD;;AAEC;EACD;;AACA;EACC;;AAGA;EACD;EACA;;;AAKA;EAEC;IACD;IACA;;EAGC;IACC;IACA;;EAED;IACC;;EAKA;IACC;;EAED;IACC;IACA;IACA;;EAMD;IACC;IACA;IACA;;EAED;IACC;;;AAQJ;EACC;;AACA;EACA,ODt8BK;ECu8BL;;AAGD;EACC;;AAED;EACC;;AAED;EACE,ODj9BI;ECk9BJ;;AAGF;EACE,ODt9BI;ECu9BJ;;AAIA;EACD;EACA;;AAKC;EACD;EACA;;AAID;EACE;EACA;;;AAID;EACD;IACE;IACA;;;AAKD;AAEA;AAGD;EACE,YD5/BI;;ACggCJ;EACD;;AAGC;EACD;;AAID;EACE;;;AAID;EAEC;IACD,YDjhCK;;ECqhCL;IACE;;EAGF;IACE;;EAEA;IACD;;;AAQF;EACE,YDtiCI;ECuiCJ;;AAGF;EACE;;AAGF;EACE;;;AAID;EAEC;IACD,YDtjCK;;ECyjCL;IACE;;EAGF;IACE;;EAEA;IACD;;EAKD;IACC;;EAED;IACC;;EAED;AAAA;AAAA;IAGC;;EAED;IACC;;EAED;IACC;;EAQD;AAAA;AAAA;IAGC;;EAED;IACC;;;AAQD;AAGD;EACE,YDxoCM;;AC2oCR;EACE,ODnnCI;EConCJ;;AAEA;EACD,ODvnCK;ECwnCL;;AAGC;EACD;EACA;;;AAKA;EAEC;IACD,YD9pCO;;ECiqCP;IACE,ODzoCG;IC0oCH;;EAGF;IACE,OD9oCG;IC+oCH;;EAEA;IACD;IACA;;EAKD;IACC;;EAED;IACC;;EAED;AAAA;AAAA;IAGC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;AAAA;AAAA;IAGC;;EAED;IACC,ODrrCI;;;AC8rCN;EACE,YDxtCM;ECytCN;;;AAGD;EAEC;IACD,YD/tCO;;;ACuuCP;AAGD;EACE;;AAGF;EACE,ODttCI;ECutCJ;;AAEA;EACD,OD1tCK;EC2tCL;;AAGC;EACD;EACA;;;AAKA;EAEC;IACD;;EAGA;IACE,OD5uCG;IC6uCH;;EAGF;IACE,ODjvCG;ICkvCH;;EAEA;IACD;IACA;;EAKD;IACC;;EAED;IACC;;EAED;AAAA;AAAA;IAGC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;AAAA;AAAA;IAGC;;EAED;IACC,ODxxCI;;;ACgyCN;EACE;EACA;;;AAGD;EAEC;IACD;;;AAOD;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;;AAID;AAGA;EACE,YDj2CS;;ACo2CX;EACE,ODr0CI;ECs0CJ;;AAEA;EACD,ODz0CK;EC00CL;;AAGC;EACD;EACA;;;AAKA;EAEC;IACD,YDv3CU;;EC03CV;IACE,OD31CG;IC41CH;;EAGF;IACE,ODh2CG;ICi2CH;;EAEA;IACD;IACA;;EAKD;IACC;;EAED;IACC;;EAED;AAAA;AAAA;IAGC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;AAAA;AAAA;IAGC;;EAED;IACC,ODv4CI;;;AC+4CN;EACE,YDz6CM;EC06CN;;;AAGD;EAEC;IACD,YDh7CO;;;ACu7CT;EACC;;;AAED;EACC;;;AAED;EACC;;;AAID;EACC;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;;;AAED;EACC;;;AAED;EACC;;;AAID;EACI,YDx9CK;;;AC09CT;EACI,YD39CK;;;AC69CT;EACI;;;AAGJ;EACI,YDz+CQ;;;AC2+CZ;EACI,YDr+CK;ECs+CR;;;AAED;EACI,YDz+CK;;;AC2+CT;EACI;;;AAGJ;EACI,YDv/CQ;;;ACy/CZ;EACI,YDn/CK;;;ACq/CT;EACI,YDt/CK;;;ACw/CT;EACI;;;AAGJ;EACI,YDpgDQ;;;ACsgDZ;EACC;IACC,YDjgDO;;;ECmgDR;IACC,YDpgDO;;;ECsgDR;IACC;IACA;;;EAED;IACC,YDlhDU;;;ECohDX;IACC,YD9gDO;;;ECghDR;IACC,YDjhDO;;;ECmhDR;IACC;;;EAED;IACC,YD9hDU;;;ECgiDX;IACM;IACH;;;EAEH;IACK;;;EAEL;IACM;IACH;;;EAEH;IACK;;;EAEL;IACM;IACH;;;EAEH;IACK;;;EAEL;IACC;IACC;;;EAEF;IACM;;;EAEN;IACC;;;EAED;IACC;IACC;;;EAEF;IACC;IACC;;;EAEF;IACM;;;EAEN;IACC;;;EAED;IACC;IACA;;;EAED;IACM;;;EAEN;IACK;;;EAEL;IACM;IACH;;;EAEH;IACK;;;EAEL;IACM;IACH;;;EAEH;IACK;;;EAEL;IACK;;;EAEL;IACC;;;AAGF;EACC;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;AAGF;EACC;IACC,YDpoDO;ICqoDP;IACA;;;EAED;IACC,YDhpDU;ICipDV;IACA;;;EAED;IACC,YD9oDO;IC+oDP;IACA;;;EAGD;IACC,YDppDO;ICqpDP;IACA;;;EAED;IACC,YDhqDU;ICiqDV;IACA;;;EAED;IACC,YD9pDO;IC+pDP;IACA;;;EAED;IACC,YD1oDK;IC2oDL;IACA;;;EAED;IACC;;;EAED;IACC;;;AAGF;EACC;;;AAED;EACC;;;AAED;EACI;;;AAEJ;EACC;IACS;IACN;;;EAEH;IACC;IACA;;;EAED;IACC;IACA;;;EAED;IACC;IACA;;;EAED;IACC;IACA;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;IACA;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;IACA;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;IACA;;;EAED;IACC;;;EAED;IACC;IACA;;;EAED;IACC,kBDpwDO;ICqwDP;IACA;;;EAED;IACK,kBDhxDM;ICixDV;IACA;;;EAED;IACC;IACA;IACA;;;EAED;IACC;;;EAED;IACC;IACA;;;AAGF;EACC;IACC;;;EAED;IACC;IACA;;;EAED;IACC;IACA;IACM;;;EAEP;IACC;IACA;IACM;;;EAEP;IACC;;;EAED;IACC;IACA;IACM;;;EAEP;IACC;;;EAED;IACC;IACA;IACA;;;EAED;IACC;;;AAIF;EACI;;;AAEJ;EACC;IACC;IACA;;;EAED;IACC;IACA;;;EAED;IACC;IACA","file":"skin-modes.css","sourcesContent":["$background: #f1f4fb;\r\n$color:#191059;\r\n\r\n/*Transparent variables*/\r\n$transparent-primary:var(--primary-bg-color);\r\n$transparent-theme:rgba(0, 0, 0, 0.2);\r\n$transparent-theme2:rgba(0, 0, 0, 0.5);\r\n$transparent-theme3:rgba(0, 0, 0, 0.1);\r\n$transparent-body:var(--transparent-body);\r\n$transparent-border:rgba(255, 255, 255, 0.2);\r\n\r\n/*Dark variables*/\r\n$dark-body:#151636;\r\n$dark-theme:#25274a;\r\n$dark-theme2:#262b5a;\r\n$border:1px solid #e9ebfa;\r\n$dark-color:#e9ebfa;\r\n\r\n\r\n/*Color variables*/\r\n$primary:var(--primary-bg-color);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-06:var(--primary06);\r\n$primary-08:var(--primary08);\r\n$primary-09:var(--primary09);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary-transparentcolor);\r\n$darkprimary-transparent:var(--darkprimary-transparentcolor);\r\n$transparentprimary-transparent:var(--transparentprimary-transparentcolor);\r\n$secondary:#fe7f00;\r\n$success:#0dcd94;\r\n$info:#128af9;\r\n$warning:#e3b113;\r\n$danger:#f7284a;\r\n$blue:#083dc1;\r\n$yellow:#ecb403;\r\n$teal:#17d1dc;\r\n$purple:#aa4cf2;\r\n$pink:#ef4eb8;\r\n$orange:#f34932;\r\n$dark:#353a40;\r\n$indigo:#6574cd;\r\n$white:#fff;\r\n$black:#000;\r\n$muted:#9ba5ca;\r\n\r\n/*gray variables*/\r\n$gray-100:#f1f2f7;\r\n$gray-200:#e5e7f1;\r\n$gray-300:#d2d6e4;\r\n$gray-400:#b7bdd2;\r\n$gray-500:#a2aac7;\r\n$gray-600:#8d96b7;\r\n$gray-700:#7a85ad;\r\n$gray-800:#53608c;\r\n$gray-900:#424e79;\r\n\r\n/*white variables*/\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4 :rgba(255, 255, 255, 0.4);\r\n$white-5 :rgba(255, 255, 255, 0.5);\r\n$white-6 :rgba(255, 255, 255, 0.6);\r\n$white-7 :rgba(255, 255, 255, 0.7);\r\n$white-8 :rgba(255, 255, 255, 0.8);\r\n$white-9 :rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n\t\r\n\r\n","@import \"../scss/variables\";\r\n\r\n\r\n/*---------- Header-styles ----------*/\r\n\r\n/*Header-Color*/\r\n\r\n.color-header {\r\n\t.app-header, .hor-header {\r\n\t  background: $primary;\r\n\t  border-bottom:1px solid rgba(255,255,255, .1);\r\n\t}\r\n  \r\n\t.nav-link.toggle, .header-right .nav-link.icon {\r\n\t  background: $black-1;\r\n\t}\r\n  \r\n\t.animated-arrow {\r\n\t  background: $black-1;\r\n  \r\n\t  span {\r\n\t\tbackground: #e7e7f7;\r\n  \r\n\t\t&:before, &:after {\r\n\t\t  background: #e7e7f7;\r\n\t\t}\r\n\t  }\r\n\t}\r\n\t&.active .animated-arrow span {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\t.header .nav-link.icon i, .header-right .nav-link.icon:hover i {\r\n\t  color: #e7e7f7 !important;\r\n\t}\r\n  \r\n\t.header {\r\n\t  .nav-link {\r\n\t\tcolor: #e7e7f7 !important;\r\n  \r\n\t\t&:hover {\r\n\t\t  color: $white;\r\n\t\t}\r\n\t  }\r\n  \r\n\t  .form-inline .form-control {\r\n\t\tborder: 1px solid $white-05 !important;\r\n\t\tbackground: rgba(0, 0, 0, 0.08);\r\n\t\tcolor: $white;\r\n\t  }\r\n\t}\r\n\t.header .form-inline {\r\n\t  .btn i{\r\n\t\tcolor: $white !important;\r\n\t\topacity: .5;\r\n\t  }\r\n  \r\n\t  .form-control::placeholder {\r\n\t\tcolor: $white !important;\r\n\t\topacity: .3;\r\n\t  }\r\n\t}\r\n\t.app-sidebar__toggle{\r\n\t\tbackground: rgba(0, 0, 0, 0.08);\r\n\t\ta{\r\n\t\t\tcolor:$white;\r\n\t\t}\r\n\t}\r\n\t.nav-link.icon{\r\n\t\tbackground: rgba(0, 0, 0, 0.08);\r\n\t}\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n\t.color-header {\r\n\t\t.hor-header.header .header-brand .header-brand-img{\r\n\t\t\t&.desktop-lgo{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n  }\r\n  @media (max-width: 991px) {\r\n\t.color-header {\r\n\t  .app-header .header-brand-img {\r\n\t\t&.mobile-logo , &.desktop-lgo{\r\n\t\t  display: none !important;\r\n\t\t}\r\n\t  }\r\n  \r\n\t  .hor-header.header .header-brand-img {\r\n\t\t&.mobile-logo {\r\n\t\t  display: none !important;\r\n\t\t}\r\n\t  }\r\n\t}\r\n  }\r\n  @media (max-width: 1024px) and (min-width: 992px){\r\n\t.color-header {\r\n\t\t.hor-header.header .header-brand-img {\r\n\t\t\t&.desktop-lgo, &.mobile-logo{\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n  }\r\n  .dark-mode.color-header {\r\n\t.app-header, .hor-header {\r\n\t  background: $primary;\r\n\t}\r\n  \r\n\t.header .nav-link.icon, .animated-arrow {\r\n\t  background: $black-1;\r\n\t}\r\n  \r\n\t.header .form-inline .form-control {\r\n\t  border: 1px solid $white-05 !important;\r\n\t  color: $white;\r\n\t}\r\n  }\r\n  \r\n  \r\n  /*Header-dark*/\r\n  \r\n  .dark-header {\r\n\t.app-header, .hor-header {\r\n\t  background: $dark-theme;\r\n\t  border-bottom:1px solid rgba(255,255,255, .1);\r\n\t}\r\n  \r\n\t.nav-link.toggle, .header-right .nav-link.icon {\r\n\t  background: rgba(255, 255, 255, 0.05);\r\n\t}\r\n  \r\n\t.animated-arrow {\r\n\t  background: rgba(255, 255, 255, 0.05);\r\n  \r\n\t  span {\r\n\t\tbackground: #e7e7f7;\r\n  \r\n\t\t&:before, &:after {\r\n\t\t  background: #e7e7f7;\r\n\t\t}\r\n\t  }\r\n\t}\r\n\t&.active .animated-arrow span {\r\n\t  background-color: transparent;\r\n    }\r\n\t.header .nav-link.icon i, .header-right .nav-link.icon:hover i, .header .nav-link {\r\n\t  color: #e7e7f7 !important;\r\n\t}\r\n  \r\n\t.app-header.header .nav-link:hover {\r\n\t  color: $white;\r\n\t}\r\n  \r\n\t.header .form-inline .form-control {\r\n\t  border: 1px solid $white-05 !important;\r\n\t  background: $dark-theme2 !important;\r\n\t  color: $white;\r\n\t}\r\n\r\n\t.header .form-inline {\r\n\t  .btn i{\r\n\t\tcolor: $white;\r\n\t\topacity: .5;\r\n\t  }\r\n  \r\n\t  .form-control::placeholder {\r\n\t\tcolor: $white;\r\n\t\topacity: .3;\r\n\t  }\r\n\t}\r\n  \r\n\t.hor-header.header .header-brand-img {\r\n\t  &.desktop-logo {\r\n\t\tdisplay: none;\r\n\t  }\r\n  \r\n\t  &.desktop-logo-1 {\r\n\t\tdisplay: block;\r\n\t  }\r\n\t}\r\n\t.app-sidebar__toggle{\r\n\t\tbackground: $dark-theme2;\r\n\t\ta{\r\n\t\t\tcolor:$white;\r\n\t\t}\r\n\t}\r\n\t.nav-link.icon{\r\n\t\tbackground: $dark-theme2;\r\n\t}\r\n  }\r\n  @media (max-width: 991px) and (min-width: 575.98px){\r\n\t.dark-header {\r\n\t\t.app-header  .header-brand .header-brand-img{\r\n\t\t\t  &.dark-logo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t  }\r\n\t\t\t  &.desktop-lgo{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t  }\r\n\t\t  }\r\n\t  }\r\n  }\r\n  @media (min-width: 992px) {\r\n\t.dark-header {\r\n\t\t.hor-header.header .header-brand .header-brand-img{\r\n\t\t\t&.desktop-lgo{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n  }\r\n  @media (max-width: 991px) {\r\n\t.dark-header .hor-header.header .header-brand-img.desktop-logo-1 {\r\n\t  display: none !important;\r\n\t}\r\n  }\r\n  @media (max-width: 1024px) and (min-width: 992px){\r\n\t.dark-header {\r\n\t\t.hor-header.header .header-brand-img {\r\n\t\t\t&.desktop-lgo, &.mobile-logo{\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n  }\r\n  /*Header-light*/\r\n  \r\n  .dark-mode.light-header {\r\n\t.app-header, .hor-header {\r\n\t  background: $white;\r\n\t  border-bottom:1px solid $black-05;\r\n\t}\r\n\t.app-sidebar{\r\n\t\tbox-shadow: none;\r\n\t}\r\n\t.header .nav-link.icon, .header-right .nav-link.icon, .animated-arrow {\r\n\t  background: #f1f5ff;\r\n\t}\r\n\t.animated-arrow {\r\n\t\tspan {\r\n\t\t  background: #5c678f;\r\n\t\r\n\t\t  &:before, &:after {\r\n\t\t\tbackground: #5c678f;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t  &.active .animated-arrow span {\r\n\t\t  background-color: transparent;\r\n\t  }\r\n\t.header .form-inline .form-control {\r\n\t  border: 1px solid transparent !important;\r\n\t  background: #f1f5ff;\r\n\t  color: $black;\r\n\t}\r\n  \r\n\t.hor-header .header-brand-img.desktop-logo-1 {\r\n\t  display: none;\r\n\t}\r\n  \r\n\t.drop-profile a {\r\n\t  color: #171a29;\r\n\t}\r\n  \r\n\t.hor-header .header-brand-img.desktop-logo {\r\n\t  display: block;\r\n\t}\r\n\t.header .nav-link.icon i{\r\n\t\tcolor: $dark-theme;\r\n\t}\r\n\t.app-sidebar__toggle{\r\n\t\tbackground: #f1f4fb;\r\n\t\ta{\r\n\t\t\tcolor: #555b95;\r\n\t\t}\r\n\t}\r\n  }\r\n  @media (max-width: 575.98px){\r\n\t.dark-mode.light-header .header .form-inline .form-control{\r\n\t\tbackground: #191d43;\r\n\t}\r\n\t.dark-mode.light-header .header{\r\n\t\tborder-bottom: 1px solid #f1f5ff !important;\r\n\t}\r\n  }\r\n  @media (min-width: 992px) {\r\n\t.dark-mode.light-header {\r\n\t\t.hor-header.header .header-brand .header-brand-img{\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&.desktop-lgo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n  }\r\n  @media (max-width: 991px) {\r\n\t.dark-mode.light-header .hor-header .header-brand-img.desktop-logo {\r\n\t  display: none;\r\n\t}\r\n  }\r\n  @media (max-width: 991px) and (min-width: 568px){\r\n\t.app.dark-mode.light-header {\r\n\t\t.app-header  .header-brand .header-brand-img{\r\n\t\t\t  &.desktop-lgo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t  }\r\n\t\t\t  &.dark-logo, &.mobile-logo, &.darkmobile-logo{\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t  }\r\n\t\t  }\r\n\t  }\r\n  }\r\n  @media (max-width: 1024px) and (min-width: 992px){\r\n\t.dark-mode.light-header {\r\n\t\t.hor-header.header .header-brand-img {\r\n\t\t\t&.dark-logo, &.mobile-logo{\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\t\t\t&.desktop-lgo{\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n  }\r\n\r\n\r\n  /*Header-Gradient-header*/\r\n.gradient-header {\r\n\t.app-header, .hor-header {\r\n\t  background: linear-gradient(to left, #8133ff 0%, $primary 100%);\r\n\t  border-bottom:1px solid rgba(255,255,255, .1);\r\n\t}\r\n  \r\n\t.nav-link.toggle, .header-right .nav-link.icon {\r\n\t  background: $black-1;\r\n\t}\r\n  \r\n\t.animated-arrow {\r\n\t  background: $black-1;\r\n  \r\n\t  span {\r\n\t\tbackground: #e7e7f7;\r\n  \r\n\t\t&:before, &:after {\r\n\t\t  background: #e7e7f7;\r\n\t\t}\r\n\t  }\r\n\t}\r\n\t&.active .animated-arrow span {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\t.header .nav-link.icon i, .header-right .nav-link.icon:hover i {\r\n\t  color: #e7e7f7 !important;\r\n\t}\r\n  \r\n\t.header {\r\n\t  .nav-link {\r\n\t\tcolor: #e7e7f7 !important;\r\n  \r\n\t\t&:hover {\r\n\t\t  color: $white;\r\n\t\t}\r\n\t  }\r\n  \r\n\t  .form-inline .form-control {\r\n\t\tborder: 1px solid $white-05 !important;\r\n\t\tbackground: rgba(0, 0, 0, 0.08) !important;\r\n\t\tcolor: $white;\r\n\t  }\r\n\t}\r\n\t.header .form-inline {\r\n\t  .btn i{\r\n\t\tcolor: $white !important;\r\n\t\topacity: .5;\r\n\t  }\r\n  \r\n\t  .form-control::placeholder {\r\n\t\tcolor: $white !important;\r\n\t\topacity: .3;\r\n\t  }\r\n\t}\r\n\t.app-sidebar__toggle{\r\n\t\tbackground: rgba(0, 0, 0, 0.08);\r\n\t\ta{\r\n\t\t\tcolor:$white;\r\n\t\t}\r\n\t}\r\n\t.nav-link.icon{\r\n\t\tbackground: rgba(0, 0, 0, 0.08);\r\n\t}\r\n  }\r\n  @media (min-width: 992px) {\r\n\t.gradient-header {\r\n\t\t.hor-header.header .header-brand .header-brand-img{\r\n\t\t\t&.desktop-lgo{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n  }\r\n  @media (max-width: 991px) and (min-width: 575.98px){\r\n\t.gradient-header {\r\n\t\t.app-header  .header-brand .header-brand-img{\r\n\t\t\t  &.dark-logo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t  }\r\n\t\t\t  &.desktop-lgo, &.mobile-logo, &.darkmobile-logo{\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t  }\r\n\t\t  }\r\n\t  }\r\n\t  .color-header .header .form-inline .form-control{\r\n\t\tborder: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n\t\tbackground: rgba(0, 0, 0, 0.08) !important;\r\n\t\tcolor: #fff;\r\n\r\n\t  }\r\n  }\r\n  @media (max-width: 991px) {\r\n\t.gradient-header{\r\n\t\t.app-header .header-brand  .header-brand-img {\r\n\t\t\t&.mobile-logo {\r\n\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\t  \t}\r\n  \r\n\t  .hor-header.header .header-brand-img {\r\n\t\t&.mobile-logo {\r\n\t\t  display: none !important;\r\n\t\t}\r\n\t  }\r\n\t}\r\n  }\r\n  @media (max-width: 1024px) and (min-width: 992px){\r\n\t.gradient-header {\r\n\t\t.hor-header.header .header-brand-img {\r\n\t\t\t&.desktop-lgo, &.mobile-logo{\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n  }\r\n  .dark-mode.gradient-header {\r\n\t.app-header, .hor-header {\r\n\t  background: linear-gradient(to left, #8133ff 0%, $primary 100%);\r\n\t}\r\n  \r\n\t.header .nav-link.icon, .animated-arrow {\r\n\t  background: $black-1;\r\n\t}\r\n  \r\n\t.header .form-inline .form-control {\r\n\t  border: 1px solid $white-05 !important;\r\n\t  color: $white;\r\n\t}\r\n  }\r\n  \r\n  \r\n  \r\n  /*---------- Leftmenu-styles ----------*/\r\n  \r\n  /*Light-menu*/\r\n  .light-menu{\r\n\t.app-sidebar {\r\n\t\tbackground: $white;\r\n\t\t.app-sidebar__user{\r\n\t\t  border-bottom: $border;\r\n\t\t}\r\n\t\t.side-menu .slide a {\r\n\t\t  color: #191059 !important;\r\n\t\t}\r\n\t\t.side-menu .sidemenu_icon{\r\n\t\t  color: #191059 !important\r\n\t\t}\r\n\t\t.app-sidebar__user {\r\n\t\t  .user-pic .avatar-xxl{\r\n\t\t\t  border: 3px solid #ebeff8;\r\n\t\t  }\r\n\t\t  .user-pic::before{\r\n\t\t\t  border: 2px solid #fff;\r\n\t\t  }\r\n\t\t  .user-info h5{\r\n\t\t\t  color: #191059 !important;\r\n\t\t  }\r\n\t\t}\r\n\t\t.Annoucement_card{\r\n\t\t  background: #ebeff8;\r\n\t\t  .title, .text-white {\r\n\t\t\t  color: #191059 !important;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t  .side-menu__item:hover .sidemenu_icon{\r\n\t\t  color: $primary;\r\n\t  }\r\n\t  .slide-menu li {\r\n\t\t&.active > a, &:hover > a {\r\n\t\t  color: $primary !important;\r\n\t\t}\r\n\t  }\r\n\t  .side-item.side-item-category{\r\n\t\t  opacity: .7 !important;\r\n\t  }\r\n\t  \r\n\t .app-sidebar .side-menu .slide a.active{\r\n        color: $primary !important;\r\n\t }\r\n\t .app-sidebar .side-menu .slide a:hover{\r\n        color: $primary !important;\r\n\r\n\t }\r\n  }\r\n  .dark-mode.light-menu {\r\n\t.app-sidebar {\r\n\t  background: $white;\r\n\t  .app-sidebar__user{\r\n\t\tborder-bottom: $border;\r\n\t  }\r\n\t  .side-menu .slide a {\r\n\t\tcolor: #191059;\r\n\t  }\r\n\t  .side-menu .sidemenu_icon{\r\n\t\tcolor: #191059;\r\n\t  }\r\n\t  .app-sidebar__user {\r\n\t\t.user-pic .avatar-xxl{\r\n\t\t\tborder: 3px solid #ebeff8;\r\n\t\t}\r\n\t\t.user-pic::before{\r\n\t\t\tborder: 2px solid #fff;\r\n\t\t}\r\n\t\t.user-info h5{\r\n\t\t\tcolor: #191059;\r\n\t\t}\r\n\t  }\r\n\t  .Annoucement_card{\r\n\t\tbackground: #ebeff8;\r\n\t\t.title, .text-white {\r\n\t\t\tcolor: #191059 !important;\r\n\t\t}\r\n\t  }\r\n\t}\r\n\t.slide a.active .sidemenu_icon, .side-menu__item:hover .sidemenu_icon{\r\n\t\tcolor: $white;\r\n\t}\r\n\t.slide-menu li {\r\n\t  &.active > a, &:hover > a {\r\n\t\tcolor: $primary !important;\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  @media (min-width: 992px) {\r\n\t.light-menu{\r\n\t\t.app-sidebar__logo {\r\n\t\t\tborder-bottom: $border;\r\n\t\t\tborder-right: $border;\r\n\t\t\tpadding: 1.5rem 15px;\r\n\t\t}\r\n\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t&.desktop-lgo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.sidenav-toggled {\r\n\t\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t\t&.desktop-lgo{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.sidenav-toggled.sidenav-toggled1 {\r\n\t\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t\t&.desktop-lgo{\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t}\r\n\t\t\t\t&.dark-logo{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t &.horizontal .slide a.active .sidemenu_icon {\r\n\t\t\tcolor: $primary !important;\r\n\t\t}\r\n\t} \r\n\t.dark-mode.light-menu{\r\n\t\t.app-sidebar__logo {\r\n\t\t\tborder-bottom: $border;\r\n\t\t\tborder-right: $border;\r\n\t\t}\r\n\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t&.desktop-lgo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.sidenav-toggled {\r\n\t\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t\t&.desktop-lgo{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.sidenav-toggled.sidenav-toggled1 {\r\n\t\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t\t&.desktop-lgo{\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t}\r\n\t\t\t\t&.dark-logo{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.horizontal .horizontal-main .slide .slide-menu, &.horizontal .horizontal-main .slide .sub-slide-menu, &.horizontal .horizontal-main .slide .sub-slide-menu2 {\r\n\t\t\tbackground-color: $white;\r\n\t\t\tbox-shadow: 0 16px 18px rgb(135 135 182 / 10%) !important;\r\n\t\t\tborder: 1px solid #f3e9e9;\r\n\t\t}\r\n\t} \r\n  }\r\n  \r\n  /*Color-menu*/\r\n  \r\n  .color-menu {\r\n\t.app-sidebar {\r\n\t  background: $primary;\r\n\t  .side-item.side-item-category {\r\n\t\tcolor: $white;\r\n\t\topacity: .3;\r\n\t  }\r\n\t  .side-menu .slide a{\r\n\t\tcolor: $white !important;\r\n\t\topacity: .7;\r\n\t  }\r\n\t  .side-menu .sidemenu_icon{\r\n\t\tcolor: $white !important;\r\n\t\topacity: .7;\r\n\t  }\r\n\t  .slide a.active .sidemenu_icon, .side-menu__item:hover .sidemenu_icon{\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t  .side-menu .slide a.active, .side-menu .slide a:hover{\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t  .slide .side-menu__item.active, .slide .side-menu__item:hover{\r\n\t\tbackground: rgba(0, 0, 0, .1);\r\n\t  }\r\n\t  .side-menu__item:hover .side-menu__label, .side-menu__item:hover .side-menu__icon, .side-menu__item:hover .angle{\r\n\t\tcolor: $white ;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t  .app-sidebar__user{\r\n\t\tborder-bottom: 1px solid $white-1;\r\n\t\t.user-info h5{\r\n\t\t\tcolor: $white !important;\r\n\t\t}\r\n\t\t.app-sidebar__user-name.text-muted{\r\n\t\t\tcolor: $white !important;\r\n\t\t\topacity: .7;\r\n\t\t}\r\n\t  }\r\n\t  .app-sidebar__user .user-pic .avatar-xxl {\r\n\t\tborder: 3px solid $white;\r\n\t  }\r\n\t  .Annoucement_card{\r\n\t\tbackground: rgba(0,0,0,.2)!important;\r\n\t\t.title, .text-white, .btn-outline {\r\n\t\t\tcolor: $white !important;\r\n\t\t}\r\n\t  }\r\n\t  .slide .side-menu__item.active {\r\n\t\tcolor: #fff!important;\r\n\t\tbackground:rgba(0,0,0,0.1)!important ;\r\n\t}\r\n\t}\r\n  }\r\n  \r\n  @media (min-width: 992px) {\r\n\t.color-menu {\r\n\t  .app-sidebar__logo {\r\n\t\tborder-bottom: 1px solid $white-1;\r\n\t\tborder-right: 1px solid $white-1;\r\n\t  }\r\n\t  .app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t\t&.desktop-lgo{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.sidenav-toggled {\r\n\t\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t\t&.dark-logo, &.mobile-logo{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.sidenav-toggled.sidenav-toggled1 {\r\n\t\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t\t&.dark-logo{\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\tmargin-top: 5px;\r\n\t\t\t\t}\r\n\t\t\t\t&.desktop-lgo, &.darkmobile-logo{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n  }\r\n  .dark-mode.color-menu {\r\n\t.app-sidebar {\r\n\t  background: $primary;\r\n\t  .side-menu .slide a{\r\n\t\tcolor: $white;\r\n\t\topacity: .7;\r\n\t  }\r\n\t}\r\n\t.app-sidebar .app-sidebar__user .user-pic .avatar-xxl {\r\n\t\tborder: 3px solid $white;\r\n\t}\r\n\t.app-sidebar .app-sidebar__user .user-pic::before{\r\n\t\tborder: 2px solid $white;\r\n\t}\r\n\t.side-item.side-item-category {\r\n\t  color: $white;\r\n\t  opacity: .5;\r\n\t}\r\n  \r\n\t.app-sidebar ul li a {\r\n\t  color: $white;\r\n\t  opacity: .8;\r\n\t}\r\n  \r\n\t.slide-menu li {\r\n\t  &.active > a, &:hover > a {\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t}\r\n  \r\n\t.app-sidebar {\r\n\t  .slide-menu .slide-item:hover, .side-menu__item.active .side-menu__icon {\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t}\r\n  \r\n\t.slide.is-expanded .side-menu__item {\r\n\t  color: $white !important;\r\n\t  opacity: inherit;\r\n\t}\r\n  }\r\n  \r\n  @media (min-width: 992px) {\r\n\t.dark-mode.color-menu .app-sidebar__logo {\r\n\t  border-bottom: 1px solid $white-1;\r\n\t  border-right: 1px solid $white-1;\r\n\t}\r\n  }\r\n\r\n  /*dark-menu*/\r\n  \r\n  .dark-menu{\r\n\t.app-sidebar {\r\n\t  background: $dark-theme;\r\n\t  .side-item.side-item-category {\r\n\t\tcolor: $white;\r\n\t\topacity: .3;\r\n\t  }\r\n\t  .side-menu .slide a{\r\n\t\tcolor: $white !important;\r\n\t\topacity: .7;\r\n\t  }\r\n\t  .side-menu .sidemenu_icon{\r\n\t\tcolor: $white;\r\n\t\topacity: .7;\r\n\t  }\r\n\t  .slide a.active .sidemenu_icon, .side-menu__item:hover .sidemenu_icon{\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t  .side-menu .slide a.active, .side-menu .slide a:hover{\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t  .side-menu__item:hover .side-menu__label, .side-menu__item:hover .side-menu__icon, .side-menu__item:hover .angle{\r\n\t\tcolor: $white;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t  .app-sidebar__user{\r\n\t\tborder-bottom: 1px solid $white-1;\r\n\t\t.user-info h5{\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t\t.app-sidebar__user-name.text-muted{\r\n\t\t\tcolor: $white !important;\r\n\t\t\topacity: .5;\r\n\t\t}\r\n\t  }\r\n\t  .Annoucement_card{\r\n\t\tbackground: #20344e;\r\n\t\t.title, .text-white{\r\n\t\t\tcolor: $white !important;\r\n\t\t}\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  @media (min-width: 992px) {\r\n\t.dark-menu {\r\n\t  .app-sidebar__logo {\r\n\t\tborder-bottom: 1px solid $white-1;\r\n\t\tborder-right: 1px solid $white-1;\r\n\t  }\r\n\t  .app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t\t&.desktop-lgo{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.sidenav-toggled {\r\n\t\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t\t&.dark-logo, &.mobile-logo{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t\t&.darkmobile-logo{\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.sidenav-toggled.sidenav-toggled1 {\r\n\t\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t\t&.dark-logo{\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t}\r\n\t\t\t\t&.desktop-lgo, &.darkmobile-logo{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n  }\r\n\r\n\r\n  /*Graident-Color*/\r\n  .gradient-menu {\r\n\t.app-sidebar {\r\n\t  background: linear-gradient(to top, #7739fc 0%, $primary 100%);;\r\n\t  .side-item.side-item-category {\r\n\t\tcolor: $white;\r\n\t\topacity: .3;\r\n\t  }\r\n\t  .side-menu .slide a{\r\n\t\tcolor: $white !important;\r\n\t\topacity: .7;\r\n\t  }\r\n\t  .side-menu .sidemenu_icon{\r\n\t\tcolor: $white;\r\n\t\topacity: .7;\r\n\t  }\r\n\t  .slide a.active .sidemenu_icon, .side-menu__item:hover .sidemenu_icon{\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t  .side-menu .slide a.active, .side-menu .slide a:hover{\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t  .slide .side-menu__item.active, .slide .side-menu__item:hover{\r\n\t\tbackground: rgba(0, 0, 0, .1);\r\n\t  }\r\n\t  .side-menu__item:hover .side-menu__label, .side-menu__item:hover .side-menu__icon, .side-menu__item:hover .angle{\r\n\t\tcolor: $white;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t  .app-sidebar__user{\r\n\t\tborder-bottom: 1px solid $white-1;\r\n\t\t.user-info h5{\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t\t.app-sidebar__user-name.text-muted{\r\n\t\t\tcolor: $white !important;\r\n\t\t\topacity: .7;\r\n\t\t}\r\n\t  }\r\n\t  .app-sidebar__user .user-pic .avatar-xxl {\r\n\t\tborder: 3px solid $white;\r\n\t  }\r\n\t  .Annoucement_card{\r\n\t\tbackground: #4747e2;\r\n\t\t.title, .text-white, .btn-outline {\r\n\t\t\tcolor: $white !important;\r\n\t\t}\r\n\t  }\r\n\t  .slide .side-menu__item.active {\r\n\t\tcolor: #fff!important;\r\n\t\tbackground: #1e51e9!important;\r\n\t}\r\n\t}\r\n  }\r\n  \r\n  @media (min-width: 992px) {\r\n\t.gradient-menu {\r\n\t  .app-sidebar__logo {\r\n\t\tborder-bottom: 1px solid $white-1;\r\n\t\tborder-right: 1px solid $white-1;\r\n\t  }\r\n\t  .app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t&.dark-logo{\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\t\t\t&.desktop-lgo{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.sidenav-toggled {\r\n\t\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t\t&.dark-logo, &.mobile-logo{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t\t&.darkmobile-logo{\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\tmargin-top: 5px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.sidenav-toggled.sidenav-toggled1 {\r\n\t\t\t.app-sidebar .app-sidebar__logo .header-brand-img{\r\n\t\t\t\t&.dark-logo{\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\tmargin-top: 5px;\r\n\t\t\t\t}\r\n\t\t\t\t&.desktop-lgo, &.darkmobile-logo{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n  }\r\n  \r\n  .dark-mode.gradient-menu {\r\n\t.app-sidebar {\r\n\t background: linear-gradient(to top, #7739fc 0%, $primary 100%);\r\n\t .side-menu .slide a{\r\n\t\tcolor: $white;\r\n\t\topacity: .7;\r\n\t  }\r\n\t}\r\n\t.app-sidebar .app-sidebar__user .user-pic .avatar-xxl {\r\n\t\tborder: 3px solid $white;\r\n\t}\r\n\t.app-sidebar .app-sidebar__user .user-pic::before{\r\n\t\tborder: 2px solid $white;\r\n\t}\r\n\t.side-item.side-item-category {\r\n\t  color: $white;\r\n\t  opacity: .5;\r\n\t}\r\n  \r\n\t.app-sidebar ul li a {\r\n\t  color: $white;\r\n\t  opacity: .8;\r\n\t}\r\n  \r\n\t.slide-menu li {\r\n\t  &.active > a, &:hover > a {\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t}\r\n  \r\n\t.app-sidebar {\r\n\t  .slide-menu .slide-item:hover, .side-menu__item.active .side-menu__icon {\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t}\r\n  \r\n\t.slide.is-expanded .side-menu__item {\r\n\t  color: $white !important;\r\n\t  opacity: inherit;\r\n\t}\r\n  }\r\n  \r\n  @media (min-width: 768px) {\r\n\t.dark-mode.gradient-menu .app-sidebar__logo {\r\n\t  border-bottom: 1px solid $white-1;\r\n\t  border-right: 1px solid $white-1;\r\n\t}\r\n  }\r\n\r\n\r\n  /*---------- Horizontalmenu-styles ----------*/\r\n  \r\n  /*Light-hormenu*/\r\n  \r\n  .light-hormenu {\r\n\t.horizontal-main.hor-menu {\r\n\t  background: $white;\r\n\t}\r\n  \r\n\t.horizontalMenu > .horizontalMenu-list > li > {\r\n\t  a {\r\n\t\tcolor: #171a29;\r\n\t  }\r\n  \r\n\t  ul.sub-menu:before {\r\n\t\tborder-bottom: 10px solid $border;\r\n\t  }\r\n\t}\r\n  \r\n\t.mega-menubg:before {\r\n\t  border-bottom: 10px solid $border;\r\n\t}\r\n  }\r\n  \r\n  @media only screen and (max-width: 991px) {\r\n\t.light-hormenu {\r\n\t  &.active .horizontalMenu > .horizontalMenu-list {\r\n\t\tbackground: $white;\r\n\t  }\r\n  \r\n\t  .horizontalMenu > .horizontalMenu-list > li > {\r\n\t\ta {\r\n\t\t  color: #171a29;\r\n\t\t}\r\n  \r\n\t\tul.sub-menu {\r\n\t\t  background-color: #f1f5ff;\r\n  \r\n\t\t  > li > a {\r\n\t\t\tcolor: #171a29;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  .dark-mode.light-hormenu {\r\n\t.horizontal-main.hor-menu {\r\n\t  background: $white;\r\n\t  border-top: 1px solid $white-1;\r\n\t}\r\n  \r\n\t.horizontalMenu > .horizontalMenu-list > li > a {\r\n\t  color: #171a29;\r\n\t}\r\n  \r\n\t&.light-header .horizontal-main.hor-menu {\r\n\t  box-shadow: none;\r\n\t}\r\n  }\r\n  \r\n  @media only screen and (max-width: 991px) {\r\n\t.dark-mode.light-hormenu {\r\n\t  &.active .horizontalMenu > .horizontalMenu-list {\r\n\t\tbackground: $white;\r\n\t  }\r\n\t  .horizontalMenu > .horizontalMenu-list > li > {\r\n\t\ta {\r\n\t\t  color: #171a29;\r\n\t\t}\r\n  \r\n\t\tul.sub-menu {\r\n\t\t  background-color: #f1f5ff;\r\n  \r\n\t\t  > li > a {\r\n\t\t\tcolor: #171a29;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t  .horizontal-main.hor-menu{\r\n\t\t.horizontalMenu>.horizontalMenu-list{\r\n\t\t\tborder-right: 1px solid #e9ebfa;\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>a{\r\n\t\t\tborder-bottom-color:#e9ebfa;\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu.sub-menu>li .horizontalMenu-click03>i{\r\n\t\t\tcolor:#576482;\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu, .mega-menubg{\r\n\t\t\tbackground: #f1f4fb !important;\r\n\t\t}\r\n\t\t.sub-menu li a:before, .mega-menubg li a:before{\r\n\t\t\tcolor:#728096;\r\n\t\t}\r\n\t\t// .sub-menu li a.active:before, .sub-menu li a:hover:before, .mega-menubg li a.active:before, .mega-menubg li a:hover:before{\r\n\t\t// \tcolor:#fff !important;\r\n\t\t// }\r\n\t\t// .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active, .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{\r\n\t\t// \tcolor:#fff !important;\r\n\t\t// }\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a, \r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a{\r\n\t\t\tcolor:#576482;\r\n\t\t}\r\n\t\t.horizontalMenu h3{\r\n\t\t\tcolor: #191059;\r\n\t\t}\r\n\t\t\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  \r\n  /*color-hormenu*/\r\n  \r\n  .color-hormenu {\r\n\t.horizontal-main.hor-menu {\r\n\t  background: $primary;\r\n\t}\r\n  \r\n\t.horizontalMenu > .horizontalMenu-list > li > a {\r\n\t  color: $white;\r\n\t  opacity: 0.8;\r\n  \r\n\t  > .fa {\r\n\t\tcolor: $white;\r\n\t\topacity: 0.8;\r\n\t  }\r\n  \r\n\t  &.active, &:hover, > .fa {\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  @media only screen and (max-width: 991px) {\r\n\t.color-hormenu {\r\n\t  &.active .horizontalMenu > .horizontalMenu-list {\r\n\t\tbackground: $primary;\r\n\t  }\r\n\t  .horizontalMenu > .horizontalMenu-list > li > {\r\n\t\ta {\r\n\t\t  color: $white;\r\n\t\t  opacity: 0.8;\r\n\t\t}\r\n  \r\n\t\tul.sub-menu > li > a {\r\n\t\t  color: $white;\r\n\t\t  opacity: 0.8;\r\n  \r\n\t\t  &.active, &:hover {\r\n\t\t\tcolor: $white !important;\r\n\t\t\topacity: inherit;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t  .horizontal-main.hor-menu{\r\n\t\t.horizontalMenu>.horizontalMenu-list{\r\n\t\t\tborder-right: 1px solid rgba(255, 255, 255, 0.07);\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>a{\r\n\t\t\tborder-bottom-color:rgba(255, 255, 255, 0.07);\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu.sub-menu>li .horizontalMenu-click03>i{\r\n\t\t\tcolor:rgba(255, 255, 255, 0.4);\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu, .mega-menubg{\r\n\t\t\tbackground: #4573ff !important;\r\n\t\t}\r\n\t\t.sub-menu li a:before, .mega-menubg li a:before{\r\n\t\t\tcolor:rgba(255, 255, 255, 0.3);\r\n\t\t}\r\n\t\t.sub-menu li a.active:before, .sub-menu li a:hover:before, .mega-menubg li a.active:before, .mega-menubg li a:hover:before{\r\n\t\t\tcolor:#fff !important;\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active, .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{\r\n\t\t\tcolor:#fff !important;\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a, \r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a{\r\n\t\t\tcolor:rgba(255, 255, 255, 0.6);\r\n\t\t}\r\n\t\t.horizontalMenu h3{\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t\t\r\n\t  }\r\n\t  \r\n\t}\r\n  }\r\n  \r\n  .dark-mode.color-hormenu {\r\n\t.horizontal-main.hor-menu {\r\n\t  background: $primary;\r\n\t  box-shadow:none;\r\n\t}\r\n  }\r\n  @media only screen and (max-width: 991px) {\r\n\t.dark-mode.color-hormenu {\r\n\t  &.active .horizontalMenu > .horizontalMenu-list {\r\n\t\tbackground: $primary;\r\n\t  }\r\n\t}\r\n\t\r\n   }\r\n  \r\n  \r\n  \r\n  /*Gradient-hormenu*/\r\n  \r\n  .gradient-hormenu {\r\n\t.horizontal-main.hor-menu {\r\n\t  background: linear-gradient(to left, #8133ff 0%, $primary 100%);\r\n\t}\r\n  \r\n\t.horizontalMenu > .horizontalMenu-list > li > a {\r\n\t  color: $white;\r\n\t  opacity: 0.8;\r\n  \r\n\t  > .fa {\r\n\t\tcolor: $white;\r\n\t\topacity: 0.8;\r\n\t  }\r\n  \r\n\t  &.active, &:hover, > .fa {\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  @media only screen and (max-width: 991px) {\r\n\t.gradient-hormenu {\r\n\t  &.active .horizontalMenu > .horizontalMenu-list {\r\n\t\tbackground: linear-gradient(to top, #7739fc 0%, $primary 100%);\r\n\t  }\r\n\t  .horizontalMenu > .horizontalMenu-list > li > {\r\n\t\ta {\r\n\t\t  color: $white;\r\n\t\t  opacity: 0.8;\r\n\t\t}\r\n  \r\n\t\tul.sub-menu > li > a {\r\n\t\t  color: $white;\r\n\t\t  opacity: 0.8;\r\n  \r\n\t\t  &.active, &:hover {\r\n\t\t\tcolor: $white !important;\r\n\t\t\topacity: inherit;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t  .horizontal-main.hor-menu{\r\n\t\t.horizontalMenu>.horizontalMenu-list{\r\n\t\t\tborder-right: 1px solid rgba(255, 255, 255, 0.07);\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>a{\r\n\t\t\tborder-bottom-color:rgba(255, 255, 255, 0.07);\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu.sub-menu>li .horizontalMenu-click03>i{\r\n\t\t\tcolor:rgba(255, 255, 255, 0.4);\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu, .mega-menubg{\r\n\t\t\tbackground: #4573ff !important;\r\n\t\t}\r\n\t\t.sub-menu li a:before, .mega-menubg li a:before{\r\n\t\t\tcolor:rgba(255, 255, 255, 0.3);\r\n\t\t}\r\n\t\t.sub-menu li a.active:before, .sub-menu li a:hover:before, .mega-menubg li a.active:before, .mega-menubg li a:hover:before{\r\n\t\t\tcolor:#fff !important;\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active, .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{\r\n\t\t\tcolor:#fff !important;\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a, \r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a{\r\n\t\t\tcolor:rgba(255, 255, 255, 0.6);\r\n\t\t}\r\n\t\t.horizontalMenu h3{\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t\t\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  .dark-mode.gradient-hormenu {\r\n\t.horizontal-main.hor-menu {\r\n\t  background: linear-gradient(to left, #8133ff 0%, $primary 100%);\r\n\t  box-shadow:none;\r\n\t}\r\n  }\r\n  @media only screen and (max-width: 991px) {\r\n\t.dark-mode.gradient-hormenu {\r\n\t  &.active .horizontalMenu > .horizontalMenu-list {\r\n\t\tbackground: linear-gradient(to top, #7739fc 0%, $primary 100%);\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n\r\n  .dark-mode{\r\n\t&.color-header.gradient-menu .app-sidebar{\r\n\t\tbox-shadow: none;\r\n\t}\r\n\t&.gradient-header.gradient-header .app-sidebar{\r\n\t\tbox-shadow: none;\r\n\t}\r\n\t&.color-menu.color-header .app-sidebar{\r\n\t\tbox-shadow: none;\r\n\t}\r\n\t&.light-menu.color-header .app-sidebar{\r\n\t\tbox-shadow: none;\r\n\t}\r\n  }\r\n\r\n /*dark-hormenu*/\r\n  \r\n .dark-hormenu {\r\n\t.horizontal-main.hor-menu {\r\n\t  background: $dark-theme;\r\n\t}\r\n  \r\n\t.horizontalMenu > .horizontalMenu-list > li > a {\r\n\t  color: $white;\r\n\t  opacity: 0.8;\r\n  \r\n\t  > .fa {\r\n\t\tcolor: $white;\r\n\t\topacity: 0.8;\r\n\t  }\r\n  \r\n\t  &.active, &:hover, > .fa {\r\n\t\tcolor: $white !important;\r\n\t\topacity: inherit;\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  @media only screen and (max-width: 991px) {\r\n\t.dark-hormenu {\r\n\t  &.active .horizontalMenu > .horizontalMenu-list {\r\n\t\tbackground: $dark-theme;\r\n\t  }\r\n\t  .horizontalMenu > .horizontalMenu-list > li > {\r\n\t\ta {\r\n\t\t  color: $white;\r\n\t\t  opacity: 0.8;\r\n\t\t}\r\n  \r\n\t\tul.sub-menu > li > a {\r\n\t\t  color: $white;\r\n\t\t  opacity: 0.8;\r\n  \r\n\t\t  &.active, &:hover {\r\n\t\t\tcolor: $white !important;\r\n\t\t\topacity: inherit;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t  .horizontal-main.hor-menu{\r\n\t\t.horizontalMenu>.horizontalMenu-list{\r\n\t\t\tborder-right: 1px solid rgba(255, 255, 255, 0.07);\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>a{\r\n\t\t\tborder-bottom-color:rgba(255, 255, 255, 0.07);\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu.sub-menu>li .horizontalMenu-click03>i{\r\n\t\t\tcolor:rgba(255, 255, 255, 0.4);\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu, .mega-menubg{\r\n\t\t\tbackground: #1b2c42 !important;\r\n\t\t}\r\n\t\t.sub-menu li a:before, .mega-menubg li a:before{\r\n\t\t\tcolor:rgba(255, 255, 255, 0.3);\r\n\t\t}\r\n\t\t.sub-menu li a.active:before, .sub-menu li a:hover:before, .mega-menubg li a.active:before, .mega-menubg li a:hover:before{\r\n\t\t\tcolor:#fff !important;\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active, .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{\r\n\t\t\tcolor:#fff !important;\r\n\t\t}\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a, \r\n\t\t.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a,\r\n\t\t.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a{\r\n\t\t\tcolor:rgba(255, 255, 255, 0.6);\r\n\t\t}\r\n\t\t.horizontalMenu h3{\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t\t\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  .dark-mode.dark-hormenu {\r\n\t.horizontal-main.hor-menu {\r\n\t  background: $primary;\r\n\t  box-shadow:none;\r\n\t}\r\n  }\r\n  @media only screen and (max-width: 991px) {\r\n\t.dark-mode.dark-hormenu {\r\n\t  &.active .horizontalMenu > .horizontalMenu-list {\r\n\t\tbackground: $primary;\r\n\t  }\r\n\t}\r\n\t\r\n   }\r\n  \r\n\r\n.gradient-header.color-menu .app-sidebar{\r\n\tborder-right: 1px solid rgba(255,255,255, 0.05);\r\n}\r\n.dark-header.color-menu .app-sidebar{\r\n\tborder-right: 1px solid rgba(255,255,255, 0.05);\r\n}\r\n.color-header.color-menu .app-sidebar{\r\n\tborder-right: 1px solid rgba(255,255,255, 0.05);\r\n}\r\n\r\n\r\n.gradient-header.gradient-menu .app-sidebar{\r\n\tborder-right: 1px solid rgba(255,255,255, 0.05);\r\n}\r\n.dark-header.gradient-menu .app-sidebar{\r\n\tborder-right: 1px solid rgba(255,255,255, 0.05);\r\n}\r\n.color-header.gradient-menu .app-sidebar{\r\n\tborder-right: 1px solid rgba(255,255,255, 0.05);\r\n}\r\n\r\n.gradient-header.dark-menu .app-sidebar{\r\n\tborder-right: 1px solid rgba(255,255,255, 0.05);\r\n}\r\n.dark-header.dark-menu .app-sidebar{\r\n\tborder-right: 1px solid rgba(255,255,255, 0.05);\r\n}\r\n.color-header.dark-menu .app-sidebar{\r\n\tborder-right: 1px solid rgba(255,255,255, 0.05);\r\n}\r\n\r\n\r\n.gradient-menu.icon-text .app-sidebar__logo {\r\n    background: $primary;\r\n}\r\n.color-menu.icon-text .app-sidebar__logo {\r\n    background: $primary;\r\n}\r\n.light-menu.icon-text .app-sidebar__logo {\r\n    background: #fff;\r\n}\r\n\r\n.dark-menu.icon-text .app-sidebar__logo {\r\n    background: $dark-theme;\r\n}\r\n.gradient-menu.hover-submenu .app-sidebar__logo {\r\n    background: $primary;\r\n\tbox-shadow: none;\r\n}\r\n.color-menu.hover-submenu .app-sidebar__logo {\r\n    background: $primary;\r\n}\r\n.light-menu.hover-submenu .app-sidebar__logo {\r\n    background: #fff;\r\n}\r\n\r\n.dark-menu.hover-submenu .app-sidebar__logo {\r\n    background: $dark-theme;\r\n}\r\n.gradient-menu.hover-submenu1 .app-sidebar__logo {\r\n    background: $primary;\r\n}\r\n.color-menu.hover-submenu1 .app-sidebar__logo {\r\n    background: $primary;\r\n}\r\n.light-menu.hover-submenu1 .app-sidebar__logo {\r\n    background: #fff;\r\n}\r\n\r\n.dark-menu.hover-submenu1 .app-sidebar__logo {\r\n    background: $dark-theme;\r\n}\r\n@media (min-width: 992px){\r\n\t.color-menu.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide-menu {\r\n\t\tbackground: $primary;\r\n\t}\r\n\t.gradient-menu.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide-menu {\r\n\t\tbackground: $primary;\r\n\t}\r\n\t.light-menu.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide-menu {\r\n\t\tbackground:  #fff;\r\n\t\tbox-shadow: 0px 8px 14.72px 1.28px rgb(238, 238, 245);\r\n\t}\r\n\t.dark-menu.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide-menu {\r\n\t\tbackground:  $dark-theme;\r\n\t}\r\n\t.color-menu.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide-menu {\r\n\t\tbackground: $primary;\r\n\t}\r\n\t.gradient-menu.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide-menu {\r\n\t\tbackground: $primary;\r\n\t}\r\n\t.light-menu.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide-menu {\r\n\t\tbackground:  #fff;\r\n\t}\r\n\t.dark-menu.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide-menu {\r\n\t\tbackground:  $dark-theme;\r\n\t}\r\n\t.color-menu.hover-submenu.sidenav-toggled .header-brand-img.darkmobile-logo {\r\n       display: block !important;\r\n\t   margin:0 auto;\r\n    }\r\n\t.color-menu.hover-submenu.sidenav-toggled .header-brand-img.dark-logo{\r\n      display: none !important;\r\n    }\r\n\t.gradient-menu.hover-submenu.sidenav-toggled .header-brand-img.darkmobile-logo {\r\n       display: block !important;\r\n\t   margin:0 auto;\r\n    }\r\n\t.gradient-menu.hover-submenu.sidenav-toggled .header-brand-img.dark-logo{\r\n      display: none !important;\r\n    }\r\n\t.dark-menu.hover-submenu.sidenav-toggled .header-brand-img.darkmobile-logo {\r\n       display: block !important;\r\n\t   margin:0 auto;\r\n    }\r\n\t.dark-menu.hover-submenu.sidenav-toggled .header-brand-img.dark-logo{\r\n      display: none !important;\r\n    }\r\n\t.light-menu.hover-submenu.sidenav-toggled1 .header-brand-img.darkmobile-logo {\r\n\t\tdisplay: block !important;\r\n\t\t margin:0 auto;\r\n\t}\r\n\t.light-menu.hover-submenu.sidenav-toggled .header-brand-img.darkmobile-logo {\r\n       display: none !important;\r\n    }\r\n\t.light-menu.hover-submenu.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__logo .header-brand-img.desktop-lgo{\r\n\t\tdisplay: none !important;\r\n\t}\r\n\t.light-menu.hover-submenu.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__logo .header-brand-img.mobile-logo{\r\n\t\tdisplay: block !important;\r\n\t \tmargin:0 auto;\r\n\t}\r\n\t.light-menu.hover-submenu1.sidenav-toggled1 .header-brand-img.darkmobile-logo {\r\n\t\tdisplay: block !important;\r\n\t\t margin:0 auto;\r\n\t}\r\n\t.light-menu.hover-submenu1.sidenav-toggled .header-brand-img.darkmobile-logo {\r\n       display: none !important;\r\n    }\r\n\t.light-menu.hover-submenu1.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__logo .header-brand-img.desktop-lgo{\r\n\t\tdisplay: none !important;\r\n\t}\r\n\t.light-menu.hover-submenu1.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__logo .header-brand-img.mobile-logo{\r\n\t\tdisplay: block !important;\r\n\t\tmargin:0 auto;\r\n\t}\r\n\t.color-menu.hover-submenu1.sidenav-toggled .header-brand-img.darkmobile-logo {\r\n       display: block !important;\r\n    }\r\n\t.color-menu.hover-submenu1.sidenav-toggled .header-brand-img.dark-logo{\r\n      display: none !important;\r\n    }\r\n\t.gradient-menu.hover-submenu1.sidenav-toggled .header-brand-img.darkmobile-logo {\r\n       display: block !important;\r\n\t   margin:0 auto;\r\n    }\r\n\t.gradient-menu.hover-submenu1.sidenav-toggled .header-brand-img.dark-logo{\r\n      display: none !important;\r\n    }\r\n\t.dark-menu.hover-submenu1.sidenav-toggled .header-brand-img.darkmobile-logo {\r\n       display: block !important;\r\n\t   margin:0 auto;\r\n    }\r\n\t.dark-menu.hover-submenu1.sidenav-toggled .header-brand-img.dark-logo{\r\n      display: none !important;\r\n    }\r\n\t.light-menu.hover-submenu1.sidenav-toggled .header-brand-img.desktop-lgo{\r\n      display: none !important;\r\n    }\r\n\t.light-menu.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .side-menu-label1 {\r\n\t\tborder-bottom: 1px solid rgb(233 235 251);\r\n\t}\r\n}\r\n@media (min-width: 991px) {\r\n\t.dark-hormenu.gradient-header .header.hor-header{\r\n\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n\t}\r\n\t.dark-hormenu.dark-header .header.hor-header{\r\n\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n\t}\r\n\t.dark-hormenu.color-header .header.hor-header{\r\n\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n\t}\r\n\t.color-hormenu.gradient-header .header.hor-header{\r\n\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n\t}\r\n\t.color-hormenu.dark-header .header.hor-header{\r\n\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n\t}\r\n\t.color-hormenu.color-header .header.hor-header{\r\n\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n\t}\r\n\t.gradient-hormenu.gradient-header .header.hor-header{\r\n\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n\t}\r\n\t.gradient-hormenu.dark-header .header.hor-header{\r\n\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n\t}\r\n\t.gradient-hormenu.color-header .header.hor-header{\r\n\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.07);\r\n\t}\r\n}\r\n@media (max-width: 991px){\r\n\t.color-header .responsive-navbar.navbar .navbar-collapse {\r\n\t\tbackground: $primary;\r\n\t\tborder-bottom: 1px solid $primary;\r\n\t\tborder-top: 1px solid #5174dd;\r\n\t}\r\n\t.dark-header .responsive-navbar.navbar .navbar-collapse {\r\n\t\tbackground:$dark-theme;\r\n\t\tborder-bottom: 1px solid $dark-theme2;\r\n\t\tborder-top: 1px solid  $dark-theme2;\r\n\t}\r\n\t.gradient-header .responsive-navbar.navbar .navbar-collapse {\r\n\t\tbackground: $primary;\r\n\t\tborder-bottom: 1px solid $primary;\r\n\t\tborder-top: 1px solid #5174dd;\r\n\t}\r\n\t\r\n\t.dark-mode.color-header .responsive-navbar.navbar .navbar-collapse {\r\n\t\tbackground: $primary;\r\n\t\tborder-bottom: 1px solid $primary;\r\n\t\tborder-top: 1px solid #5174dd;\r\n\t}\r\n\t.dark-mode.dark-header .responsive-navbar.navbar .navbar-collapse {\r\n\t\tbackground:$dark-theme;\r\n\t\tborder-bottom: 1px solid $dark-theme2;\r\n\t\tborder-top: 1px solid  $dark-theme2;\r\n\t}\r\n\t.dark-mode.gradient-header .responsive-navbar.navbar .navbar-collapse {\r\n\t\tbackground: $primary;\r\n\t\tborder-bottom: 1px solid $primary;\r\n\t\tborder-top: 1px solid #5174dd;\r\n\t}\r\n\t.light-header.dark-mode .responsive-navbar.navbar .navbar-collapse {\r\n\t\tbackground: $white;\r\n\t\tborder-bottom: 1px solid $black-05;\r\n\t\tborder-top: 1px solid  $black-05;\r\n\t}\r\n\t.light-menu.horizontal .slide .side-menu__item.active .side-menu__label{\r\n\t\tcolor: $white !important;\r\n\t}\r\n\t.light-menu.horizontal .slide a.active .sidemenu_icon, .side-menu__item:hover .sidemenu_icon {\r\n\t\tcolor: $white !important;\r\n\t}\r\n}\r\n.sidebar-mini.light-menu .slide .side-menu__item.active i, .light-menu .slide .side-menu__item.active:hover i {\r\n\tcolor: #fff !important;\r\n}\r\n.sidebar-mini.light-menu .slide .side-menu__item.active .side-menu__label, .light-menu .slide .side-menu__item.active:hover .side-menu__label {\r\n\tcolor: #fff !important;\r\n}\r\n.gradient-menu.dark-mode .horizontal  .side-menu .slide a {\r\n    color: #fff !important;\r\n}\r\n@media (min-width: 992px){\r\n\t.color-menu.icon-text.sidenav-toggled .app-sidebar__logo .header-brand-img.darkmobile-logo{\r\n          display: block!important;\r\n\t\t  margin:0 auto;\r\n\t}\r\n\t.light-menu.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide:hover .slide-menu {\r\n\t\tleft: 114px;\r\n\t\tborder: 1px solid #e9ebfb;\r\n\t}\r\n\t.rtl.light-menu.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide:hover .slide-menu {\r\n\t\tright: 114px;\r\n\t\tborder: 1px solid #e9ebfb;\r\n\t}\r\n\t.light-menu.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide:hover .slide-menu {\r\n\t\tleft: 114px;\r\n\t\tborder: 1px solid #e9ebfb;\r\n\t}\r\n\t.rtl.light-menu.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide:hover .slide-menu {\r\n\t\tright: 114px;\r\n\t\tborder: 1px solid #e9ebfb;\r\n\t}\r\n\t.light-menu.dark-mode.sidenav-toggled .header-brand-img.darkmobile-logo {\r\n\t\tdisplay: none!important;\r\n\t}\r\n\t.light-menu.dark-mode.sidenav-toggled .header-brand-img.darkmobile-logo {\r\n\t\tdisplay: none!important;\r\n\t}\r\n\t.light-menu.dark-mode.sidenav-toggled.sidenav-toggled1 .header-brand-img.darkmobile-logo {\r\n\t\tdisplay: none!important;\r\n\t}\r\n\t.icon-text.light-menu.dark-mode.sidenav-toggled.sidenav-toggled1 .header-brand-img.mobile-logo{\r\n\t\tdisplay: none!important;\r\n\t}\r\n\t.light-menu.dark-mode.sidenav-toggled .header-brand-img.mobile-logo {\r\n\t\tdisplay: block !important;\r\n\t\tmargin:0 auto;\r\n\t}\r\n\t.light-menu .slide .side-menu__item:hover i {\r\n\t\tcolor: $primary !important;\r\n\t}\r\n\t.light-menu .slide .side-menu__item:hover .side-menu__label{\r\n\t\tcolor: $primary !important;\r\n\t}\r\n\t.color-menu.dark-mode.hover-submenu .app-sidebar__logo{\r\n\t\tbox-shadow: none;\r\n\t}\r\n\t.light-menu.dark-mode.sidenav-toggled.sidenav-toggled1 .header-brand-img.mobile-logo{\r\n\t\tdisplay: none!important;\r\n\t}\r\n\t.icon-text.light-menu.dark-mode.sidenav-toggled .header-brand-img.mobile-logo {\r\n\t\tdisplay: block !important;\r\n\t\tmargin:0 auto;\r\n\t}\r\n\t.light-menu.dark-mode .app-sidebar__logo {\r\n\t\tbox-shadow: 0 0.15rem 1.75rem 0 #ffffff21;\r\n\t}\r\n\t.dark-mode.light-menu.hover-submenu.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide-menu {\r\n\t\tbox-shadow: 0 8px 14.72px 1.28px #eeeef529;\r\n\t}\r\n\t.dark-mode.light-menu.hover-submenu1.sidebar-mini.sidenav-toggled.sidenav-toggled1 .slide-menu {\r\n\t\tbox-shadow: 0 8px 14.72px 1.28px #eeeef529;\r\n\t}\r\n\t.light-menu.sidenav-toggled .header-brand-img.darkmobile-logo{\r\n\t\tdisplay: none !important;\r\n\t}\r\n\t.light-menu.sidenav-toggled .header-brand-img.mobile-logo{\r\n\t\tdisplay: block !important;\r\n\t\tmargin:0 auto;\r\n\t}\r\n\t.light-menu.sidenav-toggled.sidenav-toggled1 .header-brand-img.mobile-logo{\r\n\t\tdisplay: none !important;\r\n\t}\r\n\t.rtl.light-menu .app-sidebar__logo {\r\n\t\tborder-left: 1px solid #e9ebfa;\r\n\t\tborder-right: 0px solid #e9ebfa;\r\n\t}\r\n\t.color-menu.horizontal .horizontal-main .slide .slide-menu, .color-menu.horizontal .horizontal-main .slide .sub-slide-menu, .color-menu.horizontal .horizontal-main .slide .sub-slide-menu2 {\r\n\t\tbackground-color:$primary;\r\n\t\tbox-shadow: 0 16px 18px rgba(135,135,182,.1)!important;\r\n\t\tborder-color: rgba(255, 255, 255, 0.1);\r\n\t}\r\n\t.dark-menu.horizontal .horizontal-main .slide .slide-menu, .dark-menu.horizontal .horizontal-main .slide .sub-slide-menu, .dark-menu.horizontal .horizontal-main .slide .sub-slide-menu2 {\r\n\t     background-color:$dark-theme;\r\n\t\tbox-shadow: 0 16px 18px rgba(135,135,182,.1)!important;\r\n\t\tborder:1px solid #474865;\r\n\t}\r\n\t.gradient-menu.horizontal .horizontal-main .slide .slide-menu, .gradient-menu.horizontal .horizontal-main .slide .sub-slide-menu, .gradient-menu.horizontal .horizontal-main .slide .sub-slide-menu2 {\r\n\t\tbackground: linear-gradient(to top,#7739fc 0,$primary 100%);\r\n\t\tbox-shadow: 0 16px 18px rgba(135,135,182,.1)!important;\r\n\t\tborder: 1px solid #5c77e5;\r\n\t}\r\n\t.horizontal.light-menu .slide .side-menu__item:hover i,.horizontal.light-menu .slide .side-menu__item:hover .side-menu__label,.horizontal.light-menu .slide .side-menu__item:hover .angle {\r\n\t\tcolor: $primary !important;\r\n\t}\r\n\t.rtl.dark-mode.color-menu.hover-submenu .app-sidebar__logo,.rtl.dark-mode.color-menu.hover-submenu1 .app-sidebar__logo {\r\n\t\tborder-left: 1px solid rgba(255, 255, 255, 0.1);\r\n\t\tborder-right: 0px solid rgba(255, 255, 255, 0.1);\r\n\t}\r\n}\r\n@media (max-width: 992px) and (min-width: 576px){\r\n\t.dark-mode.light-header .hor-header.header .header-brand .header-brand-img.dark-logo {\r\n\t\tdisplay: none ;\r\n\t}\r\n\t.dark-mode.light-header .hor-header.header .header-brand  .header-brand-img.desktop-lgo {\r\n\t\tdisplay: block ;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\t.color-header .app-header .header-brand .header-brand-img.dark-logo {\r\n\t\tdisplay: block;\r\n\t\tmargin: 0 auto;\r\n        margin-top: 5px;\r\n\t}\r\n\t.gradient-header .hor-header.header .header-brand .header-brand-img.dark-logo{\r\n\t\tdisplay: block;\r\n\t\tmargin: 0 auto;\r\n        margin-top: 5px;\r\n\t}\r\n\t.gradient-header .hor-header.header .header-brand .header-brand-img.desktop-lgo{\r\n\t\tdisplay: none;\r\n\t}\r\n\t.color-header .hor-header.header .header-brand .header-brand-img.dark-logo{\r\n\t\tdisplay: block;\r\n\t\tmargin: 0 auto;\r\n        margin-top: 5px;\r\n\t}\r\n\t.color-header .hor-header.header .header-brand .header-brand-img.desktop-lgo{\r\n\t\tdisplay: none;\r\n\t}\r\n\t.dark-header .hor-header.header .header-brand .header-brand-img.dark-logo{\r\n\t\tdisplay: block;\r\n\t\tmargin: 0 auto;\r\n\t\tmargin-top: 5px;\r\n\t}\r\n\t.dark-header .hor-header.header .header-brand .header-brand-img.desktop-lgo{\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n}\r\n.gradient-menu .app-sidebar .app-sidebar__user .user-info h5 {\r\n    color: #fff !important;\r\n}\r\n@media (max-width: 575px){\r\n\t.color-header .app-header .header-brand-img.darkmobile-logo{\r\n\t\tdisplay: block;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\t.gradient-header .hor-header.header .header-brand-img.darkmobile-logo {\r\n\t\tdisplay: block;\r\n\t\tmargin-top: 3px;\r\n\t}\r\n\t.color-header .hor-header.header .header-brand-img.darkmobile-logo {\r\n\t\tdisplay: block;\r\n\t\tmargin-top: 3px;\r\n\t}\r\n\r\n}\r\n"]}