{"version":3,"sources":["themes/_responsive.scss","utils/_variables.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAIA;AACA;EAGE;IACE;;;AAIJ;EAGM;IACE;;EAMJ;IACE;;EAKF;IACE;;EAIJ;IACE;IACA;IACA;IACA;;EAEA;IACE;;;AAKN;EAIQ;IACE;;EAKA;AAAA;IAEE;;;AAQZ;EAOc;IACE;;EAeF;IACE;;;AAUhB;EACE;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;;AAIJ;EAEE;AAAA;IAEE;;EAIA;IACE;IACA;IACA;;EAGF;IACE;;;AAKN;EAEI;IACE;;EAMA;IACE;;EAEA;IACE;;EAMR;AAAA;IAEE;IACA;;EAKA;AAAA;AAAA;AAAA;AAAA;IAKE;;;AAKN;EACE;IACE;;EAKA;IACE;;EAIJ;IACE;;EAIA;IACE;;EAEA;IACE;;EAKN;IACE;;EAKE;IACE;;EAKF;IACE;;EAGF;IACE;;EAMA;IACE;;EAOR;IACE;;EAIA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;EAOA;IACE;;EAIA;IACE;;EAMR;IACE;;EAIA;IACE;;EAMF;IACE;IACA;IACA;IACA;;EAOA;IACE;;;AAMR;EAIQ;IACE;IACA;;EAQJ;IACE;;EAGF;IACE;;EAGF;IACE;;;AAMR;EAEI;IACE;;EAQE;IACE;;EASF;IACE;;EAQN;IACE;;EAOA;IACE;;EASA;IACE;;EAMR;IACE;;EAIF;IACE;IACA;IACA;;EAII;IACE;;EAMR;IACE;;EAIA;IACE;;EAIJ;IACE;;EAIA;IACE;IACA;;EAMF;IACE;IACA;;EAKF;IACE;;EAKJ;IACE;;EAII;IACE;;EAON;IACE;;EAMF;IACE;IACA;IACA;;EAIJ;IACE;;EAKA;IACE;;EAKF;IACE;;EAKF;IACE;;EAOF;IACE;;EAGF;IACE;;EAKJ;IACE;;EAIA;IACE;;EAEA;IACE;IACA;;EAKN;IACE;IACA;;EAKA;IACE;;EAQE;IACE;;EAQN;IACE;;EASE;IACE;;;AAOV;EAKQ;IACE;;EAKA;AAAA;IAEE;;;AASZ;EAGI;IACE;;;AAKN;EAEI;IACE;IACA;;EAEA;IACE;;EAMJ;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;EAIJ;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAKM;IACE;;EASd;IACE;;EAEA;IACE;;EAIJ;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;EAIA;IACE;IACA;;EAEA;IACE;;EAMJ;IACE;;EAOE;IACE;IACA;;EAKN;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;;EAKN;IACE;;EAOI;IACE;IACA;;EAMQ;IACE;;EAUR;IACE;;EAWR;IACE;;EAEA;IACE;;EAWA;IACE;IACA;;EAKF;IACE;IACA;;EAKF;IACE;IACA;;EAMJ;IACE;;EAMR;IACE;;EAGF;IACE;;EAGF;IACE;;EAMI;IACE;;EASF;IACE;;EAUA;IACE;;EAOV;IACE;;EAIA;IACE;;EAIA;IACE;;EAQA;IACE,OC72BK;ID82BL;;EAIA;IACE;IACA;;EAKF;IACE;IACA;IACA;;EAWF;IACE;IACA;IACA;IACA;;EAOV;IACE;;EAKE;IACE;;EASE;IACE;;EAOV;IACE;;EAIA;IACE;IACA;;EAQE;IACE;;EAEA;IACE;IACA;;EASR;IACE;;EAEA;IACE;IACA;IACA;;EAGF;IACE;;EAOJ;IACE;;EAMF;IACE;;EAMF;IACE;;EAKJ;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,kBC99BI;ID+9BJ;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAKJ;IACE;IACA;IACA;;EAIF;IACE;;EAIF;IACE;;EAME;IACE;;EAOJ;IACE;;EAKJ;IACE;;EAEA;IACE;;EAMF;IACE;;EAOA;IACE;;;AAMR;EAIQ;IACE;;EAKA;AAAA;IAEE;;;AAQZ;EACE;IACE;;EAGF;IACE;;EAKE;IACE;;EAKF;IACE;;EAGF;IACE;IACA;;EAWc;IACE;;EAUhB;IACE;;EAiCE;IACE;;EASN;IACE;IACA;;EAUA;IACE;IACA;;EASN;IACE;;EAGF;IACE;;EAMJ;IACE;;EAQI;IACE;;EAKF;IACE;;EAIA;IACE;;EAGF;IACE;;EAUJ;IACE;;EAOV;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;EAIA;IACE;;EAOA;IAIE;;EAKN;IACE;;EAOE;IAEE;IACA;IACA;;EAEA;IACE;IACA;;EAQN;IACE;;EAGF;IACE;;EAEA;AAAA;AAAA;IAGE;;EAGE;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;IACE;;EAON;IACE;IACA;IACA;;EAKF;IACE;IACA;;EAGE;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IAEA;IACA;;EAEA;IACE;;EAIJ;IACE;;EAMJ;IACE;;EAGE;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAKF;IACE;;EAIJ;IACE;;EAGE;IACE;;EAMR;IACE;IACA;;EAQA;IACE;;EASF;IACE;IACA;;EAMJ;IACE;;EAEA;IACE;;EAON;IACE;;EAIA;IACE;;EAMJ;IACE;IACA;;EAGE;IACE;;EAKJ;IACE;IACA;IACA;;EAGF;IACE;;EAMA;IACE;;EASR;AAAA;IAEE;;EAGE;AAAA;IACE;;EAON;IACE;;EAEA;IACE;;EASE;IACE;;EAQV;IACE;IACA;;EAGE;IACE;IACA;IACA;IACA;IACA;;EASA;IACE;IACA;;EASN;IACE;;EAMF;IACE;;EAMF;IACE;;EAGF;IACE;;EAOE;IACE;;EAKN;IACE;;EAMF;AAAA;IAEE;;EAIJ;IACE;;EAEA;IACE;;EAGF;AAAA;IAEE;;EAKF;IACE;;EAKF;IACE;;EAMA;IACE;;EAKN;IACE;;EAKA;IACE;;EAGE;IACE;;EAGF;IACE;;EAIJ;IACE;IACA;IACA;;EAGE;IACE;IACA;;EAKF;IACE;IACA;;EAKF;IACE;IACA;;EAIJ;IACE;;EAOR;IACE;;EAIF;AAAA;IAEE;;EAIA;IACE;;EAIJ;IACE;;EAGF;IACE;;EAMI;IACE;;EASF;IACE;;EAON;IACE;;EAGF;IACE;;EAIJ;IACE;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;;EAIA;IACE;;EAKN;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;AA2MF;AAOA;AAEA;AAQA;AAEA;AAuDA;;AAhRI;EADF;IAEI;;;AAptBR;EAwtBI;IACE;;;AAEA;EAHF;IAII;;;AA5tBR;EAguBI;IACE;;;AAEA;EAHF;IAII;;;AApuBR;EAwuBI;IACE;;;AAEA;EAHF;IAII;;;AA5uBR;EAgvBI;IACE;;;AAEA;EAHF;IAII;;;AApvBR;EAwvBI;IACE;;;AAEA;EAHF;IAII;;;AA5vBR;EAiwBE;IACE;;EAIF;IACE;;EAGF;IACE;;EAIF;IACE;;EAGF;IACE;;EAGF;IACE;;EAIA;IACE;;EAOE;IACE;IACA;IACA;;EAUA;IACE;;EAUJ;IACE;IACA;;EAQJ;IACE;;EAGF;IACE;IACA;;EASA;IACE;;EAOR;IACE;;EAOI;IACE;;EAOR;IACE;;EAEA;IACE;;EAMF;IACE;IACA;;EAMF;IACE;;EAIA;IACE;;EAMN;IACE;;EAIF;IACE;;EAGF;IACE;IACA;;EAKA;IACE;;EAQF;IACE;IACA;;EAQF;IACE;IACA;;EAMQ;IACE;;EAMR;IACE;IACA;;EAIA;IACE;;EAEA;IACE;;EAOV;IACE;;EAGE;IACE;;EAMJ;IACE;;EAIJ;IACE;;EAMJ;IACE;;EAKE;IACE;;EAOJ;IACE;;EAGF;IACE;;EAOA;IACE;IACA;;EAKF;IACE;;EAKN;IACE;;EAGF;IACE;;EAGE;IACE;;EAOJ;IACE;;EAKJ;IACE;;EAKF;IACE;;EAGF;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACE;;EAIA;IACE;;EAGF;IACE;;EAMF;IACE;IACA;;EAGF;IACE;;EAKJ;IACE;;EAME;IACE;;EAOJ;IACE;;EASE;IACE;;EAEA;IACE;;EASR;IACE;IACA;IACA;IACA;;EAKF;IACE;;;AAKN;EAIQ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAEA;IACE;;EAGF;IACE;;;AAQZ;EACE;IACE;;EAEA;IACE;;EAKF;IACE;IACA;IACA;;EAGF;IACE;;EAIJ;IACE;;EAGF;IACE;;EAEA;IACE;;EAGF;IACE;;EAMA;IACE;;EAGF;IACE;IACA;;EAIA;IACE;;EAUI;IACE;;EAIJ;IACE;;EAQV;IACE;;EAEA;IACE;;EAGF;IACE;;EAOF;IACE;;EAMJ;IACE;;EAOE;IACE;;EAQA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;EAaF;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;IACA;IACA;;EAUZ;IACE;;EAEA;IACE;IACA;;EAQF;IACE;IACA;;EASA;IACE;;EAUJ;IAEE;;EAOJ;IACE;IACA;;EAQA;IACE;;EAKN;IACE;IACA;;EAEA;IACE;;EAKF;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAEA;IACE;;EAMN;IACE;;EAKE;IACE;IACA;;EAIJ;IACE;;EAIA;IACE;;EAOF;IACE;;EAOF;IACE;;EAKN;IACE;;EAIA;IACE;;EAKF;IACE;IACA;;EAEA;IACE;;EAKN;IACE;IACA;;EAEA;IACE;;EAMA;IACE;IACA;;EAQA;IACE,OC3kFK;ID4kFL;;EAIA;IACE;IACA;IACA;;EAKF;IACE;IACA;;EAQR;IACE;IACA;;EAGE;IACE;;EAMR;IACE;;EAIA;IACE;;EAGF;IACE;IACA;IACA;;EAOE;IACE;;EAKA;IACE;;EAIJ;IACE;IACA;IACA;;EAQJ;IACE;;EAIJ;IACE;;EAKA;AAAA;IAEE;;EAKF;IACE;;EAQI;IACE;;EAOF;IACE;;EAQN;AAAA;IACE;;EAMJ;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAEA;IACE;IACA;;EAIA;IACE;;EAGF;IACE;;EAQV;IACE;;EAEA;IACE;;EAKF;IACE;IACA;;AAIJ;EAGI;IACE;;EAQF;IACE;;EAGF;IACE;;EAEA;IACE;;EAGF;IACE;;EASJ;IACE;;EAIJ;IACE;IACA;IACA;;EAIA;IACE;IACA;IACA;;EAKF;IACE;;EASA;IACE;;EAGF;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAUF;IACE;;EAcN;IACE;;EAGF;IACE;;EAMF;IACE;;EAIJ;IACE;;EAME;IACE;;EAKN;IACE;;EAGF;IACE;;EAEA;IACE;;EAOF;IACE;;EAEA;IACE;IACA;;EAGE;IACE;;EAMJ;IACE;IACA;;EAMJ;IACE;IACA;;EAMN;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAEA;IACE;;EAOF;IACE;IACA;IACA;IACA;;EAKJ;IACE;;EAUU;IACE;IACA;IACA;IACA;;EAWF;IACE;IACA;IACA;;EAWJ;AAAA;IACE;;EASV;IACE;;EASE;IACE;;EAON;IACE;;EAQE;IACE;;EASN;AAAA;IAEE;;EAMF;IACE;IACA,kBC9gGE;ID+gGF;IACA;;EAIA;IACE;IACA;;EAIJ;IACE;;EAIJ;IACE;IACA;;EAKE;IACE;;EAQA;IACE;;EAOE;IACE;;EAWN;IACE;;EAON;IACE;;EAEA;IACE;;EAGF;IACE;;;AAOR;EAEI;IACE;;EAQI;IACE;IACA;;EAIA;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAWN;IACE;;EAUA;IACE;;EAQR;IACE;;EASM;IACE;;EAQZ;IACE;;EAGF;IACE;;EAGF;IACE;;EAOM;IACE;;EAKF;IACE;IACA;;EAQA;IACE;;EAQZ;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;IACE;;EAIJ;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAGF;IACE;;EAOJ;IACE;;EAGF;IACE;;EAGF;IACE;;EAMJ;IACE;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAGE;IACE;;EAGF;IACE;;EAUA;IACE;IACA;;EAIJ;IACE;;EAMR;IACE;;EASM;AAAA;IACE;;EAWF;IACE;;EAEA;IACE;;EAUJ;IACE;;EAQJ;IACE;IACA;;EAUA;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAQJ;IACE;;EASU;IACE;;EAYhB;IACE;;EAGE;IACE;;EAGE;IACE;;EASA;IACE;;EASJ;IACE;;EAIA;IACE;;EAUJ;IAEE;IACA;;EAWN;IACE;;EAQJ;IACE;;EAKE;IACE;;EAQZ;IACE;;EAEA;IACE;;EAIJ;IACE;;EAGF;IACE;;EAMI;IACE;;EAQN;IACE;;EAQE;IACE;;EAKN;IACE;;EAQF;IACE;;EAIA;IACE;;EAMA;IACE;;EAKN;IACE;;EAEA;IACE;IACA;;EAOJ;IACE;;EAIJ;IACE;;EAKA;IACE;;EAGF;IACE;;EAMA;IACE;;EAKN;IACE;IACA;;EAGF;IACE;;EAIA;IACE;;EAEA;IAEE;;EAMA;IACE;;EASJ;IAIE;;EAKN;IACE;;EAKA;IACE;;EAGE;IACE;;EASF;IACE;;EAEA;IACE;IACA;;EAOF;IACE;IACA;IACA;IACA;;EAMR;IACE;;EAKF;IACE;;EAGF;IACE;;EAOE;IACE;;EAKN;IACE;;EAIJ;IACE;;EA+BA;AAAA;IAEE;;EAKE;IACE;;EAMI;IACE;;EASV;IACE;;EAKN;IACE;;EAGF;IACE;;EAEA;IACE;;EAGF;AAAA;IAEE;;EAKF;IACE;;EAKF;IACE;;EAIJ;IACE;;EAGF;IACE;;EAKE;IACE;IACA;;EAEA;IACE;IACA;;EASJ;IACE;;EAOF;IACE;;EAEA;IACE;;EAQN;IACE;;EAGE;IACE;;EAMA;IACE;IACA;;EAKF;IACE;IACA;;EAKF;IACE;IACA;;EAQV;IACE;;EAME;IACE;;EAIJ;IACE;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;EAQA;IACE;;EASF;IACE;IACA;;EAKN;IACE;IACA;;EAEA;IAGE;IACA;;EAOF;IACE;;EAKF;IACE;;EAKN;IACE;IACA;IACA;;EAMA;IACE;IACA;;EAMF;IACE;IACA;;EAKF;IACE;IACA;;EAIJ;IACE;;EAKE;IACE;;EAMN;IACE;;EAGF;IACE;;EAIA;IACE;IACA;;EAMA;IACE;IACA;IACA;;EAGF;IACE;;EAEA;IACE;IACA;;EAMR;IACE;;EAGE;IACE;;EAMJ;IACE;;EAIJ;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAIA;IACE;;EAMA;IACE;;EAQA;IACE;;EAcQ;IACE;;EAGF;IACE;;EAYZ;IACE;;EAEA;IACE;;EAQF;AAAA;IAEE;;EAMJ;IACE;;EAEA;IACE;;EAEA;IACE;IACA;;EAEA;IACE;;EAGF;IACE;IACA,aC3kID;ID4kIC;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;;EAGF;IACE;IACA,aC3lID;ID4lIC;IACA;;EAOV;IACE;;EAGE;IACE;;EAUJ;IACE;;EAEA;IACE;;EAIJ;IACE;;EAGF;IACE;;EAMR;IACE;;EAIA;IACE;;EAKE;IACE;;EAGF;IACE;;EAON;IACE;IACA;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACE;;EAIA;IACE;IACA;;EAOF;IACE;;EAMF;AAAA;IAEE;;EAGF;IACE;;EAGF;IACE;;EAGE;IACE;;EAEA;IACE;;EAIJ;IACE;IACA;;EAOV;IACE;IACA;;EAGE;IACE;;EAKF;IACE;;EAEA;IACE;IACA;IACA;IACA;;EAMR;IACE;;EAIA;IACE;IACA;;EAMA;IACE;;EAMJ;IACE;;EASI;AAAA;AAAA;IAGE;;EAKN;IACE;;EAMI;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;IACE;;EAMR;IACE;;EAGF;IACE;IACA;IACA;;EAEE;IACE;;AAOV;EAsBI;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAOJ;IACE;;EAIA;IACE;;EAGF;IACE;;EAEA;IAEE;IACA;IACA;IACA;;EAKF;IACE;IACA;;EAKF;IACE;;EAOF;IACE;;EAUF;IACE;IACA;;EAGF;IACE;;EASJ;IACE;;EAIJ;IACE;;EAMJ;IACE;;EAGF;IACE;;EAKA;IACE;;EAEA;IACE;;EAGF;IACE;;EAOF;IACE;;EAIJ;IACE;;EAIA;IACE;;EAOF;IACE;;EAMN;IACE;;EAEA;IACE;;EAGF;IACE;;EAIA;IACE;;EAGF;IACE;IACA;IACA;;EAQF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAOR;IACE;;EAOA;IACE;IACA;;EAQF;IACE;IACA;;EAGF;IACE;;EAMF;IACE;;EAKJ;IACE;;EAGF;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACE;;EAIA;IACE;;EAGF;IACE;;EAIJ;IACE;;EAOI;IACE;;EASN;IACE;;EAIA;IACE;;EAMN;IACE;;EAQE;IACE;IACA;;EAIJ;IACE;;EAKJ;IACE;;EAGF;IACE;;EAME;IACE;;EAWI;IACE;;EAWR;IACE;;EAGF;IACE;;EAQF;IACE;;EAOJ;IACE;;EAQE;IACE;;EASJ;IACE;;EAMN;IACE;;EAKF;IACE;;EAIF;IACE;;EAME;IAEE;;EAGF;IACE;IACA;IACA;IACA;;EASE;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;EASN;IACE;;EAOJ;IACE;;;AAKN;EAEE;IACE;;EAGF;IACE;;EAGF;IACE;;EAKE;IACE;;EAEA;IACE;;EAON;IACE;;EAIJ;IACE;;EAIA;IACE;IACA;;EAEA;IACE;IACA;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;;EAMJ;IACE;IACA;;EAOF;IACE;;EAEA;IACE;;EAQJ;IACE;IACA;;EAEA;IAEE;;EAMR;IACE;;EAIA;IACE;;EAKF;IACE;;EAIJ;IACE;;EAIA;IACE;;EAIA;IACE;;EAMJ;IACE;;EAIJ;IACE;;EAII;IACE;;EAMJ;IACE;;EAKF;IACE;;EAGF;IACE;;EAKF;IACE;;EAQA;IACE;IACA;;EAKF;IACE;;EASJ;IACE;;EAUE;IACE;;EAKF;IACE;;EAQV;IACE;;EAKA;IACE;;EAEA;IACE;;EAMN;IACE;;EAKA;IACE;;EAEA;IACE;;EAMN;IACE;;;AAKJ;EAOY;IACE;;EASV;IACE;;EAIJ;IACE;IACA;;EAEA;IACE;;EAGF;IACE;;EAKE;IACE;;EAMR;IACE;;EAQM;IACE;;EAOI;IACE;IACA;;EAYR;IACE;;EAOI;IACE;IACA;;EAcV;IACE;;;AAOV;EAMY;IACE;;EAeE;IACE;;EAUhB;IACE;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;;EAGF;IACE;;EAGF;IACE;;EAMI;IACE;;EAEA;IACE;;EAOV;IACE;;EAKE;IACE;;EAOJ;IACE;IACA;;EASI;IACE;IACA;;EAQR;IACE;;EAMA;IACE;;EAUE;IACE;IACA;;EAKF;IACE;IACA;;EAKF;IACE;IACA;;EAMJ;IACE;IACA;IACA;IACA;IACA;;EAON;IACE;;EAIA;IACE;;EAMA;IACE;;EAMR;IACE;;EAGF;IACE;;EAIA;IACE;;EAKE;IACE;;EAQJ;IACE;;EAIA;IACE;;EAOF;IACE;;EAON;IACE;;EAIJ;IACE;;EAME;IACE;;EAUA;IACE;;EAKN;IACE;;EAOA;IACE;;EAIJ;IACE;;EAIJ;IACE;;EASM;IACE;;EAWJ;IACE;IACA;;EAIJ;IACE;IACA;IACA;;EAQF;IACE;;EAUA;IACE;;EASJ;IACE;;EAMN;IACE;;EAME;IACE;;EASA;IACE;;EAQN;IACE;;EAMF;IACE;;EAIA;IACE;;EAMN;IACE;IACA;;EAOI;IACE;;EAGF;IACE;IACA;;EAON;IACE;IACA;;;AAQN;EAGM;IACE;IACA;;EAMJ;IACE;;;AAKN;EAMY;IACE;;;AASd;AAAA;AAAA","file":"responsive.css","sourcesContent":["/**=====================\n     62. Responsive CSS Start\n==========================**/\n\n/* ========= min and max scss for 1200 to 1366 screen ========= */\n@media (max-width:1800px) {\n\n  // chat page //\n  .caller-img {\n    display: none;\n  }\n}\n\n@media screen and (max-width: 1660px) {\n  .photos {\n    ul {\n      li {\n        width: 26%;\n      }\n    }\n  }\n\n  .bar-chart {\n    canvas {\n      width: 100% !important;\n    }\n  }\n\n  .chat-left-aside {\n    .people-list {\n      height: 520px;\n    }\n  }\n\n  .caller-img {\n    position: absolute;\n    width: 100%;\n    max-width: 100%;\n    left: 15px;\n\n    img {\n      opacity: 0.7;\n    }\n  }\n}\n\n@media screen and (max-width: 1600px) {\n  .page-wrapper {\n    &.horizontal-wrapper {\n      &.material-type {\n        .page-header {\n          max-width: 1320px;\n        }\n\n        .page-body-wrapper {\n\n          .sidebar-wrapper,\n          .page-body {\n            max-width: 1320px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media (max-width: 1470px) {\n  .basic_table {\n    .table-responsive {\n      .table {\n        tbody {\n          tr {\n            td {\n              &:nth-child(n+2) {\n                min-width: 180px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .signal-table {\n    &.table-responsive {\n      .table {\n        tbody {\n          tr {\n            td {\n              &:nth-child(n+2) {\n                min-width: 240px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 1660px) and (min-width: 1200px) {\n  .xl-none {\n    display: none;\n  }\n\n  .xl-66 {\n    max-width: 66.67%;\n    flex: 0 0 66.67%;\n  }\n\n  .xl-77 {\n    max-width: 77%;\n    flex: 0 0 77%;\n  }\n\n  .xl-60 {\n    max-width: 60%;\n    flex: 0 0 60%;\n  }\n\n  .xl-50 {\n    max-width: 50%;\n    flex: 0 0 50%;\n  }\n\n  .xl-100 {\n    max-width: 100%;\n    flex: 0 0 100%;\n  }\n\n  .xl-23 {\n    max-width: 23%;\n    flex: 0 0 23%;\n  }\n\n  .xl-25 {\n    max-width: 25%;\n    flex: 0 0 25%;\n  }\n\n  .xl-40 {\n    max-width: 40%;\n    flex: 0 0 40%;\n  }\n\n  .xl-4 {\n    max-width: 33.33%;\n    flex: 0 0 33.33%;\n  }\n}\n\n@media (max-width: 1280px) {\n\n  .img-gallery-set1,\n  .img-gallery-set5 {\n    display: none;\n  }\n\n  .box-layout.page-wrapper.horizontal-wrapper {\n    .page-header {\n      padding-left: unset;\n      max-width: unset;\n      left: unset;\n    }\n\n    .page-body-wrapper {\n      width: unset;\n    }\n  }\n}\n\n@media screen and (max-width: 1580px) and (min-width: 1200px) {\n  .smooth-animate {\n    .label {\n      top: -145px;\n    }\n  }\n\n  .step-progress-wrapper {\n    ul {\n      li {\n        margin: 0 5px;\n\n        .p-step::after {\n          width: 120px;\n        }\n      }\n    }\n  }\n\n  .docs-buttons,\n  .docs-toggles {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n\n  .badge-heading {\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5 {\n      margin-bottom: 38px;\n    }\n  }\n}\n\n@media screen and (max-width: 1366px) and (min-width: 1200px) {\n  .flot-chart-container-small {\n    height: 227px;\n  }\n\n  .progress-chart {\n\n    #progress4 {\n      display: none;\n    }\n  }\n\n  .call-chat-sidebar {\n    max-width: 262px;\n  }\n\n  .product-box {\n    .product-details {\n      padding: 15px;\n\n      p {\n        margin-bottom: 10px;\n      }\n    }\n  }\n\n  .flot-chart-container {\n    height: 130px;\n  }\n\n  .custom-card {\n    .card-profile {\n      img {\n        height: 115px;\n      }\n    }\n\n    .profile-details {\n      h4 {\n        font-size: 18px;\n      }\n\n      h6 {\n        margin-bottom: 24px;\n      }\n    }\n\n    .card-footer {\n      >div {\n        h3 {\n          font-size: 18px;\n        }\n      }\n    }\n  }\n\n  // chat\n  .chat-body {\n    padding: 10px;\n  }\n\n  .chat-left-aside {\n    .people-list {\n      height: 420px;\n\n      ul {\n        max-height: 376px;\n        overflow-y: auto;\n      }\n    }\n\n    .status-circle {\n      top: 4px;\n      left: 36px;\n    }\n  }\n\n  //blog scss\n  .blog-box {\n    .blog-details-main {\n      .blog-bottom-details {\n        margin: 20px 10px;\n      }\n\n      .blog-social {\n        li {\n          padding: 0px 10px;\n        }\n      }\n    }\n  }\n\n  .blog-bottom-content {\n    display: none;\n  }\n\n  .blog-box.blog-shadow {\n    .blog-details {\n      padding: 10px;\n    }\n  }\n\n  // alert page\n  .alert-dismissible {\n    p {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 385px;\n    }\n  }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    .touchspin-vertical-tab {\n      .input-group {\n        width: 96% !important;\n      }\n    }\n  }\n}\n\n@media (max-width: 1399px) {\n  .main-bookmark {\n    .email-left-aside {\n      .card {\n        .card-body {\n          height: 500px;\n          overflow-y: scroll;\n        }\n      }\n    }\n  }\n\n  .main-divider {\n    .divider-body {\n      &.divider-body-1 {\n        margin-bottom: 26px;\n      }\n\n      &.divider-body-3 {\n        margin-bottom: 32px;\n      }\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1366px) {\n  .bookmark-wrap {\n    .task-sidebar {\n      height: auto;\n    }\n  }\n\n  // product page\n  .grid-options {\n    ul {\n      li {\n        &:last-child {\n          display: none;\n        }\n      }\n    }\n  }\n\n  .product-wrapper-grid {\n    &.list-view {\n      .product-box {\n        .product-img {\n          width: 25%;\n        }\n      }\n    }\n  }\n\n  // cart page\n  .cart {\n    .qty-box {\n      width: 40%;\n    }\n  }\n\n  // alert page\n  .alert-dismissible {\n    strong {\n      &~p {\n        display: inline;\n      }\n    }\n  }\n\n  // timeline small page\n  .timeline-small {\n    .d-flex {\n      .flex-grow-1 {\n        p {\n          width: 95%;\n        }\n      }\n    }\n  }\n\n  .map-js-height {\n    height: 350px;\n  }\n\n  // chat page\n  .chat-right-aside {\n    flex: 0 0 60%;\n    max-width: 60%;\n    overflow: hidden;\n\n    .chat {\n      .chat-message {\n        .smiley-box {\n          width: 45px;\n        }\n      }\n    }\n  }\n\n  .equal-height-xl {\n    height: 517px;\n  }\n\n  .authentication-main {\n    .auth-innerright {\n      background-size: cover;\n    }\n  }\n\n  .grp-btns {\n    display: inline-block;\n  }\n\n  .button-builder {\n    .button-generator-bx {\n      position: relative;\n      width: 100%;\n    }\n  }\n\n  //ecommerce dashboard\n  .ecommerce-widget {\n    .total-num {\n      font-size: 23px;\n      letter-spacing: 0px;\n    }\n  }\n\n  .support-ticket-font {\n    .total-num {\n      font-size: 22px;\n    }\n  }\n\n  //default dashboard\n  .custom-card {\n    padding: 15px;\n\n    .card-social {\n      li {\n        a {\n          padding: 12px;\n        }\n      }\n    }\n  }\n\n  .map-chart {\n    .chart-container {\n      height: 300px;\n    }\n\n  }\n\n  .speed-chart {\n    .chart-container {\n      height: 250px;\n      margin-top: -40px;\n      margin-bottom: 100px;\n    }\n  }\n\n  .candidcahrt {\n    height: 360px;\n  }\n\n  //chart widget\n  .status-details {\n    h3 {\n      font-size: 18px;\n    }\n  }\n\n  .chart-widget-top {\n    .total-value {\n      font-size: 20px;\n    }\n  }\n\n  .status-widget {\n    .card-body {\n      padding: 10px;\n    }\n  }\n\n  //general widget\n\n  .testimonial {\n    i {\n      font-size: 46px;\n    }\n\n    p {\n      margin-top: 20px;\n    }\n  }\n\n  //chat\n  .chat-body {\n    padding: 10px;\n  }\n\n  .chat-left-aside {\n    .people-list {\n      height: 490px;\n\n      ul {\n        max-height: 434px;\n        overflow-y: auto;\n      }\n    }\n  }\n\n  .status-circle {\n    top: 4px;\n    left: 37px;\n  }\n\n  // image cropper page\n  .img-cropper {\n    .docs-toggles {\n      margin-top: 8px;\n    }\n  }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    .dropdown-basic {\n      .dropdown {\n        .dropdown-content {\n          left: -21px;\n        }\n      }\n    }\n  }\n\n  // datatable advance page\n  #advance-5_wrapper {\n    .dataTables_paginate {\n      margin-bottom: 8px;\n    }\n  }\n\n  // jsgrid-table page\n  // forgot password page\n  .reset-password-box {\n    .theme-form {\n      .form-group {\n        .btn {\n          padding: 6px 22px;\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1366px) and (min-width: 1200px) {\n  .page-wrapper {\n    &.horizontal-wrapper {\n      &.material-type {\n\n        .page-header {\n          max-width: 1140px;\n        }\n\n        .page-body-wrapper {\n\n          .sidebar-wrapper,\n          .page-body {\n            max-width: 1140px;\n          }\n        }\n      }\n    }\n  }\n\n}\n\n@media only screen and (max-width:1299px) {\n  .progress-chart {\n\n    #progress3 {\n      display: none;\n    }\n  }\n}\n\n@media only screen and (max-width: 1199.98px) {\n  .heart-rating {\n    .rating-system3 {\n      padding-bottom: 50px;\n      padding-top: 8px;\n\n      .rating-text {\n        top: 15px;\n      }\n    }\n  }\n\n  .md-sidebar {\n    .md-sidebar-toggle {\n      display: block;\n    }\n\n    .md-sidebar-aside {\n      position: absolute;\n      top: 40px;\n      left: 0;\n      opacity: 0;\n      visibility: hidden;\n      z-index: 3;\n      width: 280px;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 0;\n      }\n\n      &.open {\n        opacity: 1;\n        visibility: visible;\n      }\n    }\n\n    .job-sidebar {\n      background-color: var(--white);\n      padding: 20px;\n      box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);\n      height: 600px;\n      overflow-y: auto;\n\n      .faq-accordion.default-according {\n        margin-bottom: 0;\n\n        .row {\n          >div {\n            &:last-child {\n              .card {\n                margin-bottom: 0;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .file-sidebar {\n    padding-right: 12px;\n\n    [dir=\"rtl\"] & {\n      padding-right: 0;\n    }\n  }\n\n  .col-xl-7.b-center.bg-size {\n    top: 0;\n    height: 100vh;\n    opacity: 0.5;\n    position: fixed;\n  }\n\n  .login-card {\n    background: transparent;\n  }\n\n  .knowledgebase-bg {\n    height: 400px;\n  }\n\n  .knowledgebase-search {\n    .form-inline {\n      width: 400px;\n      padding: 7px 45px;\n\n      svg {\n        top: 14px;\n      }\n    }\n  }\n\n  .btn-group {\n    .btn {\n      padding: 0.375rem 1.25rem;\n    }\n  }\n\n  .link-section>div {\n    &.active {\n      >h6 {\n        &:before {\n          content: \"\\f107\";\n          transition: content 0.3s ease;\n        }\n      }\n    }\n\n    >h6 {\n      position: relative;\n\n      &:before {\n        content: \"\\f105\";\n        font-family: fontAwesome;\n        position: absolute;\n        right: 10px;\n        font-size: 18px;\n        transition: content 0.3s ease;\n      }\n    }\n  }\n\n  .alert-theme {\n    min-width: 420px;\n  }\n\n  // sidebar css\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          position: unset;\n          padding: 0;\n\n          >ul {\n            li {\n              .submenu {\n                li {\n                  &:first-child {\n                    padding-left: 15px !important;\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .mobile-sidebar {\n          .switch-sm {\n            .switch {\n              margin-top: 6px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // social app page\n  .photos {\n    ul {\n      li {\n        width: auto;\n\n        &:nth-child(3n) {\n          margin-right: 15px;\n        }\n      }\n    }\n  }\n\n  // timeline small page\n  .timeline-small {\n    .d-flex {\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            height: 33px;\n            bottom: -52px;\n          }\n        }\n\n        &.small-line {\n          &:after {\n            height: 18px;\n            bottom: -34px;\n          }\n        }\n\n        &.medium-line {\n          &:after {\n            height: 30px;\n            bottom: -52px;\n          }\n        }\n      }\n\n      .flex-grow-1 {\n        p {\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  .lg-mt-col {\n    margin-top: 30px;\n  }\n\n  .xl-none {\n    display: none;\n  }\n\n  .lg-mt {\n    margin-top: 30px;\n  }\n\n  .product-wrapper-grid {\n    &.list-view {\n      .product-box {\n        .product-img {\n          width: 32%;\n        }\n      }\n    }\n  }\n\n  .typography {\n    .row {\n      div {\n        &+div {\n          margin-top: 30px;\n        }\n      }\n    }\n  }\n\n  .listing {\n    .card-body {\n      .row {\n        >div {\n          &+div {\n            margin-top: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  .flot-chart-container {\n    height: 200px;\n  }\n\n  .img-cropper {\n    #putData {\n      margin-bottom: 10px;\n    }\n\n    .docs-toggles {\n      >.dropdown {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .error-wrapper {\n    .maintenance-icons {\n      li {\n        i {\n          color: $light-color;\n          font-size: 40px;\n        }\n\n        &:nth-child(2) {\n          i {\n            font-size: 80px;\n            margin-left: 90px;\n          }\n        }\n\n        &:nth-child(3) {\n          i {\n            font-size: 120px;\n            margin-top: -75px;\n            margin-right: 110px;\n          }\n        }\n      }\n    }\n  }\n\n  div {\n    &.dataTables_wrapper {\n      div {\n        &.dataTables_paginate {\n          &~.dataTables_filter {\n            display: block;\n            width: 100%;\n            margin-top: 20px;\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .jvector-map-height {\n    height: 280px;\n  }\n\n  .blog-list {\n    .blog-details {\n      p {\n        margin-bottom: 5px;\n      }\n    }\n  }\n\n  .custom-card {\n    .card-profile {\n      .card-footer {\n        >div {\n          h3 {\n            font-size: 18px;\n          }\n        }\n      }\n    }\n  }\n\n  .equal-height-lg {\n    min-height: unset !important;\n  }\n\n  .button-builder {\n    .button-generator-bx {\n      position: relative;\n      width: 100%;\n    }\n  }\n\n  //blog\n  .blog-single {\n    .comment-box {\n      ul {\n        .comment-social {\n          margin-left: 0;\n\n          [dir=\"rtl\"] & {\n            margin-left: unset;\n            margin-right: 0;\n          }\n        }\n      }\n    }\n  }\n\n  //error and maintenance\n  .error-wrapper {\n    .maintenance-heading {\n      margin-top: 30px;\n\n      .headline {\n        font-size: 50px;\n        margin-top: -15%;\n        margin-bottom: 0px;\n      }\n\n      .cloud-second {\n        margin-top: -25px;\n      }\n    }\n  }\n\n  // general widget\n  .testimonial {\n    p {\n      margin-top: 17px;\n    }\n  }\n\n  //e-commerce dashboard\n  .crm-overall {\n    .overall-chart {\n      height: 200px;\n    }\n  }\n\n  // e-commerce product\n  .product-table {\n    table.dataTable thead>tr>th {\n      padding-right: 50px;\n    }\n  }\n\n  //chat\n  .chat-menu-icons {\n    display: block;\n    clear: both;\n  }\n\n  .chat-menu {\n    right: 0;\n    border-top: 1px solid $light-semi-gray;\n    opacity: 0;\n    transform: translateY(-30px);\n    visibility: hidden;\n    top: 60px;\n    position: absolute !important;\n    z-index: 3;\n    background-color: $white;\n    transition: all linear 0.3s;\n\n    &.show {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0px);\n      transition: all linear 0.3s;\n      padding-bottom: 25px;\n    }\n  }\n\n\n  .chat-right-aside {\n    flex: 0 0 100%;\n    max-width: calc(100% - 15px);\n    overflow: hidden;\n  }\n\n  // tour page\n  .like-comment-lg-mb {\n    margin-bottom: 12px;\n  }\n\n  // ribbons page\n  .ribbon-space-bottom {\n    top: 9px;\n  }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    .touchspin-vertical-tab {\n      .input-group {\n        width: 98.5% !important;\n      }\n    }\n  }\n\n  // user-profile page\n  .profile-img-style {\n    #aniimated-thumbnials-3 {\n      text-align: center;\n    }\n  }\n\n  // vertical page\n  .vertical-menu-mt {\n    margin-top: 80px !important;\n\n    .xl-none {\n      display: block;\n    }\n  }\n\n  // calender page\n  .calendar-wrap {\n    .fc-day-grid-event {\n      width: 87%;\n    }\n  }\n\n  // product-page //\n  .product-page-main {\n    .product-page-details {\n      h3 {\n        font-size: 26px;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1199px) and (min-width: 992px) {\n  .page-wrapper {\n    &.horizontal-wrapper {\n      &.material-type {\n        .page-header {\n          max-width: 930px;\n        }\n\n        .page-body-wrapper {\n\n          .sidebar-wrapper,\n          .page-body {\n            max-width: 930px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 991.98px) {\n  .simplebar-mask {\n    top: 70px;\n  }\n\n  .project-box {\n    margin-bottom: 20px;\n  }\n\n  .page-wrapper {\n    &.modern-type {\n      .simplebar-mask {\n        top: 70px;\n      }\n    }\n\n    &.compact-sidebar {\n      .simplebar-mask {\n        top: 87px;\n      }\n\n      .page-header {\n        margin-left: 0;\n        width: calc(100% - 0px);\n      }\n\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          &.close_icon {\n            .sidebar-main {\n              .sidebar-links {\n                li {\n                  .sidebar-link {\n                    &.active {\n                      ~.sidebar-submenu {\n                        display: none !important;\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        .page-body {\n          margin-top: 60px;\n        }\n      }\n\n      // &.compact-small{\n      //   .page-body-wrapper{\n      //     div.sidebar-wrapper{\n      //       &.close_icon{\n      //         .sidebar-main{\n      //           .sidebar-links{\n      //             li{\n      //               .sidebar-link{\n      //                 &.active{\n      //                   ~{\n      //                     .sidebar-submenu{\n\n      //                     }\n      //                   }\n      //                 }\n      //               }\n      //             }\n      //           }\n      //         }\n      //       }\n      //     }\n      //   }\n      // }\n    }\n\n    &.only-body {\n      .page-header {\n        .header-wrapper {\n          .search-full {\n            .Typeahead-menu {\n              top: 65px;\n            }\n          }\n        }\n      }\n    }\n\n    &.advance-layout {\n      .page-body-wrapper {\n        .sidebar-wrapper {\n          position: fixed !important;\n          top: 0 !important;\n        }\n      }\n    }\n  }\n\n  .product-box {\n    .modal {\n      .modal-header {\n        .product-box {\n          .product-details {\n            padding-left: 15px;\n            padding-right: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  .search-form {\n    .form-group {\n      &:before {\n        top: 33px;\n      }\n\n      &:after {\n        top: 35px;\n      }\n    }\n  }\n\n  .mobile-title {\n    &.d-none {\n      padding: 11px 30px 10px;\n    }\n  }\n\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          .profile-dropdown {\n            top: 50px;\n          }\n        }\n\n        .search-full {\n          input {\n            line-height: 50px;\n          }\n\n          .form-group {\n            .close-search {\n              top: 20px;\n            }\n\n            &:before {\n              top: 20px;\n            }\n          }\n        }\n      }\n    }\n\n    .current_lang {\n      .lang {\n        span {\n          &.lang-txt {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n\n  .customizer-contain {\n    top: 62px;\n  }\n\n  .m-r-30 {\n    margin-right: 20px;\n  }\n\n  .card.full-card {\n    top: 60px;\n    width: calc(100vw - 0px);\n  }\n\n  .vertical-mobile-sidebar {\n    right: 75px;\n    top: 18px;\n  }\n\n  .gallery {\n    margin-bottom: -20px;\n  }\n\n  .my-gallery {\n    figure {\n      margin-bottom: 20px;\n    }\n  }\n\n  #aniimated-thumbnials {\n    figure {\n\n      &:nth-child(12),\n      &:nth-child(11),\n      &:nth-child(10),\n      &:nth-child(9) {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  .photoswipe-pb-responsive {\n    padding-bottom: 25px !important;\n  }\n\n  // datatable css\n  table {\n    &.dataTable {\n\n      &.fixedHeader-locked,\n      &.fixedHeader-floating {\n        left: 0 !important;\n        width: 100% !important;\n        max-width: unset !important;\n\n        tr {\n          display: flex;\n          flex-wrap: wrap;\n        }\n      }\n    }\n  }\n\n  // main header css\n  .page-wrapper {\n    .section-space {\n      padding: 60px 0;\n    }\n\n    .card {\n      margin-bottom: 20px;\n\n      .card-header,\n      .card-body,\n      .card-footer {\n        padding: 20px;\n\n        .tab-content {\n          .m-t-30 {\n            margin-top: 20px !important;\n          }\n\n          .m-b-30 {\n            margin-bottom: 20px !important;\n          }\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      .footer-fix {\n        margin-left: 0px;\n        padding-right: 15px;\n        width: calc(100% - 0px) !important;\n      }\n    }\n\n    &.compact-wrapper {\n      .page-header {\n        margin-left: 0 !important;\n        width: calc(100% - 0px) !important;\n\n        .header-wrapper {\n          .maximize {\n            display: none;\n          }\n\n          .header-logo-wrapper {\n            display: flex;\n          }\n\n          .toggle-sidebar {\n            position: unset;\n            margin-right: 15px;\n            border-right: 1px solid $ps-light-border;\n            ;\n            padding-right: 15px;\n            display: block;\n\n            &:before {\n              display: none;\n            }\n          }\n\n          .toggle-nav {\n            display: none;\n          }\n        }\n      }\n\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          top: 0;\n\n          &.close_icon {\n            &:hover {\n              transform: translate(-285px);\n            }\n          }\n\n          .logo-wrapper {\n            padding: 17px 30px;\n\n            .back-btn {\n              display: inline-block;\n              float: right;\n              font-size: 20px;\n              top: 20px;\n              position: absolute;\n              right: 26px;\n              cursor: pointer;\n            }\n\n            .toggle-sidebar {\n              display: none;\n            }\n          }\n\n          .sidebar-main {\n            .sidebar-links {\n              height: calc(100vh - 95px)\n            }\n          }\n\n          &.close_icon {\n            transform: translate(-285px);\n\n            .sidebar-main {\n              .sidebar-links {\n                height: unset;\n              }\n            }\n          }\n        }\n\n        .page-body {\n          margin-top: 60px;\n          padding: 0 15px;\n        }\n      }\n    }\n\n    &.compact-sidebar {\n      .page-header {\n        .header-wrapper {\n          .maximize {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.modern-type {\n      .page-header {\n        .header-wrapper {\n          .logo-wrapper {\n            display: none;\n            margin-right: 0;\n          }\n        }\n      }\n\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          margin: 0 !important;\n\n          .logo-wrapper {\n            display: block;\n          }\n        }\n      }\n    }\n\n    &.material-icon {\n      .page-header {\n        padding-left: 0;\n      }\n\n      .page-body-wrapper {\n        .page-body {\n          padding-left: 15px;\n        }\n      }\n    }\n\n    .page-header {\n      .header-wrapper {\n        margin: 0;\n        padding: 12px 30px;\n\n        .nav-right {\n          .notification {\n            top: 10px;\n          }\n\n        }\n\n        >.mobile-toggle {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n        }\n\n        .header-logo-wrapper {\n          margin-right: 0;\n        }\n      }\n\n      .header-logo-wrapper {\n        .logo-wrapper {\n          img {\n            margin-top: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .page-body-wrapper {\n\n    .page-body,\n    footer {\n      margin-left: 0 !important;\n\n      #customer-review {\n        .owl-stage-outer {\n          width: 100% !important;\n        }\n      }\n    }\n  }\n\n  .default-according {\n    .card {\n      margin-bottom: 10px !important;\n\n      .card-header {\n        padding: 0 !important;\n      }\n    }\n  }\n\n  .faq-wrap {\n    .faq-accordion {\n      &.default-according {\n        .card {\n          .faq-header {\n            padding: 20px 20px 0 !important;\n          }\n        }\n      }\n    }\n  }\n\n  // social-app\n  .tabs-social {\n    position: relative;\n    padding-top: 60px;\n\n    li {\n      &:nth-child(3) {\n        position: absolute;\n        top: -25px;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n      }\n    }\n  }\n\n  // general widget page\n  .crm-activity {\n    > {\n      li {\n        +li {\n          margin-top: 10px;\n          padding-top: 10px;\n        }\n      }\n    }\n  }\n\n  // add post page\n  .add-post {\n\n    .dropzone {\n      margin-bottom: 20px;\n    }\n  }\n\n  // avatar page\n  .customers {\n    &.avatar-group {\n      margin-right: 20px;\n    }\n  }\n\n  //social app page css\n  .socialprofile {\n    .social-btngroup {\n      margin: 20px 0;\n    }\n\n    .social-group {\n      margin-top: 20px;\n    }\n  }\n\n  .social-status {\n    form {\n      .form-group {\n        .form-control-social {\n          margin-bottom: 20px;\n        }\n      }\n    }\n\n    .d-flex {\n      margin-bottom: 20px;\n    }\n  }\n\n  .timeline-content {\n\n    p,\n    .comments-box {\n      margin-top: 20px;\n    }\n  }\n\n  .social-chat {\n    margin-top: 20px;\n\n    .flex-grow-1 {\n      padding: 20px;\n    }\n\n    .your-msg,\n    .other-msg {\n      margin-bottom: 20px;\n    }\n  }\n\n  .social-network {\n    span {\n      margin-bottom: 20px;\n    }\n  }\n\n  .details-about {\n    +.details-about {\n      margin-top: 20px;\n    }\n  }\n\n  .activity-log {\n    .my-activity {\n      +.my-activity {\n        margin-top: 20px;\n      }\n    }\n  }\n\n  .new-users-social {\n    margin-bottom: 20px;\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .d-flex {\n      margin-bottom: 20px;\n\n      .flex-grow-1 {\n        h6 {\n          margin-bottom: 20px;\n        }\n\n        p {\n          width: 75%;\n        }\n      }\n\n      .timeline-round {\n        width: 45px;\n        height: 45px;\n        top: -14px;\n\n        &.timeline-line-1 {\n          &:after {\n            bottom: -41px;\n            height: 25px;\n          }\n        }\n\n        &.small-line {\n          &:after {\n            bottom: -26px;\n            height: 14px;\n          }\n        }\n\n        &.medium-line {\n          &:after {\n            bottom: -33px;\n            height: 17px;\n          }\n        }\n\n        svg {\n          top: 14px;\n        }\n      }\n    }\n  }\n\n  // helper classes page start\n  .helper-classes {\n    padding: 20px;\n  }\n\n  // helper classes page ends\n  .floated-customizer-btn,\n  .floated-customizer-panel {\n    display: none;\n  }\n\n  .ecommerce-widget {\n    .progress-showcase {\n      margin-top: 20px;\n    }\n  }\n\n  .crm-overall {\n    margin: 0 -20px -20px;\n  }\n\n  .product-page-main {\n    padding: 20px;\n  }\n\n  .grid-options {\n    ul {\n      li {\n        &:nth-child(3) {\n          display: none;\n        }\n      }\n    }\n  }\n\n  .feature-products {\n    form {\n      .form-group {\n        i {\n          right: 20px;\n        }\n      }\n    }\n  }\n\n  .tilt-showcase {\n    .tilt-image {\n      text-align: center;\n    }\n\n    .mt-4 {\n      margin-top: 20px !important;\n    }\n  }\n\n  .custom-card {\n    padding-bottom: 0;\n\n    .card-footer {\n      padding: 0 15px 15px 15px !important;\n    }\n\n    .card-header {\n      border: none;\n    }\n\n    .dashboard-card {\n      padding: 0;\n    }\n\n    .card-profile {\n      img {\n        height: 155px;\n      }\n    }\n  }\n\n  .display-1 {\n    font-size: calc(30px + (64 - 30) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n  .display-2 {\n    font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n  .display-3 {\n    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n  .display-4 {\n    font-size: calc(18px + (33 - 18) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n  .display-5 {\n    font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n  .display-6 {\n    font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n  .typography {\n    .h1 {\n      @media (max-width:1200px) {\n        font-size: calc(16px + (34 - 16) * ((100vw - 320px) / (1200 - 320)));\n      }\n    }\n\n    .h2 {\n      font-size: 30px;\n\n      @media (max-width:1200px) {\n        font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1200 - 320)));\n      }\n    }\n\n    .h3 {\n      font-size: 22px;\n\n      @media (max-width:1200px) {\n        font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320)));\n      }\n    }\n\n    .h4 {\n      font-size: 20px;\n\n      @media (max-width:1200px) {\n        font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1200 - 320)));\n      }\n    }\n\n    .h5 {\n      font-size: 18px;\n\n      @media (max-width:1200px) {\n        font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1200 - 320)));\n      }\n    }\n\n    .h6 {\n      font-size: 15px;\n\n      @media (max-width:1200px) {\n        font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1200 - 320)));\n      }\n    }\n  }\n\n  h1 {\n    font-size: calc(20px + (34 - 20) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n\n  h2 {\n    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n  h3 {\n    font-size: calc(17px + (26 - 17) * ((100vw - 320px) / (1200 - 320)));\n\n  }\n\n  h4 {\n    font-size: calc(17px + (22 - 17) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n  h5 {\n    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n  h6 {\n    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));\n  }\n\n  .card-absolute {\n    .card-header {\n      padding: 10px 15px !important;\n    }\n  }\n\n  .comingsoon {\n    .comingsoon-inner {\n      .countdown {\n        .time {\n          width: 80px;\n          height: 80px;\n          font-size: 26px;\n        }\n      }\n    }\n  }\n\n  .calendar-wrap {\n    .basic-calendar {\n      .external-events {\n        .fc-event {\n          &+.fc-event {\n            margin-top: 10px;\n          }\n        }\n      }\n    }\n  }\n\n  .owl-theme {\n    .owl-nav {\n      &.disabled {\n        &+.owl-dots {\n          margin-bottom: -10px;\n          margin-top: 15px;\n        }\n      }\n    }\n  }\n\n  .card {\n    .card-header {\n      h5 {\n        font-size: 18px;\n      }\n\n      .card-header-right {\n        top: 12px;\n        right: 15px;\n      }\n    }\n  }\n\n  //user profile\n  .user-profile {\n    .hovercard {\n      .info {\n        .user-designation {\n          margin-bottom: 20px;\n        }\n      }\n    }\n  }\n\n  // search page //\n  .search-list {\n    justify-content: center;\n  }\n\n  //blog\n  .blog-single {\n    .comment-box {\n      .comment-social {\n        li {\n          padding-left: 15px;\n        }\n      }\n    }\n  }\n\n  //error and maintenace\n  .error-wrapper {\n    padding: 35px 0;\n\n    .maintenance-heading {\n      margin-top: 30px;\n    }\n  }\n\n  // editor_container //\n  .editor_container {\n    .CodeMirror {\n      min-height: 250px;\n      height: 250px;\n    }\n  }\n\n  //search\n  .search-page {\n    .info-block {\n      flex-wrap: wrap;\n    }\n\n    .tab-content {\n      .pb-4 {\n        padding-bottom: 20px !important;\n      }\n    }\n  }\n\n  // general widget\n  .xl-none {\n    display: block;\n  }\n\n  //blog\n  .top-radius-blog {\n    width: 100%;\n  }\n\n  .sm-100-w {\n    width: 100%;\n    height: 100%;\n  }\n\n  /*Form Wizard One start*/\n  .form-wizard {\n    .btn-mb {\n      margin-bottom: 20px;\n    }\n  }\n\n  /*Form Wizard One ends*/\n\n  /*Form Wizard Three Start*/\n  .f1 {\n    .f1-steps {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n  }\n\n  /*Form Wizard Three ends*/\n\n  /*Form Wizard Four Start*/\n  .wizard-4 {\n    ul.anchor {\n      padding-right: 20px;\n      width: 40%;\n\n      li {\n        a {\n          &.done {\n            h4 {\n              &:before {\n                top: -8px;\n              }\n            }\n          }\n        }\n\n        h4 {\n          padding: 11px 18px;\n          width: 45px;\n        }\n\n        +li {\n          a {\n            padding-left: 65px;\n\n            [dir=\"rtl\"] & {\n              padding-right: 65px;\n            }\n          }\n        }\n      }\n    }\n\n    .step-container {\n      width: 60%;\n\n      div.content {\n        .wizard-title {\n          width: 380px;\n        }\n      }\n    }\n\n    .login-card {\n      .login-main {\n        width: 380px;\n      }\n    }\n\n    .msg-box {\n      top: 25px !important;\n    }\n  }\n\n  /*Form Wizard Four ends*/\n  // tab material\n  .border-tab.nav-tabs {\n    margin-bottom: 20px;\n  }\n\n  .tab-content {\n    ~.nav-tabs {\n      &.border-tab {\n        margin-top: 20px;\n      }\n    }\n  }\n\n  // support ticket\n  .dataTables_wrapper {\n    .dataTables_length {\n      margin-bottom: 20px;\n    }\n\n    table.dataTable {\n      margin-bottom: 20px !important;\n    }\n  }\n\n  // search page\n  .search-page {\n    .info-block {\n      +.info-block {\n        padding-top: 20px;\n        margin-top: 20px;\n      }\n    }\n\n    #video-links {\n      .embed-responsive+.embed-responsive {\n        margin-top: 20px;\n      }\n    }\n  }\n\n  .lg-mt {\n    margin-top: 20px;\n  }\n\n  .gallery-with-description {\n    margin-bottom: -20px;\n\n    a {\n      >div {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  // clipboard\n  .clipboaard-container {\n    p {\n      margin-bottom: 8px;\n    }\n  }\n\n  // summer-note\n  .m-b-30 {\n    margin-bottom: 20px !important;\n  }\n\n\n  // navs page\n  .nav-md-mt {\n    margin-top: 20px;\n  }\n\n  .navs-icon {\n    padding: 20px;\n\n    .main-section {\n      padding-top: 20px;\n    }\n\n    .separator {\n      margin: 20px 0;\n    }\n  }\n\n  .nav-list {\n    padding: 20px;\n  }\n\n  .navs-dropdown {\n    button {\n      margin-top: 20px;\n    }\n\n    .onhover-show-div {\n      top: 68px;\n    }\n  }\n\n  // animated modal page\n  .animated-modal {\n    .form-group {\n      width: 100%;\n      display: block;\n    }\n\n    .mr-4 {\n      margin-right: 0 !important;\n    }\n  }\n\n  // steps page\n  .steps-md-mt {\n    margin-top: 20px;\n  }\n\n  // button group page\n  .btn-group-wrapper {\n    .m-b-30 {\n      &:last-child {\n        margin-bottom: 0 !important;\n      }\n    }\n  }\n\n  // datatable advance page\n  #advance-5_wrapper {\n    .dataTables_paginate {\n      margin-bottom: 20px;\n    }\n  }\n\n  // call-chat page\n\n  .card {\n    .card-body {\n      form {\n        &.animated-modal {\n          display: flex;\n\n          .animated-modal-md-mb {\n            margin-bottom: 20px !important;\n          }\n\n        }\n      }\n    }\n  }\n\n  .wizard-4 {\n    .msg-box {\n      top: 40px;\n      right: 0%;\n      bottom: unset;\n      left: unset;\n    }\n  }\n\n  .theme-form {\n    &.form-inline {\n      display: flex;\n    }\n  }\n}\n\n@media only screen and (max-width: 991px) and (min-width: 768px) {\n  .page-wrapper {\n    &.compact-wrapper {\n      &.material-type {\n        &::before {\n          height: 230px;\n        }\n\n        .page-header {\n          width: calc(100% - 60px) !important;\n          margin: 50px auto 0 !important;\n        }\n\n        .page-body-wrapper {\n          margin: 0 30px;\n\n          div.sidebar-wrapper {\n            left: 0;\n          }\n\n          .page-body {\n            margin-top: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 767.98px) {\n  .left-sidebar-wrapper {\n    padding: 10px;\n\n    .advance-options .chats-user {\n      height: 200px;\n    }\n  }\n\n  .wizard-4 {\n    ul.anchor {\n      width: 100%;\n      height: auto;\n      padding: 30px;\n    }\n\n    .step-container {\n      width: 100%;\n    }\n  }\n\n  .contact-editform {\n    padding-left: 20px !important;\n  }\n\n  .event-calendar {\n    display: block !important;\n\n    #right {\n      width: 100%;\n    }\n\n    #calendar {\n      clear: both;\n    }\n  }\n\n  .page-wrapper {\n    &.material-type {\n      &::before {\n        display: none;\n      }\n\n      .page-header {\n        margin-top: 0;\n        border-radius: 0;\n      }\n\n      .page-body-wrapper {\n        .page-body {\n          margin-top: 0 !important;\n        }\n      }\n    }\n\n    &.only-body {\n      .page-header {\n        .header-wrapper {\n          .nav-right {\n            >ul {\n              >li {\n                margin-right: -2px;\n              }\n            }\n\n            .nav-menus {\n              margin-right: -10px;\n            }\n          }\n        }\n      }\n    }\n  }\n  .form-inline {\n    .form-group:not(.form-control-search) {\n      width: 100%;\n\n      +.form-group {\n        margin-top: 10px;\n      }\n\n      input {\n        width: 100%;\n      }\n    }\n  }\n\n  .credit-card {\n    .text-center {\n      img {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  .starter-kit-fix {\n    .page-body {\n      margin-bottom: 78px;\n    }\n  }\n\n  .blog-box {\n    .blog-details-main {\n      .blog-social {\n        li {\n          padding: 0 12px;\n        }\n      }\n    }\n\n    .blog-details {\n      .blog-social {\n        li {\n          &:first-child {\n            padding-right: 25px;\n\n            [dir=\"rtl\"] & {\n              padding-right: unset;\n              padding-left: 25px;\n            }\n          }\n\n          +li {\n            padding-left: 25px;\n\n            [dir=\"rtl\"] & {\n              padding-left: unset;\n              padding-right: 25px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .blog-single {\n    .blog-box {\n      .blog-details {\n        .blog-social {\n          li {\n            &:first-child {\n              padding-right: 12px;\n\n              [dir=\"rtl\"] & {\n                padding-right: unset;\n                padding-left: 12px;\n              }\n            }\n\n            +li {\n              padding-left: 12px;\n\n              [dir=\"rtl\"] & {\n                padding-left: unset;\n                padding-right: 12px;\n                margin: 0;\n                padding-left: 0;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .footer-copyright {\n    ~div {\n      text-align: center;\n\n      p {\n        float: none;\n        margin-top: 5px;\n      }\n    }\n  }\n\n  // social app page css\n  .tabs-social {\n    &.border-tab {\n      &.nav-tabs {\n        display: flex;\n        flex-wrap: wrap;\n      }\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .d-flex {\n      .flex-grow-1 {\n        p {\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  // icon-compact layout page\n  .my-gallery {\n    figure {\n\n      &:nth-child(9),\n      &:nth-child(10) {\n        margin-bottom: 20px;\n      }\n    }\n  }\n\n  // project list //\n  .project-list {\n    .btn {\n      float: left;\n      margin-top: 5px;\n    }\n  }\n\n  // chat\n\n  .chat-left-aside {\n    .people-list {\n      ul {\n        max-height: 100px;\n      }\n    }\n  }\n\n  .clockpicker-align-top {\n    left: 55px !important;\n    top: 470px !important;\n\n    .arrow {\n      display: none;\n    }\n  }\n\n  .form-builder-column {\n    .form-body {\n      min-height: 250px;\n    }\n  }\n\n  .form-builder-2-header {\n    flex-wrap: wrap;\n\n    >div {\n      width: 100%;\n      margin-top: 10px;\n\n      nav {\n        float: none;\n      }\n    }\n  }\n\n  // form-builder\n  .lg-mt-col {\n    margin-top: 20px;\n  }\n\n  .form-builder {\n    .drag-box {\n      fieldset {\n        padding: 20px;\n        margin-top: 20px;\n      }\n    }\n\n    #components {\n      margin-top: 20px;\n    }\n\n    .component {\n      label {\n        padding-top: 0px;\n      }\n    }\n  }\n\n  .range-slider {\n    &.theme-form {\n      .form-group {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .note-editor {\n    .btn-group {\n      .btn {\n        font-size: 11px;\n      }\n    }\n  }\n\n  .text-md-right {\n    text-align: right;\n  }\n\n  .star-ratings {\n    .stars {\n      padding: 0;\n    }\n  }\n\n  .form-inline {\n    &.d-inline-block {\n      display: block !important;\n      width: 100%;\n\n      .form-control {\n        margin-bottom: 10px;\n      }\n    }\n  }\n\n  .reset-password-box {\n    width: 500px;\n    margin: 0 auto;\n\n    .card {\n      padding: 20px;\n    }\n  }\n\n  .custom-card {\n    .card-profile {\n      img {\n        height: 136px;\n        bottom: 0;\n      }\n    }\n  }\n\n  .error-wrapper {\n    .maintenance-icons {\n      li {\n        i {\n          color: $light-color;\n          font-size: 30px;\n        }\n\n        &:nth-child(2) {\n          i {\n            font-size: 60px;\n            margin-top: -10px;\n            margin-left: 70px;\n          }\n        }\n\n        &:nth-child(3) {\n          i {\n            font-size: 90px;\n            margin-right: 80px;\n          }\n        }\n      }\n    }\n  }\n\n  .authentication-main {\n    .auth-innerright {\n      min-height: unset;\n      padding: 0;\n\n      .social-media {\n        li {\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  .loader-box {\n    justify-content: center;\n  }\n\n  .dataTables_wrapper {\n    .dataTables_length {\n      margin-bottom: 20px;\n    }\n\n    .dataTables_filter {\n      margin-left: 0;\n      margin-top: 0;\n      margin-bottom: 20px;\n    }\n  }\n\n  div {\n    &.dataTables_wrapper {\n      div {\n        &.dataTables_info {\n          padding-top: 0;\n        }\n\n        &.dataTables_length,\n        &.dataTables_filter {\n          label {\n            float: none;\n          }\n        }\n\n        &.dataTables_paginate {\n          float: none;\n          margin-top: 20px !important;\n          margin-left: 0 !important;\n        }\n      }\n    }\n  }\n\n  .calendar-wrap {\n    .fc-basic-view {\n      .fc-day-number {\n        padding: 0 0px !important;\n      }\n    }\n\n    .fc-events-container {\n      margin-top: 0px;\n    }\n\n    .fc-events-container {\n\n      h6,\n      .checkbox {\n        text-align: right;\n      }\n    }\n\n    .checkbox {\n      label {\n        margin-top: 0;\n      }\n    }\n\n    .fc-toolbar {\n      .fc-left {\n        .fc-next-button {\n          .fc-icon-right-single-arrow {\n            &:after {\n              font-size: 12px !important;\n            }\n          }\n        }\n\n        .fc-prev-button {\n          .fc-icon-left-single-arrow {\n            &:after {\n              font-size: 12px !important;\n            }\n          }\n        }\n      }\n\n      .fc-left,\n      .fc-right {\n        .fc-today-button {\n          padding-top: 0px !important;\n        }\n      }\n    }\n\n    .fc {\n      button {\n        font-size: 14px !important;\n        padding: 0 5px !important;\n      }\n\n      .fc-left {\n        margin-bottom: 10px;\n      }\n\n      .fc-toolbar {\n        margin-top: 0px;\n\n        >div {\n          display: block !important;\n          float: none !important;\n        }\n\n        >* {\n          :first-child {\n            font-size: 18px;\n          }\n\n          >* {\n            float: none !important;\n          }\n        }\n      }\n\n    }\n  }\n\n  .btn-group-wrapper {\n    text-align: center;\n\n    .m-b-30 {\n      margin-bottom: 15px !important;\n    }\n  }\n\n  .btn-group {\n    .btn {\n      font-size: 14px;\n      padding: 0.375rem 1.1rem;\n    }\n  }\n\n  /* font-awesom icon page */\n  .icon-hover-bottom {\n    .form-group {\n      input {\n        min-width: 270px;\n      }\n    }\n  }\n\n  //user profile\n  .user-profile {\n    .hovercard {\n      .cardheader {\n        height: 350px;\n      }\n\n      .info {\n        padding: 35px;\n\n        .ttl-info {\n          margin-bottom: 20px;\n        }\n\n        .ttl-sm-mb-0 {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n\n  //calendar\n  .calendar-wrap {\n    .fc {\n      button {\n        padding: 5px;\n      }\n    }\n\n    .fc-day-grid-event {\n      margin: 0;\n      padding: 5px;\n      width: inherit;\n    }\n\n    .fc-toolbar {\n      h2 {\n        font-size: 20px;\n        line-height: 35px;\n        font-weight: bold;\n      }\n    }\n\n    .basic-calendar {\n      .external-events {\n        margin-top: 0px;\n      }\n    }\n  }\n\n  //blog\n  .blog-single {\n    .comment-box {\n      .d-flex {\n        h6 {\n          margin-bottom: 10px;\n        }\n\n        img {\n          margin-right: 20px;\n        }\n      }\n\n      .comment-social {\n        margin-bottom: 5px;\n\n        li:first-child {\n          padding-left: 0;\n          padding-right: 15px;\n        }\n      }\n    }\n  }\n\n  //search\n  .search-page {\n    #image-links {\n      .info-block {\n        &.m-t-30 {\n          margin-top: 0 !important;\n        }\n      }\n    }\n  }\n\n\n\n\n\n\n\n  //authentication\n  .authentication-main {\n    .authentication-box {\n      width: 100%;\n    }\n\n    .auth-innerright {\n      display: inherit;\n    }\n  }\n\n  //default dashboard\n  .map-chart {\n    .chart-container {\n      height: 300px;\n    }\n  }\n\n  .candidcahrt {\n    height: 250px;\n  }\n\n  //chart widget\n  .bar-chart-widget {\n    .earning-details {\n      i {\n        right: 0;\n      }\n    }\n  }\n\n  .serial-chart .chart-container {\n    height: 300px;\n  }\n\n  .bottom-content {\n    padding: 10px;\n\n    p {\n      font-size: 12px;\n    }\n  }\n\n\n  // icons\n  .icon-hover-bottom {\n    .icon-popup {\n      display: block;\n\n      >.icon-last {\n        display: block;\n        margin-top: 15px;\n\n        .form-inline {\n          .form-group {\n            display: flex;\n          }\n        }\n      }\n\n      div {\n        .flag-icon {\n          width: 30px;\n          height: auto;\n        }\n      }\n    }\n\n    .form-group {\n      input {\n        display: block;\n        width: auto !important;\n      }\n    }\n  }\n\n  //footer\n  .footer-links {\n    text-align: center;\n  }\n\n  .footer-copyright {\n    text-align: center !important;\n  }\n\n  .jvector-map-height {\n    height: 150px;\n  }\n\n  .sm-left-text {\n    text-align: left !important;\n\n    [dir=\"rtl\"] & {\n      text-align: right !important;\n    }\n  }\n\n\n  // alert page\n  .alert-dismissible {\n    p {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 294px;\n    }\n  }\n\n  // button group page\n  .button-group-mb-sm {\n    margin-bottom: 5px;\n  }\n\n  // table components page\n  .card-block {\n    .table-responsive {\n      .table {\n        tbody {\n          tr {\n            td {\n              span:not(.badge span) {\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                width: 100%;\n              }\n            }\n          }\n        }\n      }\n\n      .progress-content {\n        tbody {\n          tr {\n            td {\n              span {\n                text-overflow: ellipsis;\n                white-space: normal;\n                max-width: 50px;\n              }\n            }\n          }\n        }\n      }\n\n      .checkbox-td-width,\n      .radio-first-col-width {\n        tbody {\n          tr {\n            td {\n              min-width: 200px !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .jsgrid {\n    .jsgrid-pager-container {\n      text-align: center;\n    }\n  }\n\n\n  // user-profile page\n  .hovercard {\n    .info {\n      .follow {\n        .text-md-right {\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  .profile-img-style {\n    .like-comment-sm-mb {\n      margin-bottom: 20px;\n    }\n  }\n\n  // forgot-password page\n  .reset-password-box {\n    .theme-form {\n      .form-group {\n        .btn {\n          margin-top: 15px !important;\n        }\n      }\n    }\n  }\n\n  // gallery page\n  .lg-outer {\n\n    .lg-actions .lg-next,\n    .lg-actions .lg-prev {\n      top: 48%;\n    }\n  }\n\n  // product page\n  .feature-products {\n    .filter-toggle {\n      padding: 8px 15px;\n      background-color: $white;\n      margin-left: 10px;\n      border-radius: 5px;\n    }\n\n    span {\n      &.f-w-600 {\n        padding-block: 15px;\n        display: inline-block;\n      }\n    }\n\n    .text-right {\n      text-align: left !important;\n    }\n  }\n\n  .d-none-productlist {\n    display: block;\n    margin-right: 10px;\n  }\n\n  .grid-options {\n    ul {\n      li {\n        display: none;\n      }\n    }\n  }\n\n  .product-wrapper {\n    &.sidebaron {\n      .product-grid {\n        .product-wrapper-grid {\n          margin-left: 0;\n        }\n      }\n\n      .product-sidebar {\n        .filter-section {\n          .card {\n            .left-filter {\n              min-width: unset;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .product-wrapper-grid {\n    &.list-view {\n      .product-box {\n        .product-img {\n          width: 42%;\n        }\n      }\n    }\n  }\n\n  .product-filter {\n    .product-box {\n      flex-wrap: nowrap;\n\n      .product-img {\n        width: 100px;\n      }\n\n      .product-details {\n        padding: 0 !important;\n      }\n    }\n  }\n\n}\n\n@media only screen and (max-width: 575.98px) {\n  .border-tab {\n    &.nav-tabs {\n      display: block;\n    }\n  }\n\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .search-full {\n          input {\n            padding-left: 30px;\n            line-height: 40px;\n          }\n\n          .form-group {\n            &::before {\n              top: 18px;\n              left: 12px;\n            }\n\n            .close-search {\n              top: 18px;\n              right: 0;\n              width: 18px;\n              height: 18px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .page-wrapper.only-body {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          right: 30px;\n        }\n      }\n    }\n  }\n\n  .date-picker {\n    .theme-form {\n      >.row {\n        >div {\n          &:last-child {\n            margin-top: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .search-page {\n    .info-block {\n      display: block !important;\n    }\n  }\n\n  .form-bookmark {\n    .row {\n      >div {\n        .row {\n          >.col-sm-6 {\n            +.col-sm-6 {\n              margin-top: 10px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .btn {\n    padding: 6px 11px;\n  }\n\n  .alert-theme {\n    min-width: 380px;\n  }\n\n  .knowledgebase-bg {\n    height: 250px;\n  }\n\n  .login-card {\n    .login-main {\n      .theme-form {\n        .or {\n          &:before {\n            width: 55%;\n          }\n        }\n\n        .form-group {\n          .link {\n            position: relative;\n            inset: 0;\n          }\n        }\n      }\n\n      &.create-account {\n        .theme-form {\n          .or {\n            &::before {\n              width: 42%;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .knowledgebase-search {\n    width: calc(100% - 30px);\n    left: 15px;\n    height: calc(100% - 30px);\n    background-color: rgba($white, 0.7);\n    border-radius: 15px;\n\n    .form-inline {\n      width: 90%;\n      padding: 3px 45px;\n\n      svg {\n        top: 10px;\n      }\n    }\n\n    >div {\n      width: 100%;\n      text-align: center;\n      padding: 15px;\n      border-right: 10px;\n\n      h3 {\n        font-size: 20px;\n        margin-bottom: 0;\n      }\n\n      .form-group {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  // invoice template page\n  .invoice {\n    .text-md-end {\n      margin-top: 10px;\n    }\n\n    .text-right {\n      text-align: right;\n    }\n\n    .text-xs-center {\n      text-align: center;\n    }\n\n  }\n\n  // Login page\n  .login-card {\n    padding-top: 40px;\n    padding-bottom: 40px;\n\n    .logo {\n      margin-bottom: 10px;\n    }\n\n    .login-main {\n      width: auto;\n      padding: 20px;\n\n      .theme-form {\n        .form-group {\n          margin-bottom: 5px;\n        }\n\n        p {\n          margin-bottom: 5px;\n        }\n      }\n    }\n  }\n\n  .bookmark {\n    ul {\n      li {\n        a {\n          svg {\n            height: 16px;\n            width: 16px;\n          }\n        }\n\n        &+li {\n          margin-left: 5px;\n        }\n      }\n    }\n  }\n\n  .page-wrapper .page-header .header-wrapper .nav-right>ul>li {\n    padding: 4px 6px;\n  }\n\n  .page-header {\n    .header-wrapper {\n      .nav-right {\n\n        .cart-box,\n        .notification-box {\n          .badge {\n            font-size: 10px;\n          }\n        }\n      }\n    }\n  }\n\n  .page-wrapper {\n    .page-body-wrapper {\n      .page-title>.row {\n        .col-6 {\n          &:first-child {\n            display: block;\n\n            h3 {\n              padding-right: 0;\n            }\n          }\n        }\n      }\n    }\n\n    .page-header {\n      .header-wrapper .nav-right ul {\n        li {\n          i {\n            font-size: 14px !important;\n          }\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      .page-title {\n        .breadcrumb {\n          margin-top: 4px;\n          justify-content: flex-start;\n        }\n      }\n    }\n\n    &.compact-wrapper,\n    &.compact-sidebar {\n\n      .page-header {\n        .header-wrapper {\n          .logo-wrapper {\n            display: none;\n          }\n\n          .toggle-sidebar {\n            margin-left: 0;\n            padding-left: 0;\n            border-left: none;\n            border-right: 1px solid $ps-light-border;\n            padding-right: 8px;\n            margin-right: 8px;\n          }\n        }\n      }\n    }\n\n    &.compact-sidebar {\n      .sidebar-wrapper {\n        .back-btn {\n          display: none;\n        }\n\n        .sidebar-main {\n          .sidebar-links {\n            .simplebar-wrapper {\n              .simplebar-mask {\n                .simplebar-content-wrapper {\n                  .simplebar-content {\n                    >li {\n                      margin-right: 0;\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .page-header {\n      .header-wrapper {\n        padding: 12px 15px !important;\n\n        .nav-right {\n          >ul {\n            top: 58px;\n\n            .search-form {\n              i {\n                display: none;\n              }\n\n            }\n          }\n\n          &.right-header {\n            ul {\n              li {\n                &.px-0 {\n                  padding: 6px !important;\n                }\n              }\n            }\n          }\n\n          >ul {\n            li {\n\n              .flag-icon {\n                font-size: 14px !important;\n              }\n\n              .profile-media {\n                img {\n                  width: 25px;\n                }\n              }\n\n            }\n          }\n\n          .notification-dropdown {\n            &.onhover-show-div {\n\n              &:before,\n              &:after {\n                left: 24px !important;\n                right: unset !important;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .page-body-wrapper {\n      .page-title {\n        .btn-group {\n          .btn {\n            padding: 8px 30px;\n          }\n        }\n      }\n    }\n\n    &.compact-wrapper {\n      .page-body-wrapper {\n        .page-body {\n          margin-top: 53px;\n        }\n\n        &.sidebar-wrapper {\n          .sidebar-main {\n            .sidebar-links {\n              height: calc(100vh - 79px);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .alert-dismissible {\n    padding-right: 30px;\n\n    p {\n      max-width: 160px;\n    }\n  }\n\n  .customizer-links {\n    display: none;\n  }\n\n  .m-r-30 {\n    margin-right: 15px;\n  }\n\n  .faq-wrap {\n    .faq-accordion {\n      .card-header {\n        .btn-link {\n          padding: 12px 40px 15px 12px;\n        }\n      }\n    }\n  }\n\n  // cart page //\n  .wishlist {\n    .text-end {\n      text-align: left !important;\n    }\n  }\n\n  // Add post page css\n  .add-post {\n    form {\n      .m-checkbox-inline {\n        label {\n          margin-right: 15px;\n        }\n      }\n    }\n\n    .dropzone {\n      margin-bottom: 15px;\n    }\n  }\n\n\n\n  //form-wizard-four page css\n  .wizard-4 {\n    .msg-box {\n      top: 10px !important;\n    }\n\n    .login-card {\n      .login-main {\n        width: 280px;\n      }\n    }\n\n    .step-container {\n      div.content {\n        .wizard-title {\n          width: 280px;\n        }\n      }\n    }\n\n    .action-bar {\n      right: 10px;\n\n      [dir=\"rtl\"] & {\n        left: 10px;\n        right: unset;\n      }\n    }\n  }\n\n  // avatar page css\n  .customers {\n    &.avatar-group {\n      margin-right: 15px;\n    }\n  }\n\n  .vertical-mobile-sidebar {\n    top: 19px;\n  }\n\n  //notify index page\n  .alert-theme {\n    i {\n      margin-right: 10px !important;\n    }\n\n    button {\n      top: 0px !important;\n    }\n  }\n\n  .bar-chart-widget {\n    .earning-details {\n      i {\n        right: -30px;\n      }\n    }\n  }\n\n  .clockpicker-align-top {\n    left: 45px !important;\n    top: 406px !important;\n  }\n\n  .gallery {\n    margin-bottom: -15px;\n  }\n\n  .my-gallery {\n    figure {\n      margin-bottom: 15px;\n\n      &:nth-child(9),\n      &:nth-child(10) {\n        margin-bottom: 15px;\n      }\n    }\n\n    &.gallery-with-description {\n      figure {\n        &:last-child {\n          margin-bottom: 20px;\n        }\n      }\n    }\n  }\n\n  #aniimated-thumbnials {\n    figure {\n\n      &:nth-child(12),\n      &:nth-child(11),\n      &:nth-child(10),\n      &:nth-child(9) {\n        margin-bottom: 15px;\n      }\n    }\n  }\n\n  .photoswipe-pb-responsive {\n    padding-bottom: 30px !important;\n  }\n\n  // social app page css\n  .avatar-showcase {\n    .pepole-knows {\n      text-align: center;\n\n      ul {\n        li {\n          margin-right: 14px;\n        }\n      }\n    }\n  }\n\n  .social-app-profile {\n    .hovercard {\n      .user-image {\n        .avatar {\n          margin-top: -56px;\n\n          img {\n            width: 100px;\n            height: 100px;\n          }\n        }\n      }\n\n      .info {\n        .tabs-social {\n          .user-designation {\n            border-top: none;\n            border-bottom: none;\n            margin-bottom: 0;\n            padding: 0px 0px;\n          }\n        }\n      }\n    }\n\n    .tabs-social {\n      margin-bottom: 0 !important;\n    }\n  }\n\n  .socialprofile {\n    .social-btngroup {\n      margin: 15px 0;\n    }\n\n    .social-group {\n      margin-top: 15px;\n    }\n  }\n\n  .social-status {\n    form {\n      .form-group {\n        .form-control-social {\n          margin-bottom: 15px;\n        }\n      }\n    }\n\n    .d-flex {\n      margin-bottom: 15px;\n    }\n  }\n\n  .new-users-social {\n    margin-bottom: 15px;\n  }\n\n  // .tabs-social {\n  //   position: relative;\n  //   padding-top: 80px;\n\n  //   li {\n  //     &:nth-child(3) {\n  //       position: absolute;\n  //       top: 25px;\n  //       left: 0;\n  //       right: 0;\n  //       margin: 0 auto;\n  //     }\n  //   }\n\n  //   &.border-tab {\n  //     &.nav-tabs {\n  //       .nav-item {\n  //         .nav-link {\n  //           padding: 10px;\n  //           height: 60px;\n  //         }\n  //       }\n  //     }\n  //   }\n  // }\n\n  .timeline-content {\n\n    p,\n    .comments-box {\n      margin-top: 15px;\n    }\n\n    .comments-box {\n      .d-flex {\n        .m-r-20 {\n          margin-right: 10px;\n        }\n\n        .flex-grow-1 {\n          .input-group {\n            .input-group-append {\n              .btn {\n                padding: 6px;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .comment-number {\n      i {\n        margin-right: 15px;\n      }\n    }\n  }\n\n  #cd-timeline {\n    margin-right: 0;\n  }\n\n  .social-chat {\n    margin-top: 15px;\n\n    .flex-grow-1 {\n      padding: 15px;\n    }\n\n    .your-msg,\n    .other-msg {\n      margin-bottom: 15px;\n    }\n  }\n\n  .social-network {\n    span {\n      margin-bottom: 15px;\n    }\n  }\n\n  .social-list {\n    .d-flex {\n      margin-bottom: 15px;\n    }\n  }\n\n  .details-about+.details-about {\n    margin-top: 15px;\n  }\n\n  .your-details-xs {\n    margin-top: 15px;\n  }\n\n  .social-header {\n    h5 {\n      span.pull-right {\n        float: right !important;\n        margin-top: 0 !important;\n\n        svg {\n          width: 18px;\n          height: 18px;\n        }\n\n      }\n    }\n  }\n\n  .activity-log {\n    .my-activity {\n      +.my-activity {\n        margin-top: 15px;\n      }\n    }\n  }\n\n  .photos {\n    ul {\n      li {\n        width: 26%;\n\n        &:nth-child(3n) {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .d-flex {\n      margin-bottom: 15px;\n\n      .flex-grow-1 {\n        h6 {\n          margin-bottom: 15px;\n        }\n      }\n\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            bottom: -39px;\n            height: 30px;\n          }\n        }\n\n        &.small-line {\n          &:after {\n            bottom: -17px;\n            height: 8px;\n          }\n        }\n\n        &.medium-line {\n          &:after {\n            bottom: -30px;\n            height: 22px;\n          }\n        }\n      }\n    }\n  }\n\n  // helper classes page start\n  .helper-classes {\n    padding: 15px;\n  }\n\n  // helper classes page ends\n  .form-builder-2-header {\n    ul {\n      li {\n        text-align: left;\n      }\n    }\n\n    .form-inline {\n      display: block;\n      width: 100%;\n\n      .form-group {\n        width: 100%;\n        margin-right: 0;\n      }\n\n      button {\n        width: 100%;\n        text-align: left;\n      }\n    }\n  }\n\n  .wizard-4 {\n    .step-container {\n      div {\n        &.content {\n          margin-top: 10px;\n        }\n      }\n    }\n  }\n\n  .nav-tabs {\n    .nav-item {\n      &.show {\n        .nav-link {\n          border-top: 0;\n          border-bottom: 0;\n        }\n      }\n    }\n\n    .nav-link {\n      border-top: 0;\n      border-bottom: 0;\n\n      &:hover,\n      &.active,\n      &:focus {\n        border-top: 0;\n        border-bottom: 0;\n      }\n    }\n  }\n\n  .border-tab {\n    &.nav-tabs {\n      .nav-item {\n        width: 100% !important;\n      }\n    }\n\n    .ecommerce-widget {\n      .progress-showcase {\n        margin-top: 15px;\n      }\n    }\n  }\n\n  .nav {\n    display: inherit;\n    text-align: center;\n    border-bottom: none;\n  }\n\n\n  // editor_container //\n  .editor_container {\n    .CodeMirror {\n      min-height: 190px;\n      height: 190px;\n    }\n  }\n\n  // tab material start\n  .border-tab.nav-left {\n    .nav-link {\n      text-align: center;\n      border-left: none;\n    }\n  }\n\n  .border-tab.nav-right {\n    .nav-link {\n      text-align: center;\n      border-right: none;\n    }\n  }\n\n  .border-tab.nav-tabs {\n    margin-bottom: 10px;\n  }\n\n  .tab-content {\n    ~.nav-tabs {\n      &.border-tab {\n        margin-top: 10px;\n      }\n    }\n  }\n\n  // tab material end\n  .nav-pills {\n    text-align: center;\n  }\n\n  .crm-overall {\n    margin: 0 -15px -15px;\n  }\n\n  .product-color {\n    li {\n      width: 15px;\n      height: 15px;\n    }\n  }\n\n  .product-social {\n    li {\n      a {\n        width: 30px;\n        height: 30px;\n        font-size: 13px;\n      }\n\n      &:nth-child(n+2) {\n        margin-left: 5px;\n\n        [dir=\"rtl\"] & {\n          margin-left: unset;\n          margin-right: 5px;\n        }\n      }\n    }\n  }\n\n  .product-page-main {\n    padding: 15px;\n\n    .product-page-details {\n      h3 {\n        font-size: 24px;\n      }\n    }\n  }\n\n  .datetime-picker {\n    label {\n      text-align: left !important;\n    }\n  }\n\n  .redial-chart-block {\n    text-align: center;\n  }\n\n  #nav-tabContent {\n    margin-top: 15px;\n  }\n\n  .reset-password-box {\n    width: 430px;\n  }\n\n  .auth-bg {\n    padding: 25px 15px;\n  }\n\n  .auth-bg-effect {\n    display: none;\n  }\n\n  .date-picker {\n    .text-right {\n      text-align: left !important;\n    }\n  }\n\n  .dataTables_wrapper {\n    table {\n      &.dataTable {\n        margin-bottom: 15px !important;\n      }\n    }\n  }\n\n  ul {\n    &.pagination {\n      li {\n        &:before {\n          line-height: 3;\n        }\n      }\n    }\n  }\n\n  div {\n    &.table-responsive {\n      >div {\n        &.dataTables_wrapper {\n          >div {\n            &.row {\n              >div {\n                &[class^=\"col-\"] {\n                  &:last-child {\n                    padding-left: 0 !important;\n                  }\n\n                  &:first-child {\n                    padding-right: 0 !important;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    &.dataTables_wrapper {\n      div {\n        &.dataTables_length {\n          margin-bottom: 15px;\n\n          select {\n            min-height: 30px;\n          }\n        }\n      }\n\n      table {\n        &.dataTable {\n\n          th,\n          td {\n            padding: 0.5rem;\n          }\n        }\n      }\n\n      div {\n        &.dataTables_paginate {\n          margin-top: 15px !important;\n\n          .paginate_button {\n            padding: 1px 7px;\n\n            &.previous {\n              font-size: 0;\n              padding: 0;\n\n              a {\n                border: none !important;\n              }\n\n              &:before {\n                content: \"\\e64a\";\n                font-family: $font-themify;\n                font-size: 11px;\n                padding: 0 5px;\n              }\n            }\n\n            &.next {\n              font-size: 0;\n              padding: 0;\n\n              a {\n                border: none !important;\n              }\n\n              &:before {\n                content: \"\\e649\";\n                font-family: $font-themify;\n                font-size: 11px;\n                padding: 0 5px;\n              }\n            }\n          }\n        }\n      }\n\n      .dataTables_filter {\n        margin-bottom: 15px;\n\n        input {\n          &[type=\"search\"] {\n            height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  .page-wrapper {\n    .page-body-wrapper {\n      .user-profile {\n        .profile-img-style {\n          padding: 15px;\n\n          .img-container {\n            margin-top: 15px;\n          }\n        }\n\n        hr {\n          margin: 15px 0;\n        }\n\n        .like-comment {\n          margin-top: 15px;\n        }\n      }\n    }\n  }\n\n  .jvector-map-height {\n    height: 250px;\n  }\n\n  .user-profile {\n    .order-sm-0 {\n      order: -1;\n    }\n\n    .hovercard {\n      .info {\n        .ttl-info {\n          text-align: center !important;\n        }\n\n        .ttl-xs-mt {\n          margin-top: 20px;\n        }\n      }\n    }\n  }\n\n  .icon-hover-bottom {\n    .form-group {\n      display: block !important;\n      margin-bottom: 0;\n\n      input {\n        width: 100% !important;\n      }\n\n      .btn {\n        margin-top: 15px;\n      }\n    }\n\n    .icon-popup {\n      padding: 15px;\n    }\n\n    svg {\n      &.climacon {\n        height: 50px;\n        width: 50px;\n      }\n    }\n  }\n\n  .blog-box {\n    &.blog-shadow {\n      &:before {\n        box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6);\n      }\n    }\n\n    .blog-details {\n\n      p,\n      .single-blog-content-top {\n        margin-top: 15px;\n      }\n\n      h4 {\n        margin-top: 15px;\n      }\n\n      .blog-social {\n        margin-top: 15px;\n\n        li {\n          &+li {\n            padding-left: 8px;\n\n            >span {\n              display: none;\n            }\n          }\n\n          &:first-child {\n            margin-right: 10px;\n            padding-right: 20px;\n          }\n        }\n      }\n    }\n  }\n\n  .comment-box {\n    padding-top: 40px;\n    padding-bottom: 0px;\n\n    ul {\n      ul {\n        margin-left: 30px;\n      }\n    }\n\n    li {\n      .d-flex {\n        display: block !important;\n\n        img {\n          height: 50px;\n          width: 50px;\n          padding: 3px;\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n\n  .ace-editor {\n    height: 320px;\n  }\n\n  .gallery {\n    >a {\n      margin-bottom: 15px;\n      text-align: center;\n    }\n  }\n\n  .card {\n    .card-header {\n      h5 {\n        font-size: 17px;\n      }\n    }\n  }\n\n  .theme-form {\n    .form-group {\n      margin-bottom: 15px;\n    }\n  }\n\n  .page-wrapper {\n    .page-body-wrapper {\n      .default-according {\n        .card {\n\n          .card-header,\n          .card-body,\n          .card-footer {\n            padding: 0.75rem 1.25rem;\n          }\n        }\n      }\n\n      .card {\n        margin-bottom: 20px;\n\n        .card-header,\n        .card-body,\n        .card-footer {\n          .tab-content {\n            .m-t-30 {\n              margin-top: 20px !important;\n            }\n\n            .m-b-30 {\n              margin-bottom: 20px !important;\n            }\n          }\n        }\n      }\n\n      .page-body {\n        padding: 0 !important;\n      }\n\n      .page-title {\n        padding-block: 15px;\n        margin: 0;\n        padding-inline: 0;\n        .row {\n          h3 {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n\n  /* alert responsive css start here */\n  $alert-name: primary,\n    secondary,\n    success,\n    danger,\n    warning,\n    info,\n    light,\n    dark;\n  $alert-color: var(--theme-default),\n    $secondary-color,\n    $success-color,\n    $danger-color,\n    $warning-color,\n    $info-color,\n    $light-color,\n    $dark-color;\n\n  @each $var in $alert-name {\n    $i: index($alert-name, $var);\n\n    .starter-main {\n      .alert-#{$var}.inverse {\n        background-color: transparent;\n      }\n    }\n  }\n\n  //user profile\n  .user-profile {\n    hr {\n      margin: 15px 0;\n    }\n\n    .hovercard {\n      .cardheader {\n        height: 300px;\n      }\n\n      .info {\n        padding: 20px;\n\n        .user-designation {\n          // border-top: 1px solid $light-color;\n          border-bottom: 1px solid var(--chart-dashed-border);\n          margin-bottom: 15px;\n          margin-top: 12px;\n          padding: 15px 0px;\n        }\n      }\n\n      .social-media {\n        a {\n          margin-right: 0px;\n          font-size: 16px;\n        }\n      }\n\n      .follow {\n        .follow-num {\n          font-size: 20px;\n        }\n      }\n    }\n\n    .profile-img-style {\n      .pictures {\n        img {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n\n  //user card\n  .custom-card {\n    .card-footer {\n      >div {\n        h6 {\n          font-size: 14px;\n          font-weight: 600;\n        }\n\n        h3 {\n          font-size: 24px;\n        }\n      }\n    }\n  }\n\n  //calendar\n  .calendar-wrap {\n    .fc-toolbar {\n      .fc-center {\n        margin-top: 10px;\n      }\n    }\n\n    a.fc-more {\n      font-size: .70em;\n    }\n\n  }\n\n  // megaoption page responsive scss\n  .mega-inline {\n    display: block;\n  }\n\n  .megaoptions-border-space-sm {\n    padding-bottom: 30px !important;\n  }\n\n  //blog\n  .blog-box.blog-shadow {\n    .blog-details {\n      padding: 15px;\n\n      p {\n        margin-bottom: 0;\n      }\n\n      h4 {\n        margin-bottom: 10px;\n      }\n    }\n  }\n\n  .blog-box {\n    &.blog-list {\n      .blog-details {\n        padding-top: 0;\n      }\n    }\n\n    .blog-details {\n      padding: 20px;\n    }\n\n    .blog-date {\n      span {\n        font-size: 25px;\n      }\n    }\n  }\n\n  .blog-single {\n    .blog-box {\n      .blog-details {\n        padding: 0;\n      }\n    }\n  }\n\n  //error and maintenace\n  .error-wrapper {\n    padding: 20px 0;\n\n    .btn {\n      margin-top: 15px;\n    }\n\n    .img-100 {\n      width: 65px !important;\n    }\n\n    .maintenance-heading {\n      .cloud-second {\n        display: none;\n      }\n\n      .headline {\n        font-size: 25px;\n        margin-top: -10%;\n        letter-spacing: 2px;\n      }\n    }\n  }\n\n  //coming soon\n  .comingsoon {\n    .comingsoon-inner {\n      .coming-soon-bottom-link {\n        margin-top: 20px;\n        line-height: 1;\n      }\n\n      h5 {\n        margin-bottom: 20px;\n        margin-top: 20px;\n      }\n\n      .countdown {\n        padding: 20px 0px;\n\n        ul li {\n          margin: 0 7px;\n        }\n\n        .title {\n          font-size: 12px;\n        }\n\n        .time {\n          width: 45px;\n          height: 45px;\n          line-height: 45px;\n          font-size: 16px;\n          margin: 0 auto;\n        }\n      }\n    }\n  }\n\n  // Form Wizard Two Start\n  .stepwizard {\n    margin-bottom: 15px;\n  }\n\n  // Form Wizard Two Ends\n\n  // Form Wizard Three Start\n  .f1 {\n    .f1-steps {\n      margin-top: 15px;\n      margin-bottom: 15px;\n    }\n  }\n\n  //Form Wizard Three ends\n\n  // form wizard--4 scss\n  .wizard-4 {\n    ul.anchor {\n      width: 100%;\n      padding-bottom: 15px;\n    }\n\n    .step-container {\n      width: 100%;\n    }\n  }\n\n  //chart\n  .status-widget {\n    .text-sm-right {\n      text-align: right;\n    }\n  }\n\n  // navs page\n  .nav-md-mt {\n    margin-top: 15px;\n  }\n\n  .navs-icon {\n    padding: 15px;\n\n    .main-section {\n      padding-top: 15px;\n    }\n\n    .separator {\n      margin: 15px 0;\n    }\n  }\n\n  .nav-list {\n    padding: 15px;\n  }\n\n  .navs-dropdown {\n    button {\n      margin-top: 15px;\n    }\n\n    .onhover-show-div {\n      top: 64px;\n    }\n  }\n\n  .lg-mt {\n    margin-top: 15px;\n  }\n\n  // scroll reval\n  #aniimated-thumbnials {\n    a {\n      &:last-child {\n        img {\n          margin-bottom: 15px;\n        }\n      }\n    }\n\n  }\n\n  // tilt\n  .tilt-showcase {\n    .mt-4 {\n      margin-top: 15px !important;\n    }\n\n    ol {\n      .m-b-20 {\n        margin-bottom: 15px !important;\n      }\n    }\n  }\n\n  // state color page\n  .xs-mt {\n    margin-top: 15px;\n  }\n\n  // alert page\n\n  // animated modal page\n  .animated-modal {\n    .form-group {\n      .form-control {\n        width: 50%;\n        margin: 0 auto;\n      }\n    }\n\n    .animated-modal-md-mb {\n      margin-bottom: 15px !important;\n    }\n  }\n\n  // steps page\n  .steps-md-mt {\n    margin-top: 15px;\n  }\n\n  .steps-sizing-sm-mb {\n    margin-bottom: 15px;\n  }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    .touchspin-vertical-tab {\n      .input-group {\n        width: 96% !important;\n      }\n    }\n  }\n\n  // datatable API page\n  #API-child-row_wrapper {\n    #API-child-row {\n      tbody {\n        tr {\n          td {\n            &:first-child {\n              min-width: 20px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // chart-flot page\n  .chart-block {\n    .flot-chart-container {\n      p#choices {\n        width: 100%;\n      }\n\n      #toggling-series-flot {\n        width: 100% !important;\n      }\n    }\n  }\n\n  // summer-note page\n  .click2edit {\n    &~.note-editor {\n      &.note-frame {\n        margin-bottom: 15px;\n      }\n    }\n  }\n\n  // support ticket page\n  .ecommerce-widget {\n    .progress-showcase {\n      margin-top: 15px;\n    }\n  }\n\n  // forgot-password page\n  .reset-password-box {\n    .theme-form {\n      .form-group {\n        .btn {\n          margin-top: 13px !important;\n        }\n      }\n    }\n  }\n\n  // gallery-with-description page\n  .gallery-with-description {\n    a {\n      >div {\n        margin-bottom: 15px;\n      }\n    }\n  }\n\n  // gallery hover page\n  .gallery-img-mb-sm {\n    margin-bottom: 15px;\n  }\n\n\n  // peity chart page\n  .xm-mb-peity {\n    margin-bottom: 8px;\n  }\n\n  // login page\n  .authentication-main {\n    padding: 30px 15px;\n  }\n\n  .translate_wrapper.active {\n    .more_lang {\n\n      &:before,\n      &:after {\n        display: none;\n      }\n\n      &.active {\n        position: fixed;\n        width: calc(100vw - 30px);\n        left: 15px;\n        top: 60px;\n      }\n    }\n  }\n\n  .page-wrapper {\n    .page-header {\n      .header-wrapper {\n        .nav-right {\n          .onhover-show-div {\n            width: calc(100vw - 30px);\n            position: fixed;\n            top: 60px;\n            right: 12px;\n          }\n\n          .notification-dropdown {\n            width: calc(100vw - 300px);\n            position: fixed;\n            top: 60px;\n            left: 15px !important;\n          }\n\n          .cart-dropdown {\n            left: 15px;\n          }\n\n          .profile-dropdown {\n            top: 43px;\n          }\n        }\n      }\n    }\n  }\n\n  .wizard-4 {\n    .action-bar {\n      .btn {\n        margin: 0 2px;\n      }\n    }\n  }\n\n  // dropdown-basic //\n  .dropdown-basic {\n    .btn-group {\n      margin-right: unset;\n    }\n  }\n}\n\n@media only screen and (max-width: 480px) {\n\n  .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {\n    width: 280px;\n  }\n\n  .page-wrapper.only-body .page-header .header-wrapper .nav-right {\n    display: none;\n  }\n\n  .chat-menu {\n    top: 120px;\n  }\n\n  .product-wrapper-grid {\n    &.list-view {\n      .product-box {\n        display: block;\n\n        .product-img {\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  .pagination-lg {\n    .page-link {\n      font-size: 1.0rem;\n    }\n  }\n\n  h6 {\n    font-size: 14px;\n  }\n\n  .knob-block {\n    .chart-clock-main {\n      margin: auto;\n      width: auto;\n\n      .clock-medium {\n        position: absolute;\n        left: 20px;\n        top: 33px;\n\n        canvas {\n          width: 180px !important;\n          height: 180px !important;\n        }\n      }\n\n      .clock-small {\n        left: 20px;\n        top: 74px;\n      }\n\n      .clock-large {\n        left: 0;\n        top: 0;\n        margin: 0 auto;\n\n        canvas {\n          width: 245px !important;\n          height: 245px !important;\n        }\n      }\n    }\n\n    >div:not(.chart-clock-main) {\n      canvas {\n        width: 245px !important;\n        height: 245px !important;\n      }\n    }\n  }\n\n  .wizard-4 {\n    .action-bar {\n      .btn {\n        width: 100%;\n\n        &+.btn {\n          margin-top: 10px;\n        }\n      }\n    }\n  }\n\n  ul {\n    &.notification-dropdown {\n      &.onhover-show-div {\n        width: 260px;\n        right: -80px;\n\n        &:before,\n        &:after {\n          right: 89px !important;\n        }\n      }\n    }\n  }\n\n  .inline-block-sm {\n    display: inline-block;\n  }\n\n  .pagination-lg {\n    .page-link {\n      padding: 0.3rem 0.65rem;\n    }\n  }\n\n  .nav-pills {\n    li {\n      width: 100%;\n    }\n  }\n\n  .reset-password-box {\n    width: 290px;\n  }\n\n  .icon-hover-bottom {\n    .icon-first {\n      margin-right: 10px;\n    }\n\n    .icon-popup {\n      .icon-class {\n        display: none;\n      }\n    }\n  }\n\n  .error-wrapper {\n    .maintenance-heading {\n      margin-top: 0;\n    }\n  }\n\n  .custom-card {\n    padding: 0;\n\n    .card-footer {\n      >div {\n        h3 {\n          font-size: 20px;\n        }\n      }\n    }\n\n    .card-social {\n      li {\n        padding: 5px 0;\n      }\n    }\n\n    .profile-details {\n      h6 {\n        margin-bottom: 15px;\n      }\n\n      h4 {\n        font-size: 20px;\n      }\n    }\n\n    .card-profile {\n      img {\n        height: 93px;\n      }\n    }\n  }\n\n  .card {\n    .card-header {\n      .card-header-right {\n        i {\n          margin: 0 3px;\n          font-size: 14px;\n        }\n      }\n\n      >span {\n        &+span {\n          display: none;\n        }\n      }\n    }\n  }\n\n  // Placeholder css\n  .loading-card-wrapper {\n    .card {\n      .card-body {\n        padding: 18px;\n      }\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .d-flex {\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            bottom: -50px;\n          }\n        }\n\n        &.medium-line {\n          &:after {\n            bottom: -40px;\n          }\n        }\n      }\n    }\n  }\n\n  // dropdown page //\n  .dropdown-basic {\n    text-align: center;\n  }\n\n  //blog\n  .blog-box.blog-shadow {\n    .blog-details {\n      padding: 10px;\n\n      h4 {\n        font-size: 14px;\n      }\n    }\n  }\n\n  //  tag-pills\n  .badge {\n    padding: 0.42em 0.7em;\n  }\n\n  // alert page\n  .alert-dismissible {\n    .close {\n      top: -1px;\n\n      span {\n        font-size: 19px;\n      }\n    }\n  }\n\n  // bootstrap notify page\n  .notify-alert {\n    width: 90%;\n  }\n\n}\n\n@media only screen and (max-width: 420px) {\n\n  .login-card {\n    .login-main {\n      &.create-account {\n        .theme-form {\n          .or {\n            &::before {\n              width: 32%;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .product-sidebar {\n    &.open {\n      top: -75px;\n    }\n  }\n\n  .alert-theme {\n    font-size: 12px;\n    min-width: 270px;\n\n    button {\n      right: 30px !important;\n    }\n\n    i {\n      display: none;\n    }\n\n    span {\n      +span {\n        +span {\n          padding: 15px;\n        }\n      }\n    }\n  }\n\n  .and-many-more {\n    font-size: 37px;\n  }\n\n  // compact sidebar css\n  .page-wrapper {\n    &.compact-sidebar {\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          >div {\n            width: 112px;\n          }\n\n          .sidebar-main {\n            .sidebar-links {\n              li {\n\n                .sidebar-submenu {\n                  left: 112px;\n                  width: 190px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    &.compact-small {\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          >div {\n            width: 80px;\n          }\n\n          .sidebar-main {\n            .sidebar-links {\n              li {\n\n                .sidebar-submenu {\n                  left: 80px;\n                  width: 210px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // login form //\n  .login-card {\n    .login-main {\n      .theme-form {\n        .link {\n          position: unset;\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 360px) {\n  .login-card {\n    .login-main {\n      &.create-account {\n        .theme-form {\n          .or {\n            &::before {\n              width: 22%;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .product-box {\n    .modal {\n      .modal-header {\n        .product-box {\n          .product-details {\n            .product-qnty {\n              fieldset {\n                .input-group {\n                  width: 45%;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .datepicker--nav-action {\n    width: 20px;\n    margin-left: -10px;\n    background-color: transparent;\n\n    path {\n      stroke: var(--theme-default);\n    }\n  }\n\n  .clockpicker-align-top {\n    top: 426px !important;\n  }\n\n  .note {\n    min-width: 250px;\n  }\n\n  .datepicker {\n    width: 239px;\n  }\n\n  .add-post {\n    form {\n      .m-checkbox-inline {\n        label {\n          margin-bottom: 8px;\n\n          &:last-child {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .map-js-height {\n    height: 250px;\n  }\n\n  .bar-chart-widget {\n    .earning-details {\n      i {\n        right: -73px;\n      }\n    }\n  }\n\n  // chart widget page css\n  .status-widget {\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n\n  // social app page css\n  .tabs-social {\n    &.border-tab {\n      &.nav-tabs {\n        .nav-item {\n          .nav-link {\n            padding: 10px 5px;\n            font-size: 14px;\n          }\n        }\n      }\n    }\n  }\n\n  .social-chat {\n    .other-msg {\n      margin-left: 15px;\n    }\n  }\n\n  .social-header {\n    h5 {\n      span.pull-right {\n        display: none;\n      }\n    }\n  }\n\n  // timeline small page css\n  .timeline-small {\n    .d-flex {\n      .timeline-round {\n        &.timeline-line-1 {\n          &:after {\n            bottom: -74px;\n            height: 56px;\n          }\n        }\n\n        &.small-line {\n          &:after {\n            bottom: -32px;\n            height: 14px;\n          }\n        }\n\n        &.medium-line {\n          &:after {\n            bottom: -59px;\n            height: 40px;\n          }\n        }\n      }\n\n      .flex-grow-1 {\n        p {\n          display: -webkit-box;\n          text-overflow: ellipsis;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          -webkit-line-clamp: 4;\n        }\n      }\n    }\n  }\n\n  .custom-card {\n    .dashboard-card {\n      padding-top: 0;\n    }\n\n    .card-profile {\n      img {\n        bottom: 25px;\n      }\n    }\n\n    .card-footer {\n      >div {\n        h6 {\n          font-size: 12px;\n        }\n      }\n    }\n  }\n\n  .flot-chart-container {\n    height: 230px;\n  }\n\n  .map-block {\n    height: 250px;\n  }\n\n  .img-cropper {\n    .docs-tooltip {\n      font-size: 11px;\n    }\n\n    .docs-toggles {\n      .btn-group {\n        .btn {\n          padding: 0.375rem 0.2rem;\n        }\n      }\n    }\n  }\n\n  .blog-box {\n    .blog-details {\n      p {\n        line-height: 1.5;\n      }\n\n      .blog-social {\n        li:last-child {\n          padding-left: 0;\n        }\n      }\n    }\n\n    .blog-details-main {\n      .blog-social {\n        li {\n          padding: 0 10px;\n        }\n      }\n    }\n  }\n\n  .button-builder-wrap {\n    .btn-lg {\n      font-size: 18px;\n    }\n  }\n\n  .tabs-responsive-side {\n    max-width: 100%;\n  }\n\n  //default dashboard\n  .bar-chart-widget {\n    .bottom-content {\n      .num {\n        font-size: 17px;\n      }\n    }\n  }\n\n\n  // serach page //\n  .search-page {\n    .theme-form {\n      .input-group {\n        .form-control-plaintext {\n          padding-left: 10px;\n        }\n      }\n    }\n\n    .info-block {\n      padding: 20px;\n    }\n  }\n\n  //from wizard four\n  .wizard-4 {\n    ul {\n      &.anchor {\n        padding-top: 15px;\n      }\n    }\n\n    .msg-box {\n      top: 40px !important;\n    }\n  }\n\n  .xs-width-100 {\n    min-width: 100%;\n  }\n\n\n  // form-builder\n  .form-builder {\n    #components {\n      .component {\n        .form-group {\n          #button1id {\n            margin-bottom: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  // according\n  .default-according {\n    .card {\n      .card-header {\n        i {\n          font-size: 14px;\n          top: 24px;\n        }\n      }\n\n      .btn-link {\n        display: block;\n        width: 100%;\n        padding-left: 17px;\n      }\n    }\n  }\n\n  //rating\n  .star-ratings {\n    .stars {\n      .title {\n        line-height: 1;\n      }\n\n    }\n  }\n\n  // tour page\n  .user-profile {\n    .hovercard {\n      .social-media {\n        a {\n          padding: 0 6px;\n        }\n      }\n    }\n  }\n\n  // touchspin page\n  .bootstrap-touchspin {\n    .touchspin-vertical-tab {\n      .input-group {\n        width: 93% !important;\n      }\n    }\n  }\n\n  // form-wizard-four page\n  .step-container {\n    height: 280px !important;\n  }\n\n  // jsgrid-table page\n  .sort-panel {\n    .d-inline {\n      .btn {\n        margin-left: 87px;\n      }\n    }\n  }\n\n  // jsgrid-table css\n  .jsgrid {\n    .jsgrid-pager-container {\n      .jsgrid-pager {\n        .jsgrid-pager-page {\n          padding: 0.5em 0.62em;\n        }\n      }\n    }\n  }\n\n  // gallery page\n  .lg-toolbar {\n    .lg-icon {\n      width: 40px;\n    }\n  }\n\n  // calender page\n  .calendar-wrap {\n    a.fc-more {\n      font-size: .59em;\n    }\n\n    .fc {\n      th {\n        font-size: 10px;\n      }\n    }\n  }\n\n  //modal footer\n  .modal-footer {\n    display: block;\n    text-align: center;\n  }\n\n  // checkout //\n  .order-box {\n    ul {\n      li {\n        span {\n          text-align: right;\n        }\n\n        label {\n          text-align: right;\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  .checkout {\n    .text-end {\n      text-align: left !important;\n      margin-top: 15px;\n    }\n  }\n\n\n\n}\n\n@media only screen and (min-width: 576px) {\n  .product-wrapper-grid {\n    &.list-view {\n      .col-sm-6 {\n        flex: 0 0 100%;\n        max-width: 100%;\n      }\n    }\n  }\n\n  .sidebar-wrapper {\n    .back-btn {\n      display: none;\n    }\n  }\n}\n\n@media (width: 768px) and (height: 1024px) {\n  .page-wrapper {\n    &.compact-wrapper {\n      .page-body-wrapper {\n        div.sidebar-wrapper {\n          .sidebar-main {\n            .sidebar-links {\n              height: calc(100vh - 210px);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n/**=====================\n     62. Responsive CSS Ends\n==========================**/","// General variables\n$theme-font-color: #343A40;\n$theme-body-font-color: #343A40;\n$theme-body-sub-title-color: #8D8D8D;\n$body-color: #f8f8f8;\n$main-body-color: #f5f5f5;\n\n// Theme colors variables\n$primary-color: #343A40;\n$secondary-color: #00948E;\n$success-color: #198754;\n$info-color: #0DCAF0;\n$warning-color: #FFC107;\n$danger-color: #DC3545;\n\n$light-color : #f4f4f4;\n\n$badge-light-color: #52526c;\n\n$light-gray : #e9edf1;\n$light-widget-border: #EFEEFF;\n$light-semi-gray :#efefef;\n$font-gray-color: #6C757D;\n$dark-light :$theme-font-color;\n$dark-gray: #898989;\n$dark-color :$theme-body-font-color;\n$dark-color-light: #2c323fb8;\n$gray-60 :#cccccc;\n$card-body-color : #f9f9fa;\n$transparent-color: transparent;\n$auth-bg-color: #fafafa;\n$light : #fdfeff;\n$semi-dark :#59667a;\n$light-text: #999999;\n$light-paragraph: #8F8F8F;\n$light-background: #d7e2e9;\n$light-font: rgba(27, 49, 85, 0.4);\n$light-semi-font: $semi-dark;\n$light-chartist-grid-color: #f6f9fd;\n$pitch-color: #fe8a7d;\n$color-scarpa: #4c5667;\n$color-fiord: #455a64;\n$black : #000;\n$white: #fff;\n$ps-light-border: #ddd;\n$off-white: #F7F6FF;\n$lighter-white: #e9e9e9;\n$theme-medium-color: #e3e3e3;\n$dropdown-border-color: #918E99;\n\n$light-primary:   #D6D8D9;\n$light-secondary: #CCEAE8;\n$light-success:   #D1E7DD;\n$light-info:      #CFF4FC;\n$light-warning:   #FFF3CD;\n$light-danger:    #F8D7DA;\n$light-white:     #FCFCFD; // closest Bootstrap \"light bg-subtle\"\n$light-dark:      #CED4DA; // Bootstrap \"dark bg-subtle\"\n\n\n$folder-color: #efa000;\n\n// gradient colors\n$gradient-primary: linear-gradient(26deg, var(--theme-default) 0%, #a26cf8 100%);\n$gradient-bg-primary: linear-gradient(103.75deg, #33B1EE -13.9%, var(--theme-default) 79.68%);\n\n//Social colors\n$fb: #50598e;\n$twitter: #6fa2d8;\n$google-plus: #c64e40;\n$linkedin: #0073B1;\n\n// Social table\n$fb-color: #2F84F4;\n$insta-color: #FC971E;\n$pintrest-color: #FF3364;\n$twitter-color: #231915;\n$youtube-color: #F42F2F;\n$instagram-color: linear-gradient(45deg, #FEE411 11.93%, #FEDB16 15.61%, #FEC125 21.74%, #FE983D 29.56%, #FE5F5E 38.66%, #FE2181 47.46%, #9000DC 82.98%);\n\n//error input color start\n$light-body-bg-color: #fafdff;\n\n//fonts\n$font-manrope: Manrope;\n$font-serif: serif;\n$landing-cursive: 'Caveat', cursive;\n$font-themify: themify;\n$font-awesome: \"Font Awesome 6 Free\";\n$font-ICO: IcoFont;\n\n// dark layout variables\n$dark-body-background: #171717;\n$dark-card-background: #232323;\n$dark-card-inbox: #1f2124;\n$dark-small-font-color: #98a6ad;\n$dark-all-font-color: rgba(255, 255, 255, 0.9);\n$light-all-font-color: rgba(255, 255, 255, 0.2);\n$dark-bg-primary: rgba(255, 255, 255, 0.1);\n\n$dark-border-color: $dark-body-background;\n// $dark-card-border: #374558;\n$dark-card-border: rgba(255, 255, 255, 0.1);\n$dark-editor-document: #2b2b2b;\n$bg-dark-color: #1f2533;\n$dark-datatable-odd: #1f232b;\n$dark-datatable-sorting: #1c212b;\n$dark-datatable-sorting-even: #22262f;\n$dark-even-hover-sorting: #191e27;\n\n//General tag settings\n$body-font-size: 14px;\n$body-font-color: $theme-body-font-color;\n$ul-padding-left: 0px;\n$anchor-color: var(--theme-default);\n$btn-focus-box-shadow: none;\n$all-focus-outline-color: var(--theme-default);\n\n$paragraph-font-size : 14px;\n$paragraph-line-height : 1.7;\n$paragraph-letter-spacing : 0.7px;\n\n$code-tag-color: rgba(var(--theme-secondary),1);\n$code-tag-bg-color: rgba($primary-color, 0.03);\n$code-tag-padding: 3px;\n$code-tag-margin: 0 3px;\n$code-tag-border-radius: 2px;\n\n$blockquote-padding : 8px;\n$blockquote-border : 4px solid $primary-color;\n\n$small-tag-padding: 10px;\n$small-tag-color: $dark-color;\n\n$pre-tag-bg-color: rgba($primary-color, 0.03);\n$pre-tag-padding: 20px 0;\n\n$list-group-active-bg-color: var(--theme-default);\n$list-group-active-border-color: var(--theme-default);\n$list-group-img-size: 40px;\n$list-group-margin: 10px;\n\n\n// Tables settings\n$table-b-margin: 0px;\n$table-heading-color: $theme-body-font-color;\n$table-row-color: $theme-body-font-color;\n$table-footer-font-weight: bold;\n$table-inverse-color: $white;\n$table-hover-color: $light;\n$table-padding: 0.75rem;\n$table-xl-padding: 1.25rem 2rem;\n$table-xl-font: 120%;\n$table-lg-padding: .9rem 2rem;\n$table-lg-font: 110%;\n$table-de-padding: .75rem 2rem;\n$table-de-font: 100%;\n$table-sm-padding: .5rem 2rem;\n$table-sm-font: 90%;\n$table-xs-padding: 0.2rem 2rem;\n$table-xs-font: 80%;\n$horizontal-border-color: #f2f4ff;\n$horizontal-padding: .75rem 2rem;\n$table-inverse-bg-color: #292b2c;\n\n//According setting\n$according-card-top-margin : 10px;\n$according-btn-weight : 500;\n$according-btn-color : $theme-body-font-color;\n$according-card-header-padding : 0.75rem 1.25rem;\n$according-card-header-icon : $font-ICO;\n$according-open-icon : \"\\eb73\";\n$according-close-icon : \"\\eb7a\";\n\n//Alert settings\n$alert-hover-color :$dark-color;\n$alert-border-radius :0.15rem;\n$alert-padding :15px;\n$alert-msg-icon-size :16px;\n\n//badge settings\n$badge-padding :0.25em 0.5em;\n$badge-svg-size :16px;\n\n//form input settings\n$form-group-margin-bottom : 1.25em;\n$col-form-label-font-size : 14px;\n$form-control-font-size : 14px;\n$form-control-border-radius : 2px;\n$form-control-border-color : $light-gray;\n\n//breadcrumb setting\n$breadcrumb-anchor-color : $white;\n$breadcrumb-anchor-dark-color : $black;\n\n//buttons setting\n$btn-font-size : 14px;\n$btn-padding : 8px 15px;\n$btn-lg-font-size: 18px;\n$btn-sm-font-size: 12px;\n$btn-xs-font-size: 11px;\n$btn-xs-padding: 0.05rem 0.4rem;\n\n//Card settings\n$card-padding :20px;\n$card-margin-bottom :20px;\n$card-border-color :1px solid var(--sidebar-border);\n$card-border-radius :10px;\n$common-shadow-color : rgba($info-color, 0.08);\n$card-box-shadow : 0px 0px 35px 0px #E9EDF299;\n$card-header-bg-color : $white;\n$card-header-font-transform : capitalize;\n$card-header-span-size : 12px;\n$card-header-span-color : $theme-body-sub-title-color;\n$card-body-bg-color : $transparent-color;\n$card-footer-bg-color : $white;\n$card-hover-box-shadow : 0 0 40px rgba(8, 21, 66, .05);\n\n// According settings\n$card-border-width :0px;\n$card-header-font-weight : 600;\n$card-header-font-size : 18px;\n$card-header-font-color : $theme-body-font-color;\n\n//footer settings\n$footer_bg_color : $white;\n$footer_box_shadow : 0 0 20px rgba($semi-dark, 0.1);\n$footer_dark_color : $theme-font-color;\n$footer_dark__txt_color : $white;\n\n//form settings\n$form-group-margin-bottom :20px;\n$sm-form-margin-bottom : 14px;\n$form-placeholder-color : $dark-gray;\n$form-placeholder-font-size : 14px;\n$form-placeholder-letter-spacing : 1px;\n$form-placeholder-font-weight : 500;\n$form-input-border-color : $light-semi-gray;\n$form-input-bg-color : $white;\n\n//Tour settings\n$tour-color: var(--theme-default);\n\n//sidebar main settings\n$sidebar-width: 255px;\n$sidebar-position: fixed;\n$sidebar-background-color: $white;\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\n$sidebar-overflow: auto;\n$sidebar-z-index: 9;\n$sidebar-transition: 0.5s;\n$sidebar-fill-icon-color: #757589;\n\n//sidebar profile settings\n$sidebar-profile-edit-icon-size: 14px;\n$sidebar-profile-name-txt-color : var(--theme-default);\n$sidebar-profile-name-txt-transfer : uppercase;\n$sidebar-profile-name-txt-weight : 600;\n$sidebar-profile-name-letter-specing : 1.5px;\n$sidebar-profile-name-margin : 3px;\n$sidebar-profile-sub-title-font-size: 10px;\n$sidebar-profile-sub-title-margin: 0px;\n$sidebar-profile-img-shadow: 0 0 15px rgba($primary-color, 0.3);\n\n//Sidebar main menu setting\n$sidebar-menu-padding: 15px;\n$sidebar-menu-list-style: none;\n$sidebar-menu-list-margin: 0;\n$sidebar-icon-size: 14px;\n$sidebar-icon-margin: 14px;\n$sidebar-icon-stroke-width: 3px;\n$sidebar-font-size: 14px;\n$sidebar-letter-spacing: 0.5px;\n$sidebar-txt-transform: capitalize;\n$sidebar-font-weight: 600;\n$sidebar-font-color: $theme-body-font-color;\n$sidebar-padding-top: 12px;\n$sidebar-padding-bottom: 12px;\n$sidebar-sub-header-padding: 15px;\n$sidebar-sub-header-margin: 0;\n$sidebar-heading-hover-padding: 5px;\n$sidebar-hover-txt-color: var(--theme-default);\n$sidebar-arrow-margin-top: 2px;\n$sidebar-arrow-size: 15px;\n$sidebar-arrow-color: $theme-body-font-color;\n$sidebar-open-icon: \"\\f107\";\n$sidebar-close-icon: \"\\f105\";\n$sidebar-icon-font-family: $font-awesome;\n$sidebar-height: calc(100vh - 115px);\n$sidebar-compact-width: 265px;\n\n//Header settings\n$main-header-position: fixed;\n$main-header-top: 0;\n$main-header-shadow: 0 0 20px rgba($semi-dark, 0.1);\n$main-header-shadow-1: 0px 4px 40px rgba(89, 102, 122, 0.1);\n\n//page settings\n$page-body-padding : 0 15px 0 15px;\n$page-body-bg-color: $light-color;\n$page-body-margin-bottom: 0px;\n$page-title-padding : 20px 20px;\n$common-box-shadow: 2px 3.464px 8px 0px rgba(22, 145, 248, 0.18);\n$page-title-font-size: 24px;\n$page-title-margin-bottom: 0;\n$page-title-text-transform: capitalize;\n$page-small-title-display: block;\n$page-small-title-font-size: 12px;\n$page-small-title-margin-bottom: 5px;\n$page-small-title-text-transform: capitalize;\n$page-small-title-text-color: $theme-body-sub-title-color;\n$breadcrumb-size: 16px;\n$breadcrumb-content: \"/\";\n\n//main header left settings\n$main-header-z-index : 8;\n$header-wrapper-padding: 22px 30px;\n$header-wrapper-nav-icon-size : 20px;\n$header-wrapper-nav-icon-color : $theme-font-color;\n$header-wrapper-nav-icon-align : middle;\n$header-size: 136px;\n$box-layout-space : 42px;\n\n// widgets variables\n$widget-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);\n"]}