/*! -----------------------------------------------------------------------------------
01. Update CSS
02. Reset CSS
03. Card CSS
04. Loader CSS
05. Header CSS
06. Button CSS
07. Color CSS
08. GRID CSS
09. Error-page CSS
10. Icon css
11. Form Builder 1 CSS
12. Form Builder 2 CSS
13. Email Application  CSS
14. Chat CSS
15. Alert CSS
16. Popover CSS
17. List CSS
18. Switch  CSS
19. Mega option CSS
20. Touchspin  CSS
21. Select 2 CSS
22. User profile css
23. Progress CSS
24. According CSS
25. Authentication CSS
26. Form CSS
27. Coming Soon CSS
28. Radio CSS
29. Form Input CSS
30. Data-table CSS
31. JS datagrid CSS
32. Page CSS
33. Ecommerce CSS
34. Pricing CSS
35. Form builder css
36. NAV CSS
37. Dropdown CSS
38. Landing CSS
39. Table  CSS
40. File Manager
41. Chart CSS
42. Timeline CSS
43. Timeline 2 CSS
44. Tabs CSS
45. Gallery CSS
46. Blog CSS
47. Footer CSS
48. Form Wizard
49. Badge CSS
50. Tree CSS
51. Search CSS
52. Datepicker CSS
53. Dashboard CSS
54. Tour CSS
55. theme layout CSS
56. Ribbon CSS
57. breadcrumb CSS
58. Steps  CSS
59. Customizer CSS
60. RTL CSS
61. base_inputs CSS
62. Responsive css
63. Box-layout css
64. Button Builder css
65. Button Builder color picker CSS
66. Dashboard 2
67. Invoice
68. Faq CSS
69. Job CSS
70. knowledgebase CSS
71. internationalization CSS
72. Learning CSS
73. Order History css
74. Print CSS
75. Sidebar CSS
76. social app
77. avatars
78. Bookmark
79. cart
80. wishlist
81. checkout
82. bookmark app
83. contacts
84. task
85. Typography css
86. Scrollbar css
87. typahead-search CSS
88. general widget css
89. Project list css
90. Calender css
*/
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-SemiboldItalic.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-SemiboldItalic.woff") format("woff");
    font-weight:600;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-LightItalic.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-LightItalic.woff") format("woff");
    font-weight:300;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-RegularItalic.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-RegularItalic.woff") format("woff");
    font-weight:normal;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Regular.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Regular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Medium.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Medium.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Regular.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Regular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Semibold.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-MediumItalic.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-MediumItalic.woff") format("woff");
    font-weight:500;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Medium.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Medium.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Semibold.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-HeavyItalic.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-HeavyItalic.woff") format("woff");
    font-weight:900;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Light.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Bold.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Bold.woff") format("woff");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-BoldItalic.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-BoldItalic.woff") format("woff");
    font-weight:bold;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Heavy.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Heavy.woff") format("woff");
    font-weight:900;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Bold.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Bold.woff") format("woff");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Light.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'SF Pro Text';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Heavy.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/SFProText-Heavy.woff") format("woff");
    font-weight:900;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'Amanda Signature';
    src:url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/AmandaSignatureRegular.woff2") format("woff2"),url("https://admin.pixelstrap.com/tivo/assets/fonts/theme-font/AmandaSignatureRegular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
:root{
    --theme-deafult:#b58022;
    --theme-secondary: #eeb82f
}
.font-Montserrat{
    font-family:"Montserrat",sans-serif,sans-serif
}
.p-0{
    padding:0px
}
.p-5{
    padding:5px
}
.p-10{
    padding:10px
}
.p-15{
    padding:15px
}
.p-20{
    padding:20px
}
.p-25{
    padding:25px
}
.p-30{
    padding:30px
}
.p-35{
    padding:35px
}
.p-40{
    padding:40px
}
.p-45{
    padding:45px
}
.p-50{
    padding:50px
}
.p-l-0{
    padding-left:0px
}
.p-l-5{
    padding-left:5px
}
.p-l-10{
    padding-left:10px
}
.p-l-15{
    padding-left:15px
}
.p-l-20{
    padding-left:20px
}
.p-l-25{
    padding-left:25px
}
.p-l-30{
    padding-left:30px
}
.p-l-35{
    padding-left:35px
}
.p-l-40{
    padding-left:40px
}
.p-l-45{
    padding-left:45px
}
.p-l-50{
    padding-left:50px
}
.p-t-0{
    padding-top:0px !important
}
.p-t-5{
    padding-top:5px !important
}
.p-t-10{
    padding-top:10px !important
}
.p-t-15{
    padding-top:15px !important
}
.p-t-20{
    padding-top:20px !important
}
.p-t-25{
    padding-top:25px !important
}
.p-t-30{
    padding-top:30px !important
}
.p-t-35{
    padding-top:35px !important
}
.p-t-40{
    padding-top:40px !important
}
.p-t-45{
    padding-top:45px !important
}
.p-t-50{
    padding-top:50px !important
}
.p-b-0{
    padding-bottom:0px !important
}
.p-b-5{
    padding-bottom:5px !important
}
.p-b-10{
    padding-bottom:10px !important
}
.p-b-15{
    padding-bottom:15px !important
}
.p-b-20{
    padding-bottom:20px !important
}
.p-b-25{
    padding-bottom:25px !important
}
.p-b-30{
    padding-bottom:30px !important
}
.p-b-35{
    padding-bottom:35px !important
}
.p-b-40{
    padding-bottom:40px !important
}
.p-b-45{
    padding-bottom:45px !important
}
.p-b-50{
    padding-bottom:50px !important
}
.p-r-0{
    padding-right:0px
}
.p-r-5{
    padding-right:5px
}
.p-r-10{
    padding-right:10px
}
.p-r-15{
    padding-right:15px
}
.p-r-20{
    padding-right:20px
}
.p-r-25{
    padding-right:25px
}
.p-r-30{
    padding-right:30px
}
.p-r-35{
    padding-right:35px
}
.p-r-40{
    padding-right:40px
}
.p-r-45{
    padding-right:45px
}
.p-r-50{
    padding-right:50px
}
.m-0{
    margin:0px !important
}
.m-5{
    margin:5px !important
}
.m-10{
    margin:10px !important
}
.m-15{
    margin:15px !important
}
.m-20{
    margin:20px !important
}
.m-25{
    margin:25px !important
}
.m-30{
    margin:30px !important
}
.m-35{
    margin:35px !important
}
.m-40{
    margin:40px !important
}
.m-45{
    margin:45px !important
}
.m-50{
    margin:50px !important
}
.m-t-0{
    margin-top:0px !important
}
.m-t-5{
    margin-top:5px !important
}
.m-t-10{
    margin-top:10px !important
}
.m-t-15{
    margin-top:15px !important
}
.m-t-20{
    margin-top:20px !important
}
.m-t-25{
    margin-top:25px !important
}
.m-t-30{
    margin-top:30px !important
}
.m-t-35{
    margin-top:35px !important
}
.m-t-40{
    margin-top:40px !important
}
.m-t-45{
    margin-top:45px !important
}
.m-t-50{
    margin-top:50px !important
}
.m-b-0{
    margin-bottom:0px !important
}
.m-b-5{
    margin-bottom:5px !important
}
.m-b-10{
    margin-bottom:10px !important
}
.m-b-15{
    margin-bottom:15px !important
}
.m-b-20{
    margin-bottom:20px !important
}
.m-b-25{
    margin-bottom:25px !important
}
.m-b-30{
    margin-bottom:30px !important
}
.m-b-35{
    margin-bottom:35px !important
}
.m-b-40{
    margin-bottom:40px !important
}
.m-b-45{
    margin-bottom:45px !important
}
.m-b-50{
    margin-bottom:50px !important
}
.m-l-0{
    margin-left:0px !important
}
.m-l-5{
    margin-left:5px !important
}
.m-l-10{
    margin-left:10px !important
}
.m-l-15{
    margin-left:15px !important
}
.m-l-20{
    margin-left:20px !important
}
.m-l-25{
    margin-left:25px !important
}
.m-l-30{
    margin-left:30px !important
}
.m-l-35{
    margin-left:35px !important
}
.m-l-40{
    margin-left:40px !important
}
.m-l-45{
    margin-left:45px !important
}
.m-l-50{
    margin-left:50px !important
}
.m-r-0{
    margin-right:0px
}
.m-r-5{
    margin-right:5px
}
.m-r-10{
    margin-right:10px
}
.m-r-15{
    margin-right:15px
}
.m-r-20{
    margin-right:20px
}
.m-r-25{
    margin-right:25px
}
.m-r-30{
    margin-right:30px
}
.m-r-35{
    margin-right:35px
}
.m-r-40{
    margin-right:40px
}
.m-r-45{
    margin-right:45px
}
.m-r-50{
    margin-right:50px
}
.b-r-0{
    border-radius:0px !important
}
.b-r-1{
    border-radius:1px !important
}
.b-r-2{
    border-radius:2px !important
}
.b-r-3{
    border-radius:3px !important
}
.b-r-4{
    border-radius:4px !important
}
.b-r-5{
    border-radius:5px !important
}
.b-r-6{
    border-radius:6px !important
}
.b-r-7{
    border-radius:7px !important
}
.b-r-8{
    border-radius:8px !important
}
.b-r-9{
    border-radius:9px !important
}
.b-r-10{
    border-radius:10px !important
}
.f-12{
    font-size:12px !important
}
.f-14{
    font-size:14px !important
}
.f-16{
    font-size:16px !important
}
.f-18{
    font-size:18px !important
}
.f-20{
    font-size:20px !important
}
.f-22{
    font-size:22px !important
}
.f-24{
    font-size:24px !important
}
.f-26{
    font-size:26px !important
}
.f-28{
    font-size:28px !important
}
.f-30{
    font-size:30px !important
}
.f-32{
    font-size:32px !important
}
.f-34{
    font-size:34px !important
}
.f-36{
    font-size:36px !important
}
.f-38{
    font-size:38px !important
}
.f-40{
    font-size:40px !important
}
.f-42{
    font-size:42px !important
}
.f-44{
    font-size:44px !important
}
.f-46{
    font-size:46px !important
}
.f-48{
    font-size:48px !important
}
.f-50{
    font-size:50px !important
}
.f-52{
    font-size:52px !important
}
.f-54{
    font-size:54px !important
}
.f-56{
    font-size:56px !important
}
.f-58{
    font-size:58px !important
}
.f-60{
    font-size:60px !important
}
.f-62{
    font-size:62px !important
}
.f-64{
    font-size:64px !important
}
.f-66{
    font-size:66px !important
}
.f-68{
    font-size:68px !important
}
.f-70{
    font-size:70px !important
}
.f-72{
    font-size:72px !important
}
.f-74{
    font-size:74px !important
}
.f-76{
    font-size:76px !important
}
.f-78{
    font-size:78px !important
}
.f-80{
    font-size:80px !important
}
.f-82{
    font-size:82px !important
}
.f-84{
    font-size:84px !important
}
.f-86{
    font-size:86px !important
}
.f-88{
    font-size:88px !important
}
.f-90{
    font-size:90px !important
}
.f-92{
    font-size:92px !important
}
.f-94{
    font-size:94px !important
}
.f-96{
    font-size:96px !important
}
.f-98{
    font-size:98px !important
}
.f-100{
    font-size:100px !important
}
.f-w-100{
    font-weight:100
}
.f-w-300{
    font-weight:300
}
.f-w-500{
    font-weight:500
}
.f-w-400{
    font-weight:400
}
.f-w-600{
    font-weight:600
}
.f-w-700{
    font-weight:700
}
.f-w-900{
    font-weight:900
}
.f-s-normal{
    font-style:normal
}
.f-s-italic{
    font-style:italic
}
.f-s-oblique{
    font-style:oblique
}
.f-s-initial{
    font-style:initial
}
.f-s-inherit{
    font-style:inherit
}
.text-overline{
    text-decoration:overline
}
.text-line-through{
    text-decoration:line-through
}
.text-underline{
    text-decoration:underline
}
.text-dashed{
    -webkit-text-decoration:dashed;
    text-decoration:dashed
}
.text-blink{
    text-decoration:blink
}
.text-dotted{
    -webkit-text-decoration:dotted;
    text-decoration:dotted
}
.text-initial{
    text-decoration:initial
}
.text-none{
    text-decoration:none
}
.text-solid{
    -webkit-text-decoration:solid;
    text-decoration:solid
}
.text-wavy{
    -webkit-text-decoration:wavy;
    text-decoration:wavy
}
.text-inherit{
    text-decoration:inherit
}
.text-double{
    -webkit-text-decoration:double;
    text-decoration:double
}
.baseline{
    vertical-align:baseline
}
.sub{
    vertical-align:sub
}
.super{
    vertical-align:super
}
.top{
    vertical-align:top
}
.text-top{
    vertical-align:text-top
}
.middle{
    vertical-align:middle
}
.bottom{
    vertical-align:bottom
}
.text-bottom{
    vertical-align:text-bottom
}
.initial{
    vertical-align:initial
}
.inherit{
    vertical-align:inherit
}
.p-static{
    position:static
}
.p-absolute{
    position:absolute
}
.p-fixed{
    position:fixed
}
.p-relative{
    position:relative
}
.p-initial{
    position:initial
}
.p-inherit{
    position:inherit
}
.f-left{
    float:left
}
.f-right{
    float:right
}
.f-none{
    float:none
}
.o-hidden{
    overflow:hidden
}
.o-visible{
    overflow:visible
}
.o-auto{
    overflow:auto
}
.img-10{
    width:10px !important
}
.img-20{
    width:20px !important
}
.img-30{
    width:30px !important
}
.img-40{
    width:40px !important
}
.img-50{
    width:50px !important
}
.img-60{
    width:60px !important
}
.img-70{
    width:70px !important
}
.img-80{
    width:80px !important
}
.img-90{
    width:90px !important
}
.img-100{
    width:100px !important
}
.font-primary{
    color:#b58022 !important
}
.font-secondary{
    color:#5c61f1 !important
}
.font-success{
    color:#61ae41 !important
}
.font-danger{
    color:#f81f58 !important
}
.font-info{
    color:#4faad5 !important
}
.font-light{
    color:#f4f4f4 !important
}
.font-dark{
    color:#2c323f !important
}
.font-warning{
    color:#b58022 !important
}
.font-primary{
    color:var(--theme-deafult)
}
.font-secondary{
    color:var(--theme-secondary)
}
.label{
    border-radius:2px;
    color:#fff;
    font-size:12px;
    line-height:1;
    margin-bottom:0;
    text-transform:capitalize
}
.label-theme{
    background-color:#b58022
}
.label-primary{
    background-color:#5c61f2
}
.label-secondary{
    background-color:#eeb82f
}
.label-success{
    background-color:#61ae41
}
.label-danger{
    background-color:#f81f58
}
.label-info{
    background-color:#4faad5
}
.label-light{
    background-color:#f4f4f4
}
.label-dark{
    background-color:#2c323f
}
.label-warning{
    background-color:#e6ae30
}
.badge-primary{
    background-color:#5c61f2
}
.badge-secondary{
    background-color:#eeb82f
}
.badge-success{
    background-color:#61ae41
}
.badge-danger{
    background-color:#f81f58
}
.badge-info{
    background-color:#4faad5
}
.badge-light{
    background-color:#f4f4f4
}
.badge-dark{
    background-color:#2c323f
}
.badge-warning{
    background-color:#e6ae30
}
.badge-primary{
    background-color:var(--theme-deafult) !important
}
.badge-secondary{
    background-color:var(--theme-secondary) !important
}
.bg-primary{
    background-color:#5c61f2 !important;
    color:#fff
}
.bg-light-primary{
    background-color:rgba(92,97,242,0.2) !important;
    color:#fff
}
.bg-secondary{
    background-color:#eeb82f !important;
    color:#fff
}
.bg-light-secondary{
    background-color:rgba(238,184,47,0.2) !important;
    color:#fff
}
.bg-success{
    background-color:#61ae41 !important;
    color:#fff
}
.bg-light-success{
    background-color:rgba(97,174,65,0.2) !important;
    color:#fff
}
.bg-danger{
    background-color:#f81f58 !important;
    color:#fff
}
.bg-light-danger{
    background-color:rgba(248,31,88,0.2) !important;
    color:#fff
}
.bg-info{
    background-color:#4faad5 !important;
    color:#fff
}
.bg-light-info{
    background-color:rgba(79,170,213,0.2) !important;
    color:#fff
}
.bg-light {
    background-color: #e9ecef !important;
    color: #303030;
}
.bg-light-light{
    background-color:rgba(244,244,244,0.2) !important;
    color:#fff
}
.bg-dark{
    background-color:#2c323f !important;
    color:#fff
}
.bg-light-dark{
    background-color:rgba(44,50,63,0.2) !important;
    color:#fff
}
.bg-warning{
    background-color:#e6ae30 !important;
    color:#fff
}
.bg-light-warning{
    background-color:rgba(230,174,48,0.2) !important;
    color:#fff
}
.bg-theme{
    background-color:#b58022 !important;
    color:#fff
}
.txt-primary{
    color:#5c61f2 !important
}
.txt-secondary{
    color:#eeb82f !important
}
.txt-success{
    color:#61ae41 !important
}
.txt-danger{
    color:#f81f58 !important
}
.txt-info{
    color:#4faad5 !important
}
.txt-light{
    color:#f4f4f4 !important
}
.txt-dark{
    color:#2c323f !important
}
.txt-warning{
    color:#e6ae30 !important
}
.txt-google-plus{
    color:#c64e40 !important
}
.txt-twitter{
    color:#5da9dd !important
}
.txt-linkedin{
    color:#0077B5 !important
}
.txt-fb{
    color:#4867aa !important
}
.txt-primary{
    color:var(--theme-deafult) !important
}
.txt-secondary{
    color:var(--theme-secondary) !important
}
.btn-theme{
    background-color:#b58022 !important;
    border-color:#b58022 !important
}
.btn-theme.disabled,.btn-theme:disabled{
    background-color:#b58022 !important;
    border-color:#b58022 !important
}
.btn-theme:focus{
    -webkit-box-shadow:0 0 0 0.2rem #eaeafd;
    box-shadow:0 0 0 0.2rem #eaeafd
}
.btn-primary{
    background-color:#5c61f2 !important;
    border-color:#5c61f2 !important
}
.btn-primary.disabled,.btn-primary:disabled{
    background-color:#5c61f2 !important;
    border-color:#5c61f2 !important
}
.btn-primary:focus{
    -webkit-box-shadow:0 0 0 0.2rem #eaeafd;
    box-shadow:0 0 0 0.2rem #eaeafd
}
.btn-secondary{
    background-color:#eeb82f !important;
    border-color:#eeb82f !important
}
.btn-secondary.disabled,.btn-secondary:disabled{
    background-color:#eeb82f !important;
    border-color:#eeb82f !important
}
.btn-secondary:focus{
    -webkit-box-shadow:0 0 0 0.2rem #fae8bc;
    box-shadow:0 0 0 0.2rem #fae8bc
}
.btn-success{
    background-color:#61ae41 !important;
    border-color:#61ae41 !important
}
.btn-success.disabled,.btn-success:disabled{
    background-color:#61ae41 !important;
    border-color:#61ae41 !important
}
.btn-success:focus{
    -webkit-box-shadow:0 0 0 0.2rem #b9dfa9;
    box-shadow:0 0 0 0.2rem #b9dfa9
}
.btn-danger{
    background-color:#f81f58 !important;
    border-color:#f81f58 !important
}
.btn-danger.disabled,.btn-danger:disabled{
    background-color:#f81f58 !important;
    border-color:#f81f58 !important
}
.btn-danger:focus{
    -webkit-box-shadow:0 0 0 0.2rem #fdb3c7;
    box-shadow:0 0 0 0.2rem #fdb3c7
}
.btn-info{
    background-color:#4faad5 !important;
    border-color:#4faad5 !important;
    color:#fff
}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active{
    color:#fff
}
.btn-info.disabled,.btn-info:disabled{
    background-color:#4faad5 !important;
    border-color:#4faad5 !important
}
.btn-info:focus{
    -webkit-box-shadow:0 0 0 0.2rem #cbe6f2;
    box-shadow:0 0 0 0.2rem #cbe6f2
}
.btn-light{
    background-color:#f4f4f4 !important;
    border-color:#f4f4f4 !important
}
.btn-light.disabled,.btn-light:disabled{
    background-color:#f4f4f4 !important;
    border-color:#f4f4f4 !important
}
.btn-light:focus{
    -webkit-box-shadow:0 0 0 0.2rem #fff;
    box-shadow:0 0 0 0.2rem #fff
}
.btn-dark{
    background-color:#2c323f !important;
    border-color:#2c323f !important
}
.btn-dark.disabled,.btn-dark:disabled{
    background-color:#2c323f !important;
    border-color:#2c323f !important
}
.btn-dark:focus{
    -webkit-box-shadow:0 0 0 0.2rem #6c7a98;
    box-shadow:0 0 0 0.2rem #6c7a98
}
.btn-warning{
    background-color:#e6ae30 !important;
    border-color:#e6ae30 !important
}
.btn-warning.disabled,.btn-warning:disabled{
    background-color:#e6ae30 !important;
    border-color:#e6ae30 !important
}
.btn-warning:focus{
    -webkit-box-shadow:0 0 0 0.2rem #f6e3b9;
    box-shadow:0 0 0 0.2rem #f6e3b9
}
.btn-light{
    background-color:rgba(92,97,242,0.06) !important;
    border-color:rgba(92,97,242,0.06) !important
}
.btn-light:hover{
    background-color:rgba(92,97,242,0.1) !important;
    border-color:rgba(92,97,242,0.05) !important
}
.btn-primary{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult)
}
.btn-secondary{
    background-color:var(--theme-secondary) !important;
    border-color:var(--theme-secondary) !important
}
.btn-outline-primary-2x{
    border-width:2px;
    border-color:#5c61f2;
    color:#5c61f2;
    background-color:transparent
}
.btn-outline-primary-2x:hover,.btn-outline-primary-2x:focus,.btn-outline-primary-2x:active,.btn-outline-primary-2x.active{
    color:white;
    background-color:#2d33ee !important;
    border-color:#2d33ee !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-secondary-2x{
    border-width:2px;
    border-color:#eeb82f;
    color:#eeb82f;
    background-color:transparent
}
.btn-outline-secondary-2x:hover,.btn-outline-secondary-2x:focus,.btn-outline-secondary-2x:active,.btn-outline-secondary-2x.active{
    color:white;
    background-color:#d8a012 !important;
    border-color:#d8a012 !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-success-2x{
    border-width:2px;
    border-color:#61ae41;
    color:#61ae41;
    background-color:transparent
}
.btn-outline-success-2x:hover,.btn-outline-success-2x:focus,.btn-outline-success-2x:active,.btn-outline-success-2x.active{
    color:white;
    background-color:#4c8933 !important;
    border-color:#4c8933 !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-danger-2x{
    border-width:2px;
    border-color:#f81f58;
    color:#f81f58;
    background-color:transparent
}
.btn-outline-danger-2x:hover,.btn-outline-danger-2x:focus,.btn-outline-danger-2x:active,.btn-outline-danger-2x.active{
    color:white;
    background-color:#dd073f !important;
    border-color:#dd073f !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-info-2x{
    border-width:2px;
    border-color:#4faad5;
    color:#4faad5;
    background-color:transparent
}
.btn-outline-info-2x:hover,.btn-outline-info-2x:focus,.btn-outline-info-2x:active,.btn-outline-info-2x.active{
    color:white;
    background-color:#2e93c3 !important;
    border-color:#2e93c3 !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-light-2x{
    border-width:2px;
    border-color:#f4f4f4;
    color:#f4f4f4;
    background-color:transparent
}
.btn-outline-light-2x:hover,.btn-outline-light-2x:focus,.btn-outline-light-2x:active,.btn-outline-light-2x.active{
    color:white;
    background-color:#dbdbdb !important;
    border-color:#dbdbdb !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-dark-2x{
    border-width:2px;
    border-color:#2c323f;
    color:#2c323f;
    background-color:transparent
}
.btn-outline-dark-2x:hover,.btn-outline-dark-2x:focus,.btn-outline-dark-2x:active,.btn-outline-dark-2x.active{
    color:white;
    background-color:#171a21 !important;
    border-color:#171a21 !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-warning-2x{
    border-width:2px;
    border-color:#e6ae30;
    color:#e6ae30;
    background-color:transparent
}
.btn-outline-warning-2x:hover,.btn-outline-warning-2x:focus,.btn-outline-warning-2x:active,.btn-outline-warning-2x.active{
    color:white;
    background-color:#cb9418 !important;
    border-color:#cb9418 !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-outline-primary{
    border-color:#5c61f2;
    color:#5c61f2;
    background-color:transparent
}
.btn-outline-primary.disabled{
    color:#5c61f2
}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active{
    color:white;
    background-color:#2d33ee !important;
    border-color:#2d33ee !important
}
.btn-outline-secondary{
    border-color:#eeb82f;
    color:#eeb82f;
    background-color:transparent
}
.btn-outline-secondary.disabled{
    color:#eeb82f
}
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active,.btn-outline-secondary.active{
    color:white;
    background-color:#d8a012 !important;
    border-color:#d8a012 !important
}
.btn-outline-success{
    border-color:#61ae41;
    color:#61ae41;
    background-color:transparent
}
.btn-outline-success.disabled{
    color:#61ae41
}
.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active,.btn-outline-success.active{
    color:white;
    background-color:#4c8933 !important;
    border-color:#4c8933 !important
}
.btn-outline-danger{
    border-color:#f81f58;
    color:#f81f58;
    background-color:transparent
}
.btn-outline-danger.disabled{
    color:#f81f58
}
.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger:active,.btn-outline-danger.active{
    color:white;
    background-color:#dd073f !important;
    border-color:#dd073f !important
}
.btn-outline-info{
    border-color:#4faad5;
    color:#4faad5;
    background-color:transparent
}
.btn-outline-info.disabled{
    color:#4faad5
}
.btn-outline-info:hover,.btn-outline-info:focus,.btn-outline-info:active,.btn-outline-info.active{
    color:white;
    background-color:#2e93c3 !important;
    border-color:#2e93c3 !important
}
.btn-outline-light{
    border-color:#f4f4f4;
    color:#f4f4f4;
    background-color:transparent;
    color:#2b2b2b
}
.btn-outline-light.disabled{
    color:#f4f4f4
}
.btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active,.btn-outline-light.active{
    color:white;
    background-color:#dbdbdb !important;
    border-color:#dbdbdb !important
}
.btn-outline-dark{
    border-color:#2c323f;
    color:#2c323f;
    background-color:transparent
}
.btn-outline-dark.disabled{
    color:#2c323f
}
.btn-outline-dark:hover,.btn-outline-dark:focus,.btn-outline-dark:active,.btn-outline-dark.active{
    color:white;
    background-color:#171a21 !important;
    border-color:#171a21 !important
}
.btn-outline-warning{
    border-color:#e6ae30;
    color:#e6ae30;
    background-color:transparent
}
.btn-outline-warning.disabled{
    color:#e6ae30
}
.btn-outline-warning:hover,.btn-outline-warning:focus,.btn-outline-warning:active,.btn-outline-warning.active{
    color:white;
    background-color:#cb9418 !important;
    border-color:#cb9418 !important
}
.btn-primary:not([disabled]):not(.disabled).active{
    background-color:#2d33ee;
    border-color:#2d33ee;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-primary:not([disabled]):not(.disabled).active:hover,.btn-primary:not([disabled]):not(.disabled).active:focus,.btn-primary:not([disabled]):not(.disabled).active:active,.btn-primary:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#2d33ee;
    border-color:#2d33ee
}
.btn-secondary:not([disabled]):not(.disabled).active{
    background-color:#d8a012;
    border-color:#d8a012;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-secondary:not([disabled]):not(.disabled).active:hover,.btn-secondary:not([disabled]):not(.disabled).active:focus,.btn-secondary:not([disabled]):not(.disabled).active:active,.btn-secondary:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#d8a012;
    border-color:#d8a012
}
.btn-success:not([disabled]):not(.disabled).active{
    background-color:#4c8933;
    border-color:#4c8933;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-success:not([disabled]):not(.disabled).active:hover,.btn-success:not([disabled]):not(.disabled).active:focus,.btn-success:not([disabled]):not(.disabled).active:active,.btn-success:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#4c8933;
    border-color:#4c8933
}
.btn-danger:not([disabled]):not(.disabled).active{
    background-color:#dd073f;
    border-color:#dd073f;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-danger:not([disabled]):not(.disabled).active:hover,.btn-danger:not([disabled]):not(.disabled).active:focus,.btn-danger:not([disabled]):not(.disabled).active:active,.btn-danger:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#dd073f;
    border-color:#dd073f
}
.btn-info:not([disabled]):not(.disabled).active{
    background-color:#2e93c3;
    border-color:#2e93c3;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-info:not([disabled]):not(.disabled).active:hover,.btn-info:not([disabled]):not(.disabled).active:focus,.btn-info:not([disabled]):not(.disabled).active:active,.btn-info:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#2e93c3;
    border-color:#2e93c3
}
.btn-light:not([disabled]):not(.disabled).active{
    background-color:#dbdbdb;
    border-color:#dbdbdb;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-light:not([disabled]):not(.disabled).active:hover,.btn-light:not([disabled]):not(.disabled).active:focus,.btn-light:not([disabled]):not(.disabled).active:active,.btn-light:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#dbdbdb;
    border-color:#dbdbdb
}
.btn-dark:not([disabled]):not(.disabled).active{
    background-color:#171a21;
    border-color:#171a21;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-dark:not([disabled]):not(.disabled).active:hover,.btn-dark:not([disabled]):not(.disabled).active:focus,.btn-dark:not([disabled]):not(.disabled).active:active,.btn-dark:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#171a21;
    border-color:#171a21
}
.btn-warning:not([disabled]):not(.disabled).active{
    background-color:#cb9418;
    border-color:#cb9418;
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.btn-warning:not([disabled]):not(.disabled).active:hover,.btn-warning:not([disabled]):not(.disabled).active:focus,.btn-warning:not([disabled]):not(.disabled).active:active,.btn-warning:not([disabled]):not(.disabled).active.active{
    color:white;
    background-color:#cb9418;
    border-color:#cb9418
}
.btn-outline-primary-2x:not([disabled]):not(.disabled).active{
    background-color:#5c61f2;
    border-color:#5c61f2;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-primary-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-primary-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-primary-2x:not([disabled]):not(.disabled).active:active,.btn-outline-primary-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#2d33ee !important;
    border-color:#2d33ee !important
}
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active{
    background-color:#eeb82f;
    border-color:#eeb82f;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:active,.btn-outline-secondary-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#d8a012 !important;
    border-color:#d8a012 !important
}
.btn-outline-success-2x:not([disabled]):not(.disabled).active{
    background-color:#61ae41;
    border-color:#61ae41;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-success-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-success-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-success-2x:not([disabled]):not(.disabled).active:active,.btn-outline-success-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#4c8933 !important;
    border-color:#4c8933 !important
}
.btn-outline-danger-2x:not([disabled]):not(.disabled).active{
    background-color:#f81f58;
    border-color:#f81f58;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-danger-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-danger-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-danger-2x:not([disabled]):not(.disabled).active:active,.btn-outline-danger-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#dd073f !important;
    border-color:#dd073f !important
}
.btn-outline-info-2x:not([disabled]):not(.disabled).active{
    background-color:#4faad5;
    border-color:#4faad5;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-info-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-info-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-info-2x:not([disabled]):not(.disabled).active:active,.btn-outline-info-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#2e93c3 !important;
    border-color:#2e93c3 !important
}
.btn-outline-light-2x:not([disabled]):not(.disabled).active{
    background-color:#f4f4f4;
    border-color:#f4f4f4;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-light-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-light-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-light-2x:not([disabled]):not(.disabled).active:active,.btn-outline-light-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#dbdbdb !important;
    border-color:#dbdbdb !important
}
.btn-outline-dark-2x:not([disabled]):not(.disabled).active{
    background-color:#2c323f;
    border-color:#2c323f;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-dark-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-dark-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-dark-2x:not([disabled]):not(.disabled).active:active,.btn-outline-dark-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#171a21 !important;
    border-color:#171a21 !important
}
.btn-outline-warning-2x:not([disabled]):not(.disabled).active{
    background-color:#e6ae30;
    border-color:#e6ae30;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    color:white
}
.btn-outline-warning-2x:not([disabled]):not(.disabled).active:hover,.btn-outline-warning-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-warning-2x:not([disabled]):not(.disabled).active:active,.btn-outline-warning-2x:not([disabled]):not(.disabled).active.active{
    color:white;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    background-color:#cb9418 !important;
    border-color:#cb9418 !important
}
table thead .border-bottom-primary th,table tbody .border-bottom-primary th,table tbody .border-bottom-primary td{
    border-bottom:1px solid #5c61f2 !important
}
table thead .border-bottom-secondary th,table tbody .border-bottom-secondary th,table tbody .border-bottom-secondary td{
    border-bottom:1px solid #eeb82f !important
}
table thead .border-bottom-success th,table tbody .border-bottom-success th,table tbody .border-bottom-success td{
    border-bottom:1px solid #61ae41 !important
}
table thead .border-bottom-danger th,table tbody .border-bottom-danger th,table tbody .border-bottom-danger td{
    border-bottom:1px solid #f81f58 !important
}
table thead .border-bottom-info th,table tbody .border-bottom-info th,table tbody .border-bottom-info td{
    border-bottom:1px solid #4faad5 !important
}
table thead .border-bottom-light th,table tbody .border-bottom-light th,table tbody .border-bottom-light td{
    border-bottom:1px solid #f4f4f4 !important
}
table thead .border-bottom-dark th,table tbody .border-bottom-dark th,table tbody .border-bottom-dark td{
    border-bottom:1px solid #2c323f !important
}
table thead .border-bottom-warning th,table tbody .border-bottom-warning th,table tbody .border-bottom-warning td{
    border-bottom:1px solid #e6ae30 !important
}
.table-styling .table-primary,.table-styling.table-primary{
    background-color:#5c61f2;
    color:#fff;
    border:3px solid #5c61f2
}
.table-styling .table-primary thead,.table-styling.table-primary thead{
    background-color:#2d33ee;
    border:3px solid #2d33ee
}
.table-styling .table-primary th,.table-styling .table-primary td,.table-styling.table-primary th,.table-styling.table-primary td{
    background-color:transparent
}
.table-styling .table-secondary,.table-styling.table-secondary{
    background-color:#eeb82f;
    color:#fff;
    border:3px solid #eeb82f
}
.table-styling .table-secondary thead,.table-styling.table-secondary thead{
    background-color:#d8a012;
    border:3px solid #d8a012
}
.table-styling .table-secondary th,.table-styling .table-secondary td,.table-styling.table-secondary th,.table-styling.table-secondary td{
    background-color:transparent
}
.table-styling .table-success,.table-styling.table-success{
    background-color:#61ae41;
    color:#fff;
    border:3px solid #61ae41
}
.table-styling .table-success thead,.table-styling.table-success thead{
    background-color:#4c8933;
    border:3px solid #4c8933
}
.table-styling .table-success th,.table-styling .table-success td,.table-styling.table-success th,.table-styling.table-success td{
    background-color:transparent
}
.table-styling .table-danger,.table-styling.table-danger{
    background-color:#f81f58;
    color:#fff;
    border:3px solid #f81f58
}
.table-styling .table-danger thead,.table-styling.table-danger thead{
    background-color:#dd073f;
    border:3px solid #dd073f
}
.table-styling .table-danger th,.table-styling .table-danger td,.table-styling.table-danger th,.table-styling.table-danger td{
    background-color:transparent
}
.table-styling .table-info,.table-styling.table-info{
    background-color:#4faad5;
    color:#fff;
    border:3px solid #4faad5
}
.table-styling .table-info thead,.table-styling.table-info thead{
    background-color:#2e93c3;
    border:3px solid #2e93c3
}
.table-styling .table-info th,.table-styling .table-info td,.table-styling.table-info th,.table-styling.table-info td{
    background-color:transparent
}
.table-styling .table-light,.table-styling.table-light{
    background-color:#f4f4f4;
    color:#fff;
    border:3px solid #f4f4f4
}
.table-styling .table-light thead,.table-styling.table-light thead{
    background-color:#dbdbdb;
    border:3px solid #dbdbdb
}
.table-styling .table-light th,.table-styling .table-light td,.table-styling.table-light th,.table-styling.table-light td{
    background-color:transparent
}
.table-styling .table-dark,.table-styling.table-dark{
    background-color:#2c323f;
    color:#fff;
    border:3px solid #2c323f
}
.table-styling .table-dark thead,.table-styling.table-dark thead{
    background-color:#171a21;
    border:3px solid #171a21
}
.table-styling .table-dark th,.table-styling .table-dark td,.table-styling.table-dark th,.table-styling.table-dark td{
    background-color:transparent
}
.table-styling .table-warning,.table-styling.table-warning{
    background-color:#e6ae30;
    color:#fff;
    border:3px solid #e6ae30
}
.table-styling .table-warning thead,.table-styling.table-warning thead{
    background-color:#cb9418;
    border:3px solid #cb9418
}
.table-styling .table-warning th,.table-styling .table-warning td,.table-styling.table-warning th,.table-styling.table-warning td{
    background-color:transparent
}
.b-primary{
    border:1px solid #5c61f2 !important
}
.b-t-primary{
    border-top:1px solid #5c61f2 !important
}
.b-b-primary{
    border-bottom:1px solid #5c61f2 !important
}
.b-l-primary{
    border-left:1px solid #5c61f2 !important
}
.b-r-primary{
    border-right:1px solid #5c61f2 !important
}
.b-secondary{
    border:1px solid #eeb82f !important
}
.b-t-secondary{
    border-top:1px solid #eeb82f !important
}
.b-b-secondary{
    border-bottom:1px solid #eeb82f !important
}
.b-l-secondary{
    border-left:1px solid #eeb82f !important
}
.b-r-secondary{
    border-right:1px solid #eeb82f !important
}
.b-success{
    border:1px solid #61ae41 !important
}
.b-t-success{
    border-top:1px solid #61ae41 !important
}
.b-b-success{
    border-bottom:1px solid #61ae41 !important
}
.b-l-success{
    border-left:1px solid #61ae41 !important
}
.b-r-success{
    border-right:1px solid #61ae41 !important
}
.b-danger{
    border:1px solid #f81f58 !important
}
.b-t-danger{
    border-top:1px solid #f81f58 !important
}
.b-b-danger{
    border-bottom:1px solid #f81f58 !important
}
.b-l-danger{
    border-left:1px solid #f81f58 !important
}
.b-r-danger{
    border-right:1px solid #f81f58 !important
}
.b-info{
    border:1px solid #4faad5 !important
}
.b-t-info{
    border-top:1px solid #4faad5 !important
}
.b-b-info{
    border-bottom:1px solid #4faad5 !important
}
.b-l-info{
    border-left:1px solid #4faad5 !important
}
.b-r-info{
    border-right:1px solid #4faad5 !important
}
.b-light{
    border:1px solid #f4f4f4 !important
}
.b-t-light{
    border-top:1px solid #f4f4f4 !important
}
.b-b-light{
    border-bottom:1px solid #f4f4f4 !important
}
.b-l-light{
    border-left:1px solid #f4f4f4 !important
}
.b-r-light{
    border-right:1px solid #f4f4f4 !important
}
.b-dark{
    border:1px solid #2c323f !important
}
.b-t-dark{
    border-top:1px solid #2c323f !important
}
.b-b-dark{
    border-bottom:1px solid #2c323f !important
}
.b-l-dark{
    border-left:1px solid #2c323f !important
}
.b-r-dark{
    border-right:1px solid #2c323f !important
}
.b-warning{
    border:1px solid #e6ae30 !important
}
.b-t-warning{
    border-top:1px solid #e6ae30 !important
}
.b-b-warning{
    border-bottom:1px solid #e6ae30 !important
}
.b-l-warning{
    border-left:1px solid #e6ae30 !important
}
.b-r-warning{
    border-right:1px solid #e6ae30 !important
}
.border-1{
    border-width:1px !important
}
.border-2{
    border-width:2px !important
}
.border-3{
    border-width:3px !important
}
.border-4{
    border-width:4px !important
}
.border-5{
    border-width:5px !important
}
.border-6{
    border-width:6px !important
}
.border-7{
    border-width:7px !important
}
.border-8{
    border-width:8px !important
}
.border-9{
    border-width:9px !important
}
.border-10{
    border-width:10px !important
}
.opacity-0{
    opacity:0
}
.map-block{
    height:350px;
    width:100%
}
.map-js-height{
    height:500px
}
.map-js-height .btn-group input{
    background-color:#5c61f2;
    color:#fff
}
.map-js-height .btn-group input+input{
    background-color:#eeb82f
}
.custom-scrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px #eee
}
.custom-scrollbar::-webkit-scrollbar{
    width:6px
}
.custom-scrollbar::-webkit-scrollbar-thumb{
    background-color:rgba(68,102,242,0.15)
}
.theme-scrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px #eee
}
.theme-scrollbar::-webkit-scrollbar{
    width:2px;
    height:5px
}
.theme-scrollbar::-webkit-scrollbar-thumb{
    background-color:rgba(68,102,242,0.15)
}
.comment{
    color:#9f9ba5;
    font-style:italic
}
.line{
    color:#2c323f
}
.line pre{
    font-size:100%
}
.list-circle{
    list-style:circle
}
.theme-close{
    opacity:1;
    height:40px;
    width:40px;
    position:absolute;
    font-weight:400;
    z-index:1;
    right:0;
    background-color:#fff !important;
    border-radius:5px
}
.options>div{
    color:#ccc;
    display:inline-block;
    padding:2px 10px;
    border:1px solid;
    margin:0 8px 8px 0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    border-radius:30px
}
.options>div:hover{
    background-color:#5c61f2;
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.modal-footer{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.img-cropper #putData{
    margin-bottom:0
}
.img-cropper .img-container{
    min-height:auto;
    margin-bottom:0
}
.img-cropper .docs-data>.input-group:last-child{
    margin-bottom:0
}
.img-cropper .docs-preview{
    margin-top:20px;
    margin-bottom:10px
}
.dropzone .dz-preview .dz-error-message{
    background:#fff !important;
    color:#5c61f2 !important;
    border:1px solid #5c61f2
}
.dropzone .dz-preview .dz-error-message:after{
    border-bottom:6px solid #5c61f2 !important
}
.typeahead .theme-form .form-group{
    margin-bottom:0
}
.editor-statusbar{
    border-bottom:1px solid rgba(0,0,0,0.125)
}
.bg-overlay.active{
    height:100vh;
    width:100vw;
    background-color:rgba(0,0,0,0.2);
    position:fixed;
    z-index:8;
    top:0
}
button:focus{
    outline:none !important
}
.dotted{
    border-style:dotted
}
.dashed{
    border-style:dashed
}
.double{
    border-style:double
}
.groove{
    border-style:groove
}
.ridge{
    border-style:ridge
}
.inset{
    border-style:inset
}
.outset{
    border-style:outset
}
@-webkit-keyframes fadeIncustom{
    0%{
        opacity:0;
        top:50px
    }
    75%{
        opacity:0.6;
        top:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIncustom{
    0%{
        opacity:0;
        top:50px
    }
    75%{
        opacity:0.6;
        top:0
    }
    100%{
        opacity:1
    }
}
.daterangepicker select.monthselect,.daterangepicker select.yearselect{
    border-color:#eee;
    background-color:#fff;
    font-size:14px;
    color:#979797;
    padding:5px 10px;
    border-radius:30px;
    width:46%
}
.fill-primary{
    fill:#5c61f2
}
.fill-secondary{
    fill:#eeb82f
}
.fill-success{
    fill:#61ae41
}
.fill-warning{
    fill:#e6ae30
}
.fill-info{
    fill:#4faad5
}
.fill-danger{
    fill:#f81f58
}
body{
    font-size:14px;
    overflow-x:hidden;
    font-family:"Montserrat",sans-serif;
    color:#2b2b2b;
    background-color:#efefef;
}
ul{
    padding-left:0px;
    list-style-type:none;
    margin-bottom:0
}
* a{
    color: #b58022;
    text-decoration:none;
    letter-spacing:1px
}
a:hover{
    text-decoration:none;
    color: #7f560e;
}
a[class*="badge-"]:hover{
    color:#fff
}
.btn{
    color: #fff;
    font-size:14px
}
.btn:hover{
    color: #fff;
}
*.btn:focus{
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
p{
    font-size:13px;
    line-height:1.7;
    letter-spacing:.7px
}
hr{
    background-color:#eee;
    opacity:1
}
code{
    color: #b58022 !important;
    background-color:rgba(92,97,242,0.03);
    padding:3px;
    margin:0 3px;
    border-radius:2px;
    text-transform:none
}
.d-flex .flex-grow-1{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
blockquote{
    border-left:4px solid #eee;
    padding:15px
}
.figure.text-center blockquote{
    border:none !important
}
.figure.text-end blockquote{
    border-left:none !important;
    border-right:4px solid #eee
}
.row>div{
    position:relative
}
:focus{
    outline-color: #b58022;
}
.disabled{
    cursor:not-allowed;
    opacity:0.5
}
svg{
    vertical-align:baseline
}
input:focus{
    outline-color:rgba(0,0,0,0)
}
label{
    margin-bottom:0.5rem
}
.typography h1,.typography .h1,.typography h2,.typography .h2,.typography h3,.typography .h3,.typography h4,.typography .h4,.typography h5,.typography .h5,.typography h6,.typography .h6{
    margin:20px 0;
    margin-top:0
}
.typography h1:last-child,.typography .h1:last-child,.typography h2:last-child,.typography .h2:last-child,.typography h3:last-child,.typography .h3:last-child,.typography h4:last-child,.typography .h4:last-child,.typography h5:last-child,.typography .h5:last-child,.typography h6:last-child,.typography .h6:last-child{
    margin-bottom:0
}
.typography small{
    padding-left:10px;
    color:#2c323f
}
h2{
    font-size:30px;
    font-weight:700
}
h3{
    font-size:28px;
    font-weight:700
}
h4{
    font-size:26px;
    font-weight:700
}
h5{
    font-size:20px;
    font-weight:700
}
h6{
    font-size:16px;
    font-weight:600
}
p{
    font-size:15px;
    line-height:1.6;
    font-weight:500
}
pre{
    background-color:rgba(92,97,242,0.03);
    padding:20px 0
}
.owl-theme .owl-dots .owl-dot span{
    background:#babdfa
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:var(--theme-deafult)
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-bottom:-10px;
    margin-top:25px
}
.click2edit ~ .note-editor.note-frame{
    margin-bottom:30px
}
.note-editor.note-frame{
    border-color:#f4f4f4
}
.note-editor.note-frame{
    border-color:#f4f4f4
}
.modal .modal-body .card{
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.modal-dialog .modal-content .modal-body p a{
    margin-right:0
}
.alert-theme button{
    top:25px !important;
    right:20px !important;
    color:var(--theme-deafult)
}
.alert-theme span+span+span{
    background-color:#fff;
    color:var(--theme-deafult);
    border-radius:4px;
    -webkit-box-shadow:0 2px 14px -3px rgba(0,0,0,0.2);
    box-shadow:0 2px 14px -3px rgba(0,0,0,0.2)
}
.alert-theme i{
    padding:20px;
    padding-right:0 !important;
    margin-right:20px !important
}
.alert-theme .progress{
    margin-top:-2px !important;
    height:2px;
    width:100%
}
.alert-theme .progress .progress-bar{
    background-color:var(--theme-deafult)
}
.alert-copy{
    border:1px solid var(--theme-deafult);
    line-height:1;
    display:inline-block;
    width:300px;
    color:#fff;
    background-color:var(--theme-deafult)
}
.alert-copy .close{
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    line-height:1.4;
    font-weight:100
}
.alert-copy .close:focus{
    outline:none
}
.ace-editor{
    height:400px;
    width:100%
}
.editor-toolbar{
    width:100% !important
}
.editor-toolbar.fullscreen{
    z-index:100
}
.CodeMirror{
    top:0 !important
}
.CodeMirror-fullscreen{
    top:50px !important
}
.irs-from,.irs-to,.irs-single{
    background:var(--theme-deafult)
}
.irs-from:after,.irs-to:after,.irs-single:after{
    border-top-color:var(--theme-deafult)
}
.irs-line-mid,.irs-line-left,.irs-line-right,.irs-bar,.irs-bar-edge{
    background-color:var(--theme-deafult)
}
.swal-button{
    background-color:var(--theme-deafult)
}
.swal-button:active{
    background-color:#444af0
}
.swal-button--cancel{
    background-color:#efefee !important
}
.clipboaard-container h6{
    line-height:1.6;
    font-size:13px
}
fieldset .bootstrap-touchspin-postfix,fieldset .bootstrap-touchspin-prefix{
    border-radius:0;
    padding:0.4rem 0.75rem
}
fieldset .input-group-lg .touchspin{
    height:50px
}
.f1 .f1-steps .f1-step .f1-step-icon{
    padding:12px
}
.form-inline .form-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.input-group-text i{
    line-height:1.5
}
.animated-modal .form-select{
    display:inline-block;
    width:auto;
    vertical-align:middle
}
.modal-header,.modal-footer,.modal-content{
    border-color:#eee
}
.default-according .card{
    margin-bottom:0;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    border:1px solid #eee;
    overflow:hidden
}
.default-according .card+.card{
    margin-top:10px
}
.default-according .card .btn-link{
    font-weight:500;
    color:#2b2b2b;
    font-size:16px;
    text-decoration:none;
    padding-top:0;
    padding-bottom:0
}
.default-according .card .btn-link:focus,.default-according .card .btn-link:hover{
    text-decoration:none
}
.default-according .card .card-header{
    padding:0.75rem 1.25rem;
    border-bottom:1px solid #eee
}
.default-according .card .card-header i{
    position:initial;
    font-size:20px;
    display:inline-block;
    vertical-align:text-bottom;
    margin-right:5px
}
.default-according .card .card-header h5{
    margin-top:2px;
    margin-bottom:2px
}
.default-according .card .card-body{
    border-top:none !important;
    padding:20px
}
.default-according .card .card-body h5{
    font-size:14px;
    margin-bottom:5px
}
.default-according .card .card-body h6{
    color:#979797;
    font-size:12px;
    margin-bottom:5px
}
.default-according .card .card-body ul.rating li{
    display:inline-block
}
.default-according.style-1 button{
    width:100%;
    text-align:left
}
.default-according.style-1 button:before{
    right:20px;
    position:absolute;
    -webkit-transition:0.4s;
    transition:0.4s
}
.default-according.style-1 button[aria-expanded="true"]:before{
    content:"";
    font-family:IcoFont
}
.default-according.style-1 button[aria-expanded="false"]:before{
    content:"";
    font-family:IcoFont
}
@media (max-width: 480px){
    .default-according .card .card-header{
        padding-right:32px
    }
    .default-according .card .card-header h5{
        font-size:16px
    }
    .default-according.style-1 button:before{
        right:10px
    }
}
.notify-alert .close{
    background:unset;
    border:none;
    font-size:25px
}
.alert{
    border-radius:10px;
    padding:15px;
    padding-right: 30px;
    overflow:hidden
}
.alert-dismissible .btn-close {
    top: -10px;
    right: -6px;
}
.alert svg{
    vertical-align:middle
}
.alert .progress{
    margin-top:15px
}
.alert [data-notify="icon"]{
    margin-right:10px;
    line-height:20px;
    position:absolute
}
.alert [data-notify="message"]{
    display:inline-block;
    width:100%
}
.alert i{
    margin-right:5px;
    font-size:16px
}
.alert p{
    margin-bottom:0
}
.alert .close{
    opacity:1
}
.alert .close span{
    font-size:24px;
    font-weight:400;
    display:inline-block;
    border-radius:3px;
    text-shadow:none;
    padding:0 5px;
    padding-right:0
}
.alert-dismissible .close{
    padding:10px 1.25rem;
    top:4px;
    padding-right:13px;
    opacity:0.5;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.alert-dismissible .close:hover{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    opacity:1;
    color:inherit
}
.card-body button:focus{
    outline:none
}
.card-body .alert:last-child{
    margin-bottom:0
}
.card-body .alert svg{
    width:14px;
    height:14px;
    margin-right:4px;
    position:absolute;
    top:18px
}
.card-body .alert svg ~ p{
    padding-left:20px
}
strong{
    display:inline-block
}
strong ~ p{
    display:inline-block
}
.alert-primary{
    background-color:rgba(92,97,242,0.8);
    border-color:rgba(92,97,242,0.9);
    color:#fff
}
.alert-primary .progress{
    height:5px;
    background-color:#575cf2;
    border-radius:0
}
.alert-primary .progress-bar{
    background-color:#fff
}
.alert-primary .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-primary .alert-link{
    color:#5c61f2
}
.alert-primary hr{
    border-top-color:#5c61f2
}
.alert-primary.dark{
    background-color:#5c61f2;
    border-color:#5c61f2;
    color:#fafafa
}
.alert-primary.dark .alert-link{
    color:#fff
}
.alert-primary.outline,.alert-primary.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#5c61f2;
    color:#5c61f2
}
.alert-primary.outline .btn-close,.alert-primary.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-primary.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#5c61f2;
    color:#2b2b2b
}
.alert-primary.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #5c61f2;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-primary.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#5c61f2;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-primary.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-secondary{
    background-color:rgba(238,184,47,0.8);
    border-color:rgba(238,184,47,0.9);
    color:#fff
}
.alert-secondary .progress{
    height:5px;
    background-color:#eeb62a;
    border-radius:0
}
.alert-secondary .progress-bar{
    background-color:#fff
}
.alert-secondary .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-secondary .alert-link{
    color:#eeb82f
}
.alert-secondary hr{
    border-top-color:#eeb82f
}
.alert-secondary.dark{
    background-color:#eeb82f;
    border-color:#eeb82f;
    color:#fafafa
}
.alert-secondary.dark .alert-link{
    color:#fff
}
.alert-secondary.outline,.alert-secondary.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#eeb82f;
    color:#eeb82f
}
.alert-secondary.outline .btn-close,.alert-secondary.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-secondary.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#eeb82f;
    color:#2b2b2b
}
.alert-secondary.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #eeb82f;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-secondary.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#eeb82f;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-secondary.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-success{
    background-color:rgba(97,174,65,0.8);
    border-color:rgba(97,174,65,0.9);
    color:#fff
}
.alert-success .progress{
    height:5px;
    background-color:#5faa40;
    border-radius:0
}
.alert-success .progress-bar{
    background-color:#f5fbf3
}
.alert-success .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-success .alert-link{
    color:#61ae41
}
.alert-success hr{
    border-top-color:#61ae41
}
.alert-success.dark{
    background-color:#61ae41;
    border-color:#61ae41;
    color:#fafafa
}
.alert-success.dark .alert-link{
    color:#fff
}
.alert-success.outline,.alert-success.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#61ae41;
    color:#61ae41
}
.alert-success.outline .btn-close,.alert-success.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-success.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#61ae41;
    color:#2b2b2b
}
.alert-success.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #61ae41;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-success.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#61ae41;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-success.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-danger{
    background-color:rgba(248,31,88,0.8);
    border-color:rgba(248,31,88,0.9);
    color:#fff
}
.alert-danger .progress{
    height:5px;
    background-color:#da073e;
    border-radius:0
}
.alert-danger .progress-bar{
    background-color:#fff
}
.alert-danger .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-danger .alert-link{
    color:#da073e
}
.alert-danger hr{
    border-top-color:#da073e
}
.alert-danger.dark{
    background-color:#da073e;
    border-color:#da073e;
    color:#fafafa
}
.alert-danger.dark .alert-link{
    color:#fff
}
.alert-danger.outline,.alert-danger.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#da073e;
    color:#da073e
}
.alert-danger.outline .btn-close,.alert-danger.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-danger.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#da073e;
    color:#2b2b2b
}
.alert-danger.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #da073e;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-danger.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#da073e;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-danger.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-warning{
    background-color:rgba(230,174,48,0.8);
    border-color:rgba(230,174,48,0.9);
    color:#fff
}
.alert-warning .progress{
    height:5px;
    background-color:#e5ac2b;
    border-radius:0
}
.alert-warning .progress-bar{
    background-color:#fff
}
.alert-warning .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-warning .alert-link{
    color:#e6ae30
}
.alert-warning hr{
    border-top-color:#e6ae30
}
.alert-warning.dark{
    background-color:#e6ae30;
    border-color:#e6ae30;
    color:#fafafa
}
.alert-warning.dark .alert-link{
    color:#fff
}
.alert-warning.outline,.alert-warning.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#e6ae30;
    color:#e6ae30
}
.alert-warning.outline .btn-close,.alert-warning.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-warning.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#e6ae30;
    color:#2b2b2b
}
.alert-warning.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #e6ae30;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-warning.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#e6ae30;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-warning.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-info{
    background-color:rgba(79,170,213,0.8);
    border-color:rgba(79,170,213,0.9);
    color:#fff
}
.alert-info .progress{
    height:5px;
    background-color:#4ba8d4;
    border-radius:0
}
.alert-info .progress-bar{
    background-color:#fff
}
.alert-info .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-info .alert-link{
    color:#4faad5
}
.alert-info hr{
    border-top-color:#4faad5
}
.alert-info.dark{
    background-color:#4faad5;
    border-color:#4faad5;
    color:#fafafa
}
.alert-info.dark .alert-link{
    color:#fff
}
.alert-info.outline,.alert-info.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#4faad5;
    color:#4faad5
}
.alert-info.outline .btn-close,.alert-info.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-info.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#4faad5;
    color:#2b2b2b
}
.alert-info.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #4faad5;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-info.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#4faad5;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-info.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-light{
    background-color:rgba(244,244,244,0.8);
    border-color:rgba(244,244,244,0.9);
    color:#fff;
    color:#2c323f;
    background-color:#f4f4f4
}
.alert-light .progress{
    height:5px;
    background-color:#f1f1f1;
    border-radius:0
}
.alert-light .progress-bar{
    background-color:#fff
}
.alert-light .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-light .alert-link{
    color:#f4f4f4;
    color:#2c323f
}
.alert-light .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-light hr{
    border-top-color:#f4f4f4
}
.alert-light.dark{
    background-color:#f4f4f4;
    border-color:#f4f4f4;
    color:#fafafa;
    color:#2c323f
}
.alert-light.dark .alert-link{
    color:#fff;
    color:#2c323f
}
.alert-light.outline,.alert-light.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#f4f4f4;
    color:#f4f4f4;
    color:#2c323f
}
.alert-light.outline .btn-close,.alert-light.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-light.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#f4f4f4;
    color:#2b2b2b
}
.alert-light.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #f4f4f4;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-light.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#f4f4f4;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-light.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.alert-dark{
    background-color:rgba(44,50,63,0.8);
    border-color:rgba(44,50,63,0.9);
    color:#fff
}
.alert-dark .progress{
    height:5px;
    background-color:#2a303c;
    border-radius:0
}
.alert-dark .progress-bar{
    background-color:#a8b0c2
}
.alert-dark .btn-close{
    -webkit-filter:brightness(1) invert(1);
    filter:brightness(1) invert(1)
}
.alert-dark .alert-link{
    color:#2c323f
}
.alert-dark hr{
    border-top-color:#2c323f
}
.alert-dark.dark{
    background-color:#2c323f;
    border-color:#2c323f;
    color:#fafafa
}
.alert-dark.dark .alert-link{
    color:#fff
}
.alert-dark.outline,.alert-dark.outline-2x{
    background-color:rgba(0,0,0,0);
    border-color:#2c323f;
    color:#2c323f
}
.alert-dark.outline .btn-close,.alert-dark.outline-2x .btn-close{
    -webkit-filter:unset;
    filter:unset
}
.alert-dark.inverse{
    background-color:transparent;
    padding:13px 20px 13px 65px;
    border-color:#2c323f;
    color:#2b2b2b
}
.alert-dark.inverse:before{
    top:16px;
    content:"";
    position:absolute;
    left:54px;
    width:0;
    height:0;
    border-left:7px solid #2c323f;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent
}
.alert-dark.inverse i{
    padding:17px 20px;
    display:inline-block;
    background-color:#2c323f;
    color:#fff;
    border-radius:3px 0 0 3px;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.alert-dark.inverse .btn-close{
    -webkit-filter:unset;
    filter:unset;
    top:-3px
}
.dismiss-text .alert .btn-close{
    background:unset;
    opacity:1;
    top:14px;
    right:15px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    padding:0
}
.dismiss-text .alert .btn-close span{
    display:inline-block;
    border-radius:3px;
    text-shadow:none;
    padding:0 5px
}
.outline-2x{
    border-width:2px;
    padding:11px 1.25rem
}
.avatars .avatar{
    display:inline-block;
    margin-right:10px;
    position:relative;
    width:auto
}
.avatars .avatar:last-child{
    margin-right:0
}
.avatars .avatar .b-r-30{
    border-radius:30px
}
.avatars .avatar .b-r-35{
    border-radius:35px
}
.avatars .avatar .b-r-25{
    border-radius:25px
}
.avatars .avatar .b-r-15{
    border-radius:15px
}
.avatars .avatar.ratio img{
    width:auto
}
.avatars .avatar .status{
    position:absolute;
    background-color:#979797;
    bottom:0;
    right:4px;
    border-radius:100%;
    border:1px solid #fff
}
.avatars .avatar .status{
    position:absolute;
    height:12%;
    width:12%;
    border-radius:100%;
    bottom:12%;
    right:4%
}
.customers ul{
    display:inline-block
}
.customers ul li img{
    border:2px solid #fff;
    -webkit-box-shadow:-2px 2px 4px 0px rgba(0,0,0,0.2);
    box-shadow:-2px 2px 4px 0px rgba(0,0,0,0.2);
    -webkit-transition:0.5s;
    transition:0.5s
}
.customers ul li img:hover{
    -webkit-transform:translateY(-4px) scale(1.02);
    transform:translateY(-4px) scale(1.02);
    -webkit-transition:0.5s;
    transition:0.5s
}
.customers ul li+li{
    margin-left:-10%
}
.customers ul li:nth-child(4){
    margin-left:-4px
}
.customers.avatar-group{
    margin-right:30px
}
.customers.avatar-group:last-child{
    margin-right:0
}
.avatar-showcase{
    margin-bottom:-10px
}
.avatar-showcase .avatars .avatar{
    margin-bottom:10px
}
.avatar-showcase .avatar-group{
    margin-bottom:10px
}
.avatar-showcase .ratio>*{
    position:relative;
    top:unset;
    left:unset
}
.avatar-showcase .add-friend .d-block{
    margin:8px 0
}
.tagpills-badge .basic-icontag{
    margin-bottom:-5px
}
.tagpills-badge .basic-icontag a.badge{
    padding:6px 8px;
    margin-bottom:5px
}
.tagpills-badge .basic-icontag .badge svg{
    width:18px;
    height:18px;
    stroke-width:2px
}
.tagpills-badge .context .badge{
    padding:5px 5px 4px
}
.tagpills-badge .digits .badge{
    padding:4px 6px 2px
}
.tagpills-badge .icon .badge{
    padding:3px 5px 3px
}
.tagpills-badge .height-equal .btn .badge{
    top:0
}
.badge{
    padding:0.5em 0.5em
}
.badge+.badge{
    margin-left:5px
}
.badge svg{
    width:14px;
    height:14px;
    padding-top:3px
}
.badge-light-primary{
    background-color:rgba(181,128,34,0.12);
    color:#b58022
}
.badge-light-secondary{
    background-color:rgba(238,184,47,0.2);
    color:#eeb82f
}
.badge-light-success{
    background-color:rgba(97,174,65,0.2);
    color:#61ae41
}
.badge-light-danger{
    background-color:rgba(248,31,88,0.2);
    color:#f81f58
}
.badge-light-info{
    background-color:rgba(79,170,213,0.2);
    color:#4faad5
}
.badge-light-light{
    background-color:rgba(244,244,244,0.2);
    color:#f4f4f4
}
.badge-light-dark{
    background-color:rgba(44,50,63,0.2);
    color:#2c323f
}
.badge-light-warning{
    background-color:rgba(230,174,48,0.2);
    color:#e6ae30
}
.pill-badge-primary{
    background-color:var(--theme-deafult);
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(var(--theme-deafult), 0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-secondary{
    background-color:#eeb82f;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(238,184,47,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(238,184,47,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-success{
    background-color:#61ae41;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(97,174,65,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(97,174,65,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-danger{
    background-color:#f81f58;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(248,31,88,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(248,31,88,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-info{
    background-color:#4faad5;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(79,170,213,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(79,170,213,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-light{
    background-color:#f4f4f4;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(244,244,244,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(244,244,244,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-dark{
    background-color:#2c323f;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(44,50,63,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(44,50,63,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-warning{
    background-color:#e6ae30;
    -webkit-box-shadow:-0.5px 4.33px 16px 0px rgba(230,174,48,0.25);
    box-shadow:-0.5px 4.33px 16px 0px rgba(230,174,48,0.25);
    color:#fff;
    border-radius:0
}
.pill-badge-primary{
    background-color:var(--theme-deafult)
}
.pill-badge-secondary{
    background-color:#5c61f1;
}
.round-badge-primary{
    border-radius:6px;
    background-color:var(--theme-deafult);
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(var(--theme-deafult), 0.18);
    color:#fff !important
}
.round-badge-secondary{
    border-radius:6px;
    background-color:#5c61f1;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(238,184,47,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(238,184,47,0.18);
    color:#fff !important
}
.round-badge-success{
    border-radius:6px;
    background-color:#61ae41;
    color:#fff !important
}
.round-badge-danger{
    border-radius:6px;
    background-color:#f81f58;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(248,31,88,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(248,31,88,0.18);
    color:#fff !important
}
.round-badge-info{
    border-radius:6px;
    background-color:#4faad5;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(79,170,213,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(79,170,213,0.18);
    color:#fff !important
}
.round-badge-light{
    border-radius:6px;
    background-color:#f4f4f4;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(244,244,244,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(244,244,244,0.18);
    color:#fff !important
}
.round-badge-dark{
    border-radius:6px;
    background-color:#2c323f;
    -webkit-box-shadow:-0.5px -6.67px 14px 0px rgba(44,50,63,0.18);
    box-shadow:-0.5px -6.67px 14px 0px rgba(44,50,63,0.18);
    color:#fff !important
}
.round-badge-warning{
    border-radius:6px;
    background-color:#e6ae30;
    color:#fff !important
}
.round-badge-primary{
    background-color:var(--theme-deafult)
}
.round-badge-secondary{
    background-color:#5c61f2;
}
.bookmark ul li{
    display:inline-block
}
.bookmark ul li .search-form{
    position:absolute;
    bottom:53px;
    z-index:1
}
.bookmark ul li .search-form .form-control-search{
    top:65px;
    position:absolute;
    -webkit-transition:all linear 0.3s;
    transition:all linear 0.3s;
    right:-20px;
    -webkit-transform:translateY(-35px) scaleY(0);
    transform:translateY(-35px) scaleY(0);
    opacity:0;
    visibility:hidden
}
.bookmark ul li .search-form .form-control-search input{
    width:240px;
    background-color:#fff;
    -webkit-box-shadow:0 5px 21px rgba(0,0,0,0.1);
    box-shadow:0 5px 21px rgba(0,0,0,0.1)
}
.bookmark ul li .search-form .form-control-search.open{
    -webkit-transform:translateY(0px) scaleY(1);
    transform:translateY(0px) scaleY(1);
    opacity:1;
    visibility:visible;
    -webkit-transition:all linear 0.3s;
    transition:all linear 0.3s;
    z-index:100
}
.bookmark ul li .search-form .form-control-search:after{
    top:12px;
    left:20px;
    z-index:1
}
.bookmark ul li .search-form .form-control-search:before{
    left:50px;
    top:9px;
    z-index:2
}
.bookmark ul li a{
    position:relative;
    color:#2b2b2b
}
.bookmark ul li a svg{
    vertical-align:middle;
    height:20px;
    width:20px
}
.bookmark ul li+li{
    margin-left:10px
}
.bookmark ul li:last-child{
    padding-right:0
}
.bookmark ul li:last-child a{
    border-radius:5px
}
.bookmark ul li:last-child a svg{
    color:#ff9f40
}
.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a{
    z-index:99999;
    color:rgba(255,255,255,0.5)
}
.offcanvas-bookmark:before{
    position:fixed;
    content:"";
    background-color:rgba(0,0,0,0.5);
    height:100%;
    width:100%;
    z-index:1;
    right:0;
    left:0
}
.breadcrumb-colored{
    padding:12px 16px;
    border-radius:4px
}
.breadcrumb-colored li a{
    color:#fff
}
.breadcrumb-colored li.active{
    color:#fff;
    opacity:0.7
}
.breadcrumb-colored .breadcrumb-item:before{
    color:#fff
}
.breadcrumb-colored .breadcrumb-item.txt-dark:before{
    color:#000
}
.breadcrumb-icon{
    --bs-breadcrumb-divider: ">"
}
.breadcrumb-icon li{
    display:inline-block
}
.breadcrumb-no-divider{
    --bs-breadcrumb-divider: ""
}
.breadcrumb-item.active{
    text-transform:capitalize
}
.bg-outline-primary{
    border:1px solid #5c61f2;
    color:#5c61f2;
    background-color:transparent
}
.bg-outline-primary li.breadcrumb-item.active{
    color:#5c61f2
}
.bg-outline-primary li.breadcrumb-item:before{
    color:#5c61f2
}
.bg-outline-primary li.breadcrumb-item a{
    color:#5c61f2
}
.bg-outline-primary li.breadcrumb-item a.active{
    color:#5c61f2
}
.bg-outline-secondary{
    border:1px solid #eeb82f;
    color:#eeb82f;
    background-color:transparent
}
.bg-outline-secondary li.breadcrumb-item.active{
    color:#eeb82f
}
.bg-outline-secondary li.breadcrumb-item:before{
    color:#eeb82f
}
.bg-outline-secondary li.breadcrumb-item a{
    color:#eeb82f
}
.bg-outline-secondary li.breadcrumb-item a.active{
    color:#eeb82f
}
.bg-outline-success{
    border:1px solid #61ae41;
    color:#61ae41;
    background-color:transparent
}
.bg-outline-success li.breadcrumb-item.active{
    color:#61ae41
}
.bg-outline-success li.breadcrumb-item:before{
    color:#61ae41
}
.bg-outline-success li.breadcrumb-item a{
    color:#61ae41
}
.bg-outline-success li.breadcrumb-item a.active{
    color:#61ae41
}
.bg-outline-danger{
    border:1px solid #f81f58;
    color:#f81f58;
    background-color:transparent
}
.bg-outline-danger li.breadcrumb-item.active{
    color:#f81f58
}
.bg-outline-danger li.breadcrumb-item:before{
    color:#f81f58
}
.bg-outline-danger li.breadcrumb-item a{
    color:#f81f58
}
.bg-outline-danger li.breadcrumb-item a.active{
    color:#f81f58
}
.bg-outline-info{
    border:1px solid #4faad5;
    color:#4faad5;
    background-color:transparent
}
.bg-outline-info li.breadcrumb-item.active{
    color:#4faad5
}
.bg-outline-info li.breadcrumb-item:before{
    color:#4faad5
}
.bg-outline-info li.breadcrumb-item a{
    color:#4faad5
}
.bg-outline-info li.breadcrumb-item a.active{
    color:#4faad5
}
.bg-outline-light{
    border:1px solid #f4f4f4;
    color:#f4f4f4;
    background-color:transparent
}
.bg-outline-light li.breadcrumb-item.active{
    color:#f4f4f4
}
.bg-outline-light li.breadcrumb-item:before{
    color:#f4f4f4
}
.bg-outline-light li.breadcrumb-item a{
    color:#f4f4f4
}
.bg-outline-light li.breadcrumb-item a.active{
    color:#f4f4f4
}
.bg-outline-dark{
    border:1px solid #2c323f;
    color:#2c323f;
    background-color:transparent
}
.bg-outline-dark li.breadcrumb-item.active{
    color:#2c323f
}
.bg-outline-dark li.breadcrumb-item:before{
    color:#2c323f
}
.bg-outline-dark li.breadcrumb-item a{
    color:#2c323f
}
.bg-outline-dark li.breadcrumb-item a.active{
    color:#2c323f
}
.bg-outline-warning{
    border:1px solid #e6ae30;
    color:#e6ae30;
    background-color:transparent
}
.bg-outline-warning li.breadcrumb-item.active{
    color:#e6ae30
}
.bg-outline-warning li.breadcrumb-item:before{
    color:#e6ae30
}
.bg-outline-warning li.breadcrumb-item a{
    color:#e6ae30
}
.bg-outline-warning li.breadcrumb-item a.active{
    color:#e6ae30
}
.btn-link{
    color:var(--theme-deafult)
}
.btn-primary-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#8286f5), color-stop(51%, #363cef), to(#8286f5));
    background-image:linear-gradient(to right, #8286f5 0%, #363cef 51%, #8286f5 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#fff
}
.btn-primary-gradien:focus,.btn-primary-gradien:active,.btn-primary-gradien.active{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#8286f5), color-stop(0%), color-stop(#363cef), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #8286f5, 0%, #363cef, 100%, #fff) !important
}
.btn-secondary-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#f1c555), color-stop(51%, #e2a712), to(#f1c555));
    background-image:linear-gradient(to right, #f1c555 0%, #e2a712 51%, #f1c555 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-secondary-gradien:hover,.btn-secondary-gradien:focus,.btn-secondary-gradien:active,.btn-secondary-gradien.active,.btn-secondary-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#f1c555), color-stop(0%), color-stop(#e2a712), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #f1c555, 0%, #e2a712, 100%, #fff) !important
}
.btn-success-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#76c057), color-stop(51%, #509036), to(#76c057));
    background-image:linear-gradient(to right, #76c057 0%, #509036 51%, #76c057 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-success-gradien:hover,.btn-success-gradien:focus,.btn-success-gradien:active,.btn-success-gradien.active,.btn-success-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#76c057), color-stop(0%), color-stop(#509036), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #76c057, 0%, #509036, 100%, #fff) !important
}
.btn-danger-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#f94775), color-stop(51%, #e70742), to(#f94775));
    background-image:linear-gradient(to right, #f94775 0%, #e70742 51%, #f94775 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-danger-gradien:hover,.btn-danger-gradien:focus,.btn-danger-gradien:active,.btn-danger-gradien.active,.btn-danger-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#f94775), color-stop(0%), color-stop(#e70742), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #f94775, 0%, #e70742, 100%, #fff) !important
}
.btn-warning-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#eabc54), color-stop(51%, #d49a1a), to(#eabc54));
    background-image:linear-gradient(to right, #eabc54 0%, #d49a1a 51%, #eabc54 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-warning-gradien:hover,.btn-warning-gradien:focus,.btn-warning-gradien:active,.btn-warning-gradien.active,.btn-warning-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#eabc54), color-stop(0%), color-stop(#d49a1a), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #eabc54, 0%, #d49a1a, 100%, #fff) !important
}
.btn-info-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#70badd), color-stop(51%, #3099cb), to(#70badd));
    background-image:linear-gradient(to right, #70badd 0%, #3099cb 51%, #70badd 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-info-gradien:hover,.btn-info-gradien:focus,.btn-info-gradien:active,.btn-info-gradien.active,.btn-info-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#70badd), color-stop(0%), color-stop(#3099cb), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #70badd, 0%, #3099cb, 100%, #fff) !important
}
.btn-light-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(51%, #e0e0e0), to(#fff));
    background-image:linear-gradient(to right, #fff 0%, #e0e0e0 51%, #fff 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-light-gradien:hover,.btn-light-gradien:focus,.btn-light-gradien:active,.btn-light-gradien.active,.btn-light-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(0%), color-stop(#e0e0e0), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #fff, 0%, #e0e0e0, 100%, #fff) !important
}
.btn-dark-gradien{
    background-image:-webkit-gradient(linear, left top, right top, from(#3d4557), color-stop(51%, #1b1f27), to(#3d4557));
    background-image:linear-gradient(to right, #3d4557 0%, #1b1f27 51%, #3d4557 100%);
    border:none;
    color:#fff;
    background-size:auto 200%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.btn-dark-gradien:hover,.btn-dark-gradien:focus,.btn-dark-gradien:active,.btn-dark-gradien.active,.btn-dark-gradien.hover{
    -webkit-transition:1.5s;
    transition:1.5s;
    background-position:right center;
    background-image:-webkit-gradient(linear, left top, right top, from(#3d4557), color-stop(0%), color-stop(#1b1f27), color-stop(100%), to(#fff)) !important;
    background-image:linear-gradient(to right, #3d4557, 0%, #1b1f27, 100%, #fff) !important
}
.btn{
    padding:0.6rem 1.75rem;
    font-weight:600;
    border-radius:15px
}
.btn-lg{
    font-size:18px
}
.btn-sm{
    font-size:12px;
    padding: 5px;
}
.btn-xs{
    padding:0.05rem 0.4rem;
    font-size:11px
}
.large-btn{
    margin-bottom:-20px
}
.large-btn .btn{
    margin-right:5px;
    margin-bottom:15px
}
.btn-air-primary{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-primary:hover,.btn-air-primary:active,.btn-air-primary:not([disabled]):not(.disabled):active{
    background-color:#2d33ee;
    border-color:#2d33ee
}
.input-air-primary{
    -webkit-box-shadow:0 3px 5px 1px rgba(92,97,242,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(92,97,242,0.1) !important
}
.input-air-primary:focus{
    border-color:#5c61f2
}
.btn-air-secondary{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-secondary:hover,.btn-air-secondary:active,.btn-air-secondary:not([disabled]):not(.disabled):active{
    background-color:#d8a012;
    border-color:#d8a012
}
.input-air-secondary{
    -webkit-box-shadow:0 3px 5px 1px rgba(238,184,47,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(238,184,47,0.1) !important
}
.input-air-secondary:focus{
    border-color:#eeb82f
}
.btn-air-success{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-success:hover,.btn-air-success:active,.btn-air-success:not([disabled]):not(.disabled):active{
    background-color:#4c8933;
    border-color:#4c8933
}
.input-air-success{
    -webkit-box-shadow:0 3px 5px 1px rgba(97,174,65,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(97,174,65,0.1) !important
}
.input-air-success:focus{
    border-color:#61ae41
}
.btn-air-danger{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-danger:hover,.btn-air-danger:active,.btn-air-danger:not([disabled]):not(.disabled):active{
    background-color:#dd073f;
    border-color:#dd073f
}
.input-air-danger{
    -webkit-box-shadow:0 3px 5px 1px rgba(248,31,88,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(248,31,88,0.1) !important
}
.input-air-danger:focus{
    border-color:#f81f58
}
.btn-air-info{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-info:hover,.btn-air-info:active,.btn-air-info:not([disabled]):not(.disabled):active{
    background-color:#2e93c3;
    border-color:#2e93c3
}
.input-air-info{
    -webkit-box-shadow:0 3px 5px 1px rgba(79,170,213,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(79,170,213,0.1) !important
}
.input-air-info:focus{
    border-color:#4faad5
}
.btn-air-light{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-light:hover,.btn-air-light:active,.btn-air-light:not([disabled]):not(.disabled):active{
    background-color:#dbdbdb;
    border-color:#dbdbdb
}
.input-air-light{
    -webkit-box-shadow:0 3px 5px 1px rgba(244,244,244,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(244,244,244,0.1) !important
}
.input-air-light:focus{
    border-color:#f4f4f4
}
.btn-air-dark{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-dark:hover,.btn-air-dark:active,.btn-air-dark:not([disabled]):not(.disabled):active{
    background-color:#171a21;
    border-color:#171a21
}
.input-air-dark{
    -webkit-box-shadow:0 3px 5px 1px rgba(44,50,63,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(44,50,63,0.1) !important
}
.input-air-dark:focus{
    border-color:#2c323f
}
.btn-air-warning{
    -webkit-box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important;
    box-shadow:0 5px 10px 2px rgba(88,103,221,0.19) !important
}
.btn-air-warning:hover,.btn-air-warning:active,.btn-air-warning:not([disabled]):not(.disabled):active{
    background-color:#cb9418;
    border-color:#cb9418
}
.input-air-warning{
    -webkit-box-shadow:0 3px 5px 1px rgba(230,174,48,0.1) !important;
    box-shadow:0 3px 5px 1px rgba(230,174,48,0.1) !important
}
.input-air-warning:focus{
    border-color:#e6ae30
}
.btn-gradient{
    color:#fff !important;
    font-weight:500;
    padding:10px 30px;
    border-radius:5px;
    background:linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%);
    letter-spacing:0.06rem
}
.btn-gradient:hover{
    background-size:100% !important
}
.btn-warning{
    color:#fff
}
.btn-warning:hover,.btn-warning.disabled{
    color:#fff
}
[class*="-gradien"]:hover{
    background-size:50% 100%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#fff
}
.btn-square{
    border-radius:0px
}
.btn-pill{
    border-radius:60px
}
.btn-group-pill .btn:first-child{
    border-radius:60px 0 0 60px
}
.btn-group-pill .btn:last-child{
    border-radius:0 60px 60px 0
}
.btn-group-square .btn:first-child{
    border-radius:0px 0 0 0px
}
.btn-group-square .btn:last-child{
    border-radius:0 0px 0px 0
}
.btn-showcase{
    margin-bottom:-10px
}
.btn-showcase .btn{
    margin-bottom:10px;
    margin-right:18px
}
.btn-dropdown-showcase{
    margin-bottom:-10px
}
.btn-dropdown-showcase .dropdown{
    margin-bottom:10px;
    margin-right:18px
}
.btn-dropdown-showcase .btn-group{
    margin-bottom:10px;
    margin-right:18px
}
.btn-group .radio label::before{
    top:2px
}
.btn-group .radio label::after{
    top:7px
}
.btn-group .checkbox label{
    margin-top:3px
}
.btn-radio .btn-group .radio label::before{
    top:0
}
.btn-radio .btn-group .radio label::after{
    top:5px
}
.btn-group-showcase>div{
    margin-bottom:-20px
}
.btn-group-showcase>div label{
    margin-bottom:0
}
.btn-group-showcase .btn-group{
    margin-right:20px;
    margin-bottom:20px
}
.btn-group-showcase .checkbox input[type="checkbox"]{
    display:none
}
.tooltiptext{
    visibility:visible;
    width:120px;
    background-color:#555;
    color:#fff;
    text-align:center;
    border-radius:6px;
    padding:5px 0;
    position:absolute;
    z-index:1;
    bottom:125%;
    left:50%;
    margin-left:-60px;
    opacity:1;
    -webkit-transition:opacity 0.3s;
    transition:opacity 0.3s
}
.tooltiptext::after{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-5px;
    border-width:5px;
    border-style:solid;
    border-color:#555 transparent transparent transparent
}
.card{
    margin-bottom:30px;
    border:none;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    letter-spacing:0.5px;
    border-radius:20px;
    -webkit-box-shadow:0 0 20px rgba(8,21,66,0.05);
    box-shadow:0 0 20px rgba(8,21,66,0.05)
}
.card:hover{
    -webkit-box-shadow:0 0 40px rgba(8,21,66,0.05);
    box-shadow:0 0 40px rgba(8,21,66,0.05);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.card .icon-box{
    width:33px;
    height:33px;
    background-color:#f4f4f4;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.card .icon-box:hover{
    background-color:rgba(92,97,242,0.1);
    color:#5c61f2
}
.card .icon-box svg{
    width:16px
}
.card .card-header{
    background-color:#fff;
    padding:30px;
    border-bottom:none;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    position:relative
}
.card .card-header .center-content{
    margin-left:auto;
    margin-right:auto
}
.card .card-header .center-content p{
    color:#979797;
    margin-bottom:0
}
.card .card-header.card-no-border{
    border-bottom:none !important
}
.card .card-header h4{
    font-size:20px;
    color:#434343
}
.card .card-header h4:not(.mb-0),.card .card-header h4:not(.m-0){
    margin-bottom:0;
    text-transform:capitalize
}
.card .card-header>span{
    font-size:12px;
    color:rgba(43,43,43,0.7);
    margin-top:5px;
    display:block;
    letter-spacing:1px
}
.card .card-header .card-header-right{
    border-radius:0 0 0 7px;
    right:35px;
    top:33px;
    display:inline-block;
    float:right;
    position:absolute;
    background-color:#fff;
    z-index:1
}
.card .card-header .card-header-right .card-option{
    text-align:right;
    width:35px;
    height:20px;
    overflow:hidden;
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.card .card-header .card-header-right .card-option li{
    display:inline-block
}
.card .card-header .card-header-right .card-option li i{
    margin:0 5px
}
.card .card-header .card-header-right .card-option li:first-child i{
    -webkit-transition:1s;
    transition:1s;
    color:rgba(92,97,242,0.2)
}
.card .card-header .card-header-right .card-option li:first-child i.icon-angle-double-right{
    color:#2b2b2b
}
.card .card-header .card-header-right .card-option li:first-child i.icon-angle-double-right::before{
    content:"\e661" !important
}
.card .card-header .card-header-right i{
    cursor:pointer;
    color:#2c323f;
    line-height:20px
}
.card .card-header .card-header-right i.icofont-refresh{
    font-size:13px
}
.card .card-body{
    padding:30px;
    background-color:rgba(0,0,0,0)
}
.card .sub-title{
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding-bottom:5px;
    margin-bottom:8px;
    font-size:18px
}
.card .card-footer{
    background-color:#fff;
    border-top:1px solid #eee;
    padding:30px;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px
}
.card.card-load .card-loader{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:rgba(255,255,255,0.7);
    z-index:8;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.card.card-load .card-loader i{
    margin:0 auto;
    color:var(--theme-deafult);
    font-size:20px
}
.card.full-card{
    position:fixed;
    top:0;
    z-index:99999;
    -webkit-box-shadow:none;
    box-shadow:none;
    right:0;
    border-radius:0;
    border:1px solid #efefef;
    width:calc(100vw - 12px);
    height:calc(100vh)
}
.card.full-card .card-body{
    overflow:auto
}
.setting-list{
    border-radius:5px;
    position:absolute;
    right:30px;
    top:26px;
    display:inline-block;
    float:right;
    z-index:1;
    background-color:#fff
}
.setting-list .setting-option{
    text-align:right;
    width:33px;
    height:35px;
    overflow:hidden;
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.setting-list .setting-option li{
    display:inline-block
}
.setting-list .setting-option li .setting-light{
    background-color:#f4f4f4;
    border-radius:5px;
    width:32px;
    height:31px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.setting-list .setting-option li .setting-light svg{
    color:#2b2b2b
}
.setting-list .setting-option li .setting-light i{
    color:#2b2b2b
}
.setting-list .setting-option li .setting-light:hover{
    background-color:rgba(92,97,242,0.1)
}
.setting-list .setting-option li .setting-light:hover svg{
    color:#5c61f2
}
.setting-list .setting-option li .setting-light:hover i{
    color:#5c61f2
}
.setting-list .setting-option li:first-child i{
    font-weight:600;
    height:12px;
    margin:0
}
.setting-list .setting-option li:first-child i.icon-angle-double-right{
    font-size:14px
}
.setting-list .setting-option li:first-child i.icon-angle-double-right::before{
    content:'\e661' !important;
    font-weight:normal;
    margin-right:-2px
}
.setting-list .setting-option.open-setting{
    width:190px
}
.setting-list .setting-option.setting-vertical{
    text-align:center;
    height:40px
}
.setting-list .setting-option.setting-vertical li{
    display:block;
    margin:5px 0
}
.setting-list .setting-option.setting-vertical li:first-child i.icon-angle-double-right{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.setting-list .setting-option.setting-vertical.open-setting{
    height:170px;
    width:35px
}
.setting-list i{
    margin:0 3px;
    cursor:pointer
}
.setting-list i.icofont-refresh{
    font-size:13px
}
.border{
    border-color:#b58022 !important
}
.card-absolute{
    margin-top:20px
}
.card-absolute .card-header{
    position:absolute;
    top:-20px;
    left:15px;
    border-radius:0.25rem;
    padding:10px 15px
}
.card-absolute .card-header h4{
    font-size:17px
}
.card-absolute .card-body{
    margin-top:10px
}
.card-header .border-tab{
    margin-bottom:-13px
}
.custom-card{
    overflow:hidden;
    padding:30px
}
.custom-card .card-header{
    padding:0
}
.custom-card .card-header img{
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
    margin-top:-70px
}
.custom-card .card-profile{
    text-align:center
}
.custom-card .card-profile img{
    height:110px;
    padding:7px;
    background-color:#f6f8fc;
    z-index:1;
    position:relative
}
.custom-card .card-social{
    text-align:center;
    padding-bottom:15px
}
.custom-card .card-social li{
    display:inline-block
}
.custom-card .card-social li:nth-child(n+2){
    margin-left:10px
}
.custom-card .card-social li a{
    width:35px;
    height:35px;
    border-radius:5px;
    background-color:rgba(92,97,242,0.1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#5c61f2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.custom-card .card-social li:hover a{
    background-color:#5c61f2;
    color:#fff
}
.custom-card .profile-details h4{
    font-weight:600;
    color:#2b2b2b
}
.custom-card .profile-details h6{
    margin-bottom:30px;
    margin-top:10px;
    color:#979797;
    font-size:14px;
    font-weight:600
}
.custom-card .card-footer{
    padding:0
}
.custom-card .card-footer>div{
    padding:15px;
    text-align:center
}
.custom-card .card-footer>div+div{
    border-left:1px solid #efefef
}
.custom-card .card-footer>div h3{
    margin-bottom:0;
    font-size:20px;
    font-weight:600
}
.custom-card .card-footer>div h6{
    font-size:13px;
    color:#979797;
    font-weight:600
}
.custom-card .card-footer>div i{
    font-size:24px;
    display:inline-block;
    margin-bottom:15px
}
.custom-card .card-footer>div .m-b-card{
    margin-bottom:10px
}
.color-box{
    margin-bottom:-10px
}
.color-box button{
    margin-bottom:10px
}
.color-box button+button{
    margin-left:5px
}
.light-font{
    color:rgba(43,43,43,0.7)
}
.state-color ul li{
    border-radius:30px
}
.dataTable .badge{
    padding:3px 5px 4px
}
.dt-ext .icofont-arrow-down{
    color:#f81f58
}
.dt-ext .icofont-arrow-up{
    color:#61ae41
}
div.dataTables_wrapper{
    font-family:"Montserrat",sans-serif
}
div .table-avtar{
    height:32px;
    margin-right:10px
}
div .action{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
div .action i{
    font-size:16px
}
div .action .pdf i{
    font-size:20px;
    color:#f81f58
}
div .action .edit{
    margin-right:5px
}
div .action .edit i{
    color:#61ae41
}
div .action .delete i{
    color:#f81f58
}
div.dt-button-background{
    display:none !important
}
div.DTS div.dataTables_scrollBody table{
    z-index:1
}
#auto-generate-content_wrapper.dataTables_wrapper button{
    background-color:white;
    border:1px solid var(--theme-deafult);
    color:var(--theme-deafult)
}
.dataTables_scrollBody::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px #eee
}
.dataTables_scrollBody::-webkit-scrollbar{
    width:2px;
    height:5px
}
.dataTables_scrollBody::-webkit-scrollbar-thumb{
    background-color:rgba(68,102,242,0.15)
}
.dataTables_wrapper{
    padding:0;
    width:100%
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom:1px solid #eee
}
.dataTables_wrapper .btn-group button{
    margin-right:5px
}
.dataTables_wrapper button{
    font-weight:400;
    font-size:14px;
    color:#fff
}
.dataTables_wrapper+.dataTables_wrapper{
    margin-top:20px
}
.dataTables_wrapper .dataTables_paginate{
    margin-left:15px !important;
    border:1px solid #f4f4f4;
    border-radius:10px;
    padding-top:0
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    margin:0
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    background:var(--theme-deafult);
    color:#fff !important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border:1px solid var(--theme-deafult);
    color:#2c323f !important;
    background:transparent !important
}
.dataTables_wrapper .dataTables_length{
    margin-bottom:30px
}
.dataTables_wrapper .dataTables_length select{
    border-color:#f4f4f4;
    color:#2c323f;
    padding:0 10px;
    margin:0 10px;
    height:2.7142em;
    background-color:#fff
}
.dataTables_wrapper table.dataTable{
    border:1px solid #efefef
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox,.dataTables_wrapper table.dataTable tbody th.select-checkbox{
    padding-right:40px !important
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:before,.dataTables_wrapper table.dataTable tbody th.select-checkbox:before{
    right:20px;
    top:22px;
    left:unset
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:after,.dataTables_wrapper table.dataTable tbody th.select-checkbox:after{
    margin-top:-5px;
    margin-left:21px
}
.dataTables_wrapper table.dataTable thead th,.dataTables_wrapper table.dataTable thead td{
    border-bottom:2px solid #efefef
}
.dataTables_wrapper table.dataTable th,.dataTables_wrapper table.dataTable td{
    padding:0.75rem
}
.dataTables_wrapper .dataTables_filter{
    margin-bottom:25px;
    margin-left:15px
}
.dataTables_wrapper .dataTables_filter input[type="search"]{
    border:1px solid #efefef;
    padding:0 10px;
    margin-left:10px;
    height:37px;
    border-radius:0;
    border-radius:10px
}
.dataTables_scrollHeadInner{
    width:100% !important
}
table .fixedHeader-floating{
    position:fixed !important;
    background-color:#fff
}
table .box>div{
    padding:5px 15px;
    background-color:var(--theme-deafult);
    display:inline-block;
    color:#fff;
    border-radius:5px;
    margin-bottom:15px;
    margin-right:15px
}
table.dataTable.fixedHeader-locked,table.dataTable.fixedHeader-floating{
    width:calc(100vw - 250px) !important;
    max-width:calc(100vw - 250px) !important;
    overflow:hidden !important;
    right:0 !important;
    z-index:99;
    left:260px !important
}
table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating){
    width:100% !important
}
table.dataTable{
    border-collapse:collapse !important;
    margin-top:0 !important
}
table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{
    bottom:12px !important
}
table.dataTable input,table.dataTable select{
    border:1px solid #efefef;
    height:45px
}
.toolbar{
    padding:5px 15px;
    background-color:var(--theme-deafult);
    display:inline-block;
    color:#fff;
    border-radius:5px;
    margin-bottom:15px;
    margin-right:15px
}
code.option{
    color:#f81f58 !important
}
code.api{
    color:#61ae41 !important
}
.dt-ext .dataTables_wrapper .page-item .page-link{
    border-radius:30px;
    border:transparent
}
.dt-ext .dataTables_wrapper .page-item.active .page-link,.dt-ext .dataTables_wrapper .page-item:hover .page-link{
    background-color:var(--theme-deafult) !important;
    border-color:var(--theme-deafult) !important;
    color:#fff
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button{
    padding:0;
    border:none
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover,.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active{
    border:none !important
}
.dt-ext .dataTables_wrapper .dataTables_paginate .page-link{
    margin-left:0px;
    color:var(--theme-deafult)
}
.dt-ext .dataTables_wrapper button.dt-button,.dt-ext .dataTables_wrapper div.dt-button,.dt-ext .dataTables_wrapper a.dt-button,.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled){
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult);
    border-radius:2px;
    color:#fff;
    background-image:none;
    font-size:14px
}
.dt-ext .dataTables_wrapper button.dt-button.btn-success,.dt-ext .dataTables_wrapper div.dt-button.btn-success,.dt-ext .dataTables_wrapper a.dt-button.btn-success{
    background-color:#61ae41;
    border-color:#61ae41
}
.dt-ext .dataTables_wrapper button.dt-button.btn-primary,.dt-ext .dataTables_wrapper div.dt-button.btn-primary,.dt-ext .dataTables_wrapper a.dt-button.btn-primary{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult)
}
.dt-ext .dataTables_wrapper button.dt-button.btn-danger,.dt-ext .dataTables_wrapper div.dt-button.btn-danger,.dt-ext .dataTables_wrapper a.dt-button.btn-danger{
    background-color:#f81f58;
    border-color:#f81f58
}
.dt-ext .dataTables_wrapper table.dataTable th.focus,.dt-ext .dataTables_wrapper table.dataTable td.focus{
    outline:3px solid var(--theme-deafult)
}
.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd.selected>.sorting_1,.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{
    background-color:#fff
}
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody>tr.odd.selected,.dt-ext .dataTables_wrapper table.dataTable.stripe tbody>tr.odd>.selected,.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd.selected,.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd>.selected{
    background-color:#fff
}
.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.even.selected>.sorting_1,.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{
    background-color:#fff
}
.dt-ext .dataTables_wrapper table.dataTable tbody>tr.selected,.dt-ext .dataTables_wrapper table.dataTable tbody>tr>.selected{
    background-color:#fff
}
td.highlight{
    background-color:#f4f4f4 !important
}
td.details-control{
    text-align:center;
    cursor:pointer;
    font-family:'themify'
}
td.details-control:before{
    content:"\e61a";
    border:1px solid #61ae41;
    padding:3px;
    border-radius:20px;
    color:#61ae41
}
tr.shown td.details-control{
    cursor:pointer
}
tr.shown td.details-control:before{
    content:"\e622";
    color:#f81f58;
    border-color:#f81f58
}
.dataTables_scroll ~ .dataTables_paginate{
    margin-top:20px !important
}
.product-table th:last-child{
    min-width:120px
}
.product-table h6{
    font-weight:600;
    color:#2c323f
}
table.dataTable.display tbody tr.odd>.sorting_1{
    background-color:#fdfeff
}
table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{
    font-family:'Glyphicons Halflings'
}
.dataTables_wrapper .btn-group>.btn:not(:last-child):not(.dropdown-toggle),.dataTables_wrapper .btn-group>.btn-group:not(:last-child)>.btn{
    border-radius:30px !important
}
.dataTables_wrapper .btn-group>.btn:nth-child(n+3),.dataTables_wrapper .btn-group>:not(.btn-check)+.btn,.dataTables_wrapper .btn-group>.btn-group:not(:first-child)>.btn{
    border-radius:30px !important
}
.clockpicker-canvas line{
    stroke:var(--theme-secondary)
}
.clockpicker-canvas-fg,.clockpicker-canvas-bearing{
    fill:var(--theme-deafult)
}
.daterangepicker{
    border:none;
    -webkit-box-shadow:0 0 20px rgba(8,21,66,0.05);
    box-shadow:0 0 20px rgba(8,21,66,0.05)
}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{
    background-color:var(--theme-deafult);
    border-radius:50%
}
.daterangepicker{
    z-index:7
}
.datepicker{
    z-index:99
}
.datepicker--day-name{
    color:#eeb82f;
    font-weight:bold
}
.datepicker--cell.-current-{
    color:#000;
    border-radius:5px;
    font-weight:bold;
    border:2px solid var(--theme-secondary)
}
.datepicker--cell.-focus-{
    background:var(--theme-secondary);
    color:#fff !important
}
.datepicker--cell.-selected-{
    background:var(--theme-secondary) !important
}
.daterangepicker.ltr{
    color:#898989;
    z-index:8
}
.daterangepicker.ltr tr{
    font-size:13px
}
.daterangepicker.ltr tr td{
    height:34px;
    width:34px
}
.daterangepicker.ltr tr td.in-range{
    background-color:#fafafa
}
.daterangepicker.ltr tr td.active{
    background-color:var(--theme-deafult);
    border-radius:50%
}
.daterangepicker.ltr .ranges{
    float:none
}
.daterangepicker.ltr .ranges li{
    color:var(--theme-deafult)
}
.daterangepicker.ltr .ranges li:hover{
    background-color:var(--theme-deafult);
    border:1px solid var(--theme-deafult);
    color:#fff
}
.daterangepicker.ltr .ranges li.active{
    background-color:var(--theme-deafult);
    border:1px solid var(--theme-deafult);
    color:#fff
}
.daterangepicker.ltr .calendar-time select{
    color:#898989;
    border-color:#efefef;
    background-color:#fff;
    font-size:14px;
    padding:5px 10px;
    border-radius:5px;
    width:30%
}
.datepickers-container,.bootstrap-datetimepicker-widget{
    z-index:7
}
.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu{
    width:auto
}
.datetime-picker .input-group-text i{
    line-height:1.3
}
.date-range-picker .theme-form{
    margin-bottom:30px
}
.date-range-picker>div:last-child .theme-form{
    margin-bottom:0px
}
.daterangepicker:before{
    border-bottom:7px solid #efefef
}
.daterangepicker .daterangepicker_input i{
    font-size:14px;
    color:#59667a
}
.daterangepicker .input-mini{
    border-color:#efefef !important;
    font-size:14px;
    color:#59667a
}
.daterangepicker th,.daterangepicker td{
    height:34px;
    width:34px
}
.daterangepicker th:hover,.daterangepicker td:hover{
    color:#2c323f
}
.daterangepicker th.prev,.daterangepicker th.next,.daterangepicker td.prev,.daterangepicker td.next{
    color:#fff;
    height:34px;
    width:34px;
    background-color:var(--theme-deafult);
    border-radius:50%
}
.daterangepicker th.month,.daterangepicker td.month{
    color:var(--theme-deafult);
    letter-spacing:1px;
    text-transform:uppercase
}
.clockpicker-popover{
    border:none;
    -webkit-box-shadow:0 0 20px rgba(8,21,66,0.05);
    box-shadow:0 0 20px rgba(8,21,66,0.05);
    z-index:7
}
.clockpicker-popover .popover-content{
    background-color:rgba(92,97,242,0.05)
}
.clockpicker-canvas-bg{
    fill:#fff
}
.clockpicker-tick:hover{
    color:inherit;
    background-color:#fff
}
.basic-tab .card-body .nav-tabs .nav-item.dropdown a:after{
    right:3px
}
.basic-dropdown .card-body{
    padding-left:38px;
    padding-right:38px
}
.basic-dropdown ul.d-flex{
    gap:18px 34px
}
.basic-dropdown ul li span svg{
    width:14px;
    height:14px
}
.basic-dropdown ul li .left-dropdown{
    padding:10px 0;
    top:34px
}
.basic-dropdown ul li .left-dropdown li{
    width:130px;
    padding:5px 14px
}
.basic-dropdown ul li .left-dropdown li:hover a{
    color:#eeb82f
}
.basic-dropdown ul li .left-dropdown li a{
    color:#2b2b2b;
    font-weight:500
}
.basic-dropdown ul li:hover span.f-w-600::before{
    width:124px;
    -webkit-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in
}
.basic-dropdown ul li span.f-w-600{
    position:relative;
    color:#5c61f2
}
.basic-dropdown ul li span.f-w-600:before{
    position:absolute;
    content:"";
    top:-2px;
    left:-9px;
    width:50px;
    height:24px;
    background-color:rgba(92,97,242,0.2);
    border-radius:4px;
    z-index:0;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out
}
.dropdown-basic{
    margin-bottom:-10px
}
.dropdown-basic .btn-group{
    margin-right:18px
}
.dropdown-basic .btn-group .btn-round{
    border-radius:50px
}
.dropdown-basic .separated-btn{
    margin-left:-6px
}
.dropdown-basic .separated-btn .btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    padding:10px
}
.dropdown-basic button{
    max-height:43px
}
.dropdown-basic .dropdown{
    position:relative;
    display:inline-block;
    margin-bottom:10px
}
.dropdown-basic .dropdown .dropbtn{
    color:white;
    padding:12px 35px;
    border:none;
    cursor:pointer;
    font-weight:600
}
.dropdown-basic .dropdown.separated-btn .dropdown-content{
    right:0;
    left:unset
}
.dropdown-basic .dropdown .dropdown-content{
    display:none;
    position:absolute;
    right:0;
    background-color:#f9f9f9;
    min-width:175px;
    -webkit-box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:1;
    left:0;
    top:45px
}
.dropdown-basic .dropdown .dropdown-content a{
    color:black;
    padding:12px 16px;
    text-decoration:none;
    display:block
}
.dropdown-basic .dropdown .dropdown-content .dropdown-header{
    padding:12px 16px
}
.dropdown-basic .dropdown-content a:hover{
    background-color:#f1f1f1
}
.dropdown-basic .dropdown:hover .dropdown-content{
    display:block
}
.dropup-basic .dropup{
    position:relative;
    display:inline-block
}
.dropup-basic .dropup .dropbtn{
    color:white;
    padding:12px;
    border:none
}
.dropup-basic .dropup .dropup-content{
    display:none;
    position:absolute;
    background-color:#f9f9f9;
    min-width:170px;
    bottom:45px;
    z-index:999;
    left:0
}
.dropup-basic .dropup .dropup-content a{
    color:black;
    padding:12px 16px;
    text-decoration:none;
    display:block
}
.dropup-basic .dropup .dropup-content a:hover{
    background-color:#f1f1f1
}
.dropup-basic .dropup:hover .dropup-content{
    display:block
}
.dropup-basic .dropup:hover .dropup-content a.active{
    background-color:#f1f1f1
}
.icon-addon .addon-md .glyphicon,.icon-addon .addon-md .fa{
    position:absolute;
    z-index:2;
    left:10px;
    font-size:14px;
    width:20px;
    margin-left:-2.5px;
    text-align:center;
    padding:10px 0;
    top:1px
}
.icon-addon .glyphicon,.icon-addon .fa{
    position:absolute;
    z-index:2;
    left:10px;
    font-size:14px;
    width:20px;
    margin-left:-2.5px;
    text-align:center;
    padding:10px 0;
    top:1px
}
.input-group-square .input-group-text,.input-group-square .form-control{
    border-radius:0
}
.input-group-solid .input-group-text,.input-group-solid .form-control{
    background:#f4f4f4
}
.input-group-air{
    -webkit-box-shadow:0 3px 20px 0 #efefef;
    box-shadow:0 3px 20px 0 #efefef
}
.icon-addon{
    position:relative;
    color:#4c5667;
    display:block
}
.icon-addon:after{
    display:table;
    content:"";
    clear:both
}
.icon-addon:before{
    display:table;
    content:""
}
.icon-addon .addon-md .form-control{
    padding-left:30px;
    float:left;
    font-weight:normal
}
.icon-addon .form-control{
    padding-left:30px;
    float:left;
    font-weight:normal
}
.pill-input-group span:last-child{
    border-top-right-radius:1.3rem;
    border-bottom-right-radius:1.3rem
}
.pill-input-group span:first-child{
    border-top-left-radius:1.3rem;
    border-bottom-left-radius:1.3rem
}
.form-wizard .tab{
    display:none
}
.form-wizard .btn-mb{
    margin-bottom:30px
}
.form-wizard .step{
    height:10px;
    width:10px;
    margin:0 2px;
    background-color:var(--theme-deafult);
    border:none;
    border-radius:50%;
    display:inline-block;
    opacity:0.5
}
.form-wizard .step.active{
    opacity:1
}
.form-wizard .step.finish{
    background-color:var(--theme-secondary)
}
.stepwizard{
    display:table;
    width:100%;
    position:relative;
    margin-bottom:30px
}
.stepwizard .stepwizard-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.stepwizard .stepwizard-row:before{
    top:20px;
    bottom:0;
    position:absolute;
    content:"";
    width:100%;
    height:1px;
    background-color:#eee
}
.stepwizard .stepwizard-row .stepwizard-step{
    display:table-cell;
    text-align:center;
    position:relative
}
.stepwizard .stepwizard-row .stepwizard-step p{
    margin-top:10px
}
.stepwizard .stepwizard-row .stepwizard-step button[disabled]{
    opacity:1 !important;
    filter:alpha(opacity=100) !important
}
.stepwizard .stepwizard-row .stepwizard-step .btn-light{
    background-color:#eee !important
}
.stepwizard .stepwizard-row .stepwizard-step .btn-primary{
    background-color:#5c61f2 !important;
    color:#fff
}
.f1 fieldset{
    display:none
}
.f1 .input-error{
    border-color:#f81f58
}
.f1 .f1-steps{
    overflow:hidden;
    position:relative;
    margin-top:30px;
    margin-bottom:30px
}
.f1 .f1-steps .f1-progress{
    position:absolute;
    top:24px;
    width:100%;
    height:1px;
    background:#eee
}
.f1 .f1-steps .f1-progress .f1-progress-line{
    height:1px;
    background:var(--theme-deafult);
    width:16%
}
.f1 .f1-steps .f1-step{
    position:relative;
    float:left;
    width:33.333333%;
    text-align:center
}
.f1 .f1-steps .f1-step.activated .f1-step-icon{
    background:#fff;
    border:1px solid var(--theme-deafult);
    color:var(--theme-deafult)
}
.f1 .f1-steps .f1-step.activated p{
    color:var(--theme-deafult)
}
.f1 .f1-steps .f1-step.active .f1-step-icon{
    width:48px;
    height:48px;
    background:var(--theme-deafult);
    font-size:22px;
    line-height:20px;
    color:#fff
}
.f1 .f1-steps .f1-step.active p{
    color:var(--theme-deafult)
}
.f1 .f1-steps .f1-step p{
    color:#898989
}
.f1 .f1-steps .f1-step .f1-step-icon{
    display:inline-block;
    width:40px;
    height:40px;
    background:#f6f8fc;
    font-size:16px;
    color:#5c61f2;
    line-height:20px;
    border-radius:50%
}
.f1 .f1-buttons{
    text-align:right
}
.wizard-4 .action-bar{
    position:absolute;
    bottom:50px;
    right:50px
}
.wizard-4 .action-bar .btn{
    float:right;
    margin:0 5px;
    background-color:#e3e0ff !important;
    border-color:#e3e0ff !important;
    color:var(--theme-deafult)
}
.wizard-4 .action-bar .buttonDisabled{
    color:#59667a;
    background-color:rgba(89,102,122,0.05) !important;
    border:1px solid rgba(89,102,122,0.05) !important;
    cursor:text
}
.wizard-4 .step-container{
    background:#f8f9fe;
    position:relative;
    margin:0;
    padding:0;
    border:0 solid #e8ebf2;
    overflow:hidden;
    clear:right;
    width:70%
}
.wizard-4 .step-container div.content{
    display:block;
    position:absolute;
    float:left;
    height:445px;
    text-align:left;
    overflow:auto;
    z-index:1;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    clear:both
}
.wizard-4 .step-container div.content .wizard-title{
    width:450px;
    margin:0 auto
}
.wizard-4 .loader{
    display:none
}
.wizard-4 .msg-box{
    position:fixed;
    display:none;
    padding:5px 10px;
    background-color:#8b8ff6;
    top:30px;
    border-radius:5px;
    right:60px;
    padding:10px 20px
}
.wizard-4 .msg-box .content{
    padding:0;
    float:left;
    padding-top:3px;
    color:#fff
}
.wizard-4 .msg-box .close{
    color:#fff;
    margin-left:10px;
    opacity:1;
    font-size:18px;
    line-height:1.4
}
.wizard-4 ul.anchor{
    float:left;
    width:30%;
    height:100vh;
    padding:40px 35px;
    background-color:#fff
}
.wizard-4 ul.anchor .disabled{
    opacity:0.7;
    color:#59667a
}
.wizard-4 ul.anchor .disabled h4{
    background-color:rgba(89,102,122,0.15)
}
.wizard-4 ul.anchor .logo{
    padding-bottom:50px
}
.wizard-4 ul.anchor li{
    position:relative;
    display:block;
    margin:0;
    padding:0;
    float:left;
    clear:both;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:0
}
.wizard-4 ul.anchor li:nth-child(n+3){
    margin-top:30px
}
.wizard-4 ul.anchor li+li a{
    padding-left:80px
}
.wizard-4 ul.anchor li h4{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:rgba(92,97,242,0.2);
    width:50px;
    height:50px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0
}
.wizard-4 ul.anchor li a{
    display:block;
    position:relative;
    float:left;
    margin:0;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-decoration:none;
    outline-style:none;
    z-index:1;
    font-size:18px
}
.wizard-4 ul.anchor li a small{
    display:block;
    font-size:14px
}
.wizard-4 ul.anchor li a .stepNumber{
    position:relative;
    float:left;
    width:30px;
    text-align:center;
    padding:5px;
    padding-top:0
}
.wizard-4 ul.anchor li a.done h4{
    color:#fff;
    background:var(--theme-deafult)
}
.wizard-4 ul.anchor li a.done h4:before{
    font-size:12px;
    position:absolute;
    left:5px;
    top:-3px;
    content:"\e64c";
    font-family:"themify";
    background-color:#fff;
    color:var(--theme-deafult);
    border-radius:15px;
    padding:2px;
    border:1px solid
}
.wizard-4 ul.anchor li a.error{
    color:#898989;
    background:#fe8a7d;
    border:1px solid #f81f58
}
.wizard-4 ul.anchor li a.error:hover{
    color:#000
}
.form-validate form label{
    font-weight:500
}
.form-validate .input-group.left-radius .input-group-text{
    border-radius:4px 0 0 4px !important
}
.form-validate .input-group.left-radius input{
    border-radius:0 4px 4px 0 !important
}
.form-validate .input-group .input-group-text{
    border-radius:4px 0 0 4px !important
}
.form-validate .input-group input{
    border-radius:0 4px 4px 0 !important
}
.form-space{
    margin-bottom:-10px
}
.form-space>div{
    margin-bottom:10px
}
form label{
    font-weight:500
}
.form-control::-webkit-input-placeholder{
    color:#898989 !important;
    font-weight:400 !important
}
.theme-form .form-group{
    margin-bottom:15px
}
.theme-form .form-control :focus{
    -webkit-box-shadow:0 0 0 0.2rem rgba(171,140,228,0.05);
    box-shadow:0 0 0 0.2rem rgba(171,140,228,0.05)
}
.theme-form textarea{
    border-color:#eee
}
.theme-form textarea::-webkit-input-placeholder{
    color:#898989;
    font-size:14px;
    letter-spacing:1px;
    font-weight:100
}
.theme-form input[type="text"],.theme-form input[type="email"],.theme-form input[type="search"],.theme-form input[type="password"],.theme-form input[type="number"],.theme-form input[type="tel"],.theme-form input[type="date"],.theme-form input[type="datetime-local"],.theme-form input[type="time"],.theme-form input[type="datetime-local"],.theme-form input[type="month"],.theme-form input[type="week"],.theme-form input[type="url"],.theme-form input[type="file"],.theme-form textarea,.theme-form select{
    border: 2px solid #eee;
    border-radius: 10px;
    background-color:#fff;
    font-size:13px;
    color:#898989;
    -webkit-box-shadow:none;
    box-shadow:none
}
.theme-form input[type="text"]::-webkit-input-placeholder,.theme-form input[type="email"]::-webkit-input-placeholder,.theme-form input[type="search"]::-webkit-input-placeholder,.theme-form input[type="password"]::-webkit-input-placeholder,.theme-form input[type="number"]::-webkit-input-placeholder,.theme-form input[type="tel"]::-webkit-input-placeholder,.theme-form input[type="date"]::-webkit-input-placeholder,.theme-form input[type="datetime-local"]::-webkit-input-placeholder,.theme-form input[type="time"]::-webkit-input-placeholder,.theme-form input[type="datetime-local"]::-webkit-input-placeholder,.theme-form input[type="month"]::-webkit-input-placeholder,.theme-form input[type="week"]::-webkit-input-placeholder,.theme-form input[type="url"]::-webkit-input-placeholder,.theme-form input[type="file"]::-webkit-input-placeholder,.theme-form textarea::-webkit-input-placeholder,.theme-form select::-webkit-input-placeholder{
    color:#898989;
    font-size:14px;
    letter-spacing:1px;
    font-weight:100
}
.theme-form input[type="file"]{
    height:auto
}
.theme-form select.form-control:not([size]):not([multiple]){
    border-color:#eee;
    font-size:14px
}
.theme-form .checkbox label{
    padding-left:10px
}
.theme-form .btn-fb,.theme-form .btn-twitter,.theme-form .btn-google,.theme-form .btn-linkedin{
    color:#fff;
    width:100%
}
.theme-form .btn-fb{
    background-color:#4867aa
}
.theme-form .btn-twitter{
    background-color:#5da9dd
}
.theme-form .btn-google{
    background-color:#c64e40
}
.theme-form .btn-linkedin{
    background-color:#0077B5
}
.form-inline{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:0
}
.form-inline .col-form-label{
    margin-right:5px
}
.form-control,.form-select{
    border-color:#eee;
    font-size:14px;
    padding:12px 15px;
    border-radius: 15px;
}
.form-control:focus,.form-select:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:#eee;
    outline:none
}
.form-control.left-radius,.form-select.left-radius{
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important
}
.form-control.right-radius,.form-select.right-radius{
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important
}
input[type="file"]{
    height:auto;
    padding:0.375rem 0.75rem !important
}
.form-control-color{
    max-width:4rem
}
.input-group-text{
    border-radius:10px;
    border-color:#eee
}
.input-group.left-radius .input-group-text{
    border-top-left-radius:10px !important;
    border-bottom-left-radius:10px !important
}
.input-group.left-radius input{
    border-top-right-radius:10px !important;
    border-bottom-right-radius:10px !important
}
.input-group.right-radius .input-group-text{
    border-top-right-radius:30px !important;
    border-bottom-right-radius:30px !important
}
.input-group.right-radius input{
    border-top-left-radius:30px !important;
    border-bottom-left-radius:30px !important
}
.form-group{
    margin-bottom:20px
}
.search-form input{
    border:1px solid #efefef;
    padding:10px 10px 10px 70px;
    border-radius:30px;
    background-color:rgba(244,244,244,0.3)
}
.search-form input:focus{
    outline:none !important
}
.radius-30{
    border-radius:30px
}
.form-control-sm{
    padding:0.25rem 0.5rem
}
.form-label-align-right label{
    text-align:right;
    padding-top:17px;
    font-weight:500
}
.was-validated .form-control:invalid,.form-control.is-invalid{
    background-size:18px !important;
    background-position:97.5% 50% !important
}
.icon-lists h6{
    color:#898989;
    font-weight:400
}
.icon-lists>div:hover{
    background-color:rgba(92,97,242,0.1);
    color:#5c61f2
}
.icon-lists>div:hover i{
    color:#5c61f2
}
.icon-lists div{
    cursor:pointer;
    line-height:60px;
    white-space:nowrap;
    border-radius:4px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.icon-lists div i{
    margin:0 15px 0 10px;
    font-size:24px
}
.icon-lists.whether-icon svg{
    height:50px;
    width:50px
}
.icon-lists.feather-icons .d-flex svg{
    margin:0 15px 0 10px
}
.icon-lists .feather-icon .icon-first h6{
    display:none
}
.flag-icons,.feather-icons{
    margin-bottom:-15px;
    margin-top:-15px
}
.flag-icons div,.feather-icons div{
    line-height:1;
    word-wrap:break-word;
    overflow:auto
}
.flag-icons div .flag-icon,.feather-icons div .flag-icon{
    height:50px;
    width:50px
}
.flag-icons div .d-flex,.feather-icons div .d-flex{
    padding-top:15px;
    padding-bottom:15px;
    width:100%
}
.flag-icons div .flex-grow-1 h6,.feather-icons div .flex-grow-1 h6{
    margin-bottom:0;
    font-size:14px;
    max-width:100%;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.flag-icons div .flex-grow-1 h5,.feather-icons div .flex-grow-1 h5{
    background-color:#5c61f2;
    display:inline-block;
    padding:4px 5px;
    font-size:11px;
    border-radius:3px;
    margin-right:5px;
    margin-bottom:5px;
    color:#fff
}
.icon-hover-bottom{
    background-color:#fdfeff;
    width:100%;
    bottom:0;
    left:0;
    -webkit-box-shadow:0px 0px 1px 1px #eee;
    box-shadow:0px 0px 1px 1px #eee;
    z-index:999
}
.icon-hover-bottom .icon-popup{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    padding:20px
}
.icon-hover-bottom .icon-popup .close-icon{
    position:absolute;
    right:10px;
    top:10px;
    font-size:20px;
    color:#ccc;
    cursor:pointer
}
.icon-hover-bottom .icon-popup>div{
    display:inline-block
}
.icon-hover-bottom .icon-popup>div .flag-icon{
    width:60px;
    height:60px
}
.icon-hover-bottom .icon-popup .icon-class{
    margin:0 20px;
    cursor:pointer;
    font-family:"Montserrat",sans-serif
}
.icon-hover-bottom .icon-title{
    display:block;
    color:#2c323f;
    text-transform:uppercase;
    font-weight:600;
    font-family:"Montserrat",sans-serif
}
.icon-hover-bottom .form-group{
    font-family:"Montserrat",sans-serif;
    margin-bottom:0
}
.icon-hover-bottom .form-group input{
    min-width:300px;
    background-color:#fff
}
.icon-hover-bottom .form-group button.btn{
    min-width:130px
}
.fa-fa-icon-show-div,.icons-show-div{
    display:none
}
.icon-first i{
    color:#898989
}
.icon-first h6{
    display:none
}
@media only screen and (max-width: 480px){
    .flag-icons div .d-flex,.feather-icons div .d-flex{
        padding-top:10px;
        padding-bottom:10px
    }
}
.list-group-item.active{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult)
}
.list-group .list-group-item .badge{
    padding:4px 6px 3px
}
.list-group i{
    margin-right:10px
}
.list-group img{
    height:36px;
    width:36px;
    margin-right:10px
}
.card-body .sub-title{
    font-weight:500
}
.loader-wrapper{
    position:fixed;
    z-index:999999;
    background:#fff;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.loader-wrapper .dot{
    position:relative;
    width:22px;
    height:22px;
    margin:8px;
    border-radius:50%
}
.loader-wrapper .dot::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:inherit;
    border-radius:inherit;
    -webkit-animation:wave 2s ease infinite;
    animation:wave 2s ease infinite
}
.loader-wrapper .dot:nth-child(1){
    background:rgba(92,97,242,0.2)
}
.loader-wrapper .dot:nth-child(1)::before{
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.loader-wrapper .dot:nth-child(2){
    background:rgba(238,184,47,0.4)
}
.loader-wrapper .dot:nth-child(2)::before{
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.loader-wrapper .dot:nth-child(3){
    background:rgba(92,97,242,0.6)
}
.loader-wrapper .dot:nth-child(3)::before{
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.loader-wrapper .dot:nth-child(4){
    background:rgba(238,184,47,0.8)
}
.loader-wrapper .dot:nth-child(4)::before{
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.loader-wrapper .dot:nth-child(5){
    background:#5c61f2
}
.loader-wrapper .dot:nth-child(5)::before{
    -webkit-animation-delay:1s;
    animation-delay:1s
}
@-webkit-keyframes wave{
    50%,75%{
        -webkit-transform:scale(2.5);
        transform:scale(2.5)
    }
    80%,100%{
        opacity:0
    }
}
@keyframes wave{
    50%,75%{
        -webkit-transform:scale(2.5);
        transform:scale(2.5)
    }
    80%,100%{
        opacity:0
    }
}
.loader-box{
    height:150px;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    vertical-align:middle;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:0.3s color, 0.3s border, 0.3s opacity, 0.3s -webkit-transform;
    transition:0.3s color, 0.3s border, 0.3s opacity, 0.3s -webkit-transform;
    transition:0.3s color, 0.3s border, 0.3s transform, 0.3s opacity;
    transition:0.3s color, 0.3s border, 0.3s transform, 0.3s opacity, 0.3s -webkit-transform
}
.loader-box [class*="loader-"]{
    display:inline-block;
    width:50px;
    height:50px;
    color:inherit;
    vertical-align:middle
}
.loader-box .loader-1{
    border:0.2em dotted #5c61f2;
    border-radius:50%;
    -webkit-animation:1s loader-01 linear infinite;
    animation:1s loader-01 linear infinite
}
@-webkit-keyframes loader-01{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-01{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-2{
    border:0.2em solid transparent;
    border-left-color:#eeb82f;
    border-right-color:#eeb82f;
    border-radius:50%;
    -webkit-animation:1s loader-02 linear infinite;
    animation:1s loader-02 linear infinite
}
@-webkit-keyframes loader-02{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-02{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-3{
    border:0.2em solid #61ae41;
    border-bottom-color:transparent;
    border-radius:50%;
    -webkit-animation:1s loader-03 linear infinite;
    animation:1s loader-03 linear infinite;
    position:relative
}
@-webkit-keyframes loader-03{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-03{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-4{
    border:1px solid #f81f58;
    border-radius:50%;
    -webkit-animation:1s loader-04 linear infinite;
    animation:1s loader-04 linear infinite;
    position:relative
}
.loader-box .loader-4:before{
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    top:-0.2em;
    left:50%;
    border:0.2em solid #f81f58;
    border-radius:50%
}
@-webkit-keyframes loader-04{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-04{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-5{
    border:0.2em solid transparent;
    border-top-color:#e6ae30;
    border-radius:50%;
    -webkit-animation:1s loader-05 linear infinite;
    animation:1s loader-05 linear infinite;
    position:relative
}
.loader-box .loader-5:before{
    content:"";
    display:block;
    width:inherit;
    height:inherit;
    position:absolute;
    top:-0.2em;
    left:-0.2em;
    border:0.2em solid #e6ae30;
    border-radius:50%;
    opacity:0.5
}
@-webkit-keyframes loader-05{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-05{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-6{
    border:0.2em solid #f81f58;
    border-radius:50%;
    -webkit-animation:loader-06 1s ease-out infinite;
    animation:loader-06 1s ease-out infinite
}
@-webkit-keyframes loader-06{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes loader-06{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.loader-box .loader-7{
    border:0 solid transparent;
    border-radius:50%;
    position:relative
}
.loader-box .loader-7:before,.loader-box .loader-7:after{
    content:"";
    border:0.2em solid #5c61f2;
    border-radius:50%;
    width:inherit;
    height:inherit;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:loader-07 1s linear infinite;
    animation:loader-07 1s linear infinite;
    opacity:0
}
.loader-box .loader-7:before{
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.loader-box .loader-7:after{
    -webkit-animation-delay:0.5s;
    animation-delay:0.5s
}
@-webkit-keyframes loader-07{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes loader-07{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.loader-box .loader-8{
    position:relative
}
.loader-box .loader-8:before,.loader-box .loader-8:after{
    content:"";
    width:inherit;
    height:inherit;
    border-radius:50%;
    background-color:#4faad5;
    opacity:0.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:loader-08 2s infinite ease-in-out;
    animation:loader-08 2s infinite ease-in-out
}
.loader-box .loader-8:after{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes loader-08{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes loader-08{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.loader-box .loader-9{
    background-color:#61ae41;
    border-radius:50%;
    -webkit-animation:loader-09 1s infinite ease-in-out;
    animation:loader-09 1s infinite ease-in-out
}
@-webkit-keyframes loader-09{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes loader-09{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.loader-box .loader-10{
    position:relative;
    -webkit-animation:loader-10-1 2s infinite linear;
    animation:loader-10-1 2s infinite linear
}
.loader-box .loader-10:before,.loader-box .loader-10:after{
    content:"";
    width:0;
    height:0;
    border:0.5em solid #5c61f2;
    display:block;
    position:absolute;
    border-radius:100%;
    -webkit-animation:loader-10-2 2s infinite ease-in-out;
    animation:loader-10-2 2s infinite ease-in-out
}
.loader-box .loader-10:before{
    top:0;
    left:50%
}
.loader-box .loader-10:after{
    bottom:0;
    right:50%;
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes loader-10-1{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-10-1{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes loader-10-2{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes loader-10-2{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.loader-box .loader-11{
    background-color:#e6ae30;
    -webkit-animation:loader-11 1.2s infinite ease-in-out;
    animation:loader-11 1.2s infinite ease-in-out
}
@-webkit-keyframes loader-11{
    0%{
        -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
        transform:perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50%{
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100%{
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
@keyframes loader-11{
    0%{
        -webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
        transform:perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50%{
        -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100%{
        -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
.loader-box .loader-12{
    position:relative
}
.loader-box .loader-12:before,.loader-box .loader-12:after{
    content:"";
    display:block;
    position:absolute;
    background-color:#f81f58;
    left:50%;
    right:0;
    top:0;
    bottom:50%;
    -webkit-box-shadow:-0.5em 0 0 #f81f58;
    box-shadow:-0.5em 0 0 #f81f58;
    -webkit-animation:loader-12 1s linear infinite;
    animation:loader-12 1s linear infinite
}
.loader-box .loader-12:after{
    top:50%;
    bottom:0;
    -webkit-animation-delay:0.25s;
    animation-delay:0.25s
}
@-webkit-keyframes loader-12{
    0%,100%{
        -webkit-box-shadow:-0.5em 0 0 transparent;
        box-shadow:-0.5em 0 0 transparent;
        background-color:#f81f58
    }
    50%{
        -webkit-box-shadow:-0.5em 0 0 #f81f58;
        box-shadow:-0.5em 0 0 #f81f58;
        background-color:transparent
    }
}
@keyframes loader-12{
    0%,100%{
        -webkit-box-shadow:-0.5em 0 0 transparent;
        box-shadow:-0.5em 0 0 transparent;
        background-color:#f81f58
    }
    50%{
        -webkit-box-shadow:-0.5em 0 0 #f81f58;
        box-shadow:-0.5em 0 0 #f81f58;
        background-color:transparent
    }
}
.loader-box .loader-13:before,.loader-box .loader-13:after,.loader-box .loader-13{
    border-radius:50%;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:loader-13 1.8s infinite ease-in-out;
    animation:loader-13 1.8s infinite ease-in-out
}
.loader-box .loader-13{
    color:#5c61f2;
    position:relative;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-delay:-0.16s;
    animation-delay:-0.16s;
    top:-1em
}
.loader-box .loader-13:before{
    right:100%;
    -webkit-animation-delay:-0.32s;
    animation-delay:-0.32s
}
.loader-box .loader-13:after{
    left:100%
}
.loader-box .loader-13:before,.loader-box .loader-13:after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    width:inherit;
    height:inherit
}
@-webkit-keyframes loader-13{
    0%,80%,100%{
        -webkit-box-shadow:0 1em 0 -1em;
        box-shadow:0 1em 0 -1em
    }
    40%{
        -webkit-box-shadow:0 1em 0 -0.2em;
        box-shadow:0 1em 0 -0.2em
    }
}
@keyframes loader-13{
    0%,80%,100%{
        -webkit-box-shadow:0 1em 0 -1em;
        box-shadow:0 1em 0 -1em
    }
    40%{
        -webkit-box-shadow:0 1em 0 -0.2em;
        box-shadow:0 1em 0 -0.2em
    }
}
.loader-box .loader-14{
    border-radius:50%;
    -webkit-box-shadow:0 1em 0 -0.2em #eeb82f;
    box-shadow:0 1em 0 -0.2em #eeb82f;
    position:relative;
    -webkit-animation:loader-14 0.8s ease-in-out alternate infinite;
    animation:loader-14 0.8s ease-in-out alternate infinite;
    -webkit-animation-delay:0.32s;
    animation-delay:0.32s;
    top:-1em
}
.loader-box .loader-14:after,.loader-box .loader-14:before{
    content:"";
    position:absolute;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    -webkit-box-shadow:inherit;
    box-shadow:inherit;
    -webkit-animation:inherit;
    animation:inherit
}
.loader-box .loader-14:before{
    left:-1em;
    -webkit-animation-delay:0.48s;
    animation-delay:0.48s
}
.loader-box .loader-14:after{
    right:-1em;
    -webkit-animation-delay:0.16s;
    animation-delay:0.16s
}
@-webkit-keyframes loader-14{
    0%{
        -webkit-box-shadow:0 2em 0 -0.2em #4faad5;
        box-shadow:0 2em 0 -0.2em #4faad5
    }
    100%{
        -webkit-box-shadow:0 1em 0 -0.2em #4faad5;
        box-shadow:0 1em 0 -0.2em #4faad5
    }
}
@keyframes loader-14{
    0%{
        -webkit-box-shadow:0 2em 0 -0.2em #4faad5;
        box-shadow:0 2em 0 -0.2em #4faad5
    }
    100%{
        -webkit-box-shadow:0 1em 0 -0.2em #4faad5;
        box-shadow:0 1em 0 -0.2em #4faad5
    }
}
.loader-box .loader-15{
    background:#61ae41;
    position:relative;
    -webkit-animation:loader-15 1s ease-in-out infinite;
    animation:loader-15 1s ease-in-out infinite;
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s;
    width:0.25em;
    height:0.5em;
    margin:0 0.5em
}
.loader-box .loader-15:after,.loader-box .loader-15:before{
    content:"";
    position:absolute;
    width:inherit;
    height:inherit;
    background:inherit;
    -webkit-animation:inherit;
    animation:inherit
}
.loader-box .loader-15:before{
    right:0.5em;
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s
}
.loader-box .loader-15:after{
    left:0.5em;
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s
}
@-webkit-keyframes loader-15{
    0%,100%{
        -webkit-box-shadow:0 0 0 #61ae41,0 0 0 #61ae41;
        box-shadow:0 0 0 #61ae41,0 0 0 #61ae41
    }
    50%{
        -webkit-box-shadow:0 -0.25em 0 #61ae41,0 0.25em 0 #61ae41;
        box-shadow:0 -0.25em 0 #61ae41,0 0.25em 0 #61ae41
    }
}
@keyframes loader-15{
    0%,100%{
        -webkit-box-shadow:0 0 0 #61ae41,0 0 0 #61ae41;
        box-shadow:0 0 0 #61ae41,0 0 0 #61ae41
    }
    50%{
        -webkit-box-shadow:0 -0.25em 0 #61ae41,0 0.25em 0 #61ae41;
        box-shadow:0 -0.25em 0 #61ae41,0 0.25em 0 #61ae41
    }
}
.loader-box .loader-16{
    border:0.05em #f81f58 solid;
    border-radius:0.2em;
    overflow:hidden;
    position:relative
}
.loader-box .loader-16:after,.loader-box .loader-16:before{
    content:"";
    border-radius:50%;
    position:absolute;
    width:inherit;
    height:inherit;
    -webkit-animation:loader-16 2s infinite linear;
    animation:loader-16 2s infinite linear
}
.loader-box .loader-16:before{
    border-top:0.2em #f81f58 solid;
    top:-0.15em;
    left:calc(-50% - 0.15em);
    -webkit-transform-origin:right center;
    transform-origin:right center
}
.loader-box .loader-16:after{
    border-bottom:0.2em #f81f58 solid;
    top:0.15em;
    right:calc(-50% - 0.15em);
    -webkit-transform-origin:left center;
    transform-origin:left center
}
@-webkit-keyframes loader-16{
    from{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes loader-16{
    from{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.loader-box .loader-17{
    position:relative;
    background-color:#e6ae30;
    border-radius:50%
}
.loader-box .loader-17:after,.loader-box .loader-17:before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    opacity:0.8
}
.loader-box .loader-17:after{
    left:-0.5em;
    top:-0.25em;
    background-color:#e6ae30;
    -webkit-transform-origin:30px 35px;
    transform-origin:30px 35px;
    -webkit-animation:loader-17 1s linear infinite;
    animation:loader-17 1s linear infinite;
    opacity:0.6
}
.loader-box .loader-17:before{
    left:-1.25em;
    top:-0.75em;
    background-color:#e6ae30;
    -webkit-transform-origin:40px 40px;
    transform-origin:40px 40px;
    -webkit-animation:loader-17 2s linear infinite;
    animation:loader-17 2s linear infinite
}
@-webkit-keyframes loader-17{
    0%{
        -webkit-transform:rotateZ(0deg) translate3d(0, 0, 0);
        transform:rotateZ(0deg) translate3d(0, 0, 0)
    }
    100%{
        -webkit-transform:rotateZ(360deg) translate3d(0, 0, 0);
        transform:rotateZ(360deg) translate3d(0, 0, 0)
    }
}
@keyframes loader-17{
    0%{
        -webkit-transform:rotateZ(0deg) translate3d(0, 0, 0);
        transform:rotateZ(0deg) translate3d(0, 0, 0)
    }
    100%{
        -webkit-transform:rotateZ(360deg) translate3d(0, 0, 0);
        transform:rotateZ(360deg) translate3d(0, 0, 0)
    }
}
.loader-box .loader-18{
    position:relative
}
.loader-box .loader-18:before,.loader-box .loader-18:after{
    content:"";
    display:block;
    position:absolute;
    border-radius:50%;
    border:0.1em solid transparent;
    border-bottom-color:#f81f58;
    top:0;
    left:0;
    -webkit-animation:1s loader-18 linear infinite;
    animation:1s loader-18 linear infinite
}
.loader-box .loader-18:before{
    width:40px;
    height:40px
}
.loader-box .loader-18:after{
    width:30px;
    height:30px;
    top:0.1em;
    left:0.1em;
    animation-direction:reverse
}
@-webkit-keyframes loader-18{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-18{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-19{
    border-top:0.2em solid #5c61f2;
    border-right:0.2em solid transparent;
    -webkit-animation:loader-19 1s linear infinite;
    animation:loader-19 1s linear infinite;
    border-radius:100%;
    position:relative
}
@-webkit-keyframes loader-19{
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-19{
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-20{
    background-color:transparent;
    -webkit-box-shadow:inset 0px 0px 0px 0.1em #eeb82f;
    box-shadow:inset 0px 0px 0px 0.1em #eeb82f;
    border-radius:50%;
    position:relative
}
.loader-box .loader-20:after,.loader-box .loader-20:before{
    position:absolute;
    content:"";
    background-color:#eeb82f;
    top:24px;
    left:24px;
    height:0.1em;
    -webkit-transform-origin:left center;
    transform-origin:left center
}
.loader-box .loader-20:after{
    width:0.4em;
    -webkit-animation:loader-20 2s linear infinite;
    animation:loader-20 2s linear infinite
}
.loader-box .loader-20:before{
    width:20px;
    -webkit-animation:loader-20 8s linear infinite;
    animation:loader-20 8s linear infinite
}
@-webkit-keyframes loader-20{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-20{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-21{
    position:relative
}
.loader-box .loader-21:before,.loader-box .loader-21:after{
    position:absolute;
    content:""
}
.loader-box .loader-21:before{
    width:80%;
    height:80%;
    left:10%;
    bottom:10%;
    border-radius:100% 100% 100% 0;
    -webkit-box-shadow:0px 0px 0px 0.1em #61ae41;
    box-shadow:0px 0px 0px 0.1em #61ae41;
    -webkit-animation:loader-21 1s linear infinite;
    animation:loader-21 1s linear infinite;
    -webkit-transform:rotate(-46deg);
    transform:rotate(-46deg)
}
.loader-box .loader-21:after{
    width:1em;
    height:0.3em;
    border-radius:100%;
    left:0;
    background-color:rgba(255,255,255,0.2);
    bottom:-0.2em;
    z-index:-1
}
@-webkit-keyframes loader-21{
    0%{
        top:0
    }
    50%{
        top:-5px
    }
    100%{
        top:0
    }
}
@keyframes loader-21{
    0%{
        top:0
    }
    50%{
        top:-5px
    }
    100%{
        top:0
    }
}
.loader-box .loader-22{
    border:0.1em #5c61f2 solid;
    border-radius:100%;
    position:relative;
    overflow:hidden;
    z-index:1
}
.loader-box .loader-22:after,.loader-box .loader-22:before{
    position:absolute;
    content:"";
    background-color:#5c61f2
}
.loader-box .loader-22:after{
    width:50%;
    height:0.1em;
    left:50%;
    top:50%;
    -webkit-transform-origin:left center;
    transform-origin:left center;
    -webkit-animation:loader-22 2s linear infinite alternate;
    animation:loader-22 2s linear infinite alternate
}
.loader-box .loader-22:before{
    width:100%;
    height:40%;
    left:0;
    bottom:0
}
@-webkit-keyframes loader-22{
    0%{
        -webkit-transform:rotate(-160deg);
        transform:rotate(-160deg)
    }
    100%{
        -webkit-transform:rotate(-20deg);
        transform:rotate(-20deg)
    }
}
@keyframes loader-22{
    0%{
        -webkit-transform:rotate(-160deg);
        transform:rotate(-160deg)
    }
    100%{
        -webkit-transform:rotate(-20deg);
        transform:rotate(-20deg)
    }
}
.loader-box .loader-23{
    height:0.5em;
    border:0.1em #e6ae30 solid;
    border-radius:0.1em;
    position:relative;
    -webkit-animation:loader-23 5s linear infinite;
    animation:loader-23 5s linear infinite
}
.loader-box .loader-23:after{
    width:0.07em;
    height:100%;
    background-color:#e6ae30;
    border-radius:0px 0.5em 0.5em 0px;
    position:absolute;
    content:"";
    top:0;
    left:calc(100% + 0.1em)
}
@-webkit-keyframes loader-23{
    0%{
        -webkit-box-shadow:inset 0px 0px 0px #e6ae30;
        box-shadow:inset 0px 0px 0px #e6ae30
    }
    100%{
        -webkit-box-shadow:inset 1em 0px 0px #e6ae30;
        box-shadow:inset 1em 0px 0px #e6ae30
    }
}
@keyframes loader-23{
    0%{
        -webkit-box-shadow:inset 0px 0px 0px #e6ae30;
        box-shadow:inset 0px 0px 0px #e6ae30
    }
    100%{
        -webkit-box-shadow:inset 1em 0px 0px #e6ae30;
        box-shadow:inset 1em 0px 0px #e6ae30
    }
}
.loader-box .loader-24{
    width:0.8em;
    height:1em;
    border:0.1em #f81f58 solid;
    border-radius:0px 0px 0.2em 0.2em;
    position:relative
}
.loader-box .loader-24:after,.loader-box .loader-24:before{
    position:absolute;
    content:""
}
.loader-box .loader-24:after{
    width:0.2em;
    height:50%;
    border:0.1em #f81f58 solid;
    border-left:none;
    border-radius:0px 0.5em 0.5em 0px;
    left:calc(100% + 0.1em);
    top:0.1em
}
.loader-box .loader-24:before{
    width:0.1em;
    height:0.3em;
    background-color:#f81f58;
    top:-0.3em;
    left:0.05em;
    -webkit-box-shadow:0.2em 0px 0px 0px #f81f58,0.2em -0.2em 0px 0px #f81f58,0.4em 0px 0px 0px #f81f58;
    box-shadow:0.2em 0px 0px 0px #f81f58,0.2em -0.2em 0px 0px #f81f58,0.4em 0px 0px 0px #f81f58;
    -webkit-animation:loader-24 1s linear infinite alternate;
    animation:loader-24 1s linear infinite alternate
}
@-webkit-keyframes loader-24{
    0%{
        height:0px
    }
    100%{
        height:6px
    }
}
@keyframes loader-24{
    0%{
        height:0px
    }
    100%{
        height:6px
    }
}
.loader-box .loader-25{
    border:0.1em #5c61f2 solid;
    position:relative;
    -webkit-animation:loader-25-1 5s linear infinite;
    animation:loader-25-1 5s linear infinite
}
.loader-box .loader-25:after{
    width:0.2em;
    height:0.2em;
    position:absolute;
    content:"";
    background-color:#5c61f2;
    bottom:calc(100% + 0.2em);
    left:-0.4em;
    -webkit-animation:loader-25-2 1s ease-in-out infinite;
    animation:loader-25-2 1s ease-in-out infinite
}
@-webkit-keyframes loader-25-1{
    0%{
        -webkit-box-shadow:inset 0 0 0 0 #5c61f2;
        box-shadow:inset 0 0 0 0 #5c61f2
    }
    100%{
        -webkit-box-shadow:inset 0 -1em 0 0 #5c61f2;
        box-shadow:inset 0 -1em 0 0 #5c61f2
    }
}
@keyframes loader-25-1{
    0%{
        -webkit-box-shadow:inset 0 0 0 0 #5c61f2;
        box-shadow:inset 0 0 0 0 #5c61f2
    }
    100%{
        -webkit-box-shadow:inset 0 -1em 0 0 #5c61f2;
        box-shadow:inset 0 -1em 0 0 #5c61f2
    }
}
@-webkit-keyframes loader-25-2{
    25%{
        left:calc(100% + 0.2em);
        bottom:calc(100% + 0.2em)
    }
    50%{
        left:calc(100% + 0.2em);
        bottom:-0.4em
    }
    75%{
        left:-0.4em;
        bottom:-0.4em
    }
    100%{
        left:-0.4em;
        bottom:calc(100% + 0.2em)
    }
}
@keyframes loader-25-2{
    25%{
        left:calc(100% + 0.2em);
        bottom:calc(100% + 0.2em)
    }
    50%{
        left:calc(100% + 0.2em);
        bottom:-0.4em
    }
    75%{
        left:-0.4em;
        bottom:-0.4em
    }
    100%{
        left:-0.4em;
        bottom:calc(100% + 0.2em)
    }
}
.loader-box .loader-26{
    width:0.5em;
    height:0.5em;
    background-color:#eeb82f;
    -webkit-box-shadow:1em 0px 0px #eeb82f;
    box-shadow:1em 0px 0px #eeb82f;
    border-radius:50%;
    -webkit-animation:loader-26 1s ease-in-out infinite alternate;
    animation:loader-26 1s ease-in-out infinite alternate
}
@-webkit-keyframes loader-26{
    0%{
        opacity:0.1;
        -webkit-transform:rotate(0deg) scale(0.5);
        transform:rotate(0deg) scale(0.5)
    }
    100%{
        opacity:1;
        -webkit-transform:rotate(360deg) scale(1.2);
        transform:rotate(360deg) scale(1.2)
    }
}
@keyframes loader-26{
    0%{
        opacity:0.1;
        -webkit-transform:rotate(0deg) scale(0.5);
        transform:rotate(0deg) scale(0.5)
    }
    100%{
        opacity:1;
        -webkit-transform:rotate(360deg) scale(1.2);
        transform:rotate(360deg) scale(1.2)
    }
}
.loader-box .loader-27{
    border-radius:50%;
    -webkit-box-shadow:inset 0 0 0 0.1em #61ae41,-0.5em -0.5em 0 -0.4em #61ae41,0 -0.7em 0 -0.4em #61ae41,0.5em -0.5em 0 -0.4em #61ae41,-0.5em 0.5em 0 -0.4em #61ae41,0 0.7em 0 -0.4em #61ae41,0.5em 0.5em 0 -0.4em #61ae41,-0.7em 0 0 -0.4em #61ae41,0.7em 0 0 -0.4em #61ae41;
    box-shadow:inset 0 0 0 0.1em #61ae41,-0.5em -0.5em 0 -0.4em #61ae41,0 -0.7em 0 -0.4em #61ae41,0.5em -0.5em 0 -0.4em #61ae41,-0.5em 0.5em 0 -0.4em #61ae41,0 0.7em 0 -0.4em #61ae41,0.5em 0.5em 0 -0.4em #61ae41,-0.7em 0 0 -0.4em #61ae41,0.7em 0 0 -0.4em #61ae41;
    -webkit-animation:5s loader-27 linear infinite;
    animation:5s loader-27 linear infinite
}
@-webkit-keyframes loader-27{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-27{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-28{
    border:0.2em solid transparent;
    border-top-color:#4faad5;
    border-bottom-color:#4faad5;
    border-radius:50%;
    position:relative;
    -webkit-animation:1s loader-28 linear infinite;
    animation:1s loader-28 linear infinite
}
.loader-box .loader-28:before,.loader-box .loader-28:after{
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    border:0.2em solid transparent;
    border-bottom-color:#4faad5
}
.loader-box .loader-28:before{
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    right:-0.3em;
    top:-0.05em
}
.loader-box .loader-28:after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:-0.3em;
    bottom:-0.05em
}
@-webkit-keyframes loader-28{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-28{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-box .loader-29{
    -webkit-box-shadow:0 0 2em #4faad5;
    box-shadow:0 0 2em #4faad5;
    background-color:#4faad5;
    position:relative;
    border-radius:50%;
    -webkit-transform:rotateX(-60deg) perspective(1000px);
    transform:rotateX(-60deg) perspective(1000px)
}
.loader-box .loader-29:before,.loader-box .loader-29:after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    -webkit-animation:1s loader-29 ease-out infinite;
    animation:1s loader-29 ease-out infinite
}
.loader-box .loader-29:after{
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s
}
@-webkit-keyframes loader-29{
    0%{
        opacity:1;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-box-shadow:0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5;
        box-shadow:0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5
    }
    100%{
        opacity:0;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
        -webkit-box-shadow:-1em -1em 0 -0.35em #4faad5,0 -1.5em 0 -0.35em #4faad5,1em -1em 0 -0.35em #4faad5,-1.5em 0 0 -0.35em #4faad5,1.5em 0 0 -0.35em #4faad5,-1em 1em 0 -0.35em #4faad5,0 1.5em 0 -0.35em #4faad5,1em 1em 0 -0.35em #4faad5;
        box-shadow:-1em -1em 0 -0.35em #4faad5,0 -1.5em 0 -0.35em #4faad5,1em -1em 0 -0.35em #4faad5,-1.5em 0 0 -0.35em #4faad5,1.5em 0 0 -0.35em #4faad5,-1em 1em 0 -0.35em #4faad5,0 1.5em 0 -0.35em #4faad5,1em 1em 0 -0.35em #4faad5
    }
}
@keyframes loader-29{
    0%{
        opacity:1;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-box-shadow:0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5;
        box-shadow:0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5,0 0 0 -0.5em #4faad5
    }
    100%{
        opacity:0;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
        -webkit-box-shadow:-1em -1em 0 -0.35em #4faad5,0 -1.5em 0 -0.35em #4faad5,1em -1em 0 -0.35em #4faad5,-1.5em 0 0 -0.35em #4faad5,1.5em 0 0 -0.35em #4faad5,-1em 1em 0 -0.35em #4faad5,0 1.5em 0 -0.35em #4faad5,1em 1em 0 -0.35em #4faad5;
        box-shadow:-1em -1em 0 -0.35em #4faad5,0 -1.5em 0 -0.35em #4faad5,1em -1em 0 -0.35em #4faad5,-1.5em 0 0 -0.35em #4faad5,1.5em 0 0 -0.35em #4faad5,-1em 1em 0 -0.35em #4faad5,0 1.5em 0 -0.35em #4faad5,1em 1em 0 -0.35em #4faad5
    }
}
.loader-box .loader-30{
    position:relative;
    border-radius:50%;
    -webkit-box-shadow:0 0 1em 0 #f81f58,inset 0 0 1em 0 #f81f58;
    box-shadow:0 0 1em 0 #f81f58,inset 0 0 1em 0 #f81f58;
    -webkit-animation:1s loader-30 linear infinite;
    animation:1s loader-30 linear infinite
}
.loader-box .loader-30:before,.loader-box .loader-30:after{
    content:"";
    display:block;
    width:inherit;
    height:inherit;
    position:absolute;
    border-radius:50%
}
.loader-box .loader-30:before{
    border-top:0.2em solid #f81f58;
    border-right:0.2em solid transparent;
    top:0.28em;
    right:calc(50% - 0.22em)
}
.loader-box .loader-30:after{
    border-bottom:0.2em solid #f81f58;
    border-left:0.2em solid transparent;
    bottom:0.28em;
    left:calc(50% - 0.22em)
}
@-webkit-keyframes loader-30{
    0%{
        -webkit-transform:rotateX(-60deg) rotateZ(0deg);
        transform:rotateX(-60deg) rotateZ(0deg)
    }
    100%{
        -webkit-transform:rotateX(-60deg) rotateZ(360deg);
        transform:rotateX(-60deg) rotateZ(360deg)
    }
}
@keyframes loader-30{
    0%{
        -webkit-transform:rotateX(-60deg) rotateZ(0deg);
        transform:rotateX(-60deg) rotateZ(0deg)
    }
    100%{
        -webkit-transform:rotateX(-60deg) rotateZ(360deg);
        transform:rotateX(-60deg) rotateZ(360deg)
    }
}
.loader-box .loader-31{
    position:relative;
    width:1em;
    height:0.5em
}
.loader-box .loader-31:after,.loader-box .loader-31:before{
    position:absolute;
    content:"";
    height:0.4em;
    width:0.4em;
    top:0;
    background-color:#5c61f2;
    border-radius:50%
}
.loader-box .loader-31:after{
    right:0;
    -webkit-animation:loader-31-2 0.5s ease-in-out infinite;
    animation:loader-31-2 0.5s ease-in-out infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.loader-box .loader-31:before{
    left:0;
    -webkit-animation:loader-31-1 0.5s ease-in-out infinite;
    animation:loader-31-1 0.5s ease-in-out infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
@-webkit-keyframes loader-31-1{
    0%{
        -webkit-transform:translatex(0px);
        transform:translatex(0px)
    }
    65%{
        height:0.4em;
        width:0.4em
    }
    100%{
        height:0.5em;
        width:0.3em;
        -webkit-transform:translatex(0.2em);
        transform:translatex(0.2em)
    }
}
@keyframes loader-31-1{
    0%{
        -webkit-transform:translatex(0px);
        transform:translatex(0px)
    }
    65%{
        height:0.4em;
        width:0.4em
    }
    100%{
        height:0.5em;
        width:0.3em;
        -webkit-transform:translatex(0.2em);
        transform:translatex(0.2em)
    }
}
@-webkit-keyframes loader-31-2{
    0%{
        -webkit-transform:translatex(0px);
        transform:translatex(0px)
    }
    65%{
        height:0.4em;
        width:0.4em
    }
    100%{
        height:0.5em;
        width:0.3em;
        -webkit-transform:translatex(-0.2em);
        transform:translatex(-0.2em)
    }
}
@keyframes loader-31-2{
    0%{
        -webkit-transform:translatex(0px);
        transform:translatex(0px)
    }
    65%{
        height:0.4em;
        width:0.4em
    }
    100%{
        height:0.5em;
        width:0.3em;
        -webkit-transform:translatex(-0.2em);
        transform:translatex(-0.2em)
    }
}
.loader-box .loader-32{
    margin:0 0.5em;
    position:relative
}
.loader-box .loader-32:before{
    border-radius:50%;
    background-color:#eeb82f;
    -webkit-animation:loader-32 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    animation:loader-32 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    content:"";
    width:inherit;
    height:inherit;
    top:0;
    left:0;
    position:absolute
}
@-webkit-keyframes loader-32{
    0%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
    25%{
        -webkit-transform:translateX(-100%) scale(0.3);
        transform:translateX(-100%) scale(0.3)
    }
    50%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
    75%{
        -webkit-transform:translateX(100%) scale(0.3);
        transform:translateX(100%) scale(0.3)
    }
    100%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
}
@keyframes loader-32{
    0%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
    25%{
        -webkit-transform:translateX(-100%) scale(0.3);
        transform:translateX(-100%) scale(0.3)
    }
    50%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
    75%{
        -webkit-transform:translateX(100%) scale(0.3);
        transform:translateX(100%) scale(0.3)
    }
    100%{
        -webkit-transform:translateX(0) scale(1);
        transform:translateX(0) scale(1)
    }
}
.loader-box .loader-33{
    border-right:0.1em solid #61ae41;
    border-radius:100%;
    -webkit-animation:loader-33 800ms linear infinite;
    animation:loader-33 800ms linear infinite
}
.loader-box .loader-33:before,.loader-box .loader-33:after{
    content:"";
    width:0.8em;
    height:0.8em;
    display:block;
    position:absolute;
    top:calc(50% - 0.4em);
    left:calc(50% - 0.4em);
    border-left:0.08em solid #61ae41;
    border-radius:100%;
    animation:loader-33 400ms linear infinite reverse
}
.loader-box .loader-33:after{
    width:0.6em;
    height:0.6em;
    top:calc(50% - 0.3em);
    left:calc(50% - 0.3em);
    border:0;
    border-right:0.05em solid #61ae41;
    -webkit-animation:none;
    animation:none
}
@-webkit-keyframes loader-33{
    from{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
@keyframes loader-33{
    from{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
.loader-box .loader-34{
    height:0.1em;
    width:0.1em;
    -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2;
    box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2;
    -webkit-animation:loader-34 6s infinite;
    animation:loader-34 6s infinite
}
@-webkit-keyframes loader-34{
    0%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2
    }
    8.33%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2
    }
    16.66%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2
    }
    24.99%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    33.32%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2
    }
    41.65%{
        -webkit-box-shadow:0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2;
        box-shadow:0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2
    }
    49.98%{
        -webkit-box-shadow:0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2
    }
    58.31%{
        -webkit-box-shadow:-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    66.64%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    74.97%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    83.3%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    91.63%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    100%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2
    }
}
@keyframes loader-34{
    0%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2
    }
    8.33%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2
    }
    16.66%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2
    }
    24.99%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    33.32%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2
    }
    41.65%{
        -webkit-box-shadow:0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2;
        box-shadow:0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2
    }
    49.98%{
        -webkit-box-shadow:0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2
    }
    58.31%{
        -webkit-box-shadow:-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    66.64%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    74.97%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    83.3%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    91.63%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2,-0.2em 0.2em 0 0.1em #5c61f2
    }
    100%{
        -webkit-box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2;
        box-shadow:-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2,-0.2em -0.2em 0 0.1em #5c61f2
    }
}
.loader-box .loader-35{
    position:relative;
    width:0.15em;
    height:0.15em;
    background-color:#e6ae30;
    border-radius:100%;
    -webkit-animation:loader-35-1 30s infinite linear;
    animation:loader-35-1 30s infinite linear
}
.loader-box .loader-35:before,.loader-box .loader-35:after{
    content:"";
    border-radius:100%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.loader-box .loader-35:before{
    width:20px;
    height:60px;
    -webkit-animation:loader-35-2 0.8s linear infinite;
    animation:loader-35-2 0.8s linear infinite
}
.loader-box .loader-35:after{
    width:60px;
    height:20px;
    -webkit-animation:loader-35-2 1.2s linear infinite;
    animation:loader-35-2 1.2s linear infinite
}
@-webkit-keyframes loader-35-1{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-35-1{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes loader-35-2{
    0%{
        -webkit-box-shadow:0.04em -0.04em 0 0.02em #e6ae30;
        box-shadow:0.04em -0.04em 0 0.02em #e6ae30
    }
    25%{
        -webkit-box-shadow:0.04em 0.04em 0 0.02em #e6ae30;
        box-shadow:0.04em 0.04em 0 0.02em #e6ae30
    }
    50%{
        -webkit-box-shadow:-0.04em 0.04em 0 0.02em #e6ae30;
        box-shadow:-0.04em 0.04em 0 0.02em #e6ae30
    }
    75%{
        -webkit-box-shadow:-0.04em -0.04em 0 0.02em #e6ae30;
        box-shadow:-0.04em -0.04em 0 0.02em #e6ae30
    }
    100%{
        -webkit-box-shadow:0.04em -0.04em 0 0.02em #e6ae30;
        box-shadow:0.04em -0.04em 0 0.02em #e6ae30
    }
}
@keyframes loader-35-2{
    0%{
        -webkit-box-shadow:0.04em -0.04em 0 0.02em #e6ae30;
        box-shadow:0.04em -0.04em 0 0.02em #e6ae30
    }
    25%{
        -webkit-box-shadow:0.04em 0.04em 0 0.02em #e6ae30;
        box-shadow:0.04em 0.04em 0 0.02em #e6ae30
    }
    50%{
        -webkit-box-shadow:-0.04em 0.04em 0 0.02em #e6ae30;
        box-shadow:-0.04em 0.04em 0 0.02em #e6ae30
    }
    75%{
        -webkit-box-shadow:-0.04em -0.04em 0 0.02em #e6ae30;
        box-shadow:-0.04em -0.04em 0 0.02em #e6ae30
    }
    100%{
        -webkit-box-shadow:0.04em -0.04em 0 0.02em #e6ae30;
        box-shadow:0.04em -0.04em 0 0.02em #e6ae30
    }
}
.popover-header{
    background-color:#2c323f;
    color:#fff
}
.popover-main .btn-showcase a{
    color:#fff
}
.popover-main .btn-showcase button:last-child{
    margin-right:0
}
@media print{
    .page-wrapper .page-title{
        visibility:hidden
    }
    .page-wrapper .page-body-wrapper .page-title{
        display:none
    }
    table.fixedHeader-floating{
        display:none
    }
}
.invoice-table{
    margin-top:16px;
    margin-bottom:16px
}
.invoice-table tr td label{
    font-weight:600
}
.invoice .text-end input{
    margin-top:6px
}
.invoice .d-flex{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.animate-chk label{
    line-height:1.6;
    cursor:pointer
}
.animate-chk label:last-child{
    margin-bottom:0
}
.checkbox_animated{
    cursor:pointer;
    position:relative;
    margin:0 1rem 0 0
}
.checkbox_animated:before{
    -webkit-transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform:rotate(-45deg) scale(0, 0);
    transform:rotate(-45deg) scale(0, 0);
    content:"";
    position:absolute;
    left:0.25rem;
    top:0.225rem;
    z-index:1;
    width:0.75rem;
    height:0.375rem;
    border:2px solid var(--theme-deafult);
    border-top-style:none;
    border-right-style:none
}
.checkbox_animated:after{
    content:"";
    position:absolute;
    top:-0.125rem;
    left:0;
    width:1.3rem;
    height:1.3rem;
    background:#fff;
    border:2px solid #eee;
    cursor:pointer
}
.checkbox_animated:checked:before{
    -webkit-transform:rotate(-45deg) scale(1, 1);
    transform:rotate(-45deg) scale(1, 1)
}
.radio_animated{
    position:relative;
    margin:0 1rem 0 0;
    cursor:pointer
}
.radio_animated:before{
    -webkit-transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:-webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform:scale(0, 0);
    transform:scale(0, 0);
    content:"";
    position:absolute;
    top:0;
    left:0.125rem;
    z-index:1;
    width:0.75rem;
    height:0.75rem;
    background:var(--theme-deafult);
    border-radius:50%
}
.radio_animated:after{
    content:"";
    position:absolute;
    top:-0.25rem;
    left:-0.125rem;
    width:1.25rem;
    height:1.25rem;
    background:#fff;
    border:2px solid #eee;
    border-radius:50%
}
.radio_animated:checked:before{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
}
.checkbox label{
    display:inline-block;
    position:relative;
    padding-left:16px;
    cursor:pointer;
    margin-top:10px;
    margin-bottom:10px
}
.checkbox label::before{
    content:"";
    display:inline-block;
    position:absolute;
    width:19px;
    height:19px;
    left:0;
    margin-left:-16px;
    border:1px solid #efefef;
    border-radius:3px;
    background-color:#fff;
    -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition:border 0.15s ease-in-out, color 0.15s ease-in-out
}
.checkbox label::after{
    display:inline-block;
    position:absolute;
    width:16px;
    height:16px;
    left:0;
    top:0;
    margin-left:-20px;
    padding-left:3px;
    padding-top:1px;
    font-size:11px;
    color:#242934
}
.checkbox input[type="checkbox"]{
    opacity:0
}
.checkbox input[type="checkbox"]:focus{
    outline-offset:-2px
}
.checkbox input[type="checkbox"]:focus+label::before{
    outline-offset:-2px
}
.checkbox input[type="checkbox"]:checked+label::before{
    font-family:themify;
    content:"\e64c";
    text-align:center;
    line-height:1.2
}
.checkbox input[type="checkbox"]:disabled+label{
    opacity:0.65
}
.checkbox input[type="checkbox"]:disabled+label::before{
    background-color:#f4f4f4;
    cursor:not-allowed
}
.checkbox .checkbox-circle label::before{
    border-radius:50%
}
.checkbox .checkbox-inline{
    margin-top:0
}
.m-squar label::before{
    border-radius:0
}
.m-squar .checkbox-circle label::before{
    border-radius:50%
}
.m-squar .checkbox-inline{
    margin-top:0
}
.checkbox-primary label::before{
    border-color:var(--theme-deafult)
}
.checkbox-primary input[type="checkbox"]:checked+label::before{
    border-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.checkbox-primary input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-primary label:before{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult);
    color:#fff
}
.checkbox-solid-primary input[type="checkbox"]:checked+label::before{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult);
    color:#fff
}
.checkbox-solid-primary input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-primary input[type="radio"]+label::before{
    border-color:var(--theme-deafult)
}
.radio-primary input[type="radio"]+label::after{
    background-color:var(--theme-deafult)
}
.radio-primary input[type="radio"]:checked+label::before{
    border-color:var(--theme-deafult)
}
.radio-primary input[type="radio"]:checked+label::after{
    background-color:var(--theme-deafult)
}
.checkbox-secondary label::before{
    border-color:#eeb82f
}
.checkbox-secondary input[type="checkbox"]:checked+label::before{
    border-color:#eeb82f;
    color:#eeb82f
}
.checkbox-secondary input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-secondary label:before{
    background-color:#eeb82f;
    border-color:#eeb82f;
    color:#fff
}
.checkbox-solid-secondary input[type="checkbox"]:checked+label::before{
    background-color:#eeb82f;
    border-color:#eeb82f;
    color:#fff
}
.checkbox-solid-secondary input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-secondary input[type="radio"]+label::before{
    border-color:#eeb82f
}
.radio-secondary input[type="radio"]+label::after{
    background-color:#eeb82f
}
.radio-secondary input[type="radio"]:checked+label::before{
    border-color:#eeb82f
}
.radio-secondary input[type="radio"]:checked+label::after{
    background-color:#eeb82f
}
.checkbox-success label::before{
    border-color:#61ae41
}
.checkbox-success input[type="checkbox"]:checked+label::before{
    border-color:#61ae41;
    color:#61ae41
}
.checkbox-success input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-success label:before{
    background-color:#61ae41;
    border-color:#61ae41;
    color:#fff
}
.checkbox-solid-success input[type="checkbox"]:checked+label::before{
    background-color:#61ae41;
    border-color:#61ae41;
    color:#fff
}
.checkbox-solid-success input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-success input[type="radio"]+label::before{
    border-color:#61ae41
}
.radio-success input[type="radio"]+label::after{
    background-color:#61ae41
}
.radio-success input[type="radio"]:checked+label::before{
    border-color:#61ae41
}
.radio-success input[type="radio"]:checked+label::after{
    background-color:#61ae41
}
.checkbox-danger label::before{
    border-color:#f81f58
}
.checkbox-danger input[type="checkbox"]:checked+label::before{
    border-color:#f81f58;
    color:#f81f58
}
.checkbox-danger input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-danger label:before{
    background-color:#f81f58;
    border-color:#f81f58;
    color:#fff
}
.checkbox-solid-danger input[type="checkbox"]:checked+label::before{
    background-color:#f81f58;
    border-color:#f81f58;
    color:#fff
}
.checkbox-solid-danger input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-danger input[type="radio"]+label::before{
    border-color:#f81f58
}
.radio-danger input[type="radio"]+label::after{
    background-color:#f81f58
}
.radio-danger input[type="radio"]:checked+label::before{
    border-color:#f81f58
}
.radio-danger input[type="radio"]:checked+label::after{
    background-color:#f81f58
}
.checkbox-info label::before{
    border-color:#4faad5
}
.checkbox-info input[type="checkbox"]:checked+label::before{
    border-color:#4faad5;
    color:#4faad5
}
.checkbox-info input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-info label:before{
    background-color:#4faad5;
    border-color:#4faad5;
    color:#fff
}
.checkbox-solid-info input[type="checkbox"]:checked+label::before{
    background-color:#4faad5;
    border-color:#4faad5;
    color:#fff
}
.checkbox-solid-info input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-info input[type="radio"]+label::before{
    border-color:#4faad5
}
.radio-info input[type="radio"]+label::after{
    background-color:#4faad5
}
.radio-info input[type="radio"]:checked+label::before{
    border-color:#4faad5
}
.radio-info input[type="radio"]:checked+label::after{
    background-color:#4faad5
}
.checkbox-light label::before{
    border-color:#f4f4f4
}
.checkbox-light input[type="checkbox"]:checked+label::before{
    border-color:#f4f4f4;
    color:#f4f4f4
}
.checkbox-light input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-light label:before{
    background-color:#f4f4f4;
    border-color:#f4f4f4;
    color:#fff
}
.checkbox-solid-light input[type="checkbox"]:checked+label::before{
    background-color:#f4f4f4;
    border-color:#f4f4f4;
    color:#fff
}
.checkbox-solid-light input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-light input[type="radio"]+label::before{
    border-color:#f4f4f4
}
.radio-light input[type="radio"]+label::after{
    background-color:#f4f4f4
}
.radio-light input[type="radio"]:checked+label::before{
    border-color:#f4f4f4
}
.radio-light input[type="radio"]:checked+label::after{
    background-color:#f4f4f4
}
.checkbox-dark label::before{
    border-color:#2c323f
}
.checkbox-dark input[type="checkbox"]:checked+label::before{
    border-color:#2c323f;
    color:#2c323f
}
.checkbox-dark input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-dark label:before{
    background-color:#2c323f;
    border-color:#2c323f;
    color:#fff
}
.checkbox-solid-dark input[type="checkbox"]:checked+label::before{
    background-color:#2c323f;
    border-color:#2c323f;
    color:#fff
}
.checkbox-solid-dark input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-dark input[type="radio"]+label::before{
    border-color:#2c323f
}
.radio-dark input[type="radio"]+label::after{
    background-color:#2c323f
}
.radio-dark input[type="radio"]:checked+label::before{
    border-color:#2c323f
}
.radio-dark input[type="radio"]:checked+label::after{
    background-color:#2c323f
}
.checkbox-warning label::before{
    border-color:#e6ae30
}
.checkbox-warning input[type="checkbox"]:checked+label::before{
    border-color:#e6ae30;
    color:#e6ae30
}
.checkbox-warning input[type="checkbox"]:checked+label::after{
    color:#fff
}
.checkbox-solid-warning label:before{
    background-color:#e6ae30;
    border-color:#e6ae30;
    color:#fff
}
.checkbox-solid-warning input[type="checkbox"]:checked+label::before{
    background-color:#e6ae30;
    border-color:#e6ae30;
    color:#fff
}
.checkbox-solid-warning input[type="checkbox"]:checked+label::after{
    color:#fff
}
.radio-warning input[type="radio"]+label::before{
    border-color:#e6ae30
}
.radio-warning input[type="radio"]+label::after{
    background-color:#e6ae30
}
.radio-warning input[type="radio"]:checked+label::before{
    border-color:#e6ae30
}
.radio-warning input[type="radio"]:checked+label::after{
    background-color:#e6ae30
}
.m-checkbox-inline .checkbox{
    display:inline-block
}
.m-checkbox-inline .radio{
    display:inline-block
}
.m-checkbox-inline label{
    margin-right:16px
}
.radio label{
    display:inline-block;
    position:relative;
    padding-left:10px;
    cursor:pointer
}
.radio label::before{
    content:"";
    display:inline-block;
    position:absolute;
    width:19px;
    height:19px;
    left:0;
    margin-left:-20px;
    border:1px solid #efefef;
    border-radius:50%;
    background-color:#fff;
    -webkit-transition:border 0.15s ease-in-out;
    transition:border 0.15s ease-in-out
}
.radio label::after{
    display:inline-block;
    position:absolute;
    content:" ";
    width:9px;
    height:9px;
    left:5px;
    top:5px;
    margin-left:-20px;
    border-radius:50%;
    background-color:#898989;
    -webkit-transform:scale(0, 0);
    transform:scale(0, 0);
    -webkit-transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33)
}
.radio input[type="radio"]{
    opacity:0
}
.radio input[type="radio"]:focus+label::before{
    outline-offset:-2px
}
.radio input[type="radio"]:checked+label::after{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
}
.radio input[type="radio"]:disabled+label{
    opacity:0.65
}
.radio input[type="radio"]:disabled+label::before{
    cursor:not-allowed
}
.radio .radio-inline{
    margin-top:0
}
[class*="ribbon-wrapper"]{
    position:relative;
    padding-top:40px;
    border:1px solid #e6edef
}
.ribbon{
    padding:0 20px;
    height:30px;
    line-height:30px;
    clear:left;
    position:absolute;
    top:12px;
    left:0px;
    color:#fff;
    z-index:2
}
.ribbon-clip{
    left:-14px
}
.ribbon-clip:before{
    position:absolute;
    top:30px;
    left:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c323f;
    border-right-color:#2c323f
}
.color-ribbon .row>div{
    margin-bottom:-30px
}
.ribbon-vertical-left-wrapper{
    padding-left:40px;
    position:relative
}
.ribbon-vertical-right-wrapper{
    padding-right:40px
}
.ribbon-wrapper-bottom{
    padding-bottom:40px;
    padding-top:0
}
.ribbon-wrapper-right-bottom{
    padding-right:40px
}
.ribbon-space-bottom{
    top:0px
}
.ribbon-bookmark:before{
    position:absolute;
    top:0;
    left:100%;
    display:block;
    width:0;
    height:0;
    content:"";
    border:15px solid #2c323f;
    border-right:10px solid transparent
}
.ribbon-right{
    left:auto;
    right:-2px
}
.ribbon-clip-right{
    right:-14px
}
.ribbon-clip-right:before{
    position:absolute;
    top:30px;
    right:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c323f;
    border-right-color:#2c323f
}
.ribbon-clip-bottom{
    left:-14px;
    bottom:12px;
    top:auto
}
.ribbon-clip-bottom:before{
    position:absolute;
    bottom:30px;
    left:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c323f;
    border-right-color:#2c323f
}
.ribbon-clip-bottom-right{
    right:-14px;
    left:auto;
    bottom:12px;
    top:auto
}
.ribbon-clip-bottom-right:before{
    position:absolute;
    bottom:30px;
    right:0;
    width:0;
    height:0;
    content:"";
    border:7px solid transparent;
    border-top-color:#2c323f;
    border-right-color:#2c323f
}
.ribbon-bookmark.ribbon-right:before{
    right:100%;
    left:auto;
    border-right:15px solid #2c323f;
    border-left:10px solid transparent
}
.ribbon-vertical-left{
    clear:none;
    padding:0 5px;
    height:70px;
    width:30px;
    line-height:70px;
    text-align:center;
    left:12px;
    top:-2px
}
.ribbon-vertical-right{
    clear:none;
    padding:0 5px;
    height:70px;
    width:30px;
    line-height:70px;
    text-align:center;
    top:-2px;
    left:auto;
    right:12px
}
.ribbon-bookmark.ribbon-vertical-left:before,.ribbon-bookmark.ribbon-vertical-right:before{
    top:100%;
    left:0;
    margin-top:-14px;
    border-right:15px solid #2c323f;
    border-bottom:10px solid transparent
}
.ribbon-primary{
    background:#5c61f2
}
.ribbon-primary{
    background:#5c61f2
}
.ribbon-bookmark.ribbon-primary:before{
    border-color:#5c61f2;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-primary:before{
    border-right-color:#5c61f2;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before{
    border-right-color:#5c61f2;
    border-bottom-color:transparent
}
.ribbon-primary.ribbon-corner:before{
    border-top-color:#5c61f2;
    border-left-color:#5c61f2
}
.ribbon-primary.ribbon-corner.ribbon-right:before{
    border-right-color:#5c61f2;
    border-left-color:transparent
}
.ribbon-primary.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#5c61f2
}
.ribbon-primary.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#2d33ee;
    border-right-color:#2d33ee
}
.ribbon-primary.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#2d33ee;
    border-left-color:#2d33ee
}
.ribbon-primary.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#2d33ee;
    border-right-color:#2d33ee
}
.ribbon-primary.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#2d33ee;
    border-right-color:transparent;
    border-left-color:#2d33ee
}
.ribbon-secondary{
    background:#eeb82f
}
.ribbon-secondary{
    background:#eeb82f
}
.ribbon-bookmark.ribbon-secondary:before{
    border-color:#eeb82f;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-secondary:before{
    border-right-color:#eeb82f;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before{
    border-right-color:#eeb82f;
    border-bottom-color:transparent
}
.ribbon-secondary.ribbon-corner:before{
    border-top-color:#eeb82f;
    border-left-color:#eeb82f
}
.ribbon-secondary.ribbon-corner.ribbon-right:before{
    border-right-color:#eeb82f;
    border-left-color:transparent
}
.ribbon-secondary.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#eeb82f
}
.ribbon-secondary.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#d8a012;
    border-right-color:#d8a012
}
.ribbon-secondary.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#d8a012;
    border-left-color:#d8a012
}
.ribbon-secondary.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#d8a012;
    border-right-color:#d8a012
}
.ribbon-secondary.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#d8a012;
    border-right-color:transparent;
    border-left-color:#d8a012
}
.ribbon-success{
    background:#61ae41
}
.ribbon-success{
    background:#61ae41
}
.ribbon-bookmark.ribbon-success:before{
    border-color:#61ae41;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-success:before{
    border-right-color:#61ae41;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-success:before{
    border-right-color:#61ae41;
    border-bottom-color:transparent
}
.ribbon-success.ribbon-corner:before{
    border-top-color:#61ae41;
    border-left-color:#61ae41
}
.ribbon-success.ribbon-corner.ribbon-right:before{
    border-right-color:#61ae41;
    border-left-color:transparent
}
.ribbon-success.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#61ae41
}
.ribbon-success.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#4c8933;
    border-right-color:#4c8933
}
.ribbon-success.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#4c8933;
    border-left-color:#4c8933
}
.ribbon-success.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#4c8933;
    border-right-color:#4c8933
}
.ribbon-success.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#4c8933;
    border-right-color:transparent;
    border-left-color:#4c8933
}
.ribbon-danger{
    background:#f81f58
}
.ribbon-danger{
    background:#f81f58
}
.ribbon-bookmark.ribbon-danger:before{
    border-color:#f81f58;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-danger:before{
    border-right-color:#f81f58;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before{
    border-right-color:#f81f58;
    border-bottom-color:transparent
}
.ribbon-danger.ribbon-corner:before{
    border-top-color:#f81f58;
    border-left-color:#f81f58
}
.ribbon-danger.ribbon-corner.ribbon-right:before{
    border-right-color:#f81f58;
    border-left-color:transparent
}
.ribbon-danger.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#f81f58
}
.ribbon-danger.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#dd073f;
    border-right-color:#dd073f
}
.ribbon-danger.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#dd073f;
    border-left-color:#dd073f
}
.ribbon-danger.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#dd073f;
    border-right-color:#dd073f
}
.ribbon-danger.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#dd073f;
    border-right-color:transparent;
    border-left-color:#dd073f
}
.ribbon-info{
    background:#4faad5
}
.ribbon-info{
    background:#4faad5
}
.ribbon-bookmark.ribbon-info:before{
    border-color:#4faad5;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-info:before{
    border-right-color:#4faad5;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-info:before{
    border-right-color:#4faad5;
    border-bottom-color:transparent
}
.ribbon-info.ribbon-corner:before{
    border-top-color:#4faad5;
    border-left-color:#4faad5
}
.ribbon-info.ribbon-corner.ribbon-right:before{
    border-right-color:#4faad5;
    border-left-color:transparent
}
.ribbon-info.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#4faad5
}
.ribbon-info.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#2e93c3;
    border-right-color:#2e93c3
}
.ribbon-info.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#2e93c3;
    border-left-color:#2e93c3
}
.ribbon-info.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#2e93c3;
    border-right-color:#2e93c3
}
.ribbon-info.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#2e93c3;
    border-right-color:transparent;
    border-left-color:#2e93c3
}
.ribbon-light{
    background:#f4f4f4
}
.ribbon-light{
    background:#f4f4f4
}
.ribbon-bookmark.ribbon-light:before{
    border-color:#f4f4f4;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-light:before{
    border-right-color:#f4f4f4;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-light:before{
    border-right-color:#f4f4f4;
    border-bottom-color:transparent
}
.ribbon-light.ribbon-corner:before{
    border-top-color:#f4f4f4;
    border-left-color:#f4f4f4
}
.ribbon-light.ribbon-corner.ribbon-right:before{
    border-right-color:#f4f4f4;
    border-left-color:transparent
}
.ribbon-light.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#f4f4f4
}
.ribbon-light.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#dbdbdb;
    border-right-color:#dbdbdb
}
.ribbon-light.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#dbdbdb;
    border-left-color:#dbdbdb
}
.ribbon-light.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#dbdbdb;
    border-right-color:#dbdbdb
}
.ribbon-light.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#dbdbdb;
    border-right-color:transparent;
    border-left-color:#dbdbdb
}
.ribbon-dark{
    background:#2c323f
}
.ribbon-dark{
    background:#2c323f
}
.ribbon-bookmark.ribbon-dark:before{
    border-color:#2c323f;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-dark:before{
    border-right-color:#2c323f;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before{
    border-right-color:#2c323f;
    border-bottom-color:transparent
}
.ribbon-dark.ribbon-corner:before{
    border-top-color:#2c323f;
    border-left-color:#2c323f
}
.ribbon-dark.ribbon-corner.ribbon-right:before{
    border-right-color:#2c323f;
    border-left-color:transparent
}
.ribbon-dark.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#2c323f
}
.ribbon-dark.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#171a21;
    border-right-color:#171a21
}
.ribbon-dark.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#171a21;
    border-left-color:#171a21
}
.ribbon-dark.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#171a21;
    border-right-color:#171a21
}
.ribbon-dark.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#171a21;
    border-right-color:transparent;
    border-left-color:#171a21
}
.ribbon-warning{
    background:#e6ae30
}
.ribbon-warning{
    background:#e6ae30
}
.ribbon-bookmark.ribbon-warning:before{
    border-color:#e6ae30;
    border-right-color:transparent
}
.ribbon-bookmark.ribbon-right.ribbon-warning:before{
    border-right-color:#e6ae30;
    border-left-color:transparent
}
.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before{
    border-right-color:#e6ae30;
    border-bottom-color:transparent
}
.ribbon-warning.ribbon-corner:before{
    border-top-color:#e6ae30;
    border-left-color:#e6ae30
}
.ribbon-warning.ribbon-corner.ribbon-right:before{
    border-right-color:#e6ae30;
    border-left-color:transparent
}
.ribbon-warning.ribbon-corner.ribbon-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#e6ae30
}
.ribbon-warning.ribbon-clip:before{
    border-color:transparent;
    border-top-color:#cb9418;
    border-right-color:#cb9418
}
.ribbon-warning.ribbon-clip-right:before{
    border-right-color:transparent;
    border-top-color:#cb9418;
    border-left-color:#cb9418
}
.ribbon-warning.ribbon-clip-bottom:before{
    border-top-color:transparent;
    border-bottom-color:#cb9418;
    border-right-color:#cb9418
}
.ribbon-warning.ribbon-clip-bottom-right:before{
    border-top-color:transparent;
    border-bottom-color:#cb9418;
    border-right-color:transparent;
    border-left-color:#cb9418
}
.switch{
    position:relative;
    display:inline-block;
    width:60px;
    height:34px
}
.switch input{
    display:none
}
.switch input:checked+.switch-state{
    background-color:var(--theme-deafult)
}
.switch input:checked+.switch-state:before{
    -webkit-transform:translateX(26px);
    transform:translateX(26px)
}
.switch input:focus+.switch-state{
    -webkit-box-shadow:0 0 1px var(--theme-deafult);
    box-shadow:0 0 1px var(--theme-deafult)
}
.switch-state{
    border-radius:20px;
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#f4f4f4;
    -webkit-transition:0.4s;
    transition:0.4s
}
.switch-state:before{
    position:absolute;
    content:"";
    height:26px;
    width:26px;
    left:4px;
    bottom:4px;
    background-color:#fff;
    -webkit-transition:0.4s;
    transition:0.4s;
    border-radius:20px
}
.icon-state .switch-state:after{
    content:"\efb8";
    font-family:IcoFont;
    left:10px;
    position:absolute;
    top:10px;
    color:#2c323f;
    -webkit-transition:0.4s;
    transition:0.4s;
    opacity:0.3
}
.icon-state input:checked+.switch-state:after{
    content:"\efad";
    left:36px;
    opacity:1;
    -webkit-transition:0.4s;
    transition:0.4s
}
.switch-lg .switch{
    width:75px;
    height:40px
}
.switch-lg .switch .switch-state:before{
    height:30px;
    width:30px;
    left:7px;
    bottom:5px;
    top:4px
}
.switch-lg.icon-state .switch .switch-state:after{
    left:12px;
    font-size:18px
}
.switch-lg.icon-state .switch input:checked+.switch-state:after{
    left:46px
}
.switch-lg.icon-state .switch input:checked+.switch-state:before{
    -webkit-transform:translateX(32px);
    transform:translateX(32px)
}
.switch-sm.icon-state .switch .switch-state:after{
    top:4px;
    left:4px;
    font-size:8px
}
.switch-sm.icon-state .switch input:checked+.switch-state:after{
    left:13px;
    top:4px
}
.switch-sm .switch{
    width:25px;
    height:16px;
    margin-top:10px;
    margin-bottom:0px
}
.switch-sm .switch .switch-state:before{
    height:8px;
    width:8px;
    left:4px;
    bottom:4px
}
.switch-sm input:checked+.switch-state:before{
    left:-13px
}
.switch-outline .switch-state{
    background-color:#fff;
    border:1px solid var(--theme-deafult);
    -webkit-transition:0.4s;
    transition:0.4s
}
.switch-outline .switch-state:before{
    background-color:#f4f4f4;
    bottom:3px;
    color:#fff
}
.switch-outline .switch input{
    display:none
}
.switch-outline .switch input:checked+.switch-state{
    background-color:rgba(0,0,0,0);
    border:1px solid var(--theme-deafult)
}
.switch-outline .switch input:checked+.switch-state:before{
    background-color:var(--theme-deafult);
    bottom:3px;
    -webkit-transform:translateX(26px);
    transform:translateX(26px)
}
.switch-outline .switch input:checked+.switch-state:after{
    color:#fff
}
.switch-outline .switch-state.bg-primary{
    border:1px solid var(--theme-deafult);
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-primary{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid var(--theme-deafult)
}
.switch-outline .switch input:checked+.switch-state.bg-primary:before{
    background-color:var(--theme-deafult)
}
.switch-outline .switch-state.bg-dark{
    border:1px solid #2c323f;
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-dark{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid #2c323f
}
.switch-outline .switch input:checked+.switch-state.bg-dark:before{
    background-color:#2c323f
}
.switch-outline .switch-state.bg-warning{
    border:1px solid #e6ae30;
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-warning{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid #e6ae30
}
.switch-outline .switch input:checked+.switch-state.bg-warning:before{
    background-color:#e6ae30
}
.switch-outline .switch-state.bg-success{
    border:1px solid #61ae41;
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-success{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid #61ae41
}
.switch-outline .switch input:checked+.switch-state.bg-success:before{
    background-color:#61ae41
}
.switch-outline .switch-state.bg-info{
    border:1px solid #4faad5;
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-info{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid #4faad5
}
.switch-outline .switch input:checked+.switch-state.bg-info:before{
    background-color:#4faad5
}
.switch-outline .switch-state.bg-danger{
    border:1px solid #f81f58;
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-danger{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid #f81f58
}
.switch-outline .switch input:checked+.switch-state.bg-danger:before{
    background-color:#f81f58
}
.switch-outline .switch-state.bg-primary{
    border:1px solid var(--theme-deafult);
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-primary{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid var(--theme-deafult)
}
.switch-outline .switch input:checked+.switch-state.bg-primary:before{
    background-color:var(--theme-deafult)
}
.switch-outline .switch-state.bg-secondary{
    border:1px solid var(--theme-secondary);
    background-color:rgba(0,0,0,0) !important
}
.switch-outline .switch input:checked+.switch-state.bg-secondary{
    background-color:rgba(0,0,0,0) !important;
    border:1px solid var(--theme-secondary)
}
.switch-outline .switch input:checked+.switch-state.bg-secondary:before{
    background-color:var(--theme-secondary)
}
.switch-showcase{
    margin-bottom:-8px
}
.switch-showcase .d-flex{
    line-height:1;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.switch-showcase .form-check .form-check-input{
    float:right
}
.form-switch .form-check-input:checked{
    background-color:var(--theme-deafult);
    border-color:var(--theme-deafult)
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    background-color:var(--theme-deafult)
}
.nav i{
    margin-right:10px
}
.nav-right{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.nav-theme .nav-link,.nav-pills.nav-theme .nav-link{
    color:var(--theme-deafult)
}
.nav-theme .nav-link.active,.nav-theme .show>.nav-link,.nav-pills.nav-theme .nav-link.active,.nav-pills.nav-theme .show>.nav-link{
    background-color:var(--theme-deafult);
    color:#fff
}
.nav-primary .nav-link,.nav-pills.nav-primary .nav-link{
    color:var(--theme-deafult)
}
.nav-primary .nav-link.active,.nav-primary .show>.nav-link,.nav-pills.nav-primary .nav-link.active,.nav-pills.nav-primary .show>.nav-link{
    background-color:var(--theme-deafult);
    color:#fff
}
.nav-secondary .nav-link,.nav-pills.nav-secondary .nav-link{
    color:#eeb82f
}
.nav-secondary .nav-link.active,.nav-secondary .show>.nav-link,.nav-pills.nav-secondary .nav-link.active,.nav-pills.nav-secondary .show>.nav-link{
    background-color:#eeb82f;
    color:#fff
}
.nav-success .nav-link,.nav-pills.nav-success .nav-link{
    color:#61ae41
}
.nav-success .nav-link.active,.nav-success .show>.nav-link,.nav-pills.nav-success .nav-link.active,.nav-pills.nav-success .show>.nav-link{
    background-color:#61ae41;
    color:#fff
}
.nav-danger .nav-link,.nav-pills.nav-danger .nav-link{
    color:#f81f58
}
.nav-danger .nav-link.active,.nav-danger .show>.nav-link,.nav-pills.nav-danger .nav-link.active,.nav-pills.nav-danger .show>.nav-link{
    background-color:#f81f58;
    color:#fff
}
.nav-info .nav-link,.nav-pills.nav-info .nav-link{
    color:#4faad5
}
.nav-info .nav-link.active,.nav-info .show>.nav-link,.nav-pills.nav-info .nav-link.active,.nav-pills.nav-info .show>.nav-link{
    background-color:#4faad5;
    color:#fff
}
.nav-light .nav-link,.nav-pills.nav-light .nav-link{
    color:#f4f4f4
}
.nav-light .nav-link.active,.nav-light .show>.nav-link,.nav-pills.nav-light .nav-link.active,.nav-pills.nav-light .show>.nav-link{
    background-color:#f4f4f4;
    color:#fff
}
.nav-dark .nav-link,.nav-pills.nav-dark .nav-link{
    color:#2c323f
}
.nav-dark .nav-link.active,.nav-dark .show>.nav-link,.nav-pills.nav-dark .nav-link.active,.nav-pills.nav-dark .show>.nav-link{
    background-color:#2c323f;
    color:#fff
}
.nav-warning .nav-link,.nav-pills.nav-warning .nav-link{
    color:#e6ae30
}
.nav-warning .nav-link.active,.nav-warning .show>.nav-link,.nav-pills.nav-warning .nav-link.active,.nav-pills.nav-warning .show>.nav-link{
    background-color:#e6ae30;
    color:#fff
}
.nav-tabs.nav-bottom .nav-item .nav-link.active,.nav-tabs.nav-bottom .nav-item .nav-link.focus,.nav-tabs.nav-bottom .nav-item .nav-link.hover{
    border-color:#fff #dee2e6 #dee2e6
}
.tab-content ~ .nav-tabs.border-tab{
    margin-bottom:0;
    margin-top:30px
}
.border-tab.nav-tabs{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    margin-bottom:30px
}
.border-tab.nav-tabs .nav-item .nav-link{
    font-size:16px;
    color:#2c323f;
    text-align:center;
    padding:10px 25px;
    border:none;
    border-bottom:none;
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-tabs .nav-item .nav-link.active,.border-tab.nav-tabs .nav-item .nav-link.show,.border-tab.nav-tabs .nav-item .nav-link:focus,.border-tab.nav-tabs .nav-item .nav-link:hover{
    color:var(--theme-deafult)
}
.border-tab.nav-tabs .nav-item .nav-link.active,.border-tab.nav-tabs .nav-item .nav-link.show,.border-tab.nav-tabs .nav-item .nav-link:focus{
    border-bottom:none
}
.border-tab.nav-left .nav-link{
    border-left:2px solid transparent;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#2c323f
}
.border-tab.nav-left .nav-link.active,.border-tab.nav-left .show>.nav-link{
    background-color:transparent;
    border-left-color:var(--theme-deafult);
    color:var(--theme-deafult);
    border-radius:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.border-tab.nav-right .nav-link{
    border-right:2px solid transparent;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#2c323f;
    text-align:right
}
.border-tab.nav-right .nav-link.active,.border-tab.nav-right .show>.nav-link{
    background-color:transparent;
    border-right-color:var(--theme-deafult);
    color:var(--theme-deafult);
    border-radius:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.border-tab.nav-theme .nav-link.active,.border-tab.nav-theme .nav-item.show,.border-tab.nav-theme .nav-link:focus,.border-tab.nav-theme .nav-link:hover{
    color:var(--theme-deafult);
    background-color:transparent
}
.border-tab.nav-theme .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-theme .nav-item .nav-link.active,.border-tab.nav-theme .nav-item .nav-link.show,.border-tab.nav-theme .nav-item .nav-link:focus{
    border-bottom:2px solid var(--theme-deafult)
}
.border-tab.nav-theme .nav-item .nav-link.active,.border-tab.nav-theme .nav-item .nav-link.show,.border-tab.nav-theme .nav-item .nav-link:focus,.border-tab.nav-theme .nav-item .nav-link:hover{
    color:var(--theme-deafult)
}
.border-tab.nav-left.nav-theme .nav-link.active,.border-tab.nav-left.nav-theme .show>.nav-link{
    border-left-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.border-tab.nav-right.nav-theme .nav-link.active,.border-tab.nav-right.nav-theme .show>.nav-link{
    border-right-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.border-tab.nav-primary .nav-link.active,.border-tab.nav-primary .nav-item.show,.border-tab.nav-primary .nav-link:focus,.border-tab.nav-primary .nav-link:hover{
    color:var(--theme-deafult);
    background-color:transparent
}
.border-tab.nav-primary .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-primary .nav-item .nav-link.active,.border-tab.nav-primary .nav-item .nav-link.show,.border-tab.nav-primary .nav-item .nav-link:focus{
    border-bottom:2px solid var(--theme-deafult)
}
.border-tab.nav-primary .nav-item .nav-link.active,.border-tab.nav-primary .nav-item .nav-link.show,.border-tab.nav-primary .nav-item .nav-link:focus,.border-tab.nav-primary .nav-item .nav-link:hover{
    color:var(--theme-deafult)
}
.border-tab.nav-left.nav-primary .nav-link.active,.border-tab.nav-left.nav-primary .show>.nav-link{
    border-left-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.border-tab.nav-right.nav-primary .nav-link.active,.border-tab.nav-right.nav-primary .show>.nav-link{
    border-right-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.border-tab.nav-secondary .nav-link.active,.border-tab.nav-secondary .nav-item.show,.border-tab.nav-secondary .nav-link:focus,.border-tab.nav-secondary .nav-link:hover{
    color:#eeb82f;
    background-color:transparent
}
.border-tab.nav-secondary .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-secondary .nav-item .nav-link.active,.border-tab.nav-secondary .nav-item .nav-link.show,.border-tab.nav-secondary .nav-item .nav-link:focus{
    border-bottom:2px solid #eeb82f
}
.border-tab.nav-secondary .nav-item .nav-link.active,.border-tab.nav-secondary .nav-item .nav-link.show,.border-tab.nav-secondary .nav-item .nav-link:focus,.border-tab.nav-secondary .nav-item .nav-link:hover{
    color:#eeb82f
}
.border-tab.nav-left.nav-secondary .nav-link.active,.border-tab.nav-left.nav-secondary .show>.nav-link{
    border-left-color:#eeb82f;
    color:#eeb82f
}
.border-tab.nav-right.nav-secondary .nav-link.active,.border-tab.nav-right.nav-secondary .show>.nav-link{
    border-right-color:#eeb82f;
    color:#eeb82f
}
.border-tab.nav-success .nav-link.active,.border-tab.nav-success .nav-item.show,.border-tab.nav-success .nav-link:focus,.border-tab.nav-success .nav-link:hover{
    color:#61ae41;
    background-color:transparent
}
.border-tab.nav-success .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-success .nav-item .nav-link.active,.border-tab.nav-success .nav-item .nav-link.show,.border-tab.nav-success .nav-item .nav-link:focus{
    border-bottom:2px solid #61ae41
}
.border-tab.nav-success .nav-item .nav-link.active,.border-tab.nav-success .nav-item .nav-link.show,.border-tab.nav-success .nav-item .nav-link:focus,.border-tab.nav-success .nav-item .nav-link:hover{
    color:#61ae41
}
.border-tab.nav-left.nav-success .nav-link.active,.border-tab.nav-left.nav-success .show>.nav-link{
    border-left-color:#61ae41;
    color:#61ae41
}
.border-tab.nav-right.nav-success .nav-link.active,.border-tab.nav-right.nav-success .show>.nav-link{
    border-right-color:#61ae41;
    color:#61ae41
}
.border-tab.nav-danger .nav-link.active,.border-tab.nav-danger .nav-item.show,.border-tab.nav-danger .nav-link:focus,.border-tab.nav-danger .nav-link:hover{
    color:#f81f58;
    background-color:transparent
}
.border-tab.nav-danger .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-danger .nav-item .nav-link.active,.border-tab.nav-danger .nav-item .nav-link.show,.border-tab.nav-danger .nav-item .nav-link:focus{
    border-bottom:2px solid #f81f58
}
.border-tab.nav-danger .nav-item .nav-link.active,.border-tab.nav-danger .nav-item .nav-link.show,.border-tab.nav-danger .nav-item .nav-link:focus,.border-tab.nav-danger .nav-item .nav-link:hover{
    color:#f81f58
}
.border-tab.nav-left.nav-danger .nav-link.active,.border-tab.nav-left.nav-danger .show>.nav-link{
    border-left-color:#f81f58;
    color:#f81f58
}
.border-tab.nav-right.nav-danger .nav-link.active,.border-tab.nav-right.nav-danger .show>.nav-link{
    border-right-color:#f81f58;
    color:#f81f58
}
.border-tab.nav-info .nav-link.active,.border-tab.nav-info .nav-item.show,.border-tab.nav-info .nav-link:focus,.border-tab.nav-info .nav-link:hover{
    color:#4faad5;
    background-color:transparent
}
.border-tab.nav-info .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-info .nav-item .nav-link.active,.border-tab.nav-info .nav-item .nav-link.show,.border-tab.nav-info .nav-item .nav-link:focus{
    border-bottom:2px solid #4faad5
}
.border-tab.nav-info .nav-item .nav-link.active,.border-tab.nav-info .nav-item .nav-link.show,.border-tab.nav-info .nav-item .nav-link:focus,.border-tab.nav-info .nav-item .nav-link:hover{
    color:#4faad5
}
.border-tab.nav-left.nav-info .nav-link.active,.border-tab.nav-left.nav-info .show>.nav-link{
    border-left-color:#4faad5;
    color:#4faad5
}
.border-tab.nav-right.nav-info .nav-link.active,.border-tab.nav-right.nav-info .show>.nav-link{
    border-right-color:#4faad5;
    color:#4faad5
}
.border-tab.nav-light .nav-link.active,.border-tab.nav-light .nav-item.show,.border-tab.nav-light .nav-link:focus,.border-tab.nav-light .nav-link:hover{
    color:#f4f4f4;
    background-color:transparent
}
.border-tab.nav-light .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-light .nav-item .nav-link.active,.border-tab.nav-light .nav-item .nav-link.show,.border-tab.nav-light .nav-item .nav-link:focus{
    border-bottom:2px solid #f4f4f4
}
.border-tab.nav-light .nav-item .nav-link.active,.border-tab.nav-light .nav-item .nav-link.show,.border-tab.nav-light .nav-item .nav-link:focus,.border-tab.nav-light .nav-item .nav-link:hover{
    color:#f4f4f4
}
.border-tab.nav-left.nav-light .nav-link.active,.border-tab.nav-left.nav-light .show>.nav-link{
    border-left-color:#f4f4f4;
    color:#f4f4f4
}
.border-tab.nav-right.nav-light .nav-link.active,.border-tab.nav-right.nav-light .show>.nav-link{
    border-right-color:#f4f4f4;
    color:#f4f4f4
}
.border-tab.nav-dark .nav-link.active,.border-tab.nav-dark .nav-item.show,.border-tab.nav-dark .nav-link:focus,.border-tab.nav-dark .nav-link:hover{
    color:#2c323f;
    background-color:transparent
}
.border-tab.nav-dark .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-dark .nav-item .nav-link.active,.border-tab.nav-dark .nav-item .nav-link.show,.border-tab.nav-dark .nav-item .nav-link:focus{
    border-bottom:2px solid #2c323f
}
.border-tab.nav-dark .nav-item .nav-link.active,.border-tab.nav-dark .nav-item .nav-link.show,.border-tab.nav-dark .nav-item .nav-link:focus,.border-tab.nav-dark .nav-item .nav-link:hover{
    color:#2c323f
}
.border-tab.nav-left.nav-dark .nav-link.active,.border-tab.nav-left.nav-dark .show>.nav-link{
    border-left-color:#2c323f;
    color:#2c323f
}
.border-tab.nav-right.nav-dark .nav-link.active,.border-tab.nav-right.nav-dark .show>.nav-link{
    border-right-color:#2c323f;
    color:#2c323f
}
.border-tab.nav-warning .nav-link.active,.border-tab.nav-warning .nav-item.show,.border-tab.nav-warning .nav-link:focus,.border-tab.nav-warning .nav-link:hover{
    color:#e6ae30;
    background-color:transparent
}
.border-tab.nav-warning .nav-item .nav-link{
    -webkit-transition:0.3s;
    transition:0.3s
}
.border-tab.nav-warning .nav-item .nav-link.active,.border-tab.nav-warning .nav-item .nav-link.show,.border-tab.nav-warning .nav-item .nav-link:focus{
    border-bottom:2px solid #e6ae30
}
.border-tab.nav-warning .nav-item .nav-link.active,.border-tab.nav-warning .nav-item .nav-link.show,.border-tab.nav-warning .nav-item .nav-link:focus,.border-tab.nav-warning .nav-item .nav-link:hover{
    color:#e6ae30
}
.border-tab.nav-left.nav-warning .nav-link.active,.border-tab.nav-left.nav-warning .show>.nav-link{
    border-left-color:#e6ae30;
    color:#e6ae30
}
.border-tab.nav-right.nav-warning .nav-link.active,.border-tab.nav-right.nav-warning .show>.nav-link{
    border-right-color:#e6ae30;
    color:#e6ae30
}
.tabbed-card ul{
    position:absolute;
    right:22px;
    top:33px;
    border-bottom:none
}
.tabbed-card ul.border-tab.nav-tabs{
    top:12px
}
.tabbed-card ul.border-tab.nav-tabs .nav-item{
    float:right
}
.tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link{
    padding:22px 15px
}
thead,tbody,tfoot,tr,td,th{
    border-color:#dee2e6
}
.pills-component{
    width:20%
}
#row_create td.highlight{
    font-weight:600;
    color:#5c61f2
}
#row_create td.danger{
    font-weight:600;
    color:#f81f58
}
.table{
    margin-bottom:0px
}
.table>:not(:last-child)>:last-child>*{
    border-bottom-color:#eee
}
.table th,.table td{
    padding:.75rem
}
.table.table-primary th{
    color:#fff
}
.table.table-primary td{
    color:#fff
}
.table thead.bg-primary tr th{
    color:#fff
}
.table thead.table-primary tr th{
    color:#5c61f2
}
.table thead.table-success tr th{
    color:#61ae41
}
.table tfoot.table-success tr td,.table tfoot.table-success tr th{
    color:#61ae41
}
.table th{
    color:#2b2b2b;
    font-weight:500
}
.table td{
    color:#2b2b2b
}
.table [class*="bg-"]{
    color:#fff
}
.table .bg-light{
    color:#2b2b2b
}
.table tfoot{
    font-weight:bold
}
.table-dark th{
    color:#fff
}
.table-inverse{
    color:#fff;
    background-color:#292b2c
}
.table-inverse th,.table-inverse td{
    border-color:#fff;
    color:#fff
}
.table-inverse.table-bordered{
    border:0
}
.table[class*="bg-"] th,.table[class*="bg-"] td{
    color:#fff
}
.basic_table .table-responsive .table.table-hover tbody tr:last-child th,.basic_table .table-responsive .table.table-hover tbody tr:last-child td{
    border-bottom:0
}
.table-hover tbody tr:hover{
    background-color:rgba(92,97,242,0.1);
    --bs-table-accent-bg: unset
}
.table-hover tbody tr:hover th,.table-hover tbody tr:hover td{
    color:#5c61f2
}
.table-double{
    border-left:4px double #dee2e6;
    border-right:4px double #dee2e6
}
.table-double thead,.table-double tbody,.table-double tfoot,.table-double tr,.table-double td,.table-double th{
    border-style:double;
    border-width:4px;
    border-right:0;
    border-left:0
}
.table-dotted{
    border-left:2px dotted #dee2e6;
    border-right:2px dotted #dee2e6
}
.table-dotted thead,.table-dotted tbody,.table-dotted tfoot,.table-dotted tr,.table-dotted td,.table-dotted th{
    border-style:dotted !important;
    border-width:2px;
    border-right:0;
    border-left:0
}
.table-dashed{
    border-left:2px dashed #dee2e6;
    border-right:2px dashed #dee2e6
}
.table-dashed thead,.table-dashed tbody,.table-dashed tfoot,.table-dashed tr,.table-dashed td,.table-dashed th{
    border-style:dashed !important;
    border-width:2px;
    border-right:0;
    border-left:0
}
.table-xl td,.table-xl th{
    padding:1.25rem 2rem;
    font-size:120%
}
.table-lg td,.table-lg th{
    padding:0.9rem 2rem;
    font-size:110%
}
.table-de td,.table-de th{
    padding:0.75rem 2rem
}
.table-sm th,.table-sm td{
    padding:0.5rem 2rem;
    font-size:90%
}
.table-xs th,.table-xs td{
    padding:0.2rem 2rem;
    font-size:80%
}
.table-border-horizontal tr,.table-border-horizontal th,.table-border-horizontal td{
    border-top:1px solid #f2f4ff;
    padding:0.75rem 2rem
}
.table-border-vertical tr,.table-border-vertical th,.table-border-vertical td{
    border-top:0;
    border-right:1px solid #f2f4ff
}
.table-border-vertical tr td{
    border-bottom:0
}
.table-border-vertical tr td:last-child{
    border-right:none
}
.table-border-vertical tbody tr th{
    border-bottom:0
}
.table-bordernone td{
    border:none !important
}
.table-bordernone thead th{
    border:none !important
}
.table-striped tbody tr:nth-of-type(odd){
    --bs-table-accent-bg: rgba(245, 247, 250, 0.5)
}
.table-bordered thead,.table-bordered tbody,.table-bordered tfoot,.table-bordered tr,.table-bordered td,.table-bordered th{
    border-color:#f2f4ff
}
.grid-wrrapper .table-striped tbody tr:nth-of-type(odd){
    background-color:rgba(92,97,242,0.1);
    --bs-table-accent-bg: unset
}
.grid-wrrapper .table-striped tbody tr:nth-of-type(odd) th,.grid-wrrapper .table-striped tbody tr:nth-of-type(odd) td{
    color:#5c61f2
}
.table-styling.table-primary.table-striped tbody tr{
    color:#fff
}
.table-styling.table-primary.table-striped tbody tr:nth-of-type(even):hover th,.table-styling.table-primary.table-striped tbody tr:nth-of-type(even):hover td{
    color:#fff
}
.grid-wrrapper .table-striped tbody tr:nth-of-type(odd){
    background-color:rgba(92,97,242,0.1);
    --bs-table-accent-bg:unset
}
.grid-wrrapper .table-striped tbody tr:nth-of-type(odd) th,.grid-wrrapper .table-striped tbody tr:nth-of-type(odd) td{
    color:#5c61f2
}
.table-hover tbody tr{
    vertical-align:middle
}
.table-hover tbody tr:hover{
    background-color:rgba(92,97,242,0.1)
}
.table-hover tbody tr td svg{
    width:30px;
    height:30px;
    padding:5px;
    border-radius:8px;
    margin-right:10px
}
.hover tbody tr:nth-child(even):hover{
    background-color:#f4f4f4
}
.hover tbody tr:nth-child(even):hover th,.hover tbody tr:nth-child(even):hover td{
    color:#2b2b2b !important
}
.bootstrap-touchspin input.touchspin{
    padding:0 12px
}
.bootstrap-touchspin input.left-radius{
    border-bottom-left-radius:10px !important;
    border-top-left-radius:10px !important
}
.bootstrap-touchspin .input-group .btn{
    padding:0.5rem 1.75rem
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical{
    position:relative;
    white-space:nowrap;
    width:35px;
    vertical-align:middle;
    display:table-cell
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down{
    margin-top:-2px
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i{
    position:absolute;
    top:4px;
    left:10px;
    font-size:15px;
    font-weight:normal
}
.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical>.btn{
    display:block;
    float:none;
    width:100%;
    max-width:100%;
    padding:11px;
    margin-left:-1px;
    position:relative
}
.bootstrap-touchspin .input-group{
    font-family:"Montserrat",sans-serif;
    border-radius:10px
}
.bootstrap-touchspin .input-group .btn{
    border-radius:0 !important
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn{
    padding:9px 30px
}
.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content{
    z-index:9999
}
.touchspin-sec .bootstrap-touchspin .bootstrap-touchspin-prefix,.touchspin-sec .bootstrap-touchspin .bootstrap-touchspin-postfix{
    border-radius:unset !important
}
.touchspin-sec .bootstrap-touchspin input{
    border-radius:unset !important
}
.introjs-helperLayer{
    background-color:rgba(255,255,255,0.9);
    border:1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.4);
    box-shadow:0 2px 15px rgba(0,0,0,0.4)
}
.introjs-tooltipReferenceLayer{
    background-color:transparent
}
.introjs-helperNumberLayer{
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    background:#f81f58;
    background:-webkit-gradient(linear, left top, left bottom, from(var(--theme-deafult)), to(var(--theme-deafult)));
    background:linear-gradient(to bottom, var(--theme-deafult) 0%, var(--theme-deafult) 100%);
    border:3px solid #fff;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4);
    box-shadow:0 2px 5px rgba(0,0,0,0.4)
}
.introjs-arrow{
    border:12px solid #fff
}
.introjs-arrow.top{
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:var(--theme-deafult);
    border-left-color:transparent
}
.introjs-arrow.top-right{
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:var(--theme-deafult);
    border-left-color:transparent
}
.introjs-arrow.top-middle{
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:var(--theme-deafult);
    border-left-color:transparent
}
.introjs-arrow.right{
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
    border-left-color:var(--theme-deafult)
}
.introjs-arrow.right-bottom{
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
    border-left-color:var(--theme-deafult)
}
.introjs-arrow.bottom{
    border-top-color:var(--theme-deafult);
    border-right-color:transparent;
    border-bottom-color:transparent;
    border-left-color:transparent
}
.introjs-arrow.left{
    border-top-color:transparent;
    border-right-color:var(--theme-deafult);
    border-bottom-color:transparent;
    border-left-color:transparent
}
.introjs-arrow.left-bottom{
    border-top-color:transparent;
    border-right-color:var(--theme-deafult);
    border-bottom-color:transparent;
    border-left-color:transparent
}
.introjs-tooltip{
    background-color:var(--theme-deafult);
    -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.4);
    box-shadow:0 1px 10px rgba(0,0,0,0.4);
    color:#fff;
    border-color:var(--theme-deafult)
}
.introjs-button{
    border:1px solid #efefef;
    text-shadow:1px 1px 0 #fff;
    color:#2b2b2b !important;
    background-color:#fff;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image:linear-gradient(#fff, #fff)
}
.introjs-button:hover{
    border-color:#efefef
}
.introjs-button:focus,.introjs-button:active{
    background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#efefef));
    background-image:linear-gradient(#eee, #efefef)
}
.introjs-skipbutton{
    color:var(--theme-deafult)
}
.introjs-prevbutton.introjs-fullbutton{
    border:1px solid #efefef
}
.introjs-disabled{
    color:var(--theme-deafult);
    border-color:#efefef
}
.introjs-disabled:hover,.introjs-disabled:focus{
    color:var(--theme-deafult);
    border-color:#efefef
}
.introjs-bullets ul li a{
    background:#eee
}
.introjs-bullets ul li a:hover{
    background:#fff
}
.introjs-bullets ul li a.active{
    background:#fff
}
.introjs-progress{
    background-color:#f4f4f4
}
.introjs-progressbar{
    background-color:var(--theme-deafult)
}
.introjs-hint:hover>.introjs-hint-pulse{
    border:5px solid rgba(60,60,60,0.57)
}
.introjs-hint-pulse{
    border:5px solid rgba(60,60,60,0.27);
    background-color:rgba(136,136,136,0.24)
}
.introjs-hint-dot{
    border:10px solid rgba(146,146,146,0.36)
}
.jstree-default .jstree-clicked{
    background-color:rgba(92,97,242,0.05);
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#5c61f2
}
.jstree-default .jstree-hovered{
    background-color:rgba(92,97,242,0.05)
}
.vakata-context,.vakata-context ul{
    background-color:#fff;
    border:none;
    -webkit-box-shadow:0 0 2px 2px #efefef;
    box-shadow:0 0 2px 2px #efefef
}
.vakata-context li a .vakata-contextmenu-sep,.vakata-context ul li a .vakata-contextmenu-sep{
    display:none
}
.vakata-context li a:hover,.vakata-context ul li a:hover{
    background-color:#fff;
    -webkit-box-shadow:None;
    box-shadow:None
}
.vakata-context .vakata-context-separator,.vakata-context ul .vakata-context-separator{
    display:none
}
.Typeahead{
    width:100%
}
.Typeahead *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.Typeahead *:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.Typeahead *:after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.Typeahead .tt-hint{
    display:none !important
}
.u-cf:before{
    content:" ";
    display:table
}
.u-cf:after{
    content:" ";
    display:table;
    clear:both
}
.u-posRelative{
    position:relative
}
.Typeahead-spinner{
    position:absolute;
    top:14px;
    right:18px;
    display:none;
    color:#c5c5c5
}
.ProfileCard-avatar svg{
    height:18px;
    vertical-align:bottom
}
.ProfileCard-avatar svg path{
    color:#7e7c7c !important
}
.ProfileCard-avatar svg polygon{
    color:#7e7c7c !important
}
.Typeahead-hint{
    width:100%;
    padding:5px 8px;
    font-size:24px;
    line-height:30px;
    border:1px solid #024e6a;
    border-radius:8px;
    position:absolute;
    top:0;
    left:0;
    color:#ccd6dd;
    opacity:1
}
.Typeahead-menu{
    position:absolute;
    top:100%;
    left:0;
    padding:15px;
    z-index:100;
    display:none;
    width:100%;
    overflow:hidden;
    background-color:#fff;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    box-shadow:0 5px 10px rgba(0,0,0,0.2)
}
.Typeahead-menu.is-open{
    display:block
}
.Typeahead-selectable{
    cursor:pointer
}
.Typeahead-selectable+.Typeahead-selectable{
    border-top:1px solid #ccd6dd
}
.ProfileCard{
    position:relative;
    padding:10px;
    border:1px solid #ccc !important;
    margin-bottom:10px;
    border-radius:10px
}
.ProfileCard:hover{
    color:#414345;
    background:#f8f8f8
}
.ProfileCard:hover .ProfileCard-avatar{
    border-color:#f5f8fa
}
.ProfileCard-avatar{
    position:absolute;
    border-radius:5px
}
.ProfileCard-details{
    padding-left:35px;
    float:left
}
.ProfileCard-realName{
    display:inline-block;
    color:#898989
}
.ProfileCard-screenName{
    display:inline-block;
    color:#898989
}
.ProfileCard-description{
    margin-top:5px;
    font-size:14px;
    line-height:18px
}
.ProfileCard.is-active{
    color:#fff;
    background:var(--theme-deafult)
}
.EmptyMessage{
    position:relative;
    padding:10px;
    font-size:14px;
    line-height:30px;
    text-align:center
}
.Typeahead-spinner{
    width:1rem;
    height:1rem
}
[data-simplebar]{
    position:unset
}
.simplebar-mask{
    top:95px
}
.simplebar-track{
    right:-2px
}
.simplebar-track.simplebar-vertical{
    top:100px;
    width:10px
}
.simplebar-track.simplebar-horizontal{
    visibility:hidden !important
}
.simplebar-scrollbar:before{
    background:rgba(92,97,242,0.2)
}
.select2{
    max-width:100%
}
.add-post .selection .select2-selection .select2-search__field{
    padding:8px 3px 3px 15px
}
.add-post #cke_text-box{
    border:1px solid #efefef
}
.add-post form .m-checkbox-inline label{
    margin-bottom:0
}
.add-post form .form-control{
    border:1px solid #efefef
}
.add-post form .col-form-label{
    padding-bottom:0;
    padding-top:0
}
.add-post form .col-form-label .select2-container--default{
    margin-top:10px;
    max-width:100%
}
.add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field{
    padding:2px
}
.add-post form .col-form-label .select2-container--default .select2-selection--multiple{
    border:1px solid #efefef;
    max-width:100%
}
.add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin-top:6px !important
}
.add-post .dropzone{
    margin-bottom:30px
}
.select2-container{
    width:100% !important
}
.select2-drpdwn .card-body .col-form-label{
    font-weight:500
}
.select2-drpdwn .select2-selection{
    border-radius:0 !important;
    border-color:#f4f4f4 !important;
    height:46px !important;
    padding:5px
}
.select2-drpdwn .form-control{
    border-radius:5px
}
.select2-drpdwn .form-control-primary{
    border-color:var(--theme-deafult);
    color:var(--theme-deafult)
}
.select2-drpdwn .form-control-secondary{
    border-color:var(--theme-secondary);
    color:var(--theme-secondary)
}
.select2-drpdwn .form-control-success{
    border-color:#61ae41;
    color:#61ae41
}
.select2-drpdwn .form-control-info{
    border-color:#4faad5;
    color:#4faad5
}
.select2-drpdwn .form-control-warning{
    border-color:#e6ae30;
    color:#e6ae30
}
.select2-drpdwn .form-control-danger{
    border-color:#f81f58;
    color:#f81f58
}
.select2-drpdwn .form-control-inverse{
    border-color:#2c323f;
    color:#2c323f
}
.select2-drpdwn .form-control-primary-fill{
    background-color:var(--theme-deafult);
    color:#fff
}
.select2-drpdwn .form-control-secondary-fill{
    background-color:var(--theme-secondary);
    color:#fff
}
.select2-drpdwn .form-control-success-fill{
    background-color:#61ae41;
    color:#fff
}
.select2-drpdwn .form-control-info-fill{
    background-color:#4faad5;
    color:#fff
}
.select2-drpdwn .form-control-warning-fill{
    background-color:#e6ae30;
    color:#fff
}
.select2-drpdwn .form-control-danger-fill{
    background-color:#f81f58;
    color:#fff
}
.select2-drpdwn .form-control-inverse-fill{
    background-color:#2c323f;
    color:#fff
}
.selection .select2-selection{
    border-radius:10px !important;
    border-color:#eee
}
.selection .select2-selection .select2-search__field{
    margin-top:0;
    padding:3px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice{
    padding:2px 6px !important;
    margin-top:0 !important;
    background-color:var(--theme-deafult) !important;
    border-color:#2d33ee !important;
    color:#fff;
    margin-right:8px !important
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff !important;
    float:right;
    margin-left:0.5rem
}
.select2-container--classic .select2-results__option--highlighted[aria-selected]{
    background-color:#e0e0e0 !important;
    color:#424242 !important
}
.select2-container--classic .select2-results__options .select2-results__option[aria-selected="true"]{
    background-color:var(--theme-deafult) !important;
    color:#fff !important
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:7px !important;
    right:10px !important
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding:2px 6px !important;
    margin-top:4px !important;
    background-color:var(--theme-deafult) !important;
    border-color:#2d33ee !important;
    color:#fff;
    margin-right:8px !important
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff !important;
    float:right;
    margin-left:0.5rem
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#e0e0e0 !important;
    color:#424242 !important
}
.select2-container--default .select2-results__options .select2-results__option[aria-selected="true"]{
    background-color:var(--theme-deafult) !important;
    color:#fff !important
}
.fc-daygrid-event{
    padding:5px 15px;
    font-weight:600;
    background-color:#5c61f2;
    border:none
}
.fc-daygrid-event .fc-event-title,.fc-daygrid-event .fc-event-time{
    color:#fff
}
.fc-daygrid-event-dot{
    border-color:#fff
}
.fc-daygrid-dot-event:hover,.fc-daygrid-dot-event.fc-event-mirror:hover{
    background-color:#5c61f2
}
.fc .fc-button-primary{
    background-color:#2c323f;
    border-color:#2c323f
}
@media (max-width: 768px){
    .calendar-default{
        margin-top:75px
    }
    .fc-toolbar-title{
        position:absolute;
        top:0;
        left:15px
    }
    .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group{
        position:absolute;
        left:15px;
        top:35px
    }
}
.blog-box{
    border-radius:10px
}
.blog-box.blog-list .blog-wrraper{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    overflow:hidden
}
.blog-box .blog-wrraper{
    overflow:hidden
}
.blog-box img{
    border-radius:0.25rem;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.blog-box .top-radius-blog{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.blog-box h6{
    margin:15px 0;
    color:#2b2b2b
}
.blog-box .blog-details{
    padding-right:20px
}
.blog-box .blog-details .blog-social li{
    display:inline-block;
    font-size:14px;
    color:#979797;
    font-weight:500
}
.blog-box .blog-details .blog-social li i{
    padding-right:5px
}
.blog-box .blog-details .blog-social li:nth-child(n+2){
    border-left:1px solid #eee;
    padding-left:20px;
    margin-left:20px
}
.blog-box .blog-details-main .blog-social{
    margin:15px 0
}
.blog-box .blog-details-main .blog-social li{
    display:inline-block;
    color:rgba(43,43,43,0.7);
    font-size:12px;
    padding:0 15px;
    font-weight:500;
    border-right:1px solid #eee
}
.blog-box .blog-details-main .blog-social li:last-child{
    border-right:0
}
.blog-box .blog-details-main .blog-social li i{
    padding-right:5px
}
.blog-box .blog-details-main .blog-bottom-details{
    margin:20px;
    font-size:14px;
    line-height:1.6;
    font-weight:700
}
.blog-box .blog-date{
    color:rgba(43,43,43,0.7);
    margin-bottom:5px
}
.blog-box .blog-date span{
    font-size:36px;
    font-weight:600;
    padding-right:5px;
    color:#5c61f2;
    line-height:1
}
.blog-box .d-flex{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.blog-box .blog-details-second{
    padding:20px
}
.blog-box .blog-details-second .blog-post-date{
    margin-top:-48px;
    z-index:2;
    position:relative
}
.blog-box .blog-details-second .blog-post-date .blg-month,.blog-box .blog-details-second .blog-post-date .blg-date{
    padding:5px;
    display:block;
    width:50px;
    font-size:12px;
    text-align:center;
    text-transform:capitalize;
    color:#fff;
    font-weight:600
}
.blog-box .blog-details-second .blog-post-date .blg-month{
    background-color:#5c61f2
}
.blog-box .blog-details-second .blog-post-date .blg-date{
    background-color:#eeb82f
}
.blog-box .blog-details-second h6{
    font-size:18px;
    margin-top:25px;
    margin-bottom:10px
}
.blog-box .blog-details-second p{
    color:#979797;
    margin-bottom:15px
}
.blog-box .blog-details-second .detail-footer{
    padding:15px 20px;
    margin-left:-20px;
    margin-right:-20px;
    margin-bottom:-20px;
    border-top:1px solid #eee
}
.blog-box .blog-details-second .detail-footer ul.sociyal-list li{
    display:inline-block;
    color:#979797;
    text-transform:capitalize;
    font-weight:600
}
.blog-box .blog-details-second .detail-footer ul.sociyal-list li i{
    font-size:12px;
    margin-right:5px;
    font-weight:600
}
.blog-box .blog-details-second .detail-footer ul.sociyal-list li:nth-child(n+2){
    margin-left:15px;
    padding-left:15px;
    border-left:1px solid #eee
}
.blog-box:hover .blog-wrraper img{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
.blog-box.blog-shadow{
    height:565px;
    border-radius:20px;
    overflow:hidden
}
.blog-box.blog-shadow:before{
    -webkit-box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.6);
    box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.6);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    border-radius:20px;
    content:"";
    position:absolute;
    height:100%;
    top:0;
    width:100%;
    bottom:0
}
.blog-box.blog-shadow:hover:before{
    -webkit-box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.65);
    box-shadow:inset 0px -200px 100px -13px rgba(0,0,0,0.65);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.blog-box.blog-shadow .blog-details{
    position:absolute;
    bottom:0;
    width:100%;
    padding:40px
}
.blog-box.blog-shadow .blog-details h4{
    color:#fff;
    margin-top:15px;
    margin-bottom:15px
}
.blog-box.blog-shadow .blog-details p{
    font-size:14px;
    color:#fff;
    padding-top:unset;
    margin-top:0
}
.blog-box.blog-shadow .blog-details .blog-social li{
    color:#fff
}
.blog-list .blog-details hr{
    margin-top:15px;
    margin-bottom:15px
}
.blog-list .blog-details .blog-social{
    margin-top:0
}
.blog-list .blog-details h6{
    margin-top:0;
    margin-bottom:10px;
    line-height:1.6;
    color:#2b2b2b
}
.blog-list img{
    width:100%;
    padding:17px
}
.blog-grid img{
    width:100%
}
.blog-grid .blog-details{
    padding:20px
}
.blog-grid .blog-details h6{
    font-size:14px;
    margin-bottom:0;
    line-height:1.8
}
.blog-box{
    position:relative;
    max-height:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:10px;
    overflow:hidden
}
.blog-box .blog-details p{
    font-size:14px;
    line-height:1.6;
    letter-spacing:0.7px;
    margin-top:10px;
    margin-bottom:0;
    color:#979797
}
.blog-box .blog-details h4{
    font-size:18px;
    line-height:1.5;
    margin-top:20px;
    margin-bottom:0
}
.blog-box .blog-details .single-blog-content-top{
    border-top:1px solid #eee
}
.blog-box .blog-details .blog-social li,.blog-box .blog-details .comment-social li{
    font-size:14px;
    color:#979797
}
.comment-box h4{
    margin-bottom:30px;
    padding-bottom:20px;
    border-bottom:1px solid #eee
}
.comment-box li{
    margin-bottom:30px;
    clear:both
}
.comment-box li:last-child{
    margin-bottom:0
}
.comment-box ul ul{
    margin-left:100px;
    text-align:right
}
.comment-box p{
    font-size:14px;
    line-height:1.8;
    text-align:justify;
    margin-bottom:0;
    color:#979797
}
.comment-box .d-md-flex img{
    margin-right:30px;
    border-radius:50%;
    height:90px;
    padding:7px;
    width:90px;
    border:1px solid #efefef
}
.comment-box .d-md-flex h6{
    font-size:16px;
    margin-bottom:10px;
    text-align:left;
    color:#2b2b2b
}
.comment-box .d-md-flex h6 span{
    padding-left:10px;
    font-size:13px;
    color:#979797;
    font-weight:400
}
.comment-box .comment-social{
    margin-left:0
}
.comment-box .comment-social li{
    display:inline-block;
    color:#ccc;
    margin-bottom:0;
    font-weight:500;
    text-transform:uppercase
}
.comment-box .comment-social li:nth-child(n+2){
    margin-left:20px;
    padding-left:20px;
    border-left:1px solid #eee
}
.comment-box .comment-social li i{
    padding-right:10px
}
.add-post .dropzone .dz-preview .dz-error-message{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
.add-post form.needs-validation input.radio_animated{
    vertical-align:middle
}
.blog-single .blog-box .banner-wrraper{
    height:400px
}
.blog-single .blog-box .blog-details p{
    margin-top:15px
}
.blog-single .single-blog-content-top{
    margin-top:15px
}
.blog-single .comment-social{
    margin-left:unset
}
@media (max-width: 1500px){
    .blog-box.blog-shadow{
        height:480px
    }
}
@media screen and (min-width: 1366px) and (max-width: 1530px){
    .blog-box .blog-details-second{
        padding:15px
    }
    .blog-box .blog-details-second p{
        font-size:13px
    }
    .blog-box .blog-details-second h6{
        font-size:16px;
        margin-top:20px;
        margin-bottom:5px
    }
    .blog-box .blog-details-second .blog-post-date{
        margin-top:-35px
    }
    .blog-box .blog-details-second .blog-post-date .blg-month,.blog-box .blog-details-second .blog-post-date .blg-date{
        font-size:10px;
        padding:3px
    }
    .blog-box .blog-details-second .detail-footer{
        margin-bottom:-15px;
        margin-left:-15px;
        margin-right:-15px;
        padding:10px 15px
    }
    .blog-box .blog-details-second .detail-footer ul.sociyal-list li{
        font-size:12px
    }
    .blog-box .blog-details-second .detail-footer ul.sociyal-list li:nth-child(n+2){
        margin-left:10px;
        padding-left:10px
    }
}
@media (max-width: 1400px){
    .blog-box.blog-shadow{
        height:516px
    }
}
@media (max-width: 1365px){
    .blog-box.blog-shadow{
        height:440px
    }
}
@media (max-width: 1199px){
    .comment-box .blog-details h4{
        margin-top:50px
    }
    .blog-box.blog-shadow{
        height:380px
    }
    .blog-box .d-flex{
        display:block
    }
    .blog-box .blog-details{
        padding:20px
    }
    .blog-list img{
        width:100%;
        padding:0
    }
    .blog-single .blog-box .blog-details{
        padding:unset
    }
}
@media (max-width: 991px){
    .blog-box .blog-details p{
        margin-top:10px
    }
    .blog-box .blog-details .single-blog-content-top{
        margin-top:20px
    }
}
@media (max-width: 767px){
    .comment-box ul ul{
        text-align:left
    }
    .blog-single .blog-box .blog-details h4{
        margin-top:10px
    }
    .blog-single .blog-box .blog-details .single-blog-content-top{
        margin-top:10px
    }
    .blog-single .blog-box .blog-details p{
        margin-top:10px
    }
    .blog-box .blog-details-second{
        padding:15px
    }
    .blog-box .blog-details-second h6{
        margin-top:20px
    }
    .blog-box .blog-details-second .detail-footer{
        padding:15px 15px;
        margin-left:-15px;
        margin-right:-15px;
        margin-bottom:-15px
    }
    .blog-box .blog-details-second .detail-footer ul.sociyal-list li{
        font-size:12px
    }
    .blog-box .blog-details-second .detail-footer ul.sociyal-list li:nth-child(n+2){
        margin-left:10px;
        padding-left:10px
    }
    .blog-box .blog-details-second .blog-post-date{
        margin-top:-35px
    }
    .blog-box .blog-details-second .blog-post-date .blg-month,.blog-box .blog-details-second .blog-post-date .blg-date{
        padding:3px;
        font-size:10px
    }
    .blog-box .blog-details .blog-social li:nth-child(n+2){
        padding-left:10px;
        margin-left:10px
    }
    .blog-box .blog-details .blog-social li,.blog-box .blog-details .comment-social li{
        font-size:13px
    }
}
@media (max-width: 575px){
    .blog-single .comment-box .comment-social li{
        font-size:12px
    }
}
@media (max-width: 480px){
    .blog-box .blog-details-second h6{
        margin-top:15px;
        margin-bottom:5px
    }
    .blog-box .blog-details-second p{
        margin-bottom:10px
    }
}
.email-wrap .email-app-sidebar .main-menu>li a[aria-selected="true"] span{
    color:#5c61f2 !important
}
.modal-bookmark .modal-body,.modal-bookmark .modal-header{
    padding:25px
}
.modal-bookmark .modal-body h5,.modal-bookmark .modal-header h5{
    font-weight:600
}
.bookmark-wrap .btn-mail{
    color:#5c61f2 !important;
    width:100%;
    font-weight:600
}
.bookmark-wrap .row .col-xl-3+.col-xl-3{
    padding-right:15px
}
.bookmark-wrap .left-bookmark ul li button{
    border:none;
    cursor:pointer
}
.bookmark-wrap .left-bookmark ul li button:focus{
    outline:none
}
.bookmark-wrap .left-bookmark ul li svg{
    width:18px;
    height:18px;
    vertical-align:middle
}
.bookmark-wrap .left-bookmark ul li>.main-title{
    color:#5c61f2;
    font-weight:600;
    margin-bottom:5px;
    display:block;
    font-size:16px
}
.bookmark-wrap .left-bookmark ul li>.main-title span a:hover{
    background-color:rgba(0,0,0,0)
}
.bookmark-wrap .left-bookmark ul li>.main-title svg{
    color:#898989;
    stroke-width:1px
}
.bookmark-wrap .left-bookmark ul li a>.title{
    text-transform:capitalize;
    color:#242934
}
.form-bookmark a{
    text-transform:capitalize !important;
    color:#5c61f2 !important;
    line-height:1 !important;
    font-weight:500
}
.form-bookmark a:hover{
    background-color:rgba(0,0,0,0) !important
}
.form-bookmark input#index_var{
    display:none
}
.form-bookmark .form-group label{
    font-weight:600;
    margin-bottom:5px
}
.form-bookmark .form-group input,.form-bookmark .form-group select{
    font-size:14px
}
.form-bookmark .form-group .select2{
    width:100% !important
}
.form-bookmark .form-group .error{
    margin:0 !important;
    font-size:11px;
    color:red !important
}
.form-bookmark .form-group .fill-color{
    width:35px;
    height:30px;
    padding:3px
}
.form-bookmark button{
    margin-top:30px
}
@-webkit-keyframes displayTransition{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes displayTransition{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.bookmark-tabcontent .details-bookmark{
    height:auto;
    min-height:359px
}
.bookmark-tabcontent .details-bookmark .bookmark-card{
    position:relative
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon{
    padding:3px;
    border-radius:4px;
    background-color:rgba(0,0,0,0.2);
    width:30px;
    position:absolute;
    right:15px;
    top:15px;
    opacity:0
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i{
    color:#fff;
    font-size:16px;
    vertical-align:text-bottom
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i{
    color:#fed112
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data{
    width:100%
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general{
    display:none
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon{
    -webkit-transition:0.5s;
    transition:0.5s
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark{
    text-align:left;
    padding:14px;
    border-top:1px solid #eee;
    position:relative
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p{
    -webkit-animation:displayTransition 1s;
    animation:displayTransition 1s;
    font-size:13px;
    opacity:1
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block{
    display:none;
    margin-top:15px
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li{
    display:inline-block
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li+li{
    margin-left:5px
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg{
    width:16px;
    height:16px;
    color:#898989
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover{
    -webkit-box-shadow:1px 4px 16px 3px rgba(0,0,0,0.06);
    box-shadow:1px 4px 16px 3px rgba(0,0,0,0.06);
    -webkit-transition:0.5s;
    transition:0.5s
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p{
    opacity:0
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block{
    display:block;
    -webkit-animation:displayTransition 2s;
    animation:displayTransition 2s;
    position:absolute;
    width:100%;
    padding:15px;
    top:22px;
    left:0
}
.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon{
    opacity:1
}
.bookmark-tabcontent .details-bookmark.list-bookmark .row .col-xl-4{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general{
    display:block
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p{
    display:block;
    opacity:1
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block{
    display:block;
    position:absolute;
    width:100%;
    padding:15px;
    top:30px;
    right:0;
    text-align:right
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block{
    opacity:1;
    -webkit-animation:none;
    animation:none
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark{
    border-top:none
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6{
    margin-top:0;
    display:inline-block
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6{
    position:relative;
    padding-right:15px
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6::after{
    position:absolute;
    content:"-";
    right:0;
    color:#898989
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general{
    margin-top:5px
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p{
    width:68%;
    margin-right:20px;
    opacity:1
}
.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
    width:20%
}
.bookmark-tabcontent .tab-content .card .card-header{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-bottom:1px solid #eee
}
.bookmark-tabcontent .tab-content .card .card-header h5{
    font-size:22px;
    margin-bottom:0
}
.bookmark-tabcontent .tab-content .card .card-header svg{
    width:18px;
    height:18px;
    vertical-align:middle
}
.bookmark-tabcontent .tab-content .card .card-header ul li{
    display:inline-block
}
.bookmark-tabcontent .tab-content .card .card-header ul li+li{
    margin-left:5px
}
@media only screen and (max-width: 1660px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block{
        margin-top:6px
    }
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
    .bookmark-tabcontent .list-bookmark .bookmark-card.card .desciption-data{
        width:60%
    }
    .bookmark-tabcontent .list-bookmark .bookmark-card.card .desciption-data .title-bookmark p{
        width:100%
    }
    .bookmark-wrap .left-bookmark ul li .btn-block svg{
        display:none
    }
}
@media only screen and (max-width: 1366px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:40%
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block{
        top:80px
    }
    .bookmark ul li a svg{
        width:15px;
        height:15px;
        margin:10px
    }
}
@media only screen and (max-width: 1199px){
    .bookmark-wrap .left-bookmark{
        height:auto
    }
    .bookmark-tabcontent .details-bookmark{
        min-height:auto
    }
}
@media only screen and (max-width: 991px){
    .modal-bookmark .modal-body,.modal-bookmark .modal-header{
        padding:20px
    }
    .form-bookmark button{
        margin-top:20px
    }
    .bookmark-tabcontent .tab-content .card .card-header,.bookmark-tabcontent .tab-content .card .card-body{
        padding:20px
    }
    .bookmark-tabcontent .tab-content .card .card-header h5,.bookmark-tabcontent .tab-content .card .card-body h5{
        font-size:18px
    }
}
@media only screen and (max-width: 767px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:172px
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul{
        position:relative;
        right:unset;
        top:unset
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:45%
    }
}
@media only screen and (max-width: 575px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:46%
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website{
        display:block
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website img{
        width:100%
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p{
        display:block
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general{
        display:none
    }
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block{
        position:relative;
        right:unset;
        text-align:left;
        top:unset;
        padding:0
    }
    .modal-bookmark .modal-body,.modal-bookmark .modal-header{
        padding:15px
    }
    .form-bookmark button{
        margin-top:15px
    }
}
@media only screen and (max-width: 360px){
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img{
        width:28%
    }
}
.cart .total-amount{
    text-align:right !important;
    margin-top:30px
}
.cart .cart-btn-transform{
    text-transform:capitalize
}
.cart .qty-box{
    width:25%;
    margin:0 auto
}
.cart .qty-box .input-group .btn{
    background-color:#ddd !important;
    border-color:#ddd !important;
    padding:8px 12px
}
.cart-buttons{
    margin-top:30px
}
.cart-buttons .cart-btn{
    float:right;
    padding-right:85px
}
.chart-block canvas{
    width:100% !important
}
.chart-block .chart-overflow{
    overflow:hidden;
    text-align:center
}
.flot-chart-container{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    height:400px
}
.flot-chart-container #toggling-series-flot{
    width:79% !important
}
.all-chart .flot-chart-container{
    height:350px
}
.flot-chart-placeholder{
    width:100%;
    height:100%;
    font-size:14px;
    line-height:1.2em;
    text-align:center
}
.flot-chart-placeholder .legend table{
    border-spacing:5px
}
.morris-hover{
    position:absolute;
    z-index:8
}
.morris-hover.morris-default-style{
    border-radius:10px;
    padding:6px;
    color:#898989;
    background:#fff;
    border:solid 1px #eee;
    font-family:sans-serif;
    font-size:12px;
    text-align:center
}
.morris-hover.morris-default-style .morris-hover-row-label{
    font-weight:bold;
    margin:0.25em 0
}
.morris-hover.morris-default-style .morris-hover-point{
    white-space:nowrap;
    margin:0.1em 0
}
.chart-sparkline{
    position:absolute;
    left:0;
    top:0;
    visibility:hidden;
    background:rgba(49,49,49,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    color:#fff;
    font:10px "Montserrat",sans-serif;
    text-align:left;
    white-space:nowrap;
    padding:5px;
    border:1px solid rgba(49,49,49,0.75);
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    z-index:10000;
    border-radius:5px
}
.chart-sparkline .jqsfield{
    color:#fff;
    font:10px "Montserrat",sans-serif;
    text-align:left
}
.pieLabel div{
    color:#fff !important
}
.pieLabel div input[type="checkbox"]{
    margin:7px
}
.card-body.chart-block.chart-vertical-center canvas{
    height:355px !important
}
.card-body.chart-block .chart-overflow{
    border-radius:0 0 20px 20px
}
.knob-chart{
    min-height:255px
}
.knob-chart .chart-clock-main{
    position:relative;
    width:200px;
    margin:45px auto
}
.knob-chart .chart-clock-main .clock-large{
    position:absolute;
    left:-48px;
    top:-45px
}
.knob-chart .chart-clock-main .clock-medium{
    position:absolute;
    left:2px;
    top:5px
}
.knob-chart .chart-clock-main .clock-small{
    position:absolute;
    left:6px;
    top:55px
}
.peity-charts svg{
    width:100%;
    height:250px
}
.peity-charts.peity-chart-primary svg polygon{
    fill:rgba(92,97,242,0.2)
}
.peity-charts.peity-chart-primary svg polyline{
    stroke:var(--theme-deafult)
}
.bar-odd-even svg rect:nth-child(odd){
    fill:var(--theme-deafult)
}
.bar-odd-even svg rect:nth-child(even){
    fill:var(--theme-secondary)
}
.donut-peity svg path:nth-child(odd){
    fill:var(--theme-deafult)
}
.donut-peity svg path:nth-child(even){
    fill:var(--theme-secondary)
}
.small-donut ~ svg path:nth-child(odd),.small-donut svg path:nth-child(odd),.donut-peity2 ~ svg path:nth-child(odd),.donut-peity2 svg path:nth-child(odd),.pie-peity ~ svg path:nth-child(odd),.pie-peity svg path:nth-child(odd){
    fill:var(--theme-deafult)
}
.small-donut ~ svg path:nth-child(even),.small-donut svg path:nth-child(even),.donut-peity2 ~ svg path:nth-child(even),.donut-peity2 svg path:nth-child(even),.pie-peity ~ svg path:nth-child(even),.pie-peity svg path:nth-child(even){
    fill:#efefef
}
.small-donut2 ~ svg path:nth-child(odd){
    fill:var(--theme-secondary)
}
.small-donut3 ~ svg path:nth-child(odd){
    fill:#61ae41
}
.small-donut4 ~ svg path:nth-child(odd){
    fill:#4faad5
}
.small-donut5 ~ svg path:nth-child(odd){
    fill:#e6ae30
}
.small-donut6 ~ svg path:nth-child(odd){
    fill:#f81f58
}
p.data-attributes svg{
    margin-right:10px
}
.knob-block{
    position:relative
}
.knob-block input{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
    -webkit-box-pack:center !important;
    -ms-flex-pack:center !important;
    justify-content:center !important;
    height:100% !important;
    width:100% !important;
    left:0 !important;
    top:0 !important;
    margin-left:0 !important;
    margin-top:-3px !important
}
.knob-input-disable input{
    display:none !important
}
.apex-chart{
    margin:0 auto
}
.apexcharts-toolbar{
    z-index:1 !important
}
.apexcharts-menu-item{
    width:110px
}
.word-tree{
    height:400px
}
.ct-series-a .ct-slice-pie,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-area{
    fill:var(--theme-deafult)
}
.ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut{
    stroke:var(--theme-deafult)
}
.ct-series-b .ct-point,.ct-series-b .ct-line,.ct-series-b .ct-bar,.ct-series-b .ct-slice-donut{
    stroke:var(--theme-secondary)
}
.ct-series-b .ct-slice-pie,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-area{
    fill:var(--theme-secondary)
}
.test-buttons button+button{
    margin-left:10px
}
.chat-box .chat-menu{
    max-width:340px
}
.chat-box .chat-menu .people-list .search{
    position:relative
}
.chat-box .chat-menu .people-list .search .theme-form .form-group i{
    position:absolute;
    right:10px;
    top:16px;
    font-size:14px;
    color:#eae8ff
}
.chat-box .people-list .search .form-control{
    border:1px solid #eee;
    text-transform:capitalize;
    border-radius:10px
}
.chat-box .people-list .search .form-control::-webkit-input-placeholder{
    color:#59667a
}
.chat-box .people-list .search .form-control::-moz-placeholder{
    color:#59667a
}
.chat-box .people-list .search .form-control:-ms-input-placeholder{
    color:#59667a
}
.chat-box .people-list .search .form-control::-ms-input-placeholder{
    color:#59667a
}
.chat-box .people-list .search .form-control::placeholder{
    color:#59667a
}
.chat-box .people-list .search .input-group-text{
    background-color:transparent
}
.chat-box .people-list .search .input-group-text i{
    font-size:14px;
    color:#979797
}
.chat-box .people-list ul{
    padding:0
}
.chat-box .people-list ul li{
    padding-bottom:20px
}
.chat-box .people-list ul li:last-child{
    padding-bottom:0
}
.chat-box .user-image{
    float:left;
    width:52px;
    height:52px;
    margin-right:5px
}
.chat-box .about{
    float:left;
    margin-top:5px;
    padding-left:10px
}
.chat-box .about .name{
    color:#2c323f;
    letter-spacing:1px;
    font-weight:600
}
.chat-box .about .name a{
    color:#2b2b2b
}
.chat-box .status{
    color:#979797;
    letter-spacing:1px;
    font-size:12px;
    margin-top:5px
}
.chat-box .status .chat-status{
    font-weight:600;
    color:#2b2b2b
}
.chat-box .status p{
    font-size:14px
}
.chat-box .chat-right-aside .chat .chat-header{
    padding:15px;
    border-bottom:1px solid #eee
}
.chat-box .chat-right-aside .chat .chat-header img{
    float:left;
    width:50px;
    -webkit-box-shadow:1px 1px 4px 1px #eee;
    box-shadow:1px 1px 4px 1px #eee
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons{
    margin-top:15px;
    margin-left:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li{
    margin-right:unset
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i,.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li svg{
    color:rgba(43,43,43,0.7);
    font-size:25px;
    cursor:pointer
}
.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li:nth-child(n+2){
    margin-left:24px
}
.chat-box .chat-right-aside .chat .chat-msg-box{
    padding:20px;
    overflow-y:auto;
    height:560px;
    margin-bottom:90px
}
.chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img{
    margin-top:-35px
}
.chat-box .chat-right-aside .chat .chat-msg-box .message-data{
    margin-bottom:10px
}
.chat-box .chat-right-aside .chat .chat-msg-box .message-data-time{
    letter-spacing:1px;
    font-size:12px;
    color:#59667a;
    font-weight:600
}
.chat-box .chat-right-aside .chat .chat-msg-box .message{
    color:#979797;
    padding:20px;
    line-height:1.9;
    letter-spacing:1px;
    font-size:14px;
    margin-bottom:30px;
    width:50%;
    position:relative
}
.chat-box .chat-right-aside .chat .chat-msg-box .my-message{
    border:1px solid #eee;
    border-radius:10px;
    border-top-left-radius:0
}
.chat-box .chat-right-aside .chat .chat-msg-box .other-message{
    border:1px solid #eee;
    border-radius:10px;
    border-top-right-radius:0
}
.chat-box .chat-right-aside .chat .chat-message{
    padding:20px;
    border-top:1px solid #fafdff;
    position:absolute;
    left:15px;
    width:calc(100% - 30px);
    bottom:0;
    border-radius:0 0 15px 15px
}
.chat-box .chat-right-aside .chat .chat-message .smiley-box{
    background:#efefef;
    padding:10px;
    display:block;
    border-radius:4px;
    margin-right:0.5rem
}
.chat-box .chat-right-aside .chat .chat-message .text-box{
    position:relative
}
.chat-box .chat-right-aside .chat .chat-message .text-box .input-txt-bx{
    height:50px;
    border:2px solid #5c61f2;
    padding-left:18px;
    font-size:13px;
    letter-spacing:1px
}
.chat-box .chat-right-aside .chat .chat-message .text-box i{
    position:absolute;
    right:20px;
    top:20px;
    font-size:20px;
    color:#eee;
    cursor:pointer
}
.chat-box .chat-right-aside .chat .chat-message .text-box .btn{
    font-size:16px;
    font-weight:500
}
.chat-box .chat-menu{
    right:10px;
    opacity:0;
    -webkit-transform:translateY(-30px);
    transform:translateY(-30px);
    visibility:hidden;
    top:95px;
    position:absolute;
    z-index:3;
    background-color:#fff;
    border:1px solid #eee;
    -webkit-transition:all linear 0.3s;
    transition:all linear 0.3s;
    padding-right:unset
}
.chat-box .chat-menu .tab-pane{
    padding:0 15px
}
.chat-box .chat-menu ul li .about .status i{
    font-size:10px
}
.chat-box .chat-menu .user-profile{
    margin-top:30px
}
.chat-box .chat-menu .user-profile .user-content h5{
    margin:15px 0;
    font-weight:600
}
.chat-box .chat-menu .user-profile .user-content h5 a{
    color:#2b2b2b
}
.chat-box .chat-menu .user-profile .user-content p{
    font-size:14px
}
.chat-box .chat-menu .user-profile .user-content .social-list li{
    display:inline-block
}
.chat-box .chat-menu .user-profile .user-content .social-list li a{
    width:30px;
    height:30px;
    border-radius:5px;
    background-color:rgba(92,97,242,0.08);
    color:#5c61f2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.chat-box .chat-menu .user-profile .user-content .social-list li:hover a{
    background-color:#5c61f2;
    color:#fff
}
.chat-box .chat-menu .user-profile .user-content .social-list li:nth-child(n+2){
    margin-left:5px
}
.chat-box .chat-menu .user-profile .image{
    position:relative
}
.chat-box .chat-menu .user-profile .image .icon-wrapper{
    position:absolute;
    bottom:0;
    left:55%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:30px;
    width:30px;
    border-radius:50%;
    background-color:#fff;
    cursor:pointer;
    overflow:hidden;
    margin:0 auto;
    font-size:14px;
    -webkit-box-shadow:1px 1px 3px 1px #eee;
    box-shadow:1px 1px 3px 1px #eee
}
.chat-box .chat-menu .user-profile .image .icon-wrapper i{
    color:#5c61f2
}
.chat-box .chat-menu .user-profile .image .avatar{
    width:80px;
    height:80px;
    border-radius:50%;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto
}
.chat-box .chat-menu .user-profile .image .avatar img{
    width:100%;
    height:100%;
    border-radius:50%;
    border:5px solid #eee
}
.chat-box .chat-menu .user-profile .border-right{
    border-right:1px solid #eee
}
.chat-box .chat-menu .user-profile .follow{
    margin-top:15px;
    padding-top:15px;
    border-top:1px solid #eee
}
.chat-box .chat-menu .user-profile .follow .follow-num{
    font-size:20px;
    color:#000;
    font-weight:600;
    line-height:1
}
.chat-box .chat-menu .user-profile .follow span{
    color:#979797;
    font-size:14px;
    letter-spacing:1px;
    font-weight:600
}
.chat-box .chat-menu .user-profile .digits{
    border-top:1px solid #eee;
    margin-top:15px;
    padding-top:15px
}
.chat-box .chat-menu .user-profile .digits p{
    margin-bottom:unset
}
.chat-box .chat-menu .user-profile .social-media a{
    color:#59667a;
    font-size:15px;
    padding:0 7px
}
.chat-box .chat-menu .user-profile .chat-profile-contact p{
    font-size:14px;
    color:#979797
}
.chat-box .chat-menu .nav{
    margin-bottom:20px
}
.chat-box .chat-menu .nav-tabs .nav-item{
    width:33.33%
}
.chat-box .chat-menu .nav-tabs .nav-item a{
    padding:15px !important;
    color:#59667a !important;
    letter-spacing:1px;
    font-size:14px;
    font-weight:600;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.chat-box .chat-menu .nav-tabs .nav-item .material-border{
    border-width:1px;
    border-color:#5c61f2
}
.chat-box .chat-menu .nav-tabs .nav-item .nav-link.active{
    color:#5c61f2 !important
}
.chat-box .chat-menu.show{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    -webkit-transition:all linear 0.3s;
    transition:all linear 0.3s;
    padding-bottom:25px;
    padding-top:10px;
    position:absolute;
    top:70px
}
.chat-box .chat-history .call-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    min-height:650px;
    height:100%
}
.chat-box .chat-history .call-content>div{
    width:100%;
    height:100%;
    padding:30px
}
.chat-box .chat-history .total-time h2{
    font-size:50px;
    font-weight:700;
    margin-bottom:30px;
    color:#979797
}
.chat-box .chat-history .receiver-img{
    margin-top:55px
}
.chat-box .chat-history .receiver-img img{
    border-radius:5px
}
.chat-box .chat-history .call-icons{
    margin-bottom:35px
}
.chat-box .chat-history .call-icons ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.chat-box .chat-history .call-icons ul li{
    width:55px;
    height:55px;
    border:1px solid #eee;
    border-radius:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.chat-box .chat-history .call-icons ul li+li{
    margin-left:10px
}
.chat-box .chat-history .call-icons ul li a{
    color:#999;
    font-size:22px
}
.chat-box .chat-history .caller-img{
    height:100%;
    border-bottom-right-radius:20px
}
.chat-left-aside>.d-flex{
    margin-bottom:15px
}
.chat-left-aside .people-list{
    height:635px
}
.chat-left-aside ul li{
    position:relative
}
.status-circle{
    width:12px;
    height:12px;
    position:absolute;
    top:4px;
    left:44px;
    border-radius:50%;
    border:2px solid #fff
}
.away{
    background-color:#e6ae30
}
.online{
    background-color:#61ae41
}
.offline{
    background-color:#f81f58
}
.call-chat-sidebar{
    max-width:320px
}
.call-chat-sidebar .card .card-body,.chat-body .card .card-body{
    padding:15px
}
.chart-widget .chart-widget-top h4{
    font-weight:600
}
.chart-widget .chart-widget-top .num i{
    margin-left:5px
}
.apexcharts-menu{
    border-color:#eee !important
}
@media (max-width: 1366px){
    .chat-box .chat-right-aside .chat .chat-message{
        bottom:0
    }
}
@media only screen and (max-width: 767px) and (min-width: 420px){
    .status-circle{
        top:6px;
        left:46px
    }
}
@media (max-width: 360px){
    .chat-box .chat-menu{
        width:250px
    }
}
.checkout select{
    color:#898989
}
.checkout label{
    color:#2c323f
}
.checkout .checkout-details{
    border:1px solid #eee;
    padding:40px
}
.checkout .checkout-details .order-place{
    margin-top:20px
}
.order-box .title-box{
    padding-bottom:20px;
    font-size:22px;
    border-bottom:1px solid #eee
}
.order-box .title-box span{
    width:35%;
    float:right;
    font-weight:600;
    text-align:right
}
.order-box .title-box h4{
    font-weight:600
}
.order-box .title-box .checkbox-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.order-box .sub-total li{
    position:relative;
    display:inline-block;
    font-size:16px;
    font-weight:600;
    width:100%
}
.order-box .sub-total li:nth-child(n+2){
    margin-top:15px
}
.order-box .sub-total li .count{
    position:relative;
    font-size:18px;
    line-height:20px;
    width:35%;
    float:right;
    text-align:right
}
.order-box .sub-total .shipping-class{
    margin-bottom:12px;
    padding-bottom:15px;
    border-bottom:1px solid #eee
}
.order-box .sub-total .shipping-class .shopping-checkout-option{
    margin-top:-4px;
    position:relative;
    font-size:18px;
    line-height:20px;
    color:#5c61f2;
    font-weight:400;
    width:35%;
    float:right
}
.order-box .sub-total .shipping-class .shopping-checkout-option label{
    font-weight:500;
    font-size:14px;
    text-align:right
}
.order-box .total{
    position:relative;
    margin-bottom:30px
}
.order-box .total li{
    position:relative;
    display:block;
    line-height:20px;
    font-size:18px
}
.order-box .qty{
    position:relative;
    border-bottom:1px solid #eee;
    margin-bottom:20px;
    padding-bottom:20px;
    padding-top:20px
}
.order-box .qty li{
    position:relative;
    display:block;
    font-size:14px;
    font-weight:500
}
.order-box .qty li:nth-child(n+2){
    margin-top:15px
}
.order-box .qty li span{
    float:right;
    font-size:18px;
    line-height:20px;
    font-weight:500;
    width:35%;
    text-align:right
}
.img-paypal{
    width:50%;
    margin-left:15px
}
@media screen and (max-width: 1199px){
    .checkout .checkout-details{
        padding:25px
    }
    .order-box .title-box span{
        width:30%
    }
    .order-box .sub-total li .count{
        width:30%
    }
    .order-box .sub-total .shipping-class .shopping-checkout-option{
        width:32%
    }
    .order-box .qty li span{
        width:30%
    }
    .order-box .total li .count{
        width:30%
    }
}
@media screen and (max-width: 991px){
    .order-box .title-box h4{
        font-size:18px
    }
    .order-box .title-box span{
        font-size:18px
    }
    .order-box .qty li{
        font-size:14px
    }
    .order-box .qty li span{
        font-size:16px
    }
    .order-box .sub-total li{
        font-size:14px
    }
    .order-box .sub-total li .count{
        font-size:16px
    }
    .order-box .sub-total .shipping-class .shopping-checkout-option{
        width:30%
    }
    .order-box .animate-chk label{
        font-size:14px
    }
}
@media screen and (max-width: 575px){
    .order-box .title-box{
        padding-bottom:15px
    }
    .order-box .sub-total .shipping-class .shopping-checkout-option{
        width:50%
    }
    .order-box .sub-total li .count{
        width:50%
    }
    .order-box .animate-chk label{
        font-size:12px;
        margin-bottom:10px
    }
    .checkout .checkout-details{
        padding:20px
    }
}
@media screen and (max-width: 420px){
    .order-box .qty li{
        font-size:13px
    }
    .order-box .qty li span{
        font-size:14px
    }
    .order-box .sub-total li .count{
        font-size:14px
    }
}
.comingsoon-bgimg{
    background:url(../images/other-images/coming-soon-bg.jpg);
    background-position:bottom;
    background-size:cover
}
.bg-commingsoon{
    background-color:rgba(92,97,242,0.1)
}
.comingsoon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    min-height:100vh;
    padding:50px 0
}
.comingsoon .logo-wrraper img{
    height:100px;
    width:auto
}
.comingsoon .comingsoon-inner h5{
    font-size:45px;
    letter-spacing:1px;
    color:rgba(43,43,43,0.7);
    font-weight:700;
    margin-bottom:30px;
    margin-top:30px
}
.comingsoon .comingsoon-inner .countdown{
    padding:30px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc
}
.comingsoon .comingsoon-inner .countdown .time{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:50%;
    color:#fff;
    font-weight:500;
    width:100px;
    height:100px;
    font-size:36px;
    background:var(--theme-deafult);
    border-radius:20px
}
.comingsoon .comingsoon-inner .countdown .title{
    padding-top:13px;
    font-size:14px;
    font-weight:400;
    color:rgba(43,43,43,0.7);
    text-transform:uppercase;
    letter-spacing:1px
}
.comingsoon .comingsoon-inner .countdown ul li{
    display:inline-block;
    text-transform:uppercase;
    margin:0 20px
}
.comingsoon .comingsoon-inner .countdown ul li span{
    display:block
}
.comingsoon video{
    position:fixed;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:-100;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -webkit-transition:1s opacity;
    transition:1s opacity
}
.updateimg{
    position:absolute;
    left:15px;
    width:100px;
    top:32px;
    line-height:93px;
    opacity:0
}
#right-history{
    top:81px;
    right:-320px;
    height:100%;
    position:fixed;
    width:320px;
    z-index:9;
    background-color:#fff;
    -webkit-transition:0.5s;
    transition:0.5s;
    -webkit-box-shadow:0 0 9px rgba(191,191,191,0.36);
    box-shadow:0 0 9px rgba(191,191,191,0.36)
}
#right-history h6 span a{
    color:#2b2b2b
}
#right-history.show{
    right:0;
    -webkit-transition:0.3s;
    transition:0.3s
}
.history-details>div{
    padding:30px 0
}
.history-details .d-flex{
    padding:30px 15px;
    border-top:1px solid #f4f4f4
}
.history-details .d-flex i{
    padding:5px;
    background:#fed112;
    color:#fff;
    border-radius:100%
}
.history-details .d-flex h6{
    margin-bottom:5px
}
.delete-contact{
    display:none
}
.more-data{
    -webkit-animation:displayTransition 1s;
    animation:displayTransition 1s
}
.contact-editform{
    padding:30px;
    padding-left:unset;
    -webkit-animation:displayTransition 1s;
    animation:displayTransition 1s
}
.contact-editform a{
    display:block
}
.contact-editform button{
    margin-top:30px
}
.contact-editform .select2-container .select2-selection--single{
    height:39px !important;
    border-color:#eee !important;
    background-color:#d7e2e9
}
.contact-options li .btn-category{
    line-height:39px;
    border-radius:3px;
    padding-left:40px !important;
    padding:0;
    color:#5c61f2;
    font-weight:500
}
.list-persons p{
    font-family:"Roboto",sans-serif,sans-serif
}
.list-persons .profile-mail{
    padding:30px 0
}
.list-persons .profile-mail .d-flex{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.list-persons .profile-mail .d-flex img{
    width:auto;
    height:100px
}
.list-persons .profile-mail .d-flex .flex-grow-1 h5{
    margin-bottom:5px
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul{
    margin-top:5px
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul li{
    display:inline-block
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul li a{
    font-size:13px;
    font-weight:500
}
.list-persons .profile-mail .d-flex .flex-grow-1 ul li+li{
    padding-left:10px;
    margin-left:5px;
    border-left:2px solid #f4f4f4
}
.list-persons .profile-mail .email-general{
    padding-top:20px;
    margin-top:20px;
    border-top:1px solid #ddd
}
.list-persons .profile-mail .email-general ul{
    padding-right:20px
}
.list-persons .profile-mail .email-general ul li{
    color:#898989;
    padding-bottom:10px;
    margin-bottom:10px;
    font-weight:500
}
.list-persons .profile-mail .email-general ul li:last-child{
    padding-bottom:0;
    margin-bottom:0
}
.list-persons .profile-mail .email-general ul li>span{
    float:right
}
.list-persons .profile-mail .email-general p span{
    margin-left:30px
}
.list-persons .profile-mail .email-general .gender{
    margin-top:30px
}
.contacts-tabs .nav-pills{
    border-right:1px solid #eee;
    height:100%
}
.contacts-tabs .nav-pills .nav-link.active,.contacts-tabs .nav-pills .nav-link>.nav-link,.contacts-tabs .nav-pills .show.active,.contacts-tabs .nav-pills .show>.nav-link{
    background-color:rgba(92,97,242,0.1);
    color:#2b2b2b
}
.contacts-tabs .nav-pills .nav-link.active h6,.contacts-tabs .nav-pills .nav-link>.nav-link h6,.contacts-tabs .nav-pills .show.active h6,.contacts-tabs .nav-pills .show>.nav-link h6{
    color:#5c61f2
}
.contacts-tabs .nav-pills .nav-link{
    color:#2b2b2b;
    padding:0
}
.contacts-tabs .nav-pills .nav-link+.nav-link{
    border-top:1px solid #eee
}
.contacts-tabs .nav-pills .d-flex{
    padding:20px
}
.contacts-tabs .tab-content .tab-content-child{
    -webkit-animation:displayTransition 1s;
    animation:displayTransition 1s
}
@media only screen and (max-width: 991px){
    #right-history{
        top:60px
    }
    .updateimg{
        top:21px
    }
    .list-persons .profile-mail{
        padding:20px
    }
    .list-persons .profile-mail .email-general .gender{
        margin-top:20px
    }
    .contact-editform button{
        margin-top:20px
    }
}
@media only screen and (max-width: 767px){
    .contact-editform{
        padding:20px
    }
    .contact-editform.pl-0{
        padding-left:20px !important
    }
    .contacts-tabs .nav-pills{
        border-right:none;
        border-bottom:1px solid #eee
    }
}
@media only screen and (max-width: 575px){
    #right-history{
        width:270px
    }
    .updateimg{
        top:16px;
        left:29px
    }
    .contacts-tabs .d-flex img.m-r-20{
        margin-right:15px
    }
    .contacts-tabs .nav-pills .d-flex{
        padding:15px
    }
    .list-persons .profile-mail{
        padding:15px
    }
    .list-persons .profile-mail .d-flex img{
        height:80px;
        width:80px !important
    }
    .list-persons .profile-mail .email-general .gender{
        margin-top:15px
    }
    .list-persons .profile-mail .email-general ul{
        padding-right:unset
    }
    .list-persons .profile-mail .email-general ul li{
        font-size:12px
    }
    .list-persons .nav-pills .nav-link .d-flex .flex-grow-1{
        text-align:left
    }
    .contact-editform{
        padding:15px
    }
    .contact-editform button{
        margin-top:15px
    }
    .contact-editform.pl-0{
        padding-left:15px !important
    }
    .contact-editform form .row>div .row>div>div,.contact-options form .row>div .row>div>div{
        margin-bottom:0
    }
    .contact-editform form .row>div .row>div+div,.contact-options form .row>div .row>div+div{
        margin-top:15px
    }
    .list-persons .profile-mail .d-flex .flex-grow-1 h5{
        font-size:16px
    }
    .bookmark-tabcontent .tab-content .card .card-header h5{
        font-size:16px
    }
}
@media only screen and (max-width: 360px){
    .updateimg{
        line-height:73px;
        width:80px
    }
    .list-persons .profile-mail .email-general p span{
        margin-left:10px
    }
    .list-persons .profile-mail .d-flex{
        display:block
    }
    .list-persons .profile-mail .d-flex img{
        height:80px;
        width:80px !important;
        margin-bottom:15px
    }
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{
    color:#5c61f2 !important;
    background:rgba(92,97,242,0.1) !important
}
.dashboard-default .card:hover .card-header .d-flex .flex-grow-1 p::after,.dashboard-2 .card:hover .card-header .d-flex .flex-grow-1 p::after{
    width:115%;
    -webkit-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in
}
.dashboard-default .card-header{
    text-transform:capitalize
}
.dashboard-default .card-header .d-flex .badge-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.dashboard-default .card-header .d-flex .badge-group .badge{
    padding:10px 12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.dashboard-default .card-header .d-flex .badge-group .badge svg{
    margin-left:5px;
    width:auto;
    height:12px
}
.dashboard-default .card-header .d-flex .badge-group .icon-box{
    margin-left:14px
}
.dashboard-default .onhover-show-div{
    width:200px;
    left:unset;
    right:0;
    top:40px
}
.dashboard-default .onhover-show-div ul li{
    padding:8px 12px;
    border-bottom:1px solid rgba(151,151,151,0.1);
    font-size:12px;
    background:#fff;
    font-family:"Roboto",sans-serif;
    text-align:left
}
.dashboard-default .onhover-show-div ul li:last-child{
    border:none
}
.dashboard-default .onhover-show-div ul li a{
    color:rgba(27,49,85,0.4)
}
.dashboard-default .onhover-show-div ul li:hover a{
    color:var(--theme-deafult)
}
.dashboard-default table tr:first-child td,.dashboard-default table tr:first-child th{
    padding-top:0 !important
}
.dashboard-default table tr:last-child td{
    padding-bottom:0 !important
}
.dashboard-default table tr th:first-child,.dashboard-default table tr td:first-child{
    padding-left:unset !important
}
.dashboard-default table tr th:last-child,.dashboard-default table tr td:last-child{
    padding-right:unset !important
}
.dashboard-default .icon-box{
    width:33px;
    height:33px;
    background-color:#f4f4f4;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.dashboard-default .icon-box:hover{
    background-color:rgba(92,97,242,0.1);
    color:#5c61f2
}
.dashboard-default .icon-box svg{
    width:16px
}
.dashboard-default .apexcharts-tooltip{
    z-index:0
}
.dashboard-default .activity-dot-primary{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #5c61f2;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(92,97,242,0.25);
    box-shadow:-3px -6px 15px 0px rgba(92,97,242,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-default .activity-dot-secondary{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #eeb82f;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(238,184,47,0.25);
    box-shadow:-3px -6px 15px 0px rgba(238,184,47,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-default .activity-dot-success{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #61ae41;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(97,174,65,0.25);
    box-shadow:-3px -6px 15px 0px rgba(97,174,65,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-default .activity-dot-danger{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #f81f58;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(248,31,88,0.25);
    box-shadow:-3px -6px 15px 0px rgba(248,31,88,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-default .activity-dot-info{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #4faad5;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(79,170,213,0.25);
    box-shadow:-3px -6px 15px 0px rgba(79,170,213,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-default .activity-dot-light{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #f4f4f4;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(244,244,244,0.25);
    box-shadow:-3px -6px 15px 0px rgba(244,244,244,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-default .activity-dot-dark{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #2c323f;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(44,50,63,0.25);
    box-shadow:-3px -6px 15px 0px rgba(44,50,63,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-default .activity-dot-warning{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #e6ae30;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(230,174,48,0.25);
    box-shadow:-3px -6px 15px 0px rgba(230,174,48,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}

.dashboard-default .profile-greeting .d-sm-flex .badge-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.dashboard-default .profile-greeting .d-sm-flex .badge-group .badge.badge-light-primary{
    padding:10px 12px;
    font-weight:600
}
.dashboard-default .profile-greeting .d-sm-flex .badge-group .badge.badge-light-primary i{
    margin-right:5px
}
.dashboard-default .profile-greeting .d-sm-flex .badge-group .badge{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.dashboard-default .profile-greeting .d-sm-flex .badge-group .badge svg{
    width:auto;
    height:12px;
    margin-right:6px;
    padding-top:0
}
.dashboard-default .profile-greeting .d-sm-flex .badge-group .icon-box{
    margin-left:14px;
    background-color:rgba(181, 128, 34, 0.1)
}
.dashboard-default .profile-greeting .d-sm-flex .badge-group .icon-box svg{
    color:#5c61f2
}
.dashboard-default .profile-greeting .weather .span.sun-bg{
    background-color:rgba(181, 128, 34, 0.1);
    border-radius:50%;
    width:36px;
    height:36px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.dashboard-default .profile-greeting .weather .span.sun-bg i{
    font-size:20px
}
.dashboard-default .profile-greeting .weather h2{
    font-size:36px;
    margin-bottom:4px;
    margin-right:15px;
    padding-right:15px;
    position:relative
}
.dashboard-default .profile-greeting .weather h2:after{
    position:absolute;
    content:"";
    right:0;
    top:15px;
    width:1px;
    height:10px;
    background-color:rgba(92,97,242,0.2)
}
.dashboard-default .profile-greeting .weather h2 span sup i{
    font-size:10px
}
.dashboard-default .profile-greeting .greeting-user{
    text-align:center;
}
.dashboard-default .profile-greeting .greeting-user .profile-vector{
    position:relative;
    margin-bottom:30px
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li{
    position:absolute;
    border-radius:100%
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-small{
    width:3px;
    height:3px
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-medium{
    width:5px;
    height:5px
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.semi-medium{
    width:4px;
    height:4px
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-big{
    width:6px;
    height:6px
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-1{
    left:40%;
    top:33%;
    -webkit-animation:displayTransition 1s infinite;
    animation:displayTransition 1s infinite
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-2{
    left:38%;
    top:21%;
    -webkit-animation:displayTransition 1.5s infinite;
    animation:displayTransition 1.5s infinite
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-3{
    left:37%;
    top:-2%;
    -webkit-animation:displayTransition 0.8s infinite;
    animation:displayTransition 0.8s infinite
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-4{
    left:32%;
    top:11%;
    -webkit-animation:displayTransition 1.8s infinite;
    animation:displayTransition 1.8s infinite
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-5{
    left:34%;
    top:30%;
    -webkit-animation:displayTransition 1.7s infinite;
    animation:displayTransition 1.7s infinite
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-6{
    left:33%;
    top:44%;
    -webkit-animation:displayTransition 1.2s infinite;
    animation:displayTransition 1.2s infinite
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-7{
    left:28%;
    top:44%;
    -webkit-animation:displayTransition 1.9s infinite;
    animation:displayTransition 1.9s infinite
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-8{
    left:33%;
    top:58%;
    -webkit-animation:displayTransition 2s infinite;
    animation:displayTransition 2s infinite
}
.dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-9{
    left:35%;
    top:62%;
    -webkit-animation:displayTransition 2s infinite;
    animation:displayTransition 2s infinite
}
.dashboard-default .profile-greeting .greeting-user ul.vector-image li{
    position:absolute;
    overflow:hidden
}
.dashboard-default .profile-greeting .greeting-user ul.vector-image li img{
    width:auto;
    height:30px
}
.dashboard-default .profile-greeting .greeting-user ul.vector-image li:first-child{
    top:15%;
    right:4%;
    -webkit-animation:move2 1.2s infinite alternate;
    animation:move2 1.2s infinite alternate
}
.dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(2){
    top:55%;
    left:15%;
    -webkit-animation:move1 8s linear infinite;
    animation:move1 8s linear infinite
}
.dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(3){
    top:-60%;
    left:38%;
    -webkit-animation:move2 1.2s infinite alternate;
    animation:move2 1.2s infinite alternate
}
.dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(4){
    top:-40%;
    right:25%;
    -webkit-animation:move1 8s linear infinite;
    animation:move1 8s linear infinite
}
.dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(5){
    top:75%;
    right:15%;
    -webkit-animation:move2 1.2s infinite alternate;
    animation:move2 1.2s infinite alternate
}
.dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(6){
    bottom:-65%;
    right:36%;
    -webkit-animation:move2 1.2s infinite alternate;
    animation:move2 1.2s infinite alternate
}
.dashboard-default .profile-greeting .greeting-user h5{
    font-size: 20px;
    font-weight: 700;
    color:#434343;
    margin-bottom:10px
}
.dashboard-default .profile-greeting .greeting-user h5 a{
    color:#434343
}
.dashboard-default .profile-greeting .greeting-user h5 span.right-circle i{
    background-color:rgba(181, 128, 34, 0.1);
    width:30px;
    height:30px;
    border-radius:50%
}
.dashboard-default .profile-greeting .greeting-user h5 span.right-circle i:before{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.dashboard-default .profile-greeting .greeting-user div{
    font-size:11px
}
.dashboard-default .profile-greeting .greeting-user div span.badge{
    padding:6px 10px
}
.dashboard-default .total-revenue .revenue-chart{
    margin:0 -10px -35px -12px
}
.dashboard-default .total-revenue .revenue-chart .apexcharts-xaxistooltip{
    background-color:rgba(92,97,242,0.1);
    border-color:#5c61f2
}
.dashboard-default .total-revenue .revenue-chart .apexcharts-xaxistooltip:before{
    border-bottom-color:#5c61f2
}
.dashboard-default .total-investment .bottom-progress{
    margin-top:33px
}
.dashboard-default .total-investment .bottom-progress .badge{
    padding:7px 10px 5px
}
.dashboard-default .total-investment .progress .progress-colors{
    background-color:#f4f4f4;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.dashboard-default .total-investment .progress .progress-colors .progress-1{
    width:10%
}
.dashboard-default .total-investment .progress .progress-colors .progress-2{
    width:40%
}
.dashboard-default .our-user .card-body ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:40px
}
.dashboard-default .our-user .card-body ul li{
    display:inline-block;
    width:100%;
    text-align:center;
    position:relative
}
.dashboard-default .our-user .card-body ul li+li::before{
    position:absolute;
    content:"";
    width:1px;
    height:25px;
    background-color:#2b2b2b;
    opacity:0.1;
    top:8px;
    left:0
}
.dashboard-default .our-user .card-body ul li p{
    margin-bottom:5px
}
.dashboard-default .our-user .user-chart{
    position:relative
}
.dashboard-default .our-user .user-chart .icon-donut{
    position:absolute;
    top:50%;
    left:47%;
    width:29px;
    height:29px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.dashboard-default .our-user .user-chart .icon-donut svg{
    color:#5c61f2;
    background-color:rgba(92,97,242,0.1);
    border-radius:50%
}
.dashboard-default .our-user .apexcharts-tooltip .apexcharts-tooltip-text-y-label{
    display:none
}
.dashboard-default .our-earning .card-footer ul li{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%
}
.dashboard-default .our-earning .card-footer ul li+li::before{
    position:absolute;
    content:"";
    width:1px;
    height:20px;
    background-color:rgba(43,43,43,0.1);
    top:0px;
    left:-6px
}
.dashboard-default .our-earning .card-footer ul li p{
    margin-bottom:0
}
.dashboard-default .our-earning .card-footer ul li span{
    margin-left:15px
}
.dashboard-default .appointment-detail .card-body .table tr td{
    border:0;
    vertical-align:middle
}
.dashboard-default .appointment-detail .card-body .table tr td:nth-child(2){
    font-weight:500
}
.dashboard-default .appointment-detail .card-body .table tr td:nth-child(n+2){
    color:rgba(43,43,43,0.5)
}
.dashboard-default .appointment-detail .card-body .table tr td button{
    font-size:12px;
    padding:6px 12px;
    border-radius:5px;
    background-color:#f4f4f4;
    font-weight:600;
    border:0
}
.dashboard-default .appointment-detail .card-body .table tr td button i{
    margin-left:8px;
    font-size:14px
}
.dashboard-default .appointment-detail .card-body .table tr td .active-icon{
    position:relative
}
.dashboard-default .appointment-detail .card-body .table tr td .active-icon .dot{
    position:absolute;
    top:-36px;
    left:35px;
    background-color:#5c61f2;
    width:8px;
    height:8px;
    border:2px solid #fff;
    border-radius:50%
}
.dashboard-default .appointment-detail .card-body .table tr td .d-flex{
    position:relative
}
.dashboard-default .appointment-detail .card-body .table tr td .d-flex .active-status{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border:2px solid #fff;
    top:4px;
    left:31px;
    border-radius:100%
}
.dashboard-default .appointment-detail .card-body .table tr td .d-flex .active-online{
    background-color:#61ae41
}
.dashboard-default .appointment-detail .card-body .table tr td .d-flex .active-busy{
    background-color:#e6ae30
}
.dashboard-default .appointment-detail .card-body .table tr td .d-flex .active-offline{
    background-color:#59667a
}
.dashboard-default .appointment-detail .card-body .table tr td .d-flex span{
    font-weight:600
}
.dashboard-default .appointment-detail .card-body .table tr td .d-flex a span{
    color:#2b2b2b;
    text-transform:capitalize
}
.dashboard-default .appointment-detail .card-body .table tr td .d-flex .circle{
    width:42px;
    height:42px;
    border-radius:50%;
    margin-right:15px
}
.dashboard-default .appointment-detail .card-body .table tr:hover td:nth-child(n+2){
    color:#5c61f2
}
.dashboard-default .appointment-detail .card-body .table tr:hover td:nth-child(1) p{
    color:#5c61f2
}
.dashboard-default .use-country .jvector-map-height{
    height:306px
}
.dashboard-default .total-growth .growth-chart .apexcharts-xaxistooltip{
    background-color:rgba(92,97,242,0.1);
    border-color:#5c61f2
}
.dashboard-default .total-growth .growth-chart .apexcharts-xaxistooltip:before{
    border-bottom-color:#5c61f2
}
.dashboard-default .user-chat .chat-box p{
    font-size:15px;
    display:inline-block;
    padding:15px 30px
}
.dashboard-default .user-chat .chat-box .left-chat .sub-message p{
    border-bottom-left-radius:30px !important;
    border-top-left-radius:0 !important
}
.dashboard-default .user-chat .chat-box .left-chat .message-main:nth-child(n+2){
    margin-top:10px
}
.dashboard-default .user-chat .chat-box .left-chat .message-main p{
    background-color:#5c61f2;
    border-radius:30px;
    border-bottom-left-radius:0;
    color:#fff
}
.dashboard-default .user-chat .chat-box .right-chat{
    margin:30px 0
}
.dashboard-default .user-chat .chat-box .right-chat .message-main p{
    background-color:#f4f4f4;
    border-radius:30px 0 30px 30px
}
.dashboard-default .user-chat .chat-box .input-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:36px
}
.dashboard-default .user-chat .chat-box .input-group .send-msg{
    width:50px;
    height:50px;
    background-color:rgba(92,97,242,0.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:50% !important;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.dashboard-default .user-chat .chat-box .input-group .send-msg svg{
    color:#5c61f2;
    height:20px;
    width:auto
}
.dashboard-default .user-chat .chat-box .input-group input{
    padding:6px 12px;
    border:0;
    border-left:1px solid rgba(43,43,43,0.1)
}
.dashboard-default .user-chat .chat-box .input-group input::-webkit-input-placeholder{
    color:rgba(43,43,43,0.3)
}
.dashboard-default .todo-timeline .d-flex{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.dashboard-default .todo-timeline .d-flex:hover .flex-grow-1 .d-flex img{
    -webkit-animation:tada 1s ease-out infinite;
    animation:tada 1s ease-out infinite
}
.dashboard-default .todo-timeline .d-flex img{
    padding:10px;
    background-color:rgba(92,97,242,0.23);
    border-radius:10px
}
.dashboard-default .todo-timeline .d-flex .flex-grow-1 .badge{
    padding:4px 8px 5px
}
.dashboard-default .todo-timeline .d-flex .flex-grow-1 .todo-font{
    color:#242934;
    font-size:12px
}
.dashboard-default .todo-timeline .d-flex .flex-grow-1 .d-flex .flex-grow-1{
    margin-left:15px
}
.dashboard-default .todo-timeline .d-flex .activity-line{
    width:2px;
    left:37px;
    height:53%
}
.dashboard-default .activity-timeline .d-flex .activity-line{
    position:absolute;
    top:136px;
    height:58%;
    width:4px;
    background-color:#f8f8f8;
    margin:0 auto;
    left:36px;
    z-index:1
}
.dashboard-default .activity-timeline .d-flex .circle-dot-primary{
    background-color:rgba(92,97,242,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#5c61f2
}
.dashboard-default .activity-timeline .d-flex .circle-dot-secondary{
    background-color:rgba(238,184,47,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#eeb82f
}
.dashboard-default .activity-timeline .d-flex .circle-dot-success{
    background-color:rgba(97,174,65,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#61ae41
}
.dashboard-default .activity-timeline .d-flex .circle-dot-danger{
    background-color:rgba(248,31,88,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#f81f58
}
.dashboard-default .activity-timeline .d-flex .circle-dot-info{
    background-color:rgba(79,170,213,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#4faad5
}
.dashboard-default .activity-timeline .d-flex .circle-dot-light{
    background-color:rgba(244,244,244,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#f4f4f4
}
.dashboard-default .activity-timeline .d-flex .circle-dot-dark{
    background-color:rgba(44,50,63,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#2c323f
}
.dashboard-default .activity-timeline .d-flex .circle-dot-warning{
    background-color:rgba(230,174,48,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#e6ae30
}
.dashboard-default .activity-timeline .d-flex+.d-flex{
    margin-top:38px
}
.dashboard-default .activity-timeline .d-flex .flex-grow-1{
    margin-left:20px
}
.dashboard-default .activity-timeline .d-flex .flex-grow-1 p{
    color:rgba(43,43,43,0.7);
    font-size:11px;
    margin-top:2px
}
.dashboard-default .our-todolist .activity-timeline .d-flex:nth-child(n+2){
    margin-top:32px
}
.dashboard-default .our-todolist .activity-timeline .d-flex .flex-grow-1 p{
    margin-bottom:10px
}
@media screen and (max-width: 1660px) and (min-width: 1200px){
    .dash-xl-100{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
    .dash-xl-50{
        max-width:50%;
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%
    }
}
@media screen and (max-width: 1770px) and (min-width: 1551px){
    .blog-box.blog-shadow{
        height:462px
    }
    .dashboard-default .activity-timeline .d-flex .activity-line{
        height:56%
    }
    .dashboard-default .user-chat .chat-box p{
        padding:15px 26px
    }
    .dashboard-default .our-todolist .activity-timeline .d-flex:nth-child(n+2){
        margin-top:25px
    }
    .dashboard-default .activity-timeline .d-flex+.d-flex{
        margin-top:25px
    }
    .dashboard-default .our-earning .card-footer ul.d-block{
        display:block !important
    }
    .dashboard-default .our-earning .card-footer ul.d-block li+li:before{
        background-color:unset
    }
    .dashboard-default .use-country .jvector-map-height{
        height:330px
    }
    .dashboard-default .appointment-detail .card-body .table tr td{
        padding:14px 10px
    }
    .dashboard-default .appointment-detail .card-body .table tr td:last-child{
        padding:14px 0
    }
    .dashboard-default .our-earning .card-footer ul li span{
        margin-left:14px
    }
}
@media screen and (max-width: 1550px) and (min-width: 1200px){
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-1{
        left:24%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-2{
        left:22%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-5{
        left:20%;
        top:8%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-6{
        left:15%;
        top:38%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-7{
        left:20%;
        top:50%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-8{
        left:255%;
        top:60%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-9{
        left:16%;
        top:64%
    }
    .dashboard-default .user-chat .chat-box .right-chat{
        margin:34px 0
    }
    .dashboard-default .activity-timeline.todo-timeline .d-flex .activity-line{
        height:58%
    }
    .dashboard-default .activity-timeline .d-flex+.d-flex{
        margin-top:19px
    }
    .dashboard-default .activity-timeline .d-flex .flex-grow-1{
        margin-left:12px
    }
    .dashboard-default .our-earning .card-footer ul.d-block{
        display:block !important
    }
    .dashboard-default .our-earning .card-footer ul.d-block li+li:before{
        background-color:unset
    }
}
@media screen and (max-width: 1770px) and (min-width: 1200px){
    .dash-30{
        max-width:35%;
        -webkit-box-flex:0;
        -ms-flex:0 0 35%;
        flex:0 0 35%
    }
    .dash-45{
        max-width:40%;
        -webkit-box-flex:0;
        -ms-flex:0 0 40%;
        flex:0 0 40%
    }
}
@media screen and (max-width: 1400px) and (min-width: 1220px){
    .dashboard-default .activity-timeline .d-flex+.d-flex{
        margin-top:12px
    }
    .dashboard-default .appointment-detail .card-body .table tr td:first-child{
        padding-top:14px;
        padding-bottom:14px
    }
    .dashboard-default .our-todolist .activity-timeline .d-flex:nth-child(n+2){
        margin-top:22px
    }
    .dashboard-default .user-chat .chat-box .right-chat{
        margin:16px 0
    }
}
@media screen and (max-width: 1440px) and (min-width: 1200px){
    .setting-list{
        right:16px
    }
    .dashboard-default .card:hover .card-header .d-flex .flex-grow-1 p:after,.dashboard-2 .card:hover .card-header .d-flex .flex-grow-1 p:after{
        width:113%
    }
    .dashboard-default .total-investment .card-header,.dashboard-default .total-revenue .card-header{
        padding:30px 20px
    }
    .dashboard-default .total-investment .card-body{
        padding:28px 20px
    }
    .dashboard-default .our-earning .card-footer{
        padding:26px
    }
    .dashboard-default .appointment-detail .card-body .table tr td button{
        padding:6px 8px
    }
    .dashboard-default .appointment-detail .card-body .table tr td button i{
        margin-left:4px;
        font-size:11px
    }
    .dashboard-default .appointment-detail .card-body .table tr td:first-child{
        padding-right:8px;
        min-width:152px
    }
    .dashboard-default .appointment-detail .card-body .table tr td .d-flex .circle{
        margin-right:14px;
        width:36px;
        height:36px
    }
    .dashboard-default .appointment-detail .card-body .table tr td .d-flex p{
        font-weight:400
    }
    .dashboard-default .appointment-detail .card-body .table tr td .d-flex a span{
        font-size:13px
    }
    .dashboard-default .profile-greeting .d-sm-flex .flex-grow-1 p{
        font-size:12px
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:first-child{
        display:none
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(2){
        left:4%
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(3){
        left:53%
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(4){
        right:12%
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(5){
        right:5%
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(6){
        bottom:-75%
    }
    .dashboard-default .activity-timeline.todo-timeline .d-flex .activity-line{
        height:57%
    }
}
@media screen and (max-width: 1365px) and (min-width: 1200px){
    .dashboard-default .appointment-detail .card-body{
        padding:24px
    }
    .dashboard-default .profile-greeting .greeting-user{
        margin:34px 0 24px
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector{
        margin-bottom:35px
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector img{
        height:180px
    }
    .dashboard-default .profile-greeting .greeting-user h4{
        font-size:20px
    }
    .dashboard-default .total-investment .bottom-progress{
        margin-top:32px
    }
    .dashboard-default .total-revenue .revenue-chart{
        margin:0 -10px -48px -12px
    }
    .dashboard-default .our-user .card-body{
        padding:20px 0 0
    }
    .dashboard-default .our-user .card-body ul{
        padding:0 20px 20px
    }
    .dashboard-default .user-chat .chat-box .right-chat{
        margin:30px 0
    }
    .dashboard-default .user-chat .chat-box p{
        padding:8px 16px
    }
    .dashboard-default .our-todolist .activity-timeline .d-flex:nth-child(n+2){
        margin-top:20px
    }
    .dashboard-default .activity-timeline .d-flex i.fa-circle{
        padding:4px
    }
    .dashboard-default .activity-timeline .d-flex .flex-grow-1 p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box !important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .dashboard-default .activity-timeline.todo-timeline .d-flex .activity-line{
        height:56%
    }
}
@media screen and (max-width: 1660px){
    .dashboard-default .activity-timeline .d-flex .activity-line{
        height:56%
    }
}
@media screen and (max-width: 1199px){
    .dashboard-default .appointment-detail .card-body .table tr td:first-child{
        min-width:180px
    }
    .dashboard-default .appointment-detail .card-body .table tr td:nth-child(2){
        width:unset
    }
    .dashboard-default .appointment-detail .card-body .table tr td:nth-child(n+2){
        min-width:100px
    }
    .dashboard-default .our-user .user-chart .icon-donut{
        left:48%
    }
    .dashboard-default .use-country .jvector-map-height{
        height:310px
    }
    .dashboard-default .our-todolist .activity-timeline .d-flex:nth-child(n+2){
        margin-top:22px
    }
    .dashboard-default .user-chat .chat-box .right-chat{
        margin:18px 0
    }
    .dashboard-default .activity-timeline .d-flex+.d-flex{
        margin-top:30px
    }
    .dashboard-default .proorder{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .dashboard-default .activity-timeline .d-flex .activity-line{
        top:136px;
        height:58%
    }
}
@media screen and (max-width: 991px){
    .dashboard-default .total-growth .card-body .growth-chart{
        margin-bottom:-18px
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(3){
        top:-50%
    }
    .dashboard-default .our-user .card-body ul{
        margin-top:24px
    }
    .dashboard-default .our-todolist .activity-timeline .d-flex:nth-child(n+2){
        margin-top:22px
    }
    .dashboard-default .appointment-detail .card-body .table tr td{
        padding:12px 12px
    }
    .dashboard-default .user-chat .chat-box .right-chat{
        margin:22px 0
    }
    .dashboard-default .activity-timeline.todo-timeline .d-flex .activity-line{
        top:110px;
        left:26px;
        height:61%
    }
    .dashboard-default .activity-timeline .d-flex+.d-flex{
        margin-top:25px
    }
    .dashboard-default .activity-timeline .d-flex .activity-line{
        top:115px;
        left:26px;
        height:56%
    }
}
@media only screen and (max-width: 800px) and (min-width: 768px){
    .dashboard-default .activity-timeline .d-flex+.d-flex{
        margin-top:12px
    }
}
@media screen and (max-width: 767px){
    .dashboard-default .activity-timeline .d-flex .activity-line{
        height:60%
    }
    .dashboard-default .proorder{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
    .dashboard-default .our-user .user-chart .icon-donut{
        left:48%
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(2){
        top:80%;
        left:0
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-1{
        left:28%;
        top:24%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-2{
        left:40%;
        top:5%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-9{
        left:29%
    }
}
@media screen and (max-width: 575px){
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(3){
        top:-85%;
        left:85%
    }
    .dashboard-default .activity-timeline .d-flex .flex-grow-1{
        margin-left:14px
    }
    .dashboard-default .user-chat .chat-box .input-group .send-msg{
        width:48px;
        height:48px
    }
    .dashboard-default .user-chat .chat-box .d-flex .flex-grow-1 p{
        padding:12px 20px
    }
    .dashboard-default .our-earning .card-footer ul li+li:before{
        display:none
    }
    .dashboard-default .profile-greeting .d-sm-flex .badge-group{
        margin-top:12px
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-5{
        left:20%;
        top:18%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-8{
        left:18%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-9{
        left:24%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-6{
        left:20%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-7{
        left:24%;
        top:30%
    }
    .dashboard-default .total-growth .apexcharts-canvas svg .apexcharts-inner .apexcharts-point-annotations text{
        font-size:11px !important
    }
}
@media screen and (max-width: 480px){
    .dashboard-default .total-growth .card-body .growth-chart{
        margin:-5px -10px -24px -10px
    }
    .dashboard-default .activity-timeline .d-flex+.d-flex{
        margin-top:18px
    }
    .dashboard-default .appointment-detail .card-body .table tr td{
        padding:10px 10px
    }
    .dashboard-default .profile-greeting .greeting-user{
        margin:18px
    }
}
@media screen and (max-width: 360px){
    .dashboard-default .activity-timeline.todo-timeline .d-flex .activity-line{
        height:64%
    }
    .dashboard-default .card-header p i{
        margin-left:6px
    }
    .dashboard-default .card-header .d-flex .flex-grow-1 .square-after::after{
        right:-6px
    }
    .dashboard-default .card-header .d-flex .badge-group .badge{
        padding:10px 6px
    }
    .dashboard-default .card-header .d-flex .badge-group .badge span{
        font-size:10px
    }
    .dashboard-default .card-header .d-flex .badge-group .icon-box{
        margin-left:6px
    }
    .dashboard-default .our-user .user-chart .icon-donut{
        left:45%
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:first-child{
        top:15%;
        right:-8%
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(2){
        top:94%;
        left:-10%
    }
    .dashboard-default .profile-greeting .greeting-user ul.vector-image li:nth-child(5){
        top:84%;
        right:-5%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-1{
        left:12%;
        top:24%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-6{
        left:6%;
        top:38%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-7{
        left:14%;
        top:36%
    }
    .dashboard-default .profile-greeting .greeting-user .profile-vector .dots-images li.dot-9{
        left:8%;
        top:55%
    }
}
.dashboard-2 p{
    color:#2b2b2b
}
.dashboard-2 table tr:first-child td,.dashboard-2 table tr:first-child th{
    padding-top:0 !important
}
.dashboard-2 table tr:last-child td{
    padding-bottom:0 !important
}
.dashboard-2 table tr th:first-child,.dashboard-2 table tr td:first-child{
    padding-left:unset !important
}
.dashboard-2 table tr th:last-child,.dashboard-2 table tr td:last-child{
    padding-right:unset !important
}
.dashboard-2 .icon-box{
    width:33px;
    height:33px;
    background-color:#f4f4f4;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.dashboard-2 .icon-box:hover{
    background-color:rgba(181,128,34,0.1);
    color:#5c61f2
}
.dashboard-2 .icon-box svg{
    width:16px
}
.card-header{
    text-transform:capitalize
}
.card-header p{
    color:#b58022;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    position:relative;
    margin-bottom:20px
}
.card-header p i{
    font-size:3px;
    margin-top:-2px;
    margin-left:8px;
    vertical-align:middle
}
.card-header h4{
    text-align:left
}
.card-header .d-flex .flex-grow-1 .square-after:after{
    position:absolute;
    content:"";
    width:75px;
    height:28px;
    background-color:rgba(181,128,34,0.1);
    top:-2px;
    right:-12px;
    border-radius:4px;
    -webkit-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in
}
.dashboard-2 .static-card .order-static{
    margin:0 -10px
}
.dashboard-2 .static-card .card-footer{
    border:0
}
.dashboard-2 .static-card .card-footer ul.d-xxl-flex{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-shrink-0{
    width:45px;
    height:45px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:12px;
    background-color:#51bb25;
    color:#fff
}
.dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-shrink-0:hover div{
    -webkit-transform:scale(1.5);
    transform:scale(1.5)
}
.dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-shrink-0 i{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-grow-1{
    margin-left:15px
}
.dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-grow-1 p{
    margin-bottom:0
}
.dashboard-2 .static-card .card-footer ul.d-xxl-flex li:nth-child(n+2){
    margin-left:20px
}
.dashboard-2 .static-card .card-footer ul.d-xxl-flex li:nth-child(n+2) .flex-shrink-0{
    background-color:#f81f58 !important
}
.dashboard-2 .product-slider .card-body .owl-carousel.owl-theme .owl-dots{
    display:inline-grid;
    position:absolute;
    top:20%;
    right:0
}
.dashboard-2 .product-slider .card-body .owl-carousel.owl-theme .owl-dots .owl-dot span{
    width:5px;
    height:5px
}
.dashboard-2 .product-slider .card-body .owl-carousel.owl-theme .owl-item img{
    width:auto;
    margin:auto
}
.dashboard-2 .product-slider .card-body .product-content{
    text-align:center;
    margin-top:26px
}
.dashboard-2 .product-slider .card-body .product-content div.badge{
    padding:6px 8px 5px;
    border-radius:10px
}
.dashboard-2 .product-slider .card-body .product-content h4{
    font-size:18px;
    color:#5c61f2;
    margin:12px 0
}
.dashboard-2 .product-slider .card-body .product-content h4 i{
    margin-left:8px
}
.dashboard-2 .product-slider .card-body .product-content h5{
    padding:0;
    margin-bottom:0
}
.dashboard-2 .order-card table thead th{
    padding-bottom:36px;
    font-size:13px;
    font-weight:700;
    margin-bottom:0;
    line-height:1
}
.dashboard-2 .order-card table thead th:nth-child(n+2){
    opacity:0.9;
    font-size:16px
}
.dashboard-2 .order-card table tbody tr{
    -webkit-transform:0.3s;
    transform:0.3s
}
.dashboard-2 .order-card table tbody tr:hover td{
    color:#5c61f2
}
.dashboard-2 .order-card table tbody tr:hover td:nth-child(1) .number-dot{
    background-color:rgba(92,97,242,0.1)
}
.dashboard-2 .order-card table tbody tr:hover td:nth-child(1) .number-dot span{
    color:#5c61f2
}
.dashboard-2 .order-card table tbody tr:hover td:nth-child(1) span{
    color:#2b2b2b
}
.dashboard-2 .order-card table tbody tr:hover td:nth-child(2){
    color:#5c61f2;
    opacity:1;
    position:relative
}
.dashboard-2 .order-card table tbody tr:hover td:nth-child(2) span{
    background-color:rgba(92,97,242,0.1);
    border-radius:5px;
    border-left:2px solid #5c61f2
}
.dashboard-2 .order-card table tbody tr td{
    vertical-align:middle;
    font-size:13px;
    padding:18px 15px;
    font-weight:600
}
.dashboard-2 .order-card table tbody tr td .d-flex{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.dashboard-2 .order-card table tbody tr td .d-flex .number-dot{
    width:26px;
    height:26px;
    background-color:#f4f4f4;
    border-radius:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.dashboard-2 .order-card table tbody tr td .d-flex .flex-grow-1 span{
    margin-left:20px
}
.dashboard-2 .order-card table tbody tr td:nth-child(2) span{
    padding:8px 10px;
    border-left:2px solid transparent;
    display:inline-block
}
.dashboard-2 .best-seller .card-header p i{
    margin-top:-2px
}
.dashboard-2 .best-seller table thead th{
    padding-bottom:32px;
    font-size:13px;
    font-weight:700;
    margin-bottom:0;
    line-height:1
}
.dashboard-2 .best-seller table thead th:nth-child(n+2){
    opacity:0.9;
    font-size:16px
}
.dashboard-2 .best-seller table tbody tr{
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.dashboard-2 .best-seller table tbody tr:hover td{
    color:#5c61f2
}
.dashboard-2 .best-seller table tbody tr:hover td i.fa{
    opacity:1
}
.dashboard-2 .best-seller table tbody tr:hover td:nth-child(1) p{
    color:#5c61f2;
    opacity:1
}
.dashboard-2 .best-seller table tbody tr:hover td:nth-child(1) span{
    color:#2b2b2b
}
.dashboard-2 .best-seller table tbody tr:hover td .d-flex .active-online{
    opacity:1
}
.dashboard-2 .best-seller table tbody tr:hover td:last-child span{
    background-color:rgba(92,97,242,0.1)
}
.dashboard-2 .best-seller table tbody tr:hover td:last-child span a{
    color:#5c61f2
}
.dashboard-2 .best-seller table tbody tr:hover td:nth-child(5){
    color:#5c61f2;
    opacity:1;
    vertical-align:middle;
    position:relative
}
.dashboard-2 .best-seller table tbody tr:hover td:nth-child(5) span{
    background-color:rgba(92,97,242,0.1);
    border-radius:5px
}
.dashboard-2 .best-seller table tbody tr td{
    vertical-align:middle;
    font-size:13px;
    padding:17px 15px;
    font-weight:600
}
.dashboard-2 .best-seller table tbody tr td i.fa{
    margin-left:8px;
    opacity:0
}
.dashboard-2 .best-seller table tbody tr td .d-flex{
    position:relative
}
.dashboard-2 .best-seller table tbody tr td .d-flex span a{
    color:#2b2b2b;
    text-transform:capitalize
}
.dashboard-2 .best-seller table tbody tr td .d-flex .active-status{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border:2px solid #fff;
    top:2px;
    left:32px;
    border-radius:100%
}
.dashboard-2 .best-seller table tbody tr td .d-flex .active-online{
    background-color:#5c61f2;
    opacity:0
}
.dashboard-2 .best-seller table tbody tr td:nth-child(5) span{
    padding:8px 8px;
    margin:0 -8px
}
.dashboard-2 .best-seller table tbody tr td:last-child{
    text-align:right
}
.dashboard-2 .best-seller table tbody tr td:last-child span{
    padding:8px 16px;
    background-color:#f3f3f3;
    border-radius:5px
}
.dashboard-2 .best-seller table tbody tr td:last-child span a{
    color:#2b2b2b
}
.dashboard-2 .best-seller table tbody tr td .d-flex img{
    margin-right:10px
}
.dashboard-2 .best-seller table tbody tr td .d-flex .flex-grow-1 p{
    opacity:0.8
}
.dashboard-2 .header-text-primary{
    color:#b58022
}
.dashboard-2 .icon-bg-primary{
    background-color:rgba(92,97,242,0.1)
}
.dashboard-2 .icon-right-primary{
    background-color:#b58022;
    color:#fff
}
.dashboard-2 .header-text-secondary{
    color:#eeb82f
}
.dashboard-2 .icon-bg-secondary{
    background-color:rgba(238,184,47,0.1)
}
.dashboard-2 .icon-right-secondary{
    background-color:#eeb82f;
    color:#fff
}
.dashboard-2 .header-text-success{
    color:#61ae41
}
.dashboard-2 .icon-bg-success{
    background-color:rgba(97,174,65,0.1)
}
.dashboard-2 .icon-right-success{
    background-color:#61ae41;
    color:#fff
}
.dashboard-2 .header-text-danger{
    color:#f81f58
}
.dashboard-2 .icon-bg-danger{
    background-color:rgba(248,31,88,0.1)
}
.dashboard-2 .icon-right-danger{
    background-color:#f81f58;
    color:#fff
}
.dashboard-2 .header-text-info{
    color:#4faad5
}
.dashboard-2 .icon-bg-info{
    background-color:rgba(79,170,213,0.1)
}
.dashboard-2 .icon-right-info{
    background-color:#4faad5;
    color:#fff
}
.dashboard-2 .header-text-light{
    color:#f4f4f4
}
.dashboard-2 .icon-bg-light{
    background-color:rgba(244,244,244,0.1)
}
.dashboard-2 .icon-right-light{
    background-color:#f4f4f4;
    color:#fff
}
.dashboard-2 .header-text-dark{
    color:#2c323f
}
.dashboard-2 .icon-bg-dark{
    background-color:rgba(44,50,63,0.1)
}
.dashboard-2 .icon-right-dark{
    background-color:#2c323f;
    color:#fff
}
.dashboard-2 .header-text-warning{
    color:#e6ae30
}
.dashboard-2 .icon-bg-warning{
    background-color:rgba(230,174,48,0.1)
}
.dashboard-2 .icon-right-warning{
    background-color:#e6ae30;
    color:#fff
}
.dashboard-2 .card-body{
    position:relative
}
.dashboard-2 .card-body .d-flex .flex-grow-1 .profit-wrapper{
    border-radius:50%;
    width:20px;
    height:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.dashboard-2 .card-body .d-flex .flex-grow-1 .profit-wrapper i{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-left:1px
}
.dashboard-2 .card-body .d-flex .flex-grow-1 h6{
    font-size:15px;
    margin:0 6px
}
.dashboard-2 .card-body .d-flex .flex-grow-1 p{
    font-size:12px
}
.dashboard-2 .card-body .right-side{
    position:absolute;
    right:15px;
    bottom:10px;
    border-radius:50%
}
.dashboard-2 .card-body .right-side i.fa{
    font-size:12px;
    width:30px;
    height:30px;
    border-radius:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.dashboard-2 .card-body .right-side i.fa::before{
    z-index:1
}
.dashboard-2 .profit-card,.dashboard-2 .visitor-card,.dashboard-2 .sell-card{
    overflow:hidden
}
.dashboard-2 .profit-card .card-body .flex-grow-1,.dashboard-2 .visitor-card .card-body .flex-grow-1,.dashboard-2 .sell-card .card-body .flex-grow-1{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.dashboard-2 .visitor-card .shap-block .rounded-shap i{
    background-color:rgba(79,170,213,0.4)
}
.dashboard-2 .visitor-card .flex-grow-1 .square-after:after{
    background-color:rgba(79,170,213,0.1)
}
.dashboard-2 .sell-card .shap-block .rounded-shap i{
    background-color:rgba(97,174,65,0.4)
}
.dashboard-2 .sell-card .flex-grow-1 .square-after:after{
    background-color:rgba(97,174,65,0.1)
}
.dashboard-2 .shap-block .rounded-shap i{
    background-color:rgba(181, 128, 34, 0.4);
    width:25px;
    height:25px;
    border-radius:50%;
    opacity:0.3;
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
    -webkit-animation:ripple1 3s linear infinite;
    animation:ripple1 3s linear infinite;
    position:absolute;
    top:0;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
    right:0
}
.dashboard-2 .shap-block .rounded-shap i:nth-child(2){
    -webkit-animation:ripple2 3s linear infinite;
    animation:ripple2 3s linear infinite
}
.dashboard-2 .shap-block .rounded-shap i:nth-child(3){
    -webkit-animation:ripple3 3s linear infinite;
    animation:ripple3 3s linear infinite
}
.dashboard-2 .animated-bg i{
    background-color:#fff;
    -webkit-box-shadow:0 15px 30px 0 #fff;
    box-shadow:0 15px 30px 0 #fff;
    position:absolute;
    height:8%;
    width:8%;
    border-radius:50%;
    opacity:0.3;
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
    -webkit-animation:ripple1 3s linear infinite;
    animation:ripple1 3s linear infinite;
    position:absolute;
    top:0;
    right:0
}
.dashboard-2 .animated-bg i:nth-child(2){
    -webkit-animation:ripple2 3s linear infinite;
    animation:ripple2 3s linear infinite
}
.dashboard-2 .animated-bg i:nth-child(3){
    -webkit-animation:ripple3 3s linear infinite;
    animation:ripple3 3s linear infinite
}
@-webkit-keyframes ripple1{
    0%{
        -webkit-transform:scale(5.5);
        transform:scale(5.5);
        opacity:0.3
    }
    100%{
        -webkit-transform:scale(8.5);
        transform:scale(8.5);
        opacity:0
    }
}
@keyframes ripple1{
    0%{
        -webkit-transform:scale(5.5);
        transform:scale(5.5);
        opacity:0.3
    }
    100%{
        -webkit-transform:scale(8.5);
        transform:scale(8.5);
        opacity:0
    }
}
@-webkit-keyframes ripple2{
    0%{
        -webkit-transform:scale(3.5);
        transform:scale(3.5)
    }
    100%{
        -webkit-transform:scale(5.5);
        transform:scale(5.5)
    }
}
@keyframes ripple2{
    0%{
        -webkit-transform:scale(3.5);
        transform:scale(3.5)
    }
    100%{
        -webkit-transform:scale(5.5);
        transform:scale(5.5)
    }
}
@-webkit-keyframes ripple3{
    0%{
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
    100%{
        -webkit-transform:scale(2.5);
        transform:scale(2.5)
    }
}
@keyframes ripple3{
    0%{
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
    100%{
        -webkit-transform:scale(2.5);
        transform:scale(2.5)
    }
}
.dashboard-2 .product .card-header .d-flex{
    position:unset
}
.dashboard-2 .product .d-flex{
    position:relative
}
.dashboard-2 .product .d-flex .active-status{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border:2px solid #fff;
    top:2px;
    left:32px;
    border-radius:100%
}
.dashboard-2 .product .d-flex .active-online{
    background-color:#5c61f2;
    opacity:0
}
.dashboard-2 .product .card-body .table tr{
    -webkit-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in
}
.dashboard-2 .product .card-body .table tr:hover td .d-flex .active-online{
    opacity:1
}
.dashboard-2 .product .card-body .table tr:hover td:nth-child(2){
    color:#2b2b2b;
    opacity:1
}
.dashboard-2 .product .card-body .table tr:hover td:nth-child(1) p{
    color:#2b2b2b;
    opacity:1
}
.dashboard-2 .product .card-body .table tr:hover td:last-child{
    color:#5c61f2;
    opacity:1;
    vertical-align:middle;
    position:relative
}
.dashboard-2 .product .card-body .table tr:hover td:last-child span{
    background-color:rgba(92,97,242,0.1);
    border-radius:5px
}
.dashboard-2 .product .card-body .table tr td{
    border:0;
    vertical-align:middle;
    padding:15px 12px;
    font-weight:600
}
.dashboard-2 .product .card-body .table tr td:last-child{
    text-align:right
}
.dashboard-2 .product .card-body .table tr td:last-child span{
    padding:6px 6px;
    -webkit-transition:0.2s;
    transition:0.2s
}
.dashboard-2 .product .card-body .table tr td:first-child{
    padding-left:0
}
.dashboard-2 .product .card-body .table tr td:nth-child(2){
    opacity:0.5
}
.dashboard-2 .product .card-body .table tr td .d-flex span{
    font-weight:600
}
.dashboard-2 .product .card-body .table tr td .d-flex span a{
    color:#2b2b2b
}
.dashboard-2 .product .card-body .table tr td .d-flex p{
    color:#2b2b2b;
    opacity:0.7
}
.dashboard-2 .product .card-body .table tr td .d-flex .circle{
    margin-right:10px
}
.dashboard-2 .goal-view .goal-chart{
    position:relative;
    height:288px
}
.dashboard-2 .goal-view .goal-chart .shap-block .rounded-shap i{
    right:47%;
    top:10%
}
.dashboard-2 .goal-view .card-footer{
    border:0
}
.dashboard-2 .goal-view .card-footer ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.dashboard-2 .goal-view .card-footer ul li{
    display:inline-block;
    width:100%;
    text-align:center
}
.dashboard-2 .goal-view .card-footer ul li:hover h4{
    color:#5c61f2
}
.dashboard-2 .goal-view .card-footer ul li:hover span{
    opacity:1
}
.dashboard-2 .goal-view .card-footer ul li+li{
    position:relative
}
.dashboard-2 .goal-view .card-footer ul li+li::before{
    position:absolute;
    content:"";
    width:1px;
    height:25px;
    background-color:#2b2b2b;
    opacity:0.1;
    top:16px;
    left:0
}
.dashboard-2 .goal-view .card-footer ul li h4{
    font-size:20px;
    margin-bottom:8px
}
.dashboard-2 .goal-view .card-footer ul li span{
    opacity:0.7
}
.dashboard-2 .activity-timeline .d-flex .activity-line{
    position:absolute;
    top:38px;
    height:70%;
    width:4px;
    background-color:#f6f8fc;
    margin:0 auto;
    left:36px;
    z-index:1
}
.dashboard-2 .activity-timeline .d-flex .circle-dot-primary{
    background-color:rgba(92,97,242,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#5c61f2
}
.dashboard-2 .activity-timeline .d-flex .circle-dot-secondary{
    background-color:rgba(238,184,47,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#eeb82f
}
.dashboard-2 .activity-timeline .d-flex .circle-dot-success{
    background-color:rgba(97,174,65,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#61ae41
}
.dashboard-2 .activity-timeline .d-flex .circle-dot-danger{
    background-color:rgba(248,31,88,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#f81f58
}
.dashboard-2 .activity-timeline .d-flex .circle-dot-info{
    background-color:rgba(79,170,213,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#4faad5
}
.dashboard-2 .activity-timeline .d-flex .circle-dot-light{
    background-color:rgba(244,244,244,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#f4f4f4
}
.dashboard-2 .activity-timeline .d-flex .circle-dot-dark{
    background-color:rgba(44,50,63,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#2c323f
}
.dashboard-2 .activity-timeline .d-flex .circle-dot-warning{
    background-color:rgba(230,174,48,0.25);
    border-radius:100%;
    padding:6px;
    font-size:5px;
    color:#e6ae30
}
.dashboard-2 .activity-timeline .d-flex+.d-flex{
    margin-top:40px
}
.dashboard-2 .activity-timeline .d-flex .flex-grow-1{
    display:block;
    margin-left:20px
}
.dashboard-2 .activity-timeline .d-flex .flex-grow-1 ul.img-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.dashboard-2 .activity-timeline .d-flex .flex-grow-1 ul.img-wrapper li{
    width:100px;
    height:65px;
    border-radius:5px;
    background-color:#f3f3f3;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.dashboard-2 .activity-timeline .d-flex .flex-grow-1 ul.img-wrapper li:hover img{
    -webkit-animation:tada 1s ease-out infinite;
    animation:tada 1s ease-out infinite
}
.dashboard-2 .activity-timeline .d-flex .flex-grow-1 ul.img-wrapper li+li{
    margin-left:20px
}
.dashboard-2 .activity-timeline .d-flex .flex-grow-1 ul.img-wrapper li img{
    margin:auto
}
.dashboard-2 .activity-timeline .d-flex .flex-grow-1 .img-wrapper img:nth-child(2){
    margin-left:15px
}
.dashboard-2 .activity-timeline .d-flex .flex-grow-1 p{
    color:rgba(43,43,43,0.7);
    font-size:11px;
    margin-top:5px;
    margin-bottom:17px
}
.dashboard-2 .activity-timeline .d-flex .flex-grow-1 p:first-child{
    font-size:12px
}
.dashboard-2 .activity-timeline .d-flex .flex-grow-1 p .badge{
    padding:4px 6px 5px
}
.dashboard-2 .activity-dot-primary{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #5c61f2;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(92,97,242,0.25);
    box-shadow:-3px -6px 15px 0px rgba(92,97,242,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-2 .activity-dot-secondary{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #eeb82f;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(238,184,47,0.25);
    box-shadow:-3px -6px 15px 0px rgba(238,184,47,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-2 .activity-dot-success{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #61ae41;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(97,174,65,0.25);
    box-shadow:-3px -6px 15px 0px rgba(97,174,65,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-2 .activity-dot-danger{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #f81f58;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(248,31,88,0.25);
    box-shadow:-3px -6px 15px 0px rgba(248,31,88,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-2 .activity-dot-info{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #4faad5;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(79,170,213,0.25);
    box-shadow:-3px -6px 15px 0px rgba(79,170,213,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-2 .activity-dot-light{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #f4f4f4;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(244,244,244,0.25);
    box-shadow:-3px -6px 15px 0px rgba(244,244,244,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-2 .activity-dot-dark{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #2c323f;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(44,50,63,0.25);
    box-shadow:-3px -6px 15px 0px rgba(44,50,63,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
.dashboard-2 .activity-dot-warning{
    width:16px;
    height:16px;
    background-color:#fff;
    border-radius:100%;
    border:3px solid #e6ae30;
    -webkit-box-shadow:-3px -6px 15px 0px rgba(230,174,48,0.25);
    box-shadow:-3px -6px 15px 0px rgba(230,174,48,0.25);
    position:relative;
    z-index:1;
    min-width:16px;
    min-height:16px
}
@media only screen and (max-width: 1800px){
    .dashboard-2 .activity-timeline .d-flex+.d-flex{
        margin-top:26px
    }
    .dashboard-2 .order-card table thead th:first-child{
        font-size:20px !important
    }
    .dashboard-2 .order-card table thead th:nth-child(n+2){
        font-size:15px
    }
    .dashboard-2 .order-card table tr td:first-child,.dashboard-2 .order-card table tr td:nth-child(4){
        min-width:140px
    }
    .dashboard-2 .product .card-body .table tr td{
        padding:14px 4px
    }
    .dashboard-2 .product .card-body .table tr td:first-child{
        min-width:130px
    }
}
@media only screen and (max-width: 1740px){
    .dashboard-2 .best-seller table tbody tr td{
        padding:12px 15px
    }
    .dashboard-2 .product-slider .card-body .product-content{
        margin-top:14px
    }
    .dashboard-2 .order-card table tbody tr td{
        padding:14px 15px
    }
    .dashboard-2 .order-card table th:nth-child(n+2),.dashboard-2 .order-card table td:nth-child(n+2){
        min-width:90px
    }
    .dashboard-2 .order-card table th:nth-child(5),.dashboard-2 .order-card table td:nth-child(5){
        min-width:135px;
        font-size:12px
    }
    .dashboard-2 .product .card-body table tbody tr td:first-child{
        min-width:200px
    }
}
@media only screen and (max-width: 1770px) and (min-width: 1551px){
    .dashboard-2 .product .d-flex .active-status{
        left:14px
    }
    .dashboard-2 .product .card-body .table tr td .d-flex .circle{
        height:30px;
        margin-right:6px
    }
    .dashboard-2 .product .card-header,.dashboard-2 .product .card-body{
        padding:26px 18px
    }
}
@media only screen and (max-width: 1660px){
    .dashboard-2 .activity-timeline .d-flex .activity-line{
        height:67%
    }
    .dashboard-2 .static-card .card-footer{
        padding:30px 22px
    }
    .dashboard-2 .profit-card .card-body .d-flex .flex-grow-1 p,.dashboard-2 .visitor-card .card-body .d-flex .flex-grow-1 p,.dashboard-2 .sell-card .card-body .d-flex .flex-grow-1 p{
        width:78px;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap
    }
    .dashboard-2 .best-seller table tr td{
        padding:14px 15px
    }
    .dashboard-2 .best-seller table th:first-child,.dashboard-2 .best-seller table td:first-child{
        min-width:180px
    }
    .dashboard-2 .best-seller table th:nth-child(2),.dashboard-2 .best-seller table th:nth-child(3),.dashboard-2 .best-seller table th:nth-child(6),.dashboard-2 .best-seller table td:nth-child(2),.dashboard-2 .best-seller table td:nth-child(3),.dashboard-2 .best-seller table td:nth-child(6){
        min-width:95px
    }
    .dashboard-2 .order-card .card-body table tr td:first-child{
        min-width:125px
    }
}
@media only screen and (max-width: 1690px) and (min-width: 1551px){
    .dashboard-2 .card-body .right-side{
        right:8px;
        bottom:6px
    }
    .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-grow-1{
        margin-left:10px
    }
    .dashboard-2 .activity-timeline .d-flex+.d-flex{
        margin-top:14px
    }
}
@media only screen and (max-width: 1550px) and (min-width: 1366px){
    .dashboard-2 .goal-view .card-body{
        padding:30px 22px
    }
    .dashboard-2 .goal-view .card-footer{
        padding:30px 14px
    }
    .dashboard-2 .activity-timeline .d-flex .flex-grow-1 p{
        margin-bottom:10px
    }
    .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-grow-1{
        margin-left:10px
    }
    .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-shrink-0{
        width:34px;
        height:34px
    }
}
@media only screen and (max-width: 1550px){
    .dashboard-2 .best-seller table tbody tr td{
        padding:10px 15px
    }
    .dashboard-2 .goal-view .card-footer ul li+li::before{
        top:14px;
        left:0
    }
    .dashboard-2 .goal-view .card-footer ul li h4{
        font-size:18px
    }
    .dashboard-2 .product .card-body .table tr td{
        padding:12px 15px
    }
}
@media only screen and (max-width: 1550px) and (min-width: 1440px){
    .dashboard-2 .product .card-body .table tr td{
        padding:13px 6px !important
    }
    .dashboard-2 .best-seller table thead th{
        padding-bottom:20px
    }
    .dashboard-2 .best-seller table td{
        padding-top:8px;
        padding-bottom:8px
    }
}
@media only screen and (max-width: 1470px) and (min-width: 1200px){
    .dashboard-2 .activity-timeline .d-flex .flex-grow-1 p{
        margin-bottom:7px
    }
    .dashboard-2 .activity-timeline .d-flex .activity-line{
        height:65%
    }
    .dashboard-2 .activity-timeline .d-flex+.d-flex{
        margin-top:28px
    }
    .dashboard-2 .static-card .card-footer{
        padding:0 22px 16px
    }
    .dashboard-2 .best-seller table tbody tr td{
        padding:12px 8px
    }
    .dashboard-2 .profit-card .card-body .d-flex .flex-grow-1 p,.dashboard-2 .visitor-card .card-body .d-flex .flex-grow-1 p,.dashboard-2 .sell-card .card-body .d-flex .flex-grow-1 p{
        width:52px
    }
    .dashboard-2 .card-body .right-side{
        right:-2px;
        bottom:-2px
    }
}
@media only screen and (max-width: 1550px) and (min-width: 1200px){
    .dashboard-2 .order-card table th:nth-child(4),.dashboard-2 .order-card table td:nth-child(4){
        display:none
    }
    .dashboard-2 .product .d-flex .circle{
        margin-right:6px
    }
    .dashboard-2 .product .d-flex .active-status{
        left:18px
    }
    .dashboard-2 .product .card-body .table tr td{
        padding:12px 6px
    }
    .dashboard-2 .product .card-body .table tr td:first-child{
        min-width:136px
    }
    .dashboard-2 .product .card-body .table tr td:nth-child(2){
        display:none
    }
    .dashboard-2 .product .card-body .table tr td:last-child span{
        font-size:13px
    }
    .dashboard-2 .product .card-body .table tr td .d-flex .circle{
        height:28px
    }
    .dashboard-2 .product .card-header,.dashboard-2 .product .card-body{
        padding:26px 20px
    }
    .dashboard-2 .best-seller table thead th:first-child{
        font-size:22px !important
    }
    .dashboard-2 .best-seller table tbody tr td:last-child span{
        padding:8px
    }
    .dashboard-2 .best-seller table td:first-child,.dashboard-2 .best-seller table th:first-child{
        min-width:170px
    }
    .dashboard-2 .best-seller table td:nth-child(3),.dashboard-2 .best-seller table td:nth-child(6),.dashboard-2 .best-seller table th:nth-child(3),.dashboard-2 .best-seller table th:nth-child(6){
        min-width:88px
    }
    .dashboard-2 .best-seller table td:nth-child(2),.dashboard-2 .best-seller table td:nth-child(4),.dashboard-2 .best-seller table th:nth-child(2),.dashboard-2 .best-seller table th:nth-child(4){
        display:none
    }
}
@media only screen and (max-width: 1366px) and (min-width: 1200px){
    .card-header p i{
        margin-left:3px
    }
    .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-shrink-0{
        width:40px;
        height:40px
    }
    .dashboard-2 .product-slider .card-body .product-content h4{
        font-size:16px
    }
    .dashboard-2 .goal-view .card-footer ul li:last-child{
        display:none
    }
    .dashboard-2 .activity-timeline .d-flex .flex-grow-1{
        margin-left:16px
    }
    .dashboard-2 .activity-timeline .d-flex .flex-grow-1 p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box !important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .dashboard-2 .activity-timeline .d-flex .flex-grow-1 ul.img-wrapper li{
        width:80px
    }
    .dashboard-2 .visitor-card .card-header,.dashboard-2 .visitor-card .card-body,.dashboard-2 .profit-card .card-header,.dashboard-2 .profit-card .card-body,.dashboard-2 .sell-card .card-header,.dashboard-2 .sell-card .card-body{
        padding:22px 22px 25px
    }
    .dashboard-2 .activity-timeline .d-flex .activity-line{
        height:64%
    }
    .dashboard-2 .activity-timeline .d-flex+.d-flex{
        margin-top:10px
    }
}
@media only screen and (max-width: 1350px) and (min-width: 1200px){
    .xl-38{
        -webkit-box-flex:0;
        -ms-flex:0 0 38%;
        flex:0 0 38%;
        width:38%
    }
    .xl-28{
        -webkit-box-flex:0;
        -ms-flex:0 0 28.6667%;
        flex:0 0 28.6667%;
        width:28.6667%
    }
    .dashboard-2 .static-card .card-footer ul.d-xxl-flex li .flex-grow-1 p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box !important;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .dashboard-2 .goal-view .goal-chart .shap-block .rounded-shap i{
        right:46%
    }
    .dashboard-2 .goal-view .card-body{
        padding:30px 0
    }
    .dashboard-2 .order-card .card-body table tr th:nth-child(3),.dashboard-2 .order-card .card-body table tr td:nth-child(3){
        display:none
    }
}
@media only screen and (max-width: 1400px){
    .dashboard-2 .static-card .card-footer ul.order-bottom.d-xxl-flex li:nth-child(n+2){
        margin-left:0;
        margin-top:15px
    }
}
@media only screen and (max-width: 1199px){
    .dashboard-2 .product .card-body .table tr td:first-child{
        min-width:160px
    }
    .dashboard-2 .product .card-body .table tr td:nth-child(n+2){
        min-width:60px
    }
    .dashboard-2 .best-seller table tr td{
        padding:14px 15px
    }
    .dashboard-2 .best-seller table th:first-child,.dashboard-2 .best-seller table td:first-child{
        min-width:180px
    }
    .dashboard-2 .best-seller table th:nth-child(2),.dashboard-2 .best-seller table th:nth-child(3),.dashboard-2 .best-seller table th:nth-child(6),.dashboard-2 .best-seller table td:nth-child(2),.dashboard-2 .best-seller table td:nth-child(3),.dashboard-2 .best-seller table td:nth-child(6){
        min-width:118px
    }
    .dashboard-2 .order-card table tr td:first-child,.dashboard-2 .order-card table tr td:nth-child(4){
        min-width:170px
    }
    .dashboard-2 .order-card table tbody tr td{
        padding:12px 14px
    }
    .dashboard-2 .order-card table th:nth-child(n+2),.dashboard-2 .order-card table td:nth-child(n+2){
        min-width:120px
    }
    .dashboard-2 .order-card table th:nth-child(5),.dashboard-2 .order-card table td:nth-child(5){
        min-width:190px
    }
    .dashboard-2 .product-slider .card-body .product-content{
        margin-top:14px
    }
    .dashboard-2 .activity-timeline .d-flex+.d-flex{
        margin-top:34px
    }
    .dashboard-2 .best-seller table thead th{
        padding-bottom:22px
    }
    .dashboard-2 .static-card .card-footer ul.order-bottom.d-xxl-flex{
        display:block !important
    }
    .dashboard-2 .static-card .card-footer ul.order-bottom.d-xxl-flex li:nth-child(n+2){
        margin-left:0;
        margin-top:15px
    }
}
@media only screen and (max-width: 1024px) and (min-width: 992px){
    .dashboard-2 .activity-timeline .d-flex .activity-line{
        height:70%
    }
}
@media only screen and (max-width: 1470px){
    .dashboard-2 .order-card table tbody tr td{
        padding:15px 12px
    }
}
@media only screen and (max-width: 1366px){
    .dashboard-2 .goal-view .card-footer ul li h4{
        font-size:16px
    }
}
@media only screen and (max-width: 991px){
    .dashboard-2 .goal-view .card-header,.dashboard-2 .product-slider .card-header{
        padding-bottom:0 !important
    }
    .dashboard-2 .order-card table thead th,.dashboard-2 .best-seller table thead th{
        padding-bottom:24px
    }
    .dashboard-2 .order-card table tbody tr td,.dashboard-2 .best-seller table tbody tr td{
        padding:12px 12px
    }
    .dashboard-2 .static-card .card-footer ul.order-bottom.d-xxl-flex{
        display:-webkit-box !important;
        display:-ms-flexbox !important;
        display:flex !important
    }
    .dashboard-2 .static-card .card-footer ul.order-bottom.d-xxl-flex li:nth-child(n+2){
        margin-top:0;
        margin-left:20px
    }
    .dashboard-2 .activity-timeline .d-flex .flex-grow-1 p{
        margin-bottom:14px
    }
    .dashboard-2 .activity-timeline .d-flex .activity-line{
        left:26px;
        top:34px
    }
    .dashboard-2 .activity-timeline .d-flex+.d-flex{
        margin-top:20px
    }
    .dashboard-2 .goal-view .goal-chart .shap-block .rounded-shap i{
        right:48%
    }
}
@media only screen and (max-width: 575px){
    .card-header .d-flex .flex-grow-1 .square-after:after{
        top:-3px
    }
    .dashboard-2 .order-card table tbody tr td,.dashboard-2 .best-seller table tbody tr td{
        padding:8px 12px
    }
    .dashboard-2 .activity-timeline .d-flex+.d-flex{
        margin-top:24px
    }
}
@media only screen and (max-width: 480px){
    .dashboard-2 .goal-view .card-body{
        padding-bottom:0 !important
    }
    .dashboard-2 .goal-view .card-footer{
        padding-top:0 !important
    }
    .dashboard-2 .goal-view .goal-chart{
        height:256px
    }
    .dashboard-2 .activity-timeline .d-flex .flex-grow-1 p{
        margin-bottom:10px
    }
    .dashboard-2 .goal-view .card-footer ul{
        display:block
    }
    .dashboard-2 .goal-view .card-footer ul li+li{
        margin-top:15px
    }
    .dashboard-2 .goal-view .card-footer ul li+li::before{
        display:none
    }
    .dashboard-2 .goal-view .goal-chart .shap-block .rounded-shap i{
        right:45%
    }
}
@media only screen and (max-width: 420px){
    .dashboard-2 .product-slider .card-body .owl-carousel.owl-theme .owl-dots{
        top:0;
        margin-top:0
    }
    .dashboard-2 .static-card .order-static .apexcharts-subtitle-text{
        display:none
    }
    .dashboard-2 .static-card .card-footer ul.order-bottom.d-xxl-flex{
        display:block !important
    }
    .dashboard-2 .static-card .card-footer ul.order-bottom.d-xxl-flex li:nth-child(n+2){
        margin-left:0;
        margin-top:15px
    }
}
@media only screen and (max-width: 360px){
    .dashboard-2 .card-body .right-side{
        right:0;
        bottom:-3px
    }
    .dashboard-2 .activity-timeline .d-flex .activity-line{
        display:none
    }
    .dashboard-2 .activity-timeline .d-flex .activity-dot-secondary,.dashboard-2 .activity-timeline .d-flex .activity-dot-primary{
        display:none
    }
    .dashboard-2 .activity-timeline .d-flex .flex-grow-1{
        margin-left:0
    }
}
.chart-widget .bar-chart-widget .card-body h4{
    font-size:22px
}
.general-widget .card:hover .card-header .d-flex .flex-grow-1 p::after{
    width:130%;
    -webkit-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in
}
.general-widget .header-text-primary{
    color:#5c61f2 !important
}
.general-widget .icon-bg-primary{
    background-color:rgba(92,97,242,0.1) !important
}
.general-widget .icon-right-primary{
    background-color:#5c61f2;
    color:#fff
}
.general-widget .bg-color-primary{
    background-color:#5c61f2
}
.general-widget .header-text-secondary{
    color:#eeb82f !important
}
.general-widget .icon-bg-secondary{
    background-color:rgba(238,184,47,0.1) !important
}
.general-widget .icon-right-secondary{
    background-color:#eeb82f;
    color:#fff
}
.general-widget .bg-color-secondary{
    background-color:#eeb82f
}
.general-widget .header-text-success{
    color:#61ae41 !important
}
.general-widget .icon-bg-success{
    background-color:rgba(97,174,65,0.1) !important
}
.general-widget .icon-right-success{
    background-color:#61ae41;
    color:#fff
}
.general-widget .bg-color-success{
    background-color:#61ae41
}
.general-widget .header-text-danger{
    color:#f81f58 !important
}
.general-widget .icon-bg-danger{
    background-color:rgba(248,31,88,0.1) !important
}
.general-widget .icon-right-danger{
    background-color:#f81f58;
    color:#fff
}
.general-widget .bg-color-danger{
    background-color:#f81f58
}
.general-widget .header-text-info{
    color:#4faad5 !important
}
.general-widget .icon-bg-info{
    background-color:rgba(79,170,213,0.1) !important
}
.general-widget .icon-right-info{
    background-color:#4faad5;
    color:#fff
}
.general-widget .bg-color-info{
    background-color:#4faad5
}
.general-widget .header-text-light{
    color:#f4f4f4 !important
}
.general-widget .icon-bg-light{
    background-color:rgba(244,244,244,0.1) !important
}
.general-widget .icon-right-light{
    background-color:#f4f4f4;
    color:#fff
}
.general-widget .bg-color-light{
    background-color:#f4f4f4
}
.general-widget .header-text-dark{
    color:#2c323f !important
}
.general-widget .icon-bg-dark{
    background-color:rgba(44,50,63,0.1) !important
}
.general-widget .icon-right-dark{
    background-color:#2c323f;
    color:#fff
}
.general-widget .bg-color-dark{
    background-color:#2c323f
}
.general-widget .header-text-warning{
    color:#e6ae30 !important
}
.general-widget .icon-bg-warning{
    background-color:rgba(230,174,48,0.1) !important
}
.general-widget .icon-right-warning{
    background-color:#e6ae30;
    color:#fff
}
.general-widget .bg-color-warning{
    background-color:#e6ae30
}
.general-widget .card-header{
    text-transform:capitalize
}
.general-widget .card-header p{
    font-size:12px;
    color:#eeb82f;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    position:relative;
    margin-bottom:18px
}
.general-widget .card-header p i{
    font-size:3px;
    margin-left:8px;
    vertical-align:middle
}
.general-widget .card-header .d-flex{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.general-widget .card-header .d-flex .flex-grow-1 .square-after:after{
    position:absolute;
    content:"";
    width:76px;
    height:25px;
    background-color:rgba(92,97,242,0.1);
    top:-2px;
    right:-12px;
    border-radius:4px
}
.general-widget .icon-box{
    width:33px;
    height:33px;
    background-color:#f4f4f4;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.general-widget .icon-box:hover{
    background-color:rgba(92,97,242,0.1);
    color:#5c61f2
}
.general-widget .icon-box svg{
    width:16px
}
.general-widget .product-widget .card-header .d-flex .flex-grow-1 .square-after:after{
    background-color:rgba(97,174,65,0.1)
}
.general-widget .user-widget .card-header .d-flex .flex-grow-1 .square-after:after{
    background-color:rgba(79,170,213,0.1)
}
.general-widget .message-widget .card-header .d-flex .flex-grow-1 .square-after:after{
    background-color:rgba(238,184,47,0.1)
}
.apexcharts-tooltip{
    z-index:7 !important
}
.static-widget{
    margin-bottom:40px
}
.static-widget h6{
    font-size:14px;
    font-weight:400;
    color:rgba(43,43,43,0.7)
}
.static-widget .flex-grow-1{
    -ms-flex-item-align:center !important;
    align-self:center !important
}
.static-widget .icon-bg{
    font-size:30px
}
.bg-info .d-flex.static-top-widget .align-self-center{
    background-color:#4faad5
}
.bg-primary .d-flex.static-top-widget .align-self-center{
    background-color:var(--theme-deafult)
}
.bg-secondary .d-flex.static-top-widget .align-self-center{
    background-color:var(--theme-secondary)
}
.bg-danger .d-flex.static-top-widget .align-self-center{
    background-color:#f81f58
}
.cal-datepicker .datepicker .datepicker--nav-action[data-action="prev"] svg{
    width:28px
}
.widget-joins .widget-card{
    border:1px solid #eee;
    padding:30px;
    border-radius:10px;
    position:relative
}
.widget-joins .widget-card .widget-icon{
    width:50px;
    height:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:100%
}
.widget-joins .widget-card .widget-icon i{
    font-size:30px
}
.widget-joins .widget-card .widget-icon svg{
    width:20px;
    height:20px
}
.widget-joins .widget-card .icon-bg{
    position:absolute;
    right:20px;
    bottom:20px
}
.widget-joins .widget-card .icon-bg svg{
    opacity:0.05;
    fill:#898989
}
.widget-joins .widget-card h6{
    color:#898989;
    margin-bottom:10px;
    font-size:18px;
    font-weight:500
}
.widget-joins .widget-card h5{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.widget-joins .widget-card .font-Montserrat{
    color:#979797
}
.widget-joins .widget-card .font-Montserrat i{
    font-size:20px;
    vertical-align:middle
}
.widget-joins .widget-card .font-Montserrat span{
    font-weight:600
}
.widget-joins .d-flex{
    text-align:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.widget-joins .d-flex .details{
    padding:1px 0
}
.widget-joins .d-flex .flex-grow-1{
    text-align:right
}
.widget-joins .d-flex .flex-grow-1>span{
    color:rgba(43,43,43,0.7)
}
.widget-joins .d-flex .flex-grow-1 svg{
    width:55px;
    height:55px
}
.social-widget-card h6{
    font-size:16px;
    font-weight:500;
    color:rgba(43,43,43,0.7);
    margin-bottom:0
}
.social-widget-card h5{
    font-size:20px;
    font-weight:600
}
.social-widget-card .d-flex{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.social-widget-card .d-flex .social-font{
    width:70px;
    height:70px;
    background-color:rgba(92,97,242,0.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:50%
}
.social-widget-card .d-flex .social-font img{
    width:auto;
    height:40%
}
.social-widget-card .d-flex .flex-grow-1{
    margin-left:20px
}
.social-widget-card .d-flex h4{
    margin-bottom:0;
    font-size:24px
}
.social-widget-card .card-footer .row .col:nth-child(n+2){
    border-left:1px solid #eee
}
.browser-widget:hover img{
    -webkit-filter:grayscale(0%);
    filter:grayscale(0%);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-transform:scale(1.1) rotate(5deg);
    transform:scale(1.1) rotate(5deg)
}
.browser-widget img{
    height:80px;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transform:scale(1) rotate(0deg);
    transform:scale(1) rotate(0deg);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.browser-widget .flex-grow-1{
    text-align:center;
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
    -webkit-column-rule:1px solid #f4f4f4;
    -moz-column-rule:1px solid #f4f4f4;
    column-rule:1px solid #f4f4f4
}
.browser-widget .flex-grow-1 p{
    margin-bottom:5px
}
.browser-widget .flex-grow-1 span{
    margin-bottom:0;
    color:rgba(43,43,43,0.7)
}
.browser-widget .flex-grow-1 h4{
    color:#2b2b2b;
    margin-bottom:0;
    font-size:18px
}
.browser-widget .flex-grow-1 h4 span{
    color:#333333
}
.mobile-clock-widget .sec,.min,.hour{
    position:absolute;
    width:24px;
    height:234px;
    top:0;
    left:102px;
    margin-top:-30px;
    margin-left:-25px
}
.cal-date-widget .datepicker{
    border-radius:10px;
    padding:0
}
.cal-date-widget .datepicker .datepicker--nav-action path{
    stroke-width:3px
}
.cal-date-widget .datepicker .datepicker--nav{
    border-bottom:none
}
.cal-date-widget .datepicker .datepicker--cell.-other-month-{
    color:#979797
}
.cal-date-widget .datepicker .datepicker--day-name,.cal-date-widget .datepicker .datepicker--cell-day{
    height:44px
}
.cal-date-widget .cal-info h2{
    font-size:100px;
    color:#eee
}
.weather-widget-two{
    background:url(../images/other-images/wallpaper.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:10px;
    position:relative;
    color:#fff
}
.weather-widget-two::after{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    opacity:0.3;
    -webkit-filter:blur(30px);
    filter:blur(30px);
    background-color:rgba(92,97,242,0.05);
    border-radius:10px;
    top:0
}
.weather-widget-two .card-body{
    position:relative;
    z-index:1
}
.weather-widget-two svg path.climacon_component-stroke{
    fill:#fff
}
.weather-widget-two .widget-list .climacon_component-fill{
    fill:#fff
}
.weather-widget-two .widget-list svg.climacon{
    width:70px;
    height:70px
}
.weather-widget-two .widget-list ul li{
    padding:16px 0
}
.weather-widget-two .widget-list ul li+li{
    border-top:1px solid rgba(238,238,238,0.2)
}
.weather-widget-two .widget-list .d-flex{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.weather-widget-two .widget-list .d-flex .flex-grow-1{
    margin-left:30px
}
.weather-widget-two .widget-list .d-flex .flex-grow-1 h5{
    font-size:22px;
    margin-bottom:0
}
.weather-widget-two .widget-list .d-flex span{
    font-size:18px
}
.weather-widget-two .num{
    font-weight:600
}
.weather-widget-two .climacon_component-stroke{
    stroke:#fff
}
.mobile-clock-widget{
    position:relative;
    padding:25px;
    z-index:1;
    text-align:center
}
.mobile-clock-widget::after{
    position:absolute;
    content:"";
    z-index:-1;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#19191b;
    opacity:0.3;
    border-radius:10px
}
.mobile-clock-widget .bg-svg{
    position:absolute;
    top:-4px;
    left:-25px
}
.mobile-clock-widget .bg-svg svg{
    width:150px;
    height:150px;
    opacity:0.08
}
.mobile-clock-widget .clock{
    padding:0;
    position:relative;
    list-style:none;
    margin:0 auto;
    height:175px;
    width:175px;
    display:block;
    background:url(../images/other-images/clock-face.png) 5% center no-repeat
}
.mobile-clock-widget .sec{
    background:url(https://admin.pixelstrap.com/tivo/assets/images/sec.svg);
    z-index:3
}
.mobile-clock-widget .min{
    background:url(https://admin.pixelstrap.com/tivo/assets/images/min.svg);
    z-index:2
}
.mobile-clock-widget .hour{
    background:url(https://admin.pixelstrap.com/tivo/assets/images/hour.svg);
    z-index:1
}
.general-widget .cal-date-widget .datepicker{
    width:auto;
    -webkit-box-shadow:none;
    box-shadow:none
}
.mobile-clock-widget #date{
    margin-top:31px;
    font-weight:600
}
.flot-chart-container{
    height:250px
}
.calender-widget .cal-img{
    background:url(../images/other-images/calender-bg.png);
    background-size:cover;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    height:300px
}
.calender-widget .cal-date{
    width:100px;
    height:100px;
    margin:0 auto;
    text-align:center;
    background-color:#fff;
    border-radius:50%;
    margin-top:-45px;
    border:1px solid #eee;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.calender-widget .cal-date h5{
    margin-bottom:0;
    line-height:1.5;
    padding:17px;
    font-weight:600;
    font-size:18px
}
.calender-widget .cal-desc h3{
    font-size:22px;
    margin-bottom:20px;
    text-transform:capitalize
}
.calender-widget .cal-desc p{
    font-weight:400;
    font-size:14px;
    color:#898989
}
.contact-form .theme-form{
    border:1px solid #f4f4f4;
    padding:30px;
    border-radius:4px;
    margin-top:10px
}
.contact-form .theme-form .form-icon{
    width:53px;
    height:53px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    border:1px solid #efefef;
    border-radius:100%;
    font-size:28px;
    background-color:#fff;
    color:#5c61f2;
    margin-top:-55px;
    margin-bottom:15px
}
.contact-form .theme-form label{
    font-weight:600
}
.contact-form .theme-form input::-webkit-input-placeholder, .contact-form .theme-form textarea::-webkit-input-placeholder{
    color:rgba(43,43,43,0.4);
    font-weight:400
}
.contact-form .theme-form input::-moz-placeholder, .contact-form .theme-form textarea::-moz-placeholder{
    color:rgba(43,43,43,0.4);
    font-weight:400
}
.contact-form .theme-form input:-ms-input-placeholder, .contact-form .theme-form textarea:-ms-input-placeholder{
    color:rgba(43,43,43,0.4);
    font-weight:400
}
.contact-form .theme-form input::-ms-input-placeholder, .contact-form .theme-form textarea::-ms-input-placeholder{
    color:rgba(43,43,43,0.4);
    font-weight:400
}
.contact-form .theme-form input::placeholder,.contact-form .theme-form textarea::placeholder{
    color:rgba(43,43,43,0.4);
    font-weight:400
}
.contact-form .theme-form input:focus,.contact-form .theme-form textarea:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.contact-form .btn{
    padding:10px 30px
}
.chart-widget-top #chart-widget1,.chart-widget-top #chart-widget2,.chart-widget-top #chart-widget3{
    margin-bottom:-14px
}
.chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,.chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,.chart-widget-top #chart-widget3 .apexcharts-xaxistooltip{
    display:none
}
.bar-chart-widget .top-content{
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.bar-chart-widget .num{
    font-weight:500
}
.bar-chart-widget .num .color-bottom{
    color:#2b2b2b
}
.bottom-content span{
    color:rgba(43,43,43,0.7)
}
.bottom-content .block-bottom{
    display:block
}
.user-status table tr th,.user-status table tr td{
    font-weight:500
}
.user-status table tr th:first-child,.user-status table tr td:first-child{
    padding-left:0;
    font-weight:600
}
.user-status table tr th:first-child a,.user-status table tr td:first-child a{
    color:#2b2b2b
}
.user-status table tr th:last-child,.user-status table tr td:last-child{
    padding-right:0
}
.user-status table thead tr th{
    border-top:0;
    font-size:16px;
    color:#2c323f;
    font-weight:600;
    padding-top:0
}
.user-status table tbody tr:hover td{
    color:#5c61f2 !important
}
.user-status table tbody tr:hover td a{
    color:#5c61f2 !important
}
.user-status table tbody tr:last-child td{
    padding-bottom:0
}
.user-status table tbody tr td{
    padding-top:16px;
    padding-bottom:16px
}
.user-status table tbody tr td:last-child span.badge{
    padding:5px 8px
}
.employee-status .d-flex{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.employee-status .d-flex img{
    width:40px;
    height:40px;
    border-radius:50%;
    margin-right:15px
}
.employee-status .d-flex .flex-grow-1 h5{
    font-size:14px;
    margin-bottom:0
}
.employee-status .d-flex .flex-grow-1 h5 a{
    color:#2b2b2b
}
.employee-status table thead tr th{
    font-weight:600
}
.employee-status table tr:hover td{
    color:#5c61f2 !important
}
.employee-status table tr:hover td a{
    color:#5c61f2 !important
}
.employee-status table tr th{
    padding-top:0;
    font-size:16px
}
.employee-status table tr th,.employee-status table tr td{
    font-weight:500;
    vertical-align:middle
}
.employee-status table tr th:last-child,.employee-status table tr td:last-child{
    text-align:right;
    padding-right:0
}
.employee-status table tr th:first-child,.employee-status table tr td:first-child{
    padding-left:0
}
.employee-status table tr th:nth-child(n+2),.employee-status table tr td:nth-child(n+2){
    min-width:150px
}
.employee-status table tr:last-child td{
    padding-bottom:0
}
.widget-feedback{
    padding-bottom:0 !important
}
.widget-feedback .apexcharts-canvas{
    margin:0 auto
}
.widget-feedback .feedback-top svg{
    width:130px;
    height:auto;
    margin-bottom:20px
}
.widget-feedback h3{
    font-size:20px;
    color:#59667a;
    margin-bottom:10px
}
.widget-feedback h6{
    color:#979797;
    font-size:18px;
    font-weight:500;
    margin-bottom:0
}
.widget-feedback ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-top:1px solid #eee;
    margin-top:25px
}
.widget-feedback ul li{
    width:100%;
    text-align:center;
    padding-top:29px;
    padding-bottom:28px
}
.widget-feedback ul li h4{
    color:#979797;
    font-size:18px
}
.widget-feedback ul li h5{
    font-size:16px;
    margin-bottom:0;
    font-weight:600
}
.widget-feedback ul li:nth-child(n+2){
    border-left:1px solid #eee
}
.activity-media{
    margin:-20px 0
}
.activity-media .d-flex{
    padding:20px 0
}
.activity-media .d-flex .recent-circle{
    width:12px;
    height:12px;
    border-radius:100%;
    margin-top:8px;
    min-width:12px;
    min-height:12px
}
.activity-media .d-flex .flex-grow-1{
    margin-left:20px
}
.activity-media .d-flex .flex-grow-1:hover span.font-Montserrat{
    color:#5c61f2
}
.activity-media .d-flex .flex-grow-1 h6{
    font-weight:500;
    line-height:1.6;
    margin-bottom:0
}
.activity-media .d-flex .flex-grow-1 i{
    vertical-align:middle
}
.activity-media .d-flex .flex-grow-1 svg{
    width:12px;
    height:12px
}
.activity-media .d-flex .flex-grow-1 span{
    font-size:12px;
    color:rgba(43,43,43,0.7);
    font-weight:500
}
.activity-media .d-flex:nth-child(n+2){
    border-top:1px solid #eee
}
.custom-profile div.col-4:hover h6{
    color:#2b2b2b
}
.custom-profile div.col-4:hover h5{
    color:#5c61f2
}
.custom-profile .card-profile{
    position:relative;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-right:auto;
    margin-left:auto
}
.custom-profile .card-profile img{
    background-color:transparent
}
.custom-profile .profile-details{
    margin-top:20px
}
.custom-profile .profile-details h4{
    font-size:20px
}
.custom-profile .profile-details h4 a{
    color:#2b2b2b
}
.custom-profile .profile-details h6{
    font-size:16px;
    color:#979797;
    margin-bottom:0
}
.custom-profile .card-social{
    padding-top:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.custom-profile .card-social li{
    padding:0;
    width:35px;
    height:35px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:1px solid #eee;
    border-radius:5px
}
.custom-profile .card-social li a{
    color:#fff
}
.custom-profile .card-social li:nth-child(n+2){
    margin-left:10px
}
.custom-profile .card-social li.bg-fb{
    background-color:rgba(72,103,170,0.8)
}
.custom-profile .card-social li.bg-fb:hover{
    background-color:#4867aa
}
.custom-profile .card-social li.bg-twitter{
    background-color:rgba(93,169,221,0.8)
}
.custom-profile .card-social li.bg-twitter:hover{
    background-color:#5da9dd
}
.custom-profile .card-social li.bg-insta{
    background-color:rgba(237,77,78,0.8)
}
.custom-profile .card-social li.bg-insta:hover{
    background-color:#ed4d4e
}
.custom-profile .card-social li.bg-gplus{
    background-color:rgba(198,78,64,0.8)
}
.custom-profile .card-social li.bg-gplus:hover{
    background-color:#c64e40
}
.custom-profile .card-social li.bg-linkedin{
    background-color:rgba(0,119,181,0.8)
}
.custom-profile .card-social li.bg-linkedin:hover{
    background-color:#0077B5
}
.custom-profile .card-footer{
    background-color:transparent;
    padding:0 !important
}
.custom-profile .card-footer h6{
    font-size:16px
}
.custom-profile .card-footer h5{
    font-size:20px
}
.custom-profile .card-footer>div{
    text-align:center
}
.custom-profile .card-footer>div.row{
    margin:0
}
.custom-profile .card-footer>div h6{
    color:rgba(43,43,43,0.5)
}
.custom-profile .card-footer>div h5{
    margin-bottom:0
}
.custom-profile .card-footer>div div{
    padding-top:32px;
    padding-bottom:32px
}
.custom-profile .card-footer>div div+div{
    border-left:1px solid #eee
}
.browser-table table tr th{
    font-weight:600 !important
}
.browser-table table tr:hover td{
    color:#5c61f2 !important
}
.browser-table table tr th:first-child,.browser-table table tr td:first-child{
    padding-left:0
}
.browser-table table tr th:last-child,.browser-table table tr td:last-child{
    padding-right:0;
    text-align:right
}
.browser-table table thead th{
    border-top:0;
    font-size:16px;
    padding-top:0;
    border-bottom-width:1px
}
.browser-table table tr th,.browser-table table tr td{
    vertical-align:middle;
    font-family:"Montserrat",sans-serif,sans-serif;
    font-weight:500;
    border-color:#eee
}
.browser-table table tr td{
    padding-top:18px;
    padding-bottom:20px
}
.browser-table table tr td img{
    height:46px;
    -webkit-transition:0.5s;
    transition:0.5s
}
.browser-table table tr:hover td img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:0.5s;
    transition:0.5s
}
.browser-table table tr:last-child td{
    padding-bottom:0;
    border-bottom:none
}
.ecommerce-widget{
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #f1f3ff !important;
    border-radius:5px
}
.ecommerce-widget .total-num{
    color:#2b2b2b;
    margin:0;
    letter-spacing:1px
}
.ecommerce-widget .total-num span{
    color:#000
}
.ecommerce-widget .row{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.ecommerce-widget .progress-showcase{
    margin-top:30px
}
.ecommerce-widget span{
    color:rgba(43,43,43,0.7);
    margin:0;
    cursor:pointer
}
.ecommerce-widget .icon{
    color:#efefef;
    font-size:40px
}
.ecommerce-widget .flot-chart-container{
    height:100px;
    padding:0;
    margin:0;
    border:transparent
}
.ecommerce-widget .morris-default-style{
    display:none !important
}
.ecommerce-widget svg{
    -webkit-filter:drop-shadow(12px 12px 7px rgba(0,0,0,0.3));
    filter:drop-shadow(12px 12px 7px rgba(0,0,0,0.3))
}
.testimonial{
    text-align:center
}
.testimonial i{
    font-size:60px;
    color:#979797;
    position:absolute;
    left:0;
    top:0;
    opacity:0.1;
    z-index:-1
}
.testimonial span{
    color:rgba(43,43,43,0.7)
}
.testimonial img{
    margin:0 auto
}
.testimonial h5{
    color:#2b2b2b;
    padding-top:20px;
    margin-bottom:0;
    font-size:20px
}
.testimonial p{
    font-size:14px;
    color:rgba(43,43,43,0.7);
    font-style:italic;
    margin-top:20px;
    margin-bottom:0
}
.order-widget .header-widget span{
    color:#979797
}
.order-widget .header-widget h3{
    margin-bottom:0
}
.order-widget .header-widget ul li{
    color:#979797;
    font-weight:500
}
.order-widget .new-order h6,.order-widget .new-order span{
    color:#979797
}
.order-widget .new-order .progress{
    height:20px;
    margin-top:32px
}
.order-widget .new-order ul{
    margin-top:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.order-widget .new-order ul li{
    width:100%
}
.order-widget .new-order ul li h5{
    margin-bottom:0
}
@media screen and (max-width: 1660px) and (min-width: 1366px){
    .widget-joins .widget-card h5{
        display:block
    }
    .custom-profile .card-footer>div div{
        padding-top:20px;
        padding-bottom:20px
    }
    .custom-profile .card-footer h6{
        font-size:14px
    }
    .custom-profile .card-footer h5{
        font-size:18px
    }
}
@media screen and (max-width: 1550px) and (min-width: 1401px){
    .social-widget-card .d-flex .flex-grow-1{
        margin-left:12px
    }
    .social-widget-card .d-flex .flex-grow-1 h4{
        font-size:20px
    }
    .general-widget .custom-profile .card-profile img{
        height:220px
    }
    .activity-widget .activity-media .d-flex{
        padding:15px 0
    }
}
@media screen and (max-width: 1410px) and (min-width: 1200px){
    .general-widget .browser-table .card-header{
        padding-bottom:0
    }
    .static-widget svg{
        width:38px;
        height:38px
    }
    .order-widget .card-body{
        padding:20px
    }
    .social-widget-card .card-body{
        padding:25px
    }
    .activity-media .d-flex .flex-grow-1{
        margin-left:9px
    }
    .order-widget .header-widget ul li{
        font-size:13px
    }
    .browser-table table tr td{
        padding-top:12px;
        padding-bottom:12px
    }
    .social-widget-card .d-flex .flex-grow-1{
        margin-left:12px
    }
    .social-widget-card .d-flex h4{
        font-size:18px
    }
    .social-widget-card .d-flex .social-font{
        width:42px;
        height:42px
    }
    .static-widget{
        margin-bottom:38px
    }
    .static-widget h2{
        font-size:20px
    }
    .general-widget .custom-profile .card-profile img{
        height:172px
    }
    .custom-profile .card-footer>div{
        margin:0
    }
    .custom-profile .card-footer>div div{
        padding:26px 7px
    }
    .custom-profile .card-footer h6{
        font-size:13px
    }
    .order-widget .header-widget h3{
        font-size:20px
    }
    .order-widget .new-order .progress{
        margin-top:14px
    }
    .testimonial p{
        margin-top:4px
    }
    .activity-media .d-flex{
        padding:12px 0
    }
    .widget-joins .widget-card{
        padding:18px 14px
    }
    .widget-joins .widget-card .widget-icon{
        width:32px;
        height:32px
    }
    .widget-joins .widget-card .widget-icon svg{
        width:18px;
        height:18px
    }
    .widget-joins .widget-card .widget-icon i{
        font-size:24px
    }
    .widget-joins .widget-card h5{
        font-size:13px;
        display:block
    }
    .widget-joins .widget-card h6{
        font-size:15px
    }
}
@media screen and (max-width: 1364px) and (min-width: 1200px){
    .general-widget .custom-profile .card-profile img{
        height:216px
    }
}
@media screen and (max-width: 1470px){
    .chart-widget .order-chart .card-body .chart-container .apexcharts-subtitle-text{
        font-size:16px
    }
    .chart-widget .bar-chart-widget .card-body h4{
        font-size:20px
    }
}
@media screen and (max-width: 1470px) and (min-width: 1200px){
    .employee-status table tr td{
        padding:8px 8px
    }
    .employee-status table tr td h5 span{
        display:none
    }
    .employee-status table tr th{
        font-size:14px
    }
    .employee-status table tr td:last-child,.employee-status table tr th:last-child{
        display:none
    }
    .employee-status table tr td:nth-child(n+2),.employee-status table tr th:nth-child(n+2){
        min-width:105px
    }
    .user-status table tbody tr td{
        padding-top:10px;
        padding-bottom:10px
    }
    .browser-table .card-header,.browser-table .card-body{
        padding:30px 24px
    }
    .browser-table table thead th{
        font-size:14px
    }
    .browser-table table tr td{
        padding-left:8px;
        padding-right:8px
    }
    .browser-table table tr td img{
        height:36px
    }
}
@media screen and (max-width: 1199px){
    .employee-status table tbody tr td:first-child{
        min-width:264px
    }
    .user-status table tr td:first-child{
        min-width:224px
    }
    .browser-table table tr td:nth-child(2){
        min-width:182px
    }
}
@media screen and (max-width: 991px){
    .contact-form{
        margin-top:20px
    }
    .contact-form .theme-form{
        padding:20px
    }
    .widget-joins .widget-card{
        padding:20px
    }
    .social-widget-card .d-flex h4{
        font-size:20px
    }
    .social-widget-card .d-flex .social-font{
        width:50px;
        height:50px
    }
}
@media screen and (max-width: 767px){
    .browser-table .card-body table tr td:nth-child(2){
        min-width:200px
    }
    .browser-table .card-body table tr td:nth-child(n+3){
        min-width:80px
    }
}
@media screen and (max-width: 480px){
    .activity-media{
        margin:-14px 0
    }
    .calender-widget .cal-img{
        height:218px
    }
    .cal-date-widget .datepicker .datepicker--day-name,.cal-date-widget .datepicker .datepicker--cell-day{
        height:38px
    }
    .activity-media .d-flex{
        padding:12px 0
    }
    .custom-profile .card-footer>div div+div{
        padding:12px 8px
    }
    .testimonial p{
        font-size:13px;
        margin-top:14px
    }
    .chart-widget .bar-chart-widget .card-body h4{
        font-size:18px
    }
    .contact-form .theme-form .form-control{
        padding:10px 12px
    }
    .order-widget .header-widget h3{
        font-size:22px
    }
    .user-status .card-body table tr td:nth-child(1){
        min-width:200px
    }
    .user-status .card-body table tr td:nth-child(n+2){
        min-width:80px
    }
    .widget-joins .widget-card{
        padding:15px
    }
    .widget-joins .widget-card .widget-icon{
        width:40px;
        height:40px
    }
    .widget-joins .widget-card .widget-icon i{
        font-size:22px
    }
    .widget-joins .widget-card .widget-icon svg{
        width:18px;
        height:18px
    }
    .widget-joins .widget-card h6{
        font-size:16px
    }
    .widget-joins .widget-card h5{
        font-size:14px
    }
    .widget-feedback .feedback-top svg{
        width:80px;
        margin-bottom:10px
    }
    .widget-feedback ul li{
        padding-top:20px;
        padding-bottom:20px
    }
    .custom-profile .card-footer h6{
        font-size:14px
    }
    .custom-profile .card-footer h5{
        font-size:16px
    }
    .custom-profile .card-footer>div div{
        padding-top:20px;
        padding-bottom:20px
    }
    .custom-profile .card-social li{
        width:30px;
        height:30px
    }
    .custom-profile .card-social li i{
        font-size:12px
    }
    .calender-widget .cal-desc h3{
        font-size:18px
    }
    .calender-widget .cal-desc p{
        font-size:14px
    }
}
@media screen and (max-width: 360px){
    .weather-widget-two .widget-list .d-flex span{
        font-size:16px
    }
    .chart-widget .bar-chart-widget .card-body span{
        font-size:14px
    }
    .chart-widget .bar-chart-widget .card-body h4{
        font-size:14px
    }
    .custom-profile .card-footer h6{
        font-size:13px
    }
    .custom-profile .card-footer>div div{
        padding-top:12px;
        padding-bottom:12px
    }
    .weather-widget-two .widget-list .d-flex span{
        text-align:right
    }
}
.add-product .dropzone{
    padding:40px
}
.add-product .product-info h5{
    font-size:16px;
    margin-bottom:14px
}
.add-product .product-info .dzu-dropzone{
    height:240px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.add-product .product-info .product-group{
    border:1px solid #eee;
    padding:16px 18px;
    border-radius:6px
}
.toggle-data{
    cursor:pointer
}
.product-sidebar .filter-sidebar{
    max-height:1000px;
    overflow:auto
}
.product-sidebar .filter-section .card .card-header{
    padding:16px 30px;
    border-radius:5px
}
.product-sidebar .filter-section .card .card-header h6{
    position:relative
}
.product-sidebar .filter-section .card .card-header h6 .pull-right i{
    position:absolute;
    top:4px;
    left:0;
    font-size:10px;
    width:100%;
    height:10px;
    text-align:right;
    cursor:pointer
}
.product-wrapper .product-sidebar .filter-section .card .left-filter{
    z-index:0;
    opacity:0;
    visibility:hidden;
    height:0;
    -webkit-transition:0.3s;
    transition:0.3s
}
.product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid{
    margin-bottom:15px
}
.product-wrapper .product-sidebar .filter-section .card .left-filter .card-body{
    padding:20px
}
.product-wrapper .product-grid .product-wrapper-grid{
    margin-left:0;
    -webkit-transition:0.3s;
    transition:0.3s
}
.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter{
    z-index:3;
    opacity:1;
    visibility:visible;
    position:absolute;
    width:100%;
    top:53px;
    height:auto;
    border:1px solid #eee;
    background-color:#fff
}
.product-filter .checkbox-animated label{
    color:#979797
}
.product-table{
    overflow:hidden
}
.product-table .dataTable thead th.sorting_asc{
    text-align:center
}
.product-table .dataTable thead th:nth-child(n+3){
    text-align:center
}
.product-table .dataTable tbody tr td:nth-child(n+3){
    text-align:center
}
.product-table img{
    height:40px
}
.product-table span,.product-table p{
    color:#59667a
}
.product-table tbody tr td:first-child{
    text-align:center
}
.product-table .dataTables_wrapper button{
    padding:2px 12px;
    font-size:14px
}
.d-none-productlist{
    display:none
}
.d-none-productlist svg{
    vertical-align:middle;
    cursor:pointer
}
.product-wrapper-grid.list-view .product-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.product-wrapper-grid.list-view .product-box .product-img{
    width:30%
}
.product-wrapper-grid.list-view .product-box .product-details{
    text-align:left
}
.product-wrapper-grid.list-view [class*="col-"]{
    width:100%
}
.slider-product{
    padding:15px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin-bottom:15px
}
.products-total{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.products-total>div:nth-child(n+2){
    margin-left:10px
}
.grid-options{
    height:33px;
    margin-left:10px
}
.grid-options ul li a{
    position:relative
}
.grid-options ul li a .line-grid{
    position:absolute;
    width:4px;
    height:15px;
    top:9px
}
.grid-options ul li a .line-grid-1{
    left:12px
}
.grid-options ul li a .line-grid-2{
    left:18px
}
.grid-options ul li a .line-grid-3{
    left:36px
}
.grid-options ul li a .line-grid-4{
    left:42px
}
.grid-options ul li a .line-grid-5{
    left:48px
}
.grid-options ul li a .line-grid-6{
    left:66px
}
.grid-options ul li a .line-grid-7{
    left:72px
}
.grid-options ul li a .line-grid-8{
    left:78px
}
.grid-options ul li a .line-grid-9{
    left:84px
}
.grid-options ul li a .line-grid-10{
    left:103px
}
.grid-options ul li a .line-grid-11{
    left:109px
}
.grid-options ul li a .line-grid-12{
    left:115px
}
.grid-options ul li a .line-grid-13{
    left:121px
}
.grid-options ul li a .line-grid-14{
    left:127px
}
.grid-options ul li a .line-grid-15{
    left:133px
}
.square-product-setting{
    height:36px;
    vertical-align:middle
}
.square-product-setting a{
    color:#2b2b2b
}
.square-product-setting .icon-grid{
    padding:7px;
    background-color:rgba(92,97,242,0.05);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:5px
}
.square-product-setting .icon-grid svg{
    width:20px;
    height:20px;
    color:#5c61f2
}
.color-selector{
    line-height:0.9
}
.color-selector ul li{
    display:inline-block;
    width:25px;
    height:25px;
    cursor:pointer;
    border:1px solid #eee;
    border-radius:6px;
    position:relative
}
.color-selector ul li.active:before{
    content:"\f00c";
    position:absolute;
    top:50%;
    left:50%;
    margin-right:-50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    font-family:FontAwesome;
    color:#fff
}
.color-selector ul li.white{
    background-color:#fff
}
.color-selector ul li.white.active:before{
    color:#979797
}
.color-selector ul li.orange{
    background-color:#ffb17a
}
.color-selector ul li.green{
    background-color:#6fb866
}
.color-selector ul li.pink{
    background-color:pink
}
.color-selector ul li.yellow{
    background-color:#f2f896
}
.color-selector ul li.blue{
    background-color:#63b4f2
}
.color-selector ul li.red{
    background-color:#ff647f
}
.product-filter .banner-product{
    margin-top:15px
}
.product-filter h6{
    margin-bottom:15px;
    font-size:18px
}
.product-filter .checkbox-animated label{
    font-weight:500
}
.product-filter.new-products{
    margin-top:20px
}
.product-filter.new-products button{
    width:auto
}
.product-filter.new-products .owl-theme .owl-nav{
    margin-top:0;
    position:absolute;
    top:-46px;
    right:0
}
.product-filter.new-products .owl-theme .owl-nav button:focus{
    outline:rgba(0,0,0,0)
}
.product-filter.new-products .owl-theme .owl-nav button span{
    font-size:20px
}
.product-filter.new-products .owl-theme .owl-nav button span:focus{
    outline-color:rgba(0,0,0,0)
}
.product-filter.new-products .owl-theme .owl-nav [class*="owl-"]:hover{
    background-color:rgba(0,0,0,0);
    color:inherit
}
.product-filter.new-products .owl-theme .owl-item .item .product-box .d-flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.product-filter.new-products .owl-theme .owl-item .item .product-box .product-img{
    width:40%
}
.product-filter.new-products .owl-theme .owl-item .item .product-box .product-details{
    padding:25px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.product-filter.new-products .owl-theme .owl-item .item .product-box .product-details ul li{
    display:inline-block
}
.product-filter.new-products .owl-theme .owl-item .item .product-box+.product-box{
    margin-top:15px
}
.modal-content .modal-header .product-box.row{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.select2-drpdwn-product .form-control{
    margin:5px 0;
    background-color:rgba(92,97,242,0.05);
    color:#5c61f2;
    font-weight:500;
    padding:7px 15px;
    border-radius:5px
}
.feature-products form .form-group{
    position:relative
}
.feature-products form .form-group input{
    margin-bottom:15px;
    height:50px;
    padding-left:30px
}
.feature-products form .form-group i{
    position:absolute;
    top:17px;
    right:30px;
    color:#898989
}
.product-box{
    background-color:#fff;
    overflow:hidden;
    border-radius:10px
}
.product-box .product-details{
    padding:25px
}
.product-box .product-details h4{
    font-weight:600;
    color:#2b2b2b;
    font-size:20px;
    line-height:1;
    margin-bottom:5px;
    text-transform:capitalize
}
.product-box .product-details p{
    margin-bottom:5px;
    color:#979797;
    font-weight:500;
    font-size:13px
}
.product-box .product-details h6{
    color:#2b2b2b;
    text-transform:uppercase;
    margin-bottom:10px
}
.product-box .product-details span{
    color:#898989
}
.product-box .modal .modal-header{
    background-color:#fff
}
.product-box .modal .modal-header .product-box .product-details{
    padding:25px 0
}
.product-box .modal .modal-header .product-box .product-details h6{
    text-transform:capitalize
}
.product-box .modal .modal-header .product-box .product-details .product-price{
    margin-bottom:10px
}
.product-box .modal .modal-header .product-box .product-details .product-view{
    padding:20px 0;
    border-top:1px solid rgba(92,97,242,0.2);
    border-bottom:1px solid rgba(92,97,242,0.2)
}
.product-box .modal .modal-header .product-box .product-details .product-size{
    margin:20px 0
}
.product-box .modal .modal-header .product-box .product-details .product-size ul li{
    display:inline-block;
    background-color:rgba(92,97,242,0.1);
    border-radius:5px
}
.product-box .modal .modal-header .product-box .product-details .product-size ul li button{
    color:#5c61f2;
    width:35px;
    height:35px;
    font-size:16px;
    padding:0;
    font-weight:500;
    border-radius:5px
}
.product-box .modal .modal-header .product-box .product-details .product-size ul li:nth-child(n+2){
    margin-left:15px
}
.product-box .modal .modal-header .product-box .product-details .product-size ul li.active button,.product-box .modal .modal-header .product-box .product-details .product-size ul li:hover button{
    background-color:#5c61f2 !important;
    color:#fff
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset{
    margin-bottom:20px
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group{
    width:35%
}
.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn{
    padding:5px 12px
}
.product-box .modal .modal-header .product-box .product-details .product-qnty .addcart-btn .btn{
    font-weight:600
}
.product-box .product-img{
    position:relative
}
.product-box .product-img .product-hover{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:rgba(0,0,0,0.2);
    opacity:0;
    border-radius:100%;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.product-box .product-img .product-hover ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.product-box .product-img .product-hover ul i{
    font-size:14px
}
.product-box .product-img .product-hover ul li{
    -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08);
    box-shadow:1px 1px 2px 1px rgba(0,0,0,0.08);
    background-color:#fff;
    font-size:18px;
    border-radius:100%;
    line-height:1.6;
    height:45px;
    width:45px;
    margin:0 3px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    cursor:pointer
}
.product-box .product-img .product-hover ul li a{
    color:#5c61f2
}
.product-box .product-img .product-hover ul li .btn{
    padding:0
}
.product-box .product-img .product-hover ul li:hover{
    background-color:#5c61f2;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.product-box .product-img .product-hover ul li:hover .btn,.product-box .product-img .product-hover ul li:hover i{
    color:#fff
}
.product-box:hover .product-hover{
    opacity:1;
    border-radius:0%;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.pro-filter-sec{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.pro-filter-sec .product-sidebar{
    width:375px;
    min-width:375px;
    margin-right:30px
}
.pro-filter-sec .product-search{
    width:100%
}
.product-page-main{
    padding:30px
}
.product-page-main .nav-tabs{
    border-bottom:none
}
.product-page-main .owl-item .item{
    border:1px solid #eee;
    border-radius:5px
}
.product-page-main .owl-item.current .item{
    border:1px solid #5c61f2
}
.product-page-main .product-slider{
    margin-bottom:20px
}
.product-page-main .color-selector{
    margin-top:10px;
    margin-bottom:10px
}
.product-page-main .pro-group{
    padding-top:15px;
    padding-bottom:15px
}
.product-page-main .pro-group tr{
    line-height:2
}
.product-page-main .pro-group:nth-child(n+2){
    border-top:1px solid #eee
}
.product-page-main .pro-group .btn{
    font-weight:500
}
.product-page-main .pro-slide-right{
    margin-bottom:-20px
}
.product-page-main .pro-slide-right img{
    width:auto;
    height:145px;
    margin:auto
}
.product-page-main .pro-slide-right .slick-slide{
    margin-bottom:20px
}
.product-page-main .border-tab.nav-tabs .nav-item .nav-link{
    border-radius:30px
}
.product-page-main .border-tab.nav-tabs .nav-item .nav-link.active{
    background-color:#5c61f2;
    color:#fff
}
.product-page-details{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.product-page-details h4{
    color:#2b2b2b;
    text-transform:uppercase;
    font-size:18px
}
.product-page-details span{
    padding-left:15px
}
.product-page-details h3{
    font-size:24px
}
.br-theme-fontawesome-stars .br-widget a,.br-theme-fontawesome-stars .br-widget a.br-selected:after,.br-theme-fontawesome-stars .br-widget a.br-active:after{
    color:#ffa800 !important;
    font:normal normal normal 14px/1 FontAwesome
}
.payment-details .card-body .theme-form input::-webkit-input-placeholder, .payment-details .card-body .theme-form textarea::-webkit-input-placeholder{
    color:#898989 !important;
    font-weight:400 !important
}
.payment-details .card-body .theme-form input::-moz-placeholder, .payment-details .card-body .theme-form textarea::-moz-placeholder{
    color:#898989 !important;
    font-weight:400 !important
}
.payment-details .card-body .theme-form input:-ms-input-placeholder, .payment-details .card-body .theme-form textarea:-ms-input-placeholder{
    color:#898989 !important;
    font-weight:400 !important
}
.payment-details .card-body .theme-form input::-ms-input-placeholder, .payment-details .card-body .theme-form textarea::-ms-input-placeholder{
    color:#898989 !important;
    font-weight:400 !important
}
.payment-details .card-body .theme-form input::placeholder,.payment-details .card-body .theme-form textarea::placeholder{
    color:#898989 !important;
    font-weight:400 !important
}
.product-price{
    font-size:16px;
    font-weight:500;
    color:#5c61f2
}
.product-price del{
    color:rgba(27,49,85,0.4);
    margin-left:15px;
    font-weight:600;
    font-size:14px
}
.color-selector{
    line-height:1
}
.color-selector li{
    display:inline-block;
    height:20px;
    width:20px
}
.product-page-main p{
    font-size:15px;
    color:rgba(27,49,85,0.4)
}
.product-page-main .nav-link{
    text-transform:uppercase;
    font-weight:500
}
.product-page-main .pro-group h6{
    text-transform:capitalize
}
.product-social li a{
    font-size:15px;
    border:1px solid #eee;
    border-radius:100%;
    height:35px;
    width:35px;
    display:inline-block;
    text-align:center;
    line-height:2.3;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.product-social li a:hover{
    background-color:#5c61f2
}
.product-social li a:hover i{
    color:#fff
}
.product-social li:nth-child(n+2){
    margin-left:10px
}
.filter-block h4{
    margin-bottom:20px
}
.filter-block ul li{
    color:#979797
}
.filter-block ul li .form-check{
    margin-bottom:0
}
.filter-block ul li .form-check label{
    margin-bottom:0;
    vertical-align:middle
}
.filter-block ul li .form-check .form-check-input:checked{
    background-color:#5c61f2
}
.filter-block ul li:nth-child(n+2){
    margin-top:15px
}
ul.pro-services li svg{
    color:#5c61f2;
    margin-right:15px
}
ul.pro-services li h5{
    font-size:16px;
    margin-bottom:5px
}
ul.pro-services li p{
    font-size:14px
}
ul.pro-services li:nth-child(n+2){
    margin-top:20px
}
.support-ticket .pro-gress .total-num{
    margin-bottom:0
}
.support-ticket .pro-gress .progress-showcase{
    margin-top:30px
}
.support-ticket .pro-gress span{
    font-weight:500;
    color:rgba(27,49,85,0.4)
}
.support-ticket .pro-gress ul li span i{
    margin-left:10px
}
.support-ticket-font h6{
    font-weight:500
}
.list-products .product-table table th{
    min-width:150px
}
.payment-opt li{
    display:inline-block
}
.payment-opt li img{
    height:20px;
    margin:15px 15px 0 0
}
@media (max-width: 1500px){
    .product-page-main .pro-slide-right img{
        height:130px
    }
}
@media (max-width: 1470px){
    .pro-filter-sec .product-sidebar{
        width:320px;
        min-width:320px
    }
}
@media (max-width: 1366px){
    .product-box .product-details h4{
        font-size:18px
    }
    .pro-filter-sec .product-sidebar{
        width:250px;
        min-width:250px
    }
    .ecommerce-widget .total-num{
        font-size:23px;
        letter-spacing:0px
    }
    .support-ticket-font .total-num{
        font-size:18px
    }
    .support-ticket .pro-gress .card-body{
        padding:20px
    }
    .support-ticket .pro-gress .card-body h6{
        font-size:14px
    }
    .support-ticket .pro-gress ul li{
        font-size:12px
    }
}
@media (max-width: 1280px) and (min-width: 1200px){
    .product-page-main .xl-50{
        max-width:50% !important;
        -webkit-box-flex:0 !important;
        -ms-flex:0 0 50% !important;
        flex:0 0 50% !important
    }
    .product-page-main .pro-slide-right img{
        height:110px
    }
}
@media (max-width: 1280px){
    .filter-block ul li:nth-child(n+2){
        margin-top:10px
    }
    ul.pro-services li:nth-child(n+2){
        margin-top:10px
    }
}
@media (max-width: 1199px){
    .product-page-main .pro-slide-right .slick-slide{
        margin-top:20px
    }
    .product-page-main .pro-slide-right .slide-box{
        margin-right:5px;
        margin-left:5px
    }
    .product-page-main .pro-slide-right img{
        width:100%;
        height:auto
    }
}
@media (max-width: 575px){
    .payment-details .theme-form .p-r-0{
        padding-right:12px
    }
    .product-sidebar .filter-section .card{
        overflow:unset !important;
        -webkit-box-shadow:none !important;
        box-shadow:none !important
    }
}
@media (max-width: 767px){
    .support-ticket .card .card-body{
        padding:15px
    }
    .support-ticket .pro-gress span{
        font-size:12px
    }
    .support-ticket .pro-gress .card-body{
        padding:15px
    }
    .support-ticket .pro-gress ul li{
        font-size:10px
    }
    .support-ticket .pro-gress ul li span i{
        margin-left:5px
    }
    .support-ticket .pro-gress .progress-showcase{
        margin-top:15px
    }
}
@media (max-width: 1199px){
    .xl-cs-35{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .product-page-main .card .card-body{
        padding:20px
    }
}
@media (max-width: 991px){
    .product-box .modal .modal-header .product-box .product-details{
        padding-left:15px;
        padding-right:15px;
        padding-top:25px;
        padding-bottom:0
    }
    .product-box .modal .modal-header .product-box .product-details .product-view{
        padding-top:15px;
        padding-bottom:15px
    }
    .product-box .modal .modal-header .product-box .product-details .product-size{
        margin-top:15px;
        margin-bottom:15px
    }
    .product-box .modal .modal-header .product-box .product-details .product-size ul li button{
        width:30px;
        height:30px;
        font-size:14px
    }
    .product-box .modal .modal-header .product-box .product-details .product-size ul li:nth-child(n+2){
        margin-left:10px
    }
}
@media (max-width: 767px){
    .product-page-main .singale-pro-slide img{
        width:50%;
        height:auto;
        margin-right:auto;
        margin-left:auto
    }
    .product-page-main .pro-group .btn{
        padding:7px 14px
    }
    .product-page-main .border-tab.nav-tabs .nav-item .nav-link{
        padding:8px 18px;
        font-size:14px
    }
}
@media (max-width: 480px){
    .add-product .dropzone{
        min-height:80px;
        padding:18px
    }
    .product-page-main p{
        font-size:13px
    }
    .d-none-productlist svg{
        height:18px
    }
    .learning-box .details-main{
        margin:15px
    }
    .learning-box .details-main p{
        font-size:13px
    }
    .blog-box.blog-list .blog-details hr{
        margin-top:5px;
        margin-bottom:5px
    }
    .product-page-main .pro-group .btn{
        padding:7px 15px;
        font-size:12px
    }
    .product-page-main .border-tab.nav-tabs .nav-item{
        display:block;
        width:100%
    }
    .product-page-details{
        display:block
    }
    .square-product-setting .icon-grid{
        display:none
    }
    .products-total>div:nth-child(n+2){
        margin-left:unset;
        margin-right:unset
    }
}
@media (max-width: 420px){
    ul.pro-services li h5{
        margin-bottom:0
    }
    .product-page-main .singale-pro-slide img{
        width:100%
    }
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group{
        width:50%
    }
    .product-box .modal .modal-header .product-box .product-details .product-qnty .addcart-btn .btn{
        padding:5px 10px;
        font-size:12px
    }
    .product-page-details{
        display:block
    }
    .product-page-details h3{
        margin-bottom:5px
    }
    .product-page-main .pro-slide-right .slick-slide{
        margin-top:15px
    }
    .product-page-main .pro-group .btn:nth-child(n+2){
        margin-top:5px
    }
}
.email-wrap .email-app-sidebar .d-flex img{
    border:2px solid #eee
}
.email-wrap .email-app-sidebar .main-menu>li{
    width:100%;
    text-align:left
}
.email-wrap .email-app-sidebar .main-menu>li a{
    color:#898989;
    line-height:39px;
    text-transform:uppercase;
    border-radius:3px;
    font-weight:400
}
.email-wrap .email-app-sidebar .main-menu>li a i{
    margin-right:10px
}
.email-wrap .email-app-sidebar .main-menu>li a.active>a{
    color:#000
}
.email-wrap .email-app-sidebar .main-menu>li a:hover{
    background-color:rgba(92,97,242,0.1);
    text-decoration:none
}
.email-wrap .email-app-sidebar .main-menu>li a:hover>.title{
    color:#5c61f2
}
.email-wrap .email-app-sidebar .main-menu>li a:hover>.badge{
    color:#5c61f2
}
.email-wrap .email-app-sidebar ul li a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left:20px;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.email-wrap .email-app-sidebar ul li a>.title{
    width:100%
}
.email-wrap .email-app-sidebar ul li a>.badge{
    -ms-flex-item-align:center;
    align-self:center;
    color:#898989
}
.email-wrap .email-left-aside .card-body{
    padding:20px
}
.email-wrap .email-left-aside .card-body .email-app-sidebar .d-flex{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.email-wrap .modal-bookmark .modal-header .btn-close{
    top:28px
}
.email-wrap .email-right-aside .email-body .modal-content .btn-close{
    top:30px;
    right:25px
}
.email-wrap .email-right-aside .email-body .inbox{
    overflow:auto;
    overflow-x:hidden
}
.email-wrap .email-right-aside .email-body .inbox .d-flex{
    position:relative
}
.email-wrap .email-right-aside .email-body .inbox .d-flex .flex-grow-1 span{
    position:absolute;
    right:20px
}
.email-wrap .email-right-aside .email-body .inbox svg{
    width:18px;
    margin-right:10px;
    stroke:#898989;
    cursor:pointer
}
.email-wrap .email-right-aside .email-body .inbox svg.like{
    fill:#e6ae30;
    stroke:#e6ae30
}
.email-wrap .email-right-aside .email-body .inbox .flex-shrink-0{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.email-wrap .email-right-aside .email-body .inbox .flex-grow-1{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.email-wrap .email-right-aside .email-body .inbox img{
    height:20px
}
.email-wrap .email-right-aside .email-body .inbox .d-flex{
    padding:12px 20px;
    -webkit-transform:translateY(0) scale(1);
    transform:translateY(0) scale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.email-wrap .email-right-aside .email-body .inbox .d-flex:hover{
    background-color:#f8f8f8;
    -webkit-transform:translateY(-1px) scale(1.01);
    transform:translateY(-1px) scale(1.01);
    -webkit-transition:-webkit-transform 0.3s ease;
    transition:-webkit-transform 0.3s ease;
    transition:transform 0.3s ease;
    transition:transform 0.3s ease, -webkit-transform 0.3s ease
}
.email-wrap .email-right-aside .email-body .attachment{
    margin-top:10px
}
.email-wrap .email-right-aside .email-body .attachment ul li{
    display:inline-block
}
.email-wrap .email-right-aside .email-body .attachment ul li img{
    width:90px;
    height:90px
}
.email-wrap .email-right-aside .email-profile .inbox .d-flex:first-child{
    margin-top:5px
}
.email-wrap .email-right-aside .email-profile .inbox .d-flex:last-child{
    margin-bottom:5px
}
.email-wrap .email-right-aside .email-profile .inbox p{
    color:#979797;
    font-weight:500;
    display:inline-block;
    width:calc(100% - 200px);
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding-left:15px;
    max-width:600px
}
.email-wrap .email-right-aside .email-profile>div:first-child .email-top{
    padding:20px
}
.email-wrap .email-right-aside .email-profile>div:first-child .email-top .email-chek{
    margin-right:20px;
    margin-top:3px
}
.email-wrap .email-right-aside .email-profile>div:first-child .email-top .checkbox_animated:after{
    width:2.1rem;
    height:2.1rem;
    border-radius:4px
}
.email-wrap .email-right-aside .email-profile>div:first-child .email-top .checkbox_animated:before{
    left:0.4rem;
    top:0.55rem;
    width:1.1rem;
    height:0.5rem
}
.email-wrap .email-right-aside .email-profile .dropdown{
    position:relative;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.email-wrap .email-right-aside .email-profile .btn{
    color:#fff !important;
    padding:7px 20px
}
.email-wrap .email-right-aside .email-profile .btn:after{
    right:20px
}
.email-wrap .btn-mail{
    border-radius:2px;
    text-align:left;
    padding:13px 15px;
    margin:20px 0 20px;
    letter-spacing:1px;
    line-height:12px !important;
    color:#fff !important
}
.email-wrap .dropdown-menu{
    background-color:#fff;
    border-color:#eee
}
.email-wrap .cke_chrome{
    background-color:#d7e2e9
}
.email-wrap .cke_chrome .cke_top{
    background-color:#f6f8fc
}
.email-wrap .cke_top{
    background-color:transparent
}
.email-wrap p{
    margin-bottom:0;
    color:#979797
}
.email-wrap .flex-grow-1 h6{
    margin-bottom:2px;
    color:#5c61f2;
    margin-top:3px;
    font-weight:600;
    display:inline-block;
    font-size:14px
}
.email-wrap .flex-grow-1 h6 span{
    font-weight:600
}
.email-wrap .flex-grow-1 h6 small span{
    color:rgba(27,49,85,0.4)
}
.email-wrap .email-top{
    padding:20px;
    border-bottom:1px solid #eee
}
.email-wrap .email-top h5{
    margin-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.email-wrap .email-top .email-right{
    padding:13px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.email-wrap .email-wrapper{
    padding:20px
}
.email-wrap .email-wrapper h5{
    margin-bottom:20px
}
.email-wrap .email-wrapper .emailread-group:nth-child(n+2){
    border-top:1px solid #eee;
    padding-top:23px;
    margin-top:23px
}
.email-wrap .email-wrapper .emailread-group h5{
    margin-bottom:10px
}
.email-wrap .email-wrapper .emailread-group h6{
    font-size:14px
}
.email-wrap .email-wrapper .emailread-group .read-group:nth-child(n+2){
    margin-top:15px
}
.email-wrap .email-wrapper .emailread-group textarea{
    text-transform:capitalize;
    padding:15px
}
.email-wrap .email-wrapper .emailread-group .action-wrapper{
    margin-top:18px
}
.email-wrap .email-wrapper h6{
    float:left
}
.email-wrap .email-wrapper .right-download{
    float:right
}
.email-wrap .email-content .email-top .user-emailid:after{
    content:"";
    position:relative;
    height:20px;
    width:1px;
    right:0;
    top:3px;
    z-index:2;
    border:1px solid #efefef;
    float:right;
    padding:0;
    margin:0 20px
}
.email-wrap .email-body .attachment ul li img{
    width:80px;
    height:80px
}
.email-wrap .email-body .attachment ul li:nth-child(n+2){
    margin-left:10px
}
.email-wrap .email-body .attachment .list-inline .list-inline-item{
    padding-right:13px;
    margin-right:unset
}
.email-wrap .email-body .email-compose .cke_contents.cke_reset{
    max-height:100px;
    width:100%;
    border:1px solid #eee;
    margin-bottom:20px
}
.email-wrap .email-body .email-compose .cke_inner{
    background-color:transparent
}
.email-wrap .email-body .email-compose .compose-border{
    margin:-1px
}
.email-wrap .email-body .email-compose .compose-border .btn-middle{
    padding-top:5px
}
.email-wrap .email-body .email-compose .compose-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.email-wrap .email-body .email-compose .dropzone i{
    display:block;
    margin-bottom:10px
}
.email-wrap .email-body .email-compose .dropzone h6{
    float:unset
}
.email-wrap .email-body .email-compose .dropzone .needsclick{
    margin:0
}
.email-wrap .actions{
    text-align:right
}
.email-wrap .actions li{
    display:inline-block
}
.email-wrap .actions li:nth-child(n+2){
    margin-left:15px
}
.email-wrap .email-aside-toggle{
    text-transform:capitalize;
    display:none
}
.cke_top{
    border-bottom:1px solid #eee !important
}
@media (max-width: 575px){
    .email-wrap .email-app-sidebar .main-menu>li a{
        line-height:32px
    }
    .email-wrap .email-right-aside .tab-content .email-wrapper h6{
        font-size:12px
    }
    .email-wrap .email-right-aside .tab-content .email-wrapper .right-download{
        font-size:12px
    }
}
.error-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    min-height:100vh;
    text-align:center;
    background-color:#fff
}
.error-wrapper.maintenance-bg{
    background-image:url(../images/other-images/maintenance-bg.jpg);
    background-color:rgba(255,255,255,0.6);
    background-blend-mode:overlay
}
.error-wrapper svg.maintanance{
    height:420px
}
.error-wrapper svg{
    width:100%;
    height:380px
}
.error-wrapper .maintenance-heading{
    margin-top:20px
}
.error-wrapper .maintenance-heading .headline{
    font-size:99px;
    font-weight:900;
    letter-spacing:10px;
    color:#5c61f2;
    z-index:2;
    position:relative
}
.error-wrapper .error-heading{
    margin-top:115px
}
.error-wrapper .error-heading .headline{
    font-size:285px;
    font-weight:700;
    letter-spacing:1px;
    margin-top:-130px
}
.error-wrapper .error{
    margin:70px 0 100px;
    color:#000
}
.error-wrapper .error .error-title{
    font-size:9.5rem;
    color:#fff;
    text-shadow:6px 6px 7px rgba(0,0,0,0.32)
}
.error-wrapper .error .line-bottom{
    width:10%;
    height:5px;
    background-color:#e6ae30;
    border:none
}
.error-wrapper .error .c-white{
    color:#fff
}
.error-wrapper .error .error-btn{
    text-align:center
}
.error-wrapper .svg-wrraper{
    margin-bottom:35px
}
.error-wrapper .svg-wrraper svg{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:440px
}
.error-wrapper h3{
    font-weight:700;
    margin-bottom:20px
}
.error-wrapper .sub-content{
    font-size:18px;
    color:#2b2b2b;
    letter-spacing:1px;
    line-height:35px;
    font-weight:normal;
    z-index:3;
    margin-bottom:35px
}
@media (max-width: 1199px){
    .error-wrapper svg{
        height:320px
    }
}
@media (max-width: 991px){
    .error-wrapper svg{
        height:280px
    }
    .error-wrapper .svg-wrraper svg{
        height:450px
    }
    .error-wrapper .sub-content{
        line-height:25px
    }
}
@media (max-width: 767px){
    .error-wrapper h3{
        margin-bottom:18px
    }
    .error-wrapper .sub-content{
        margin-bottom:30px;
        font-size:16px
    }
}
@media (max-width: 575px){
    .error-wrapper .svg-wrraper{
        margin-bottom:25px
    }
    .error-wrapper .svg-wrraper svg{
        height:380px
    }
    .error-wrapper .sub-content{
        font-size:14px
    }
}
@media (max-width: 480px){
    .error-wrapper .svg-wrraper svg{
        height:auto
    }
}
.faq-widgets{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.faq-widgets .flex-grow-1 h4{
    font-size:20px;
    font-weight:600;
    color:#fff
}
.faq-widgets .flex-grow-1 p{
    font-size:14px;
    padding-right:20px;
    color:rgba(255,255,255,0.7)
}
.faq-widgets svg{
    width:50px;
    height:50px;
    opacity:0.5
}
.header-faq{
    margin-bottom:30px
}
.header-faq h5{
    text-transform:capitalize
}
.faq-articles h6{
    font-size:16px
}
.faq-articles p{
    color:#979797;
    margin-bottom:0
}
.faq-wrap .header-faq h4,.faq-wrap .faq-header h4{
    font-size:20px;
    font-weight:600
}
.faq-wrap .faq-widgets .flex-grow-1 h4{
    font-size:20px;
    font-weight:600
}
.features-faq .faq-image img{
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    width:100%
}
.features-faq .card-body,.features-faq .card-footer{
    padding:20px
}
.features-faq .card-body h6{
    font-weight:600;
    font-size:18px
}
.features-faq .card-body p{
    font-size:14px;
    color:#979797
}
.features-faq ul li{
    display:inline-block
}
.faq-accordion{
    margin-bottom:30px
}
.faq-accordion p{
    color:#979797
}
.faq-accordion .card .btn-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left:30px
}
.faq-accordion .card .btn-link svg{
    width:20px;
    height:20px;
    margin-right:10px;
    position:absolute;
    left:20px
}
.faq-accordion .faq-header{
    position:relative;
    padding:30px !important
}
.faq-accordion .faq-header svg{
    position:absolute;
    right:30px;
    top:32px;
    width:18px;
    height:18px
}
.faq-accordion .faq-header span{
    margin-top:3px
}
.faq-accordion .faq-body{
    padding:20px !important
}
.faq-accordion .card-mb-faq{
    margin-bottom:30px
}
.faq-accordion label{
    font-weight:500;
    font-size:14px;
    margin-bottom:10px
}
.faq-title{
    margin:30px 0
}
.faq-title h5{
    font-size:18px;
    font-weight:600;
    margin-bottom:unset
}
.faq-form{
    position:relative
}
.faq-form .search-icon{
    position:absolute;
    right:17px;
    top:17px;
    width:16px;
    height:16px
}
.navigation-btn{
    margin-bottom:20px
}
.navigation-btn a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-weight:600
}
.navigation-btn a svg{
    width:15px;
    height:15px
}
.navigation-option ul li{
    position:relative;
    padding:10px 10px 10px 0
}
.navigation-option ul li:hover{
    background-color:rgba(92,97,242,0.05)
}
.navigation-option ul li:hover a{
    color:#5c61f2
}
.navigation-option ul li span.badge{
    padding-top:5px
}
.navigation-option ul li a{
    padding-left:40px;
    color:#979797;
    font-weight:500
}
.navigation-option ul li a svg{
    position:absolute;
    width:15px;
    height:15px;
    top:13px;
    left:15px
}
.updates-faq{
    width:40px;
    height:40px;
    border:1px solid #5c61f2;
    border-radius:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:20px
}
.updates-faq svg{
    width:18px;
    height:18px
}
.updates-bottom-time p{
    margin-bottom:2px;
    font-weight:600
}
.updates-bottom-time p+p{
    color:#979797
}
.updates-faq-main{
    margin-bottom:20px
}
.updates-faq-main:last-child{
    margin-bottom:0
}
@media only screen and (max-width: 1199px){
    .faq-accordion{
        margin-bottom:30px
    }
}
@media only screen and (max-width: 991px){
    .faq-accordion .faq-header{
        padding:20px !important
    }
    .faq-accordion .faq-header h5{
        font-size:20px
    }
    .faq-accordion .faq-header svg{
        right:20px;
        top:20px;
        width:20px;
        height:auto
    }
    .navigation-option ul li{
        padding:10px 10px 10px 0
    }
    .navigation-option ul li a svg{
        top:12px
    }
    .navigation-btn,.updates-faq-main{
        margin-bottom:20px
    }
    .updates-faq{
        width:35px;
        height:35px;
        margin-right:20px
    }
    .updates-faq svg{
        width:16px;
        height:16px
    }
}
@media only screen and (max-width: 767px){
    .xs-mt-search{
        margin-top:30px
    }
    .featured-tutorial .card-body,.featured-tutorial .card-footer{
        padding:20px
    }
    .updates-faq{
        width:30px;
        height:30px
    }
}
@media only screen and (max-width: 575px){
    .xs-mt-search{
        margin-top:0px
    }
    .faq-widgets svg{
        width:100px;
        height:100px;
        position:absolute;
        opacity:0.1;
        top:10px;
        right:20px
    }
    .faq-title{
        margin:15px 0
    }
    .faq-title h6{
        font-size:16px
    }
    .header-faq{
        margin-bottom:15px
    }
    .faq-accordion{
        margin-bottom:0px
    }
    .faq-accordion .faq-header{
        padding:15px !important
    }
    .faq-accordion .faq-header .pull-right{
        float:right
    }
    .faq-accordion .faq-header svg{
        right:15px;
        top:15px
    }
    .navigation-btn,.updates-faq-main{
        margin-bottom:15px
    }
}
.files-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:-10px
}
.files-content li{
    margin-right:20px;
    margin-bottom:10px
}
.files-content li .files-list .file-left{
    background-color:rgba(92,97,242,0.05);
    border:1px solid #eee;
    padding:18px 22px;
    border-radius:5px
}
.file-sidebar .card .card-body,.file-sidebar .card .card-header,.file-content .card .card-body,.file-content .card .card-header{
    padding:20px !important
}
.file-sidebar .card .card-body .file-manager,.file-sidebar .card .card-header .file-manager,.file-content .card .card-body .file-manager,.file-content .card .card-header .file-manager{
    padding-top:unset !important
}
.file-sidebar .card .card-body .form-group input,.file-sidebar .card .card-header .form-group input,.file-content .card .card-body .form-group input,.file-content .card .card-header .form-group input{
    line-height:0
}
.file-manager .folder{
    margin-bottom:-12px
}
.file-manager .folder li:nth-child(n+2){
    margin-left:12px;
    margin-bottom:12px
}
.file-manager .folder li:nth-child(5),.file-manager .folder li:nth-child(9),.file-manager .folder li:nth-child(13){
    margin-left:0
}
.file-sidebar ul li+li{
    margin-top:8px
}
.file-sidebar .btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:8px 20px;
    font-weight:400
}
.file-sidebar .btn.btn-light:hover{
    color:#5c61f2 !important
}
.file-sidebar .btn.btn-light:hover svg{
    stroke:#5c61f2
}
.file-sidebar .btn svg{
    width:16px;
    height:16px;
    vertical-align:middle;
    margin-right:8px
}
.file-sidebar .pricing-plan{
    border:1px solid #eee;
    border-radius:5px;
    margin-top:10px;
    padding:15px;
    position:relative;
    overflow:hidden
}
.file-sidebar .pricing-plan h6{
    font-size:14px;
    margin-bottom:2px;
    color:#898989
}
.file-sidebar .pricing-plan h5{
    font-weight:500;
    font-size:20px
}
.file-sidebar .pricing-plan p{
    margin-bottom:5px;
    color:#898989
}
.file-sidebar .pricing-plan .btn{
    display:inline-block;
    font-size:12px
}
.file-sidebar .pricing-plan .bg-img{
    position:absolute;
    top:40px;
    opacity:0.1;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:-40px
}
.file-manager h5{
    font-size:18px;
    font-weight:600
}
.file-manager>h6{
    opacity:0.6;
    font-weight:400 !important;
    font-size:15px;
    margin-bottom:12px
}
.file-manager .files-gap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:5px
}
.file-manager .files-gap.list-group{
    -webkit-box-orient:unset;
    -webkit-box-direction:unset;
    -ms-flex-direction:unset;
    flex-direction:unset
}
.file-manager p{
    font-size:12px;
    color:#979797;
    margin-bottom:0
}
.folder h6{
    opacity:0.9;
    font-weight:500 !important;
    font-size:14px
}
.files-content,.quick-file{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.quick-file{
    margin-bottom:-10px
}
.quick-file li{
    margin-right:20px;
    margin-bottom:10px
}
.quick-file li:last-child{
    margin-right:0
}
.quick-file li h6{
    font-size:14px;
    text-align:center;
    font-weight:400;
    margin-top:8px
}
.quick-file li .quick-box{
    background-color:rgba(92,97,242,0.05);
    border:1px solid #eee;
    padding:20px 24px;
    border-radius:5px
}
.quick-file li .quick-box i{
    font-size:30px;
    margin-right:0
}
.file-content .folder-box .files-list h6{
    font-size:16px;
    font-weight:400
}
.file-content .folder-box .files-list i{
    margin-right:0
}
.file-content .ellips{
    position:absolute;
    top:30px;
    right:30px;
    opacity:0.7
}
.file-content .form-inline{
    border:1px solid #eee;
    padding:0 20px;
    border-radius:5px
}
.file-content .form-inline i{
    padding-right:10px;
    color:#898989;
    line-height:3
}
.file-content .form-inline input::-webkit-input-placeholder{
    color:#898989
}
.file-content .form-inline input:focus{
    outline:none !important
}
.file-content .search-form input{
    padding:5px 10px 5px 70px;
    border-radius:5px
}
.file-content .search-form .form-group:before{
    left:82px;
    top:37px
}
.file-content .search-form .form-group:after{
    top:39px;
    left:53px
}
.file-content .btn svg{
    height:16px;
    margin-right:2px;
    vertical-align:-3px
}
.file-content h4{
    font-weight:500;
    margin-bottom:5px;
    font-size:24px;
    line-height:1
}
.file-content .folder .folder-box{
    border:1px solid #eee;
    border-radius:5px;
    padding:15px;
    background-color:#fff;
    width:calc(25% - 15px);
    display:inline-block;
    margin:2px 0;
    position:relative
}
.file-content .folder .folder-box h6{
    font-size:16px
}
.file-content .folder .folder-box .ellips{
    top:22px;
    right:22px
}
.file-content .folder .folder-box:nth-child(1){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 10ms;
    animation:fadeIncustom 0.5s linear 10ms
}
.file-content .folder .folder-box:nth-child(2){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 20ms;
    animation:fadeIncustom 0.5s linear 20ms
}
.file-content .folder .folder-box:nth-child(3){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 30ms;
    animation:fadeIncustom 0.5s linear 30ms
}
.file-content .folder .folder-box:nth-child(4){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 40ms;
    animation:fadeIncustom 0.5s linear 40ms
}
.file-content .folder .folder-box:nth-child(5){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 50ms;
    animation:fadeIncustom 0.5s linear 50ms
}
.file-content .folder .folder-box:nth-child(6){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 60ms;
    animation:fadeIncustom 0.5s linear 60ms
}
.file-content .folder .folder-box:nth-child(7){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 70ms;
    animation:fadeIncustom 0.5s linear 70ms
}
.file-content .folder .folder-box:nth-child(8){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 80ms;
    animation:fadeIncustom 0.5s linear 80ms
}
.file-content .folder .folder-box:nth-child(9){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 90ms;
    animation:fadeIncustom 0.5s linear 90ms
}
.file-content .folder .folder-box:nth-child(10){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 100ms;
    animation:fadeIncustom 0.5s linear 100ms
}
.file-content .folder .folder-box:nth-child(11){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 110ms;
    animation:fadeIncustom 0.5s linear 110ms
}
.file-content .folder .folder-box:nth-child(12){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 120ms;
    animation:fadeIncustom 0.5s linear 120ms
}
.file-content .folder .folder-box:nth-child(13){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 130ms;
    animation:fadeIncustom 0.5s linear 130ms
}
.file-content .folder .folder-box:nth-child(14){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 140ms;
    animation:fadeIncustom 0.5s linear 140ms
}
.file-content .folder .folder-box:nth-child(15){
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation:fadeIncustom 0.5s linear 150ms;
    animation:fadeIncustom 0.5s linear 150ms
}
.md-sidebar .md-sidebar-toggle{
    display:none;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-bottom:20px;
    font-weight:600;
    text-transform:capitalize
}
@media screen and (max-width: 1440px){
    .file-content .folder .folder-box .d-flex{
        display:block !important;
        text-align:center
    }
    .file-content .folder .folder-box .d-flex .flex-grow-1{
        margin-left:0 !important;
        margin-top:5px
    }
}
@media screen and (max-width: 1366px){
    .file-content .folder{
        margin-bottom:-10px
    }
    .file-content .folder .folder-box{
        margin-bottom:10px;
        margin-right:0;
        padding:13px
    }
    .file-content .folder .folder-box .media i{
        font-size:30px
    }
    .file-content .card-header .btn{
        padding:8px 15px;
        z-index:0
    }
    .file-sidebar .btn{
        padding:8px 15px
    }
}
@media screen and (max-width: 1199px){
    .job-sidebar .job-left-aside{
        position:absolute;
        top:100%;
        left:0;
        margin-top:0;
        opacity:1;
        visibility:hidden;
        overflow-y:scroll;
        z-index:3;
        max-width:270px;
        height:600 px;
        background-color:#fff;
        border:1 px solid #e6edef;
        padding:12px
    }
    .job-sidebar .job-toggle{
        display:block !important;
        margin-bottom:20px
    }
    .job-sidebar .job-left-aside.open{
        opacity:1;
        visibility:visible
    }
    .md-sidebar .md-sidebar-toggle{
        display:block;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content
    }
    .md-sidebar .md-sidebar-aside{
        position:absolute;
        top:70%;
        left:0;
        opacity:0;
        visibility:hidden;
        z-index:3;
        width:280px
    }
    .md-sidebar .md-sidebar-aside.open{
        opacity:1;
        visibility:visible
    }
}
@media screen and (max-width: 768px){
    .file-content .form-inline{
        display:inline-block
    }
    .file-content .folder{
        margin-bottom:-10px
    }
    .file-content .folder .folder-box{
        width:calc(50% - 20px);
        margin-bottom:10px;
        margin-right:8px
    }
    .file-content .folder .folder-box:nth-child(odd){
        margin-left:0
    }
}
@media screen and (max-width: 420px){
    .file-content .folder .folder-box{
        width:calc(100%);
        margin-right:unset
    }
    .file-content h4{
        font-size:20px
    }
    .file-content .card-header .btn{
        padding:7px 10px;
        font-size:12px
    }
    .file-manager .folder li:nth-child(n+2){
        margin-left:0
    }
    .file-manager>h6{
        font-size:14px
    }
}
.scroll-bar-wrap img{
    width:100%
}
.gallery{
    margin-bottom:-30px
}
.gallery>a{
    margin-bottom:30px
}
.gallery>a:before{
    content:"\edee";
    font-family:IcoFont;
    position:absolute;
    height:calc(100% - 10px);
    left:20px;
    width:calc(100% - 40px);
    background-color:rgba(255,255,255,0.27);
    top:5px;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:30px;
    color:#000
}
.gallery>a:hover:before{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.gallery>a .img-thumbnail{
    border-radius:0
}
.animation-modal .card-body>.row,.tilt-showcase .card-body>.row{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.gallery-with-description{
    margin-bottom:-30px
}
.gallery-with-description a>div{
    padding:10px;
    border:1px solid #e4e6ec;
    margin-bottom:30px;
    border-radius:0 0 5px 5px
}
.gallery-with-description a:hover{
    text-decoration:none !important
}
.gallery-with-description h4{
    color:#2c323f;
    margin-top:15px;
    font-size:18px;
    font-weight:600
}
.gallery-with-description p{
    color:#a3a3a3
}
.lg-backdrop{
    background-color:#fff
}
.lg-outer .lg-actions .lg-next,.lg-outer .lg-actions .lg-prev{
    background-color:#fff;
    border:1px solid #efefef
}
.lg-outer .lg-actions .lg-next:hover,.lg-outer .lg-actions .lg-prev:hover{
    color:#2c323f
}
.lg-outer .lg-toolbar{
    background-color:rgba(255,255,255,0.45);
    border-bottom:1px solid #2c323f
}
.lg-outer .lg-toolbar .lg-icon:hover{
    color:#2c323f
}
.lg-outer #lg-counter{
    color:#2c323f
}
.lg-outer .lg-sub-html{
    background-color:rgba(255,255,255,0.45)
}
.lg-outer .lg-sub-html h4{
    font-size:inherit;
    color:#2c323f
}
.lg-outer .lg-sub-html p{
    color:#2c323f
}
.lg-outer .lg-thumb-outer{
    background-color:#eee
}
.lg-outer .lg-thumb-item{
    padding:4px;
    border:1px solid #efefef;
    border-radius:0
}
.lg-outer .lg-thumb-item .active,.lg-outer .lg-thumb-item:hover{
    border-color:#000
}
.gallery a:before,.gallery a:after{
    content:none
}
.gallery .img-hover>div{
    overflow:hidden
}
.gallery .hover-1 img{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.gallery .hover-1 img:hover{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.gallery .hover-2 img{
    width:100%;
    height:auto;
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
    -webkit-transform:translateX(0px);
    transform:translateX(0px)
}
.gallery .hover-2:hover img{
    -webkit-transform:translateX(40px) scale(1.2);
    transform:translateX(40px) scale(1.2)
}
.gallery .hover-3 img{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.gallery .hover-3:hover img{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.gallery .hover-4 img{
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.gallery .hover-4:hover img{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.gallery .hover-5 img{
    margin-left:30px;
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.gallery .hover-5:hover img{
    margin-left:0
}
.gallery .hover-6 img{
    -webkit-transform:rotate(15deg) scale(1.4);
    transform:rotate(15deg) scale(1.4);
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.gallery .hover-6:hover img{
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
.gallery .hover-7 img{
    -webkit-filter:blur(3px);
    filter:blur(3px);
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.gallery .hover-7:hover img{
    -webkit-filter:blur(0);
    filter:blur(0)
}
.gallery .hover-8 img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.gallery .hover-8:hover img{
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.gallery .hover-9 img{
    -webkit-filter:sepia(100%);
    filter:sepia(100%);
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.gallery .hover-9:hover img{
    -webkit-filter:sepia(0);
    filter:sepia(0)
}
.gallery .hover-10 img{
    -webkit-filter:grayscale(0) blur(0);
    filter:grayscale(0) blur(0);
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.gallery .hover-10:hover img{
    -webkit-filter:grayscale(100%) blur(3px);
    filter:grayscale(100%) blur(3px)
}
.gallery .hover-11 img{
    opacity:1;
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.gallery .hover-11:hover img{
    opacity:0.5
}
@-webkit-keyframes flash{
    0%{
        opacity:0.4
    }
    100%{
        opacity:1
    }
}
@keyframes flash{
    0%{
        opacity:0.4
    }
    100%{
        opacity:1
    }
}
.gallery .hover-13:hover img{
    opacity:1;
    -webkit-animation:flash 1.5s;
    animation:flash 1.5s
}
@-webkit-keyframes shine{
    100%{
        left:125%
    }
}
@keyframes shine{
    100%{
        left:125%
    }
}
.gallery .hover-14 div{
    position:relative
}
.gallery .hover-14 div:before{
    position:absolute;
    top:0;
    left:-75%;
    z-index:2;
    display:block;
    content:"";
    width:50%;
    height:100%;
    background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.3)));
    background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    -webkit-transform:skewX(-25deg);
    transform:skewX(-25deg)
}
.gallery .hover-14 div:hover:before{
    -webkit-animation:shine 0.75s;
    animation:shine 0.75s
}
.gallery .hover-15 div{
    position:relative
}
.gallery .hover-15 div:before{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    display:block;
    content:"";
    width:0;
    height:0;
    background:rgba(255,255,255,0.2);
    border-radius:100%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    opacity:0
}
.gallery .hover-15 div:hover:before{
    -webkit-animation:circle 0.75s;
    animation:circle 0.75s
}
@-webkit-keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}
@keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
*:after,*:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.grid{
    position:relative
}
.grid:after{
    content:"";
    display:block;
    clear:both
}
.grid-item img{
    max-width:100%;
    padding:0.25rem;
    background-color:#fff;
    border:1px solid #eee
}
.gallery-with-description .grid-item img{
    border:0;
    padding:0
}
.hdg_main{
    position:relative
}
.main .langChoice{
    position:absolute;
    right:30px;
    top:20px;
    padding:10px 12px;
    background-color:rgba(92,97,242,0.05);
    border-color:#eee;
    color:#5c61f2
}
.site .site-bd .masthead .badge{
    padding:4px 6px 3px
}
@media (max-width: 991px){
    .main .langChoice{
        right:20px;
        top:11px;
        padding:8px
    }
}
@media only screen and (max-width: 575px){
    .main .langChoice{
        top:14px;
        padding:4px 7px
    }
    .language-xs{
        margin-top:15px
    }
}
@media only screen and (max-width: 360px){
    .language-header{
        padding-bottom:45px !important
    }
    .main .langChoice{
        left:0;
        margin:0 auto 0 20px;
        top:50px;
        width:33%;
        right:0
    }
}
.filter-cards-view .job-filter:first-child{
    margin-bottom:30px
}
.filter-cards-view .checkbox-animated{
    margin-top:30px;
    margin-bottom:30px
}
.filter-cards-view p{
    color:#979797;
    line-height:1.6;
    letter-spacing:0.02em;
    font-size:13px
}
.filter-cards-view .filter-view-group{
    margin-bottom:10px
}
.location-checkbox span{
    color:#979797;
    padding-left:33px
}
.job-accordion .card{
    margin-bottom:30px
}
.job-accordion .btn-block{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px
}
.job-sidebar .job-toggle{
    display:none;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.job-search p{
    margin-top:20px;
    color:#979797
}
.job-search .d-sm-flex .flex-grow-1 h6{
    margin-bottom:3px
}
.job-search .d-sm-flex .flex-grow-1 h6 span{
    font-size:13px;
    font-weight:normal
}
.job-search .d-sm-flex .flex-grow-1 h6 span.badge{
    color:#fff;
    font-weight:600;
    padding:4px 5px 5px
}
.job-search .d-sm-flex .flex-grow-1 h6 .btn{
    font-weight:600
}
.job-search .d-sm-flex .flex-grow-1 p{
    margin-top:0;
    margin-bottom:0;
    font-weight:500;
    display:inline-block
}
.job-search .d-sm-flex .flex-grow-1 ul.rating{
    margin-left:10px;
    display:inline-block
}
.job-search .d-sm-flex .flex-grow-1 ul.rating li{
    display:inline-block;
    letter-spacing:-2px
}
.job-search .d-sm-flex .flex-grow-1 .job-apply-btn{
    position:absolute;
    top:30px;
    right:30px
}
.job-search .job-description{
    margin-top:20px;
    border-top:1px solid #eee;
    padding-top:20px
}
.job-search .job-description h6{
    font-size:15px
}
.job-search .job-description p{
    margin-top:0;
    margin-bottom:6px;
    letter-spacing:0.04em
}
.job-search .job-description ul{
    list-style-type:disc;
    list-style-position:inside
}
.job-search .job-description ul li{
    margin-bottom:10px;
    cursor:pointer;
    color:#979797
}
.job-search .job-description ul li:last-child{
    margin-bottom:0
}
.job-search .job-description ul li:hover{
    color:#5c61f2
}
.job-search .job-description .theme-form{
    margin-top:20px;
    margin-bottom:30px;
    border-bottom:1px solid #efefef
}
.job-search .job-description .theme-form .row div[class^="col-"]+div[class^="col-"] .select2-container{
    margin-top:14px;
    max-width:100%
}
.job-search .job-description .theme-form .row div[class^="col-"] .job-select2 ~ .select2-container{
    margin-top:0 !important
}
.job-search .job-description .theme-form .row div[class^="col-"] .input-group .datepicker-here{
    font-size:14px;
    border:1px solid #eee;
    padding-top:7px;
    padding-bottom:7px
}
.select2-container .select2-selection--single{
    border-radius:0.25rem !important;
    border-color:#eee !important;
    height:40px !important;
    padding:5px
}
.job-pagination{
    margin-bottom:30px
}
.job-pagination nav ul{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media only screen and (max-width: 1470px){
    .job-search .d-sm-flex .flex-grow-1 .job-apply-btn{
        padding:9px 17px;
        font-size:13px
    }
}
@media only screen and (max-width: 1366px){
    .xl-mt-job{
        margin-bottom:20px
    }
}
@media only screen and (max-width: 991px){
    .filter-cards-view{
        padding:20px !important
    }
    .filter-cards-view .job-filter:first-child{
        margin-bottom:20px
    }
    .filter-cards-view .checkbox-animated{
        margin-top:20px;
        margin-bottom:20px
    }
    .job-accordion .animate-chk{
        padding:20px !important
    }
    .job-search p{
        margin-top:15px
    }
}
@media only screen and (max-width: 767px){
    .job-search .d-sm-flex .flex-grow-1 .job-apply-btn{
        position:unset;
        display:block;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content;
        margin-top:5px
    }
}
@media only screen and (max-width: 575px){
    .filter-cards-view{
        padding:15px !important
    }
    .filter-cards-view .job-filter:first-child{
        margin-bottom:15px
    }
    .filter-cards-view .checkbox-animated{
        margin-top:15px;
        margin-bottom:15px
    }
    .job-accordion .animate-chk{
        padding:15px !important
    }
    .job-search p{
        margin-top:10px;
        text-align:center;
        font-size:13px
    }
    .job-search .d-sm-flex{
        text-align:center
    }
    .job-search .d-sm-flex .flex-grow-1{
        text-align:center
    }
    .job-search .d-sm-flex .flex-grow-1 .job-apply-btn{
        margin-left:auto;
        margin-right:auto
    }
    .job-search .d-sm-flex .flex-grow-1 h6 .pull-right{
        float:none;
        display:inline-block;
        margin-left:15px
    }
    .job-search .d-sm-flex .flex-grow-1 h6 span.badge{
        font-size:10px;
        padding:5px
    }
    .job-search .d-sm-flex .flex-grow-1 h6 a{
        margin-bottom:10px
    }
    .job-search .d-sm-flex .flex-grow-1 p span+span{
        display:block
    }
    .job-search .d-sm-flex img{
        margin-bottom:15px
    }
    .job-search .d-sm-flex .m-r-20{
        margin-right:0
    }
    .job-search .job-description{
        margin-top:15px;
        padding-top:15px
    }
    .job-search .job-description label{
        display:block;
        text-align:left !important
    }
    .job-search .job-description .select2-container{
        width:100% !important
    }
    .job-search .job-description .theme-form{
        margin-top:15px;
        margin-bottom:15px
    }
    .job-search .job-description .theme-form .row div[class^="col-"]+div[class^="col-"] .select2-container{
        margin-top:2px
    }
    .job-search .job-description .theme-form .xs-mt-period{
        margin-top:15px
    }
    .job-search .card-footer{
        padding:20px
    }
    .job-pagination{
        margin-bottom:15px
    }
    .xl-mt-job{
        margin-bottom:15px
    }
}
@media only screen and (max-width: 420px){
    .job-search .d-sm-flex .flex-grow-1 h6 span.badge{
        display:none
    }
}
@media only screen and (max-width: 360px){
    .job-search .job-description .btn{
        padding:6px 12px
    }
}
.jsgrid .jsgrid-grid-body .jsgrid-cell{
    padding:0.75rem
}
.jsgrid .jsgrid-pager-container{
    text-align:right
}
.jsgrid .jsgrid-pager{
    padding:0;
    margin-top:20px
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button{
    margin-right:-5px
}
.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child{
    border-radius:5px 0 0 5px
}
.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button{
    margin-left:-5px
}
.jsgrid .jsgrid-pager .jsgrid-pager-page ~ .jsgrid-pager-nav-button:last-child{
    border-radius:0 5px 5px 0
}
.jsgrid .jsgrid-pager [class*="jsgrid-pager"]{
    display:inline-block;
    min-width:1.5em;
    padding:0.5em 1em;
    border:1px solid #f4f4f4
}
.jsgrid .jsgrid-pager .jsgrid-pager-page a{
    color:#2c323f
}
.jsgrid .jsgrid-pager .jsgrid-pager-current-page{
    color:#2c323f
}
.jsgrid .jsgrid-selected-row>.jsgrid-cell{
    background:#f4f4f4;
    border-color:#fafafa
}
.jsgrid .jsgrid-header-row>.jsgrid-header-cell{
    padding:0.75rem;
    font-weight:500
}
.jkanban-container .card-header p{
    color:#2b2b2b;
    font-weight:400
}
.jkanban-container .card-body #demo1,.jkanban-container .card-body #demo2,.jkanban-container .card-body #demo3{
    margin-left:-15px;
    margin-right:-15px
}
.jkanban-container .btn{
    margin-bottom:10px
}
.jkanban-container .note a{
    display:contents
}
.kanban-board-header{
    height:auto;
    width:auto;
    line-height:unset;
    background:#f6f8fc;
    border-bottom:1px solid #efefef
}
.kanban-board-header.bg-info ~ .kanban-drag{
    background-color:rgba(79,170,213,0.3) !important
}
.kanban-board-header.bg-warning ~ .kanban-drag{
    background-color:rgba(230,174,48,0.3) !important
}
.kanban-board-header.bg-success ~ .kanban-drag{
    background-color:rgba(97,174,65,0.3) !important
}
.kanban-container{
    display:contents
}
.kanban-board{
    margin-bottom:30px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    letter-spacing:0.5px;
    border-radius:8px;
    -webkit-box-shadow:1px 5px 24px 0 rgba(68,102,242,0.05);
    box-shadow:1px 5px 24px 0 rgba(68,102,242,0.05);
    overflow:hidden;
    width:calc(100% / 3 - 30px) !important
}
.kanban-board .kanban-drag{
    background:#f6f8fc
}
.kanban-item{
    background:transparent;
    padding:0;
    margin-bottom:20px
}
.kanban-item p{
    opacity:0.7
}
.kanban-item:last-child{
    margin-bottom:0
}
.kanban-item .list{
    display:inline-block;
    opacity:0.4
}
.kanban-item .list li{
    display:inline-block;
    font-size:12px
}
.kanban-item .list li i{
    margin-right:10px
}
.kanban-item .kanban-box{
    border:1px solid #efefef;
    border-radius:5px;
    padding:20px;
    position:relative;
    display:block;
    color:inherit;
    background-color:#fff
}
.kanban-item .kanban-box:hover{
    color:inherit
}
.kanban-item .kanban-box+.kanban-box{
    margin-top:20px
}
.kanban-item .kanban-box .badge{
    font-weight:400;
    padding:4px
}
.kanban-item .kanban-box h6{
    font-size:15px;
    margin-top:5px;
    font-weight:500
}
.kanban-item .kanban-box .dropdown{
    display:inline-block;
    right:10px;
    position:absolute;
    top:20px
}
.kanban-item .kanban-box .dropdown .dropdown-item{
    font-size:13px;
    font-weight:500;
    padding:5px 10px;
    text-align:left
}
.kanban-item .kanban-box .dropdown svg{
    height:14px
}
.kanban-item .kanban-box .d-flex{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.kanban-item .kanban-box .dropdown-toggle:after{
    content:none
}
.kanban-item .kanban-box .customers li:first-child{
    vertical-align:middle
}
.kanban-item .kanban-box .customers ul li+li{
    margin-left:-10px
}
.kanban-item .kanban-box .date{
    font-size:11px;
    opacity:0.5
}
footer{
    margin:0;
    padding:0
}
@media only screen and (max-width: 1199px){
    .jkanban-container .btn{
        margin-bottom:10px
    }
}
@media only screen and (max-width: 767px){
    .jkanban-container .card-body #demo1{
        margin-left:0
    }
}
@media only screen and (max-width: 600px){
    .kanban-board .kanban-drag,.kanban-container .kanban-item .kanban-box{
        padding:10px 15px
    }
    .custom-board .kanban-container .kanban-board,.api-board .kanban-container .kanban-board{
        width:90% !important;
        margin-left:14px !important;
        margin-right:14px !important
    }
    .kanban-container .kanban-board{
        margin-left:10px !important;
        margin-right:10px !important;
        width:94% !important;
        margin-left:0px !important;
        margin-right:0px !important
    }
}
@media only screen and (max-width: 480px){
    .jkanban-container .kanban-board{
        margin-bottom:14px
    }
    .jkanban-container .card-body{
        padding:15px !important
    }
    .kanban-board .kanban-drag,.kanban-container .kanban-item .kanban-box{
        padding:10px 15px
    }
}
@media only screen and (max-width: 360px){
    .jkanban-container .btn{
        margin-left:0;
        padding:6px 16px
    }
}
.knowledgebase-bg{
    height:500px;
    margin-bottom:30px;
    border-radius:10px
}
.knowledgebase-search{
    position:absolute;
    top:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    left:5%
}
.knowledgebase-search h3{
    font-weight:600
}
.knowledgebase-search .form-inline{
    background-color:#fff;
    width:500px;
    padding:12px 50px;
    border-radius:10px;
    border:1px solid #eee;
    margin-top:10px;
    position:relative
}
.knowledgebase-search .form-inline ::-webkit-input-placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline ::-moz-placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline :-ms-input-placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline ::-ms-input-placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline ::placeholder{
    color:#ccc
}
.knowledgebase-search .form-inline svg{
    position:absolute;
    left:20px;
    width:20px;
    top:17px;
    stroke:#ccc
}
.knowledge-details .blog-single .blog-details{
    padding-right:0
}
.knowledge-details .blog-box img{
    border-radius:10px
}
.knowledge-details .job-sidebar .categories ul li span.badge{
    padding:4px 4px 2px
}
.browse>div{
    margin-bottom:30px
}
.browse .browse-articles{
    background-color:#fff;
    padding:30px;
    border-radius:10px
}
.browse .browse-articles h6{
    font-weight:600;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #eee;
    color:#59667a;
    padding-left:25px;
    position:relative;
    line-height:1.6
}
.browse .browse-articles h6 span svg{
    width:16px;
    height:16px;
    margin-right:10px;
    vertical-align:text-top;
    position:absolute;
    left:0;
    top:4px
}
.browse .browse-articles ul li{
    border-radius:8px;
    position:relative;
    padding-top:8px;
    padding-bottom:8px;
    cursor:pointer
}
.browse .browse-articles ul li:last-child{
    padding-bottom:0
}
.browse .browse-articles ul li h5{
    vertical-align:text-top;
    font-size:14px;
    margin-bottom:unset;
    color:#979797;
    width:100%;
    padding-left:20px;
    line-height:1.6;
    font-weight:500;
    position:relative
}
.browse .browse-articles ul li h5 span.badge{
    margin-left:auto
}
.browse .browse-articles ul li h5 svg{
    width:14px;
    height:14px;
    margin-right:10px;
    vertical-align:text-top;
    position:absolute;
    left:0;
    top:4px
}
.browse .browse-articles ul li a{
    color:#2b2b2b;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
.browse .browse-articles ul li:hover h5{
    color:#5c61f2
}
@media only screen and (max-width: 1199px){
    .knowledgebase-bg{
        height:400px
    }
    .knowledgebase-search .form-inline{
        width:400px;
        padding:7px 45px
    }
    .knowledgebase-search .form-inline svg{
        top:14px
    }
}
@media only screen and (max-width: 767px){
    .browse .browse-articles h6{
        margin-bottom:10px
    }
}
@media only screen and (max-width: 575px){
    .browse .browse-articles{
        padding:20px
    }
    .browse .browse-articles h6{
        font-size:14px;
        margin-bottom:10px
    }
    .knowledgebase-bg{
        height:250px
    }
    .knowledgebase-search{
        width:calc(100% - 30px);
        left:15px;
        height:calc(100% - 30px);
        background-color:rgba(255,255,255,0.7)
    }
    .knowledgebase-search .form-inline{
        width:90%;
        padding:3px 45px
    }
    .knowledgebase-search .form-inline svg{
        top:8px
    }
    .knowledgebase-search>div{
        width:100%;
        text-align:center;
        padding:15px;
        border-right:10px
    }
    .knowledgebase-search>div h3{
        font-size:20px;
        margin-bottom:0
    }
    .knowledgebase-search>div .form-group{
        margin-bottom:0
    }
}
@media only screen and (max-width: 360px){
    .browse .browse-articles ul li h5{
        width:100%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .browse .browse-articles ul li h5 span.badge{
        display:none
    }
}
.landing-page .section-py-space{
    padding-top:70px;
    padding-bottom:70px
}
.landing-page .section-pt-space{
    padding-top:70px
}
.landing-page .section-pb-space{
    padding-bottom:70px
}
.landing-page .light-bg{
    background-color:rgba(92,97,242,0.01)
}
.landing-page section .title{
    margin-bottom:35px;
    text-align:center;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-left:auto;
    margin-right:auto;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.landing-page section .title h2{
    font-size:30px;
    text-transform:uppercase;
    font-weight:700;
    color:#5c61f2;
    margin-bottom:0;
    position:relative
}
.landing-page section .title h2 i{
    font-size:4px;
    margin-top:-2px;
    margin-left:10px;
    vertical-align:middle
}
.landing-page section .title h2:after{
    position:absolute;
    content:"";
    width:76px;
    height:44px;
    background-color:rgba(92,97,242,0.1);
    top:-5px;
    right:-12px;
    border-radius:4px;
    -webkit-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in
}
.landing-page section:hover{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.landing-page section:hover .title h2:after{
    width:110%
}
.landing-page .custom-container{
    max-width:1660px;
    padding-right:var(--bs-gutter-x, 0.75rem);
    padding-left:var(--bs-gutter-x, 0.75rem);
    margin-right:auto;
    margin-left:auto
}
.landing-page .navbar-nav{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.landing-page .navbar-nav .nav-item{
    position:relative
}
.landing-page .navbar-nav .nav-item .nav-link{
    color:#000;
    font-size:15px;
    font-weight:500;
    letter-spacing:1px;
    padding:12px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    opacity:0.7
}
.landing-page .navbar-nav .nav-item .nav-link:hover,.landing-page .navbar-nav .nav-item .nav-link.active{
    opacity:1;
    text-shadow:0 0 0 #5c61f2;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#5c61f2
}
.landing-page .btn-landing{
    border-radius:30px;
    color:#fff;
    background-color:#5c61f2;
    padding:12px 30px;
    line-height:1;
    font-weight:600;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.landing-page .btn-landing:hover{
    color:#fff
}
.landing-page .btn-landing.btn-white{
    background-color:#fff !important;
    color:#5c61f2
}
.landing-page .landing-header{
    padding:12px 40px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:2;
    -webkit-box-shadow:0 0 12px rgba(255,255,255,0.1);
    box-shadow:0 0 12px rgba(255,255,255,0.1);
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out
}
.landing-page .landing-header.sticky{
    background-color:#5c61f2;
    -webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    padding:6px 10px
}
.landing-page .landing-header ul.landing-menu li.nav-item.menu-back{
    border-bottom:1px solid #eee;
    padding:22px 20px;
    text-align:right;
    text-transform:uppercase;
    font-weight:700;
    font-size:16px;
    display:none;
    cursor:pointer;
    margin-bottom:15px
}
.landing-page .landing-header ul.landing-menu li.nav-item.menu-back i{
    font-size:16px;
    margin-left:10px
}
.landing-page .landing-header ul.landing-menu li.nav-item a.nav-link{
    font-size:16px;
    font-weight:600;
    color:#fff;
    padding:10px 20px
}
.landing-page .landing-header ul.landing-menu li.nav-item:hover a.nav-link{
    color:#eeb82f
}
.landing-page .landing-header .buy-block{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.landing-page .landing-header .buy-block .toggle-menu{
    margin-left:20px;
    display:none;
    cursor:pointer
}
.landing-page .landing-header .buy-block .toggle-menu i{
    font-size:24px;
    color:#fff
}
.landing-page .landing-home{
    background-color:rgba(92,97,242,0.9);
    position:relative;
    overflow:hidden
}
.landing-page .landing-home .landing-home-contain{
    margin-left:50px;
    height:calc(100vh - 90px);
    margin-top:90px;
    text-align:left;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.landing-page .landing-home .landing-home-contain div div{
    margin-bottom:4px
}
.landing-page .landing-home .landing-home-contain .landing-logo{
    margin-bottom:25px
}
.landing-page .landing-home .landing-home-contain h2{
    color:#fff;
    font-weight:700;
    font-size:44px;
    margin-bottom:6px;
    line-height:1.4
}
.landing-page .landing-home .landing-home-contain h3{
    font-size:24px;
    color:#eeb82f;
    font-weight:600;
    margin-bottom:15px
}
.landing-page .landing-home .landing-home-contain p{
    color:#fff;
    font-size:18px;
    font-weight:500;
    width:100%;
    margin-bottom:30px
}
.landing-page .landing-home .landing-home-contain .btn-home-list{
    margin-bottom:-10px
}
.landing-page .landing-home .landing-home-contain .btn-home-list li{
    display:inline-block
}
.landing-page .landing-home .landing-home-contain .btn-home-list li .btn{
    text-transform:capitalize;
    margin-bottom:10px
}
.landing-page .landing-home .landing-home-contain .btn-home-list li:nth-child(n+2){
    margin-left:10px
}
.landing-page .landing-home .animat-block{
    position:relative;
    margin-top:100px;
    margin-left:50px
}
.landing-page .landing-home .animat-block li img{
    border-radius:15px;
    -webkit-transform:rotate(-12deg);
    transform:rotate(-12deg)
}
.landing-page .landing-home .animat-block li:first-child{
    -webkit-animation:move2 1.2s infinite alternate;
    animation:move2 1.2s infinite alternate;
    z-index:1;
    margin-left:40px;
    position:relative
}
.landing-page .landing-home .animat-block li:nth-child(2){
    -webkit-animation:move2 1.3s infinite alternate;
    animation:move2 1.3s infinite alternate
}
.landing-page .landing-home .animat-block li:nth-child(3){
    position:absolute;
    top:8%;
    left:36%;
    -webkit-animation:move2 1.4s infinite alternate;
    animation:move2 1.4s infinite alternate
}
.landing-page .landing-home .animat-block li:nth-child(4){
    position:absolute;
    bottom:0;
    left:40px;
    -webkit-animation:move2 1.5s infinite alternate;
    animation:move2 1.5s infinite alternate
}
.landing-page .landing-home .animat-block li:nth-child(5){
    position:absolute;
    bottom:20px;
    right:15%;
    -webkit-animation:move2 1.6s infinite alternate;
    animation:move2 1.6s infinite alternate
}
@-webkit-keyframes move1{
    0%{
        -webkit-transform:rotate(0deg) translateX(15px) rotate(0deg);
        transform:rotate(0deg) translateX(15px) rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg) translateX(15px) rotate(-360deg);
        transform:rotate(360deg) translateX(15px) rotate(-360deg)
    }
}
@keyframes move1{
    0%{
        -webkit-transform:rotate(0deg) translateX(15px) rotate(0deg);
        transform:rotate(0deg) translateX(15px) rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg) translateX(15px) rotate(-360deg);
        transform:rotate(360deg) translateX(15px) rotate(-360deg)
    }
}
@-webkit-keyframes move2{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
    }
}
@keyframes move2{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
    }
}
.landing-page .layout-section{
    background-color:#fff
}
.landing-page .layout-section .layout-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:35px;
    border:none
}
.landing-page .layout-section .layout-list .nav-item .nav-link{
    padding:14px 30px;
    background-color:rgba(92,97,242,0.1);
    border-radius:30px;
    font-weight:500
}
.landing-page .layout-section .layout-list .nav-item .nav-link.active{
    background-color:#5c61f2;
    color:#fff
}
.landing-page .layout-section .layout-list .nav-item+.nav-item{
    margin-left:18px
}
.landing-page .layout-section .layout-links .row{
    margin-bottom:-30px
}
.landing-page .layout-section .layout-links .row>div{
    margin-bottom:30px
}
.landing-page .layout-section .layout-links .layout-box{
    background-color:#fff;
    padding:15px;
    border-radius:20px;
    -webkit-box-shadow:0 0 20px rgba(8,21,66,0.2);
    box-shadow:0 0 20px rgba(8,21,66,0.2)
}
.landing-page .layout-section .layout-links .layout-box ul{
    margin-top:18px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.landing-page .layout-section .layout-links .layout-box ul img{
    border-radius:0
}
.landing-page .layout-section .layout-links .layout-box ul li{
    border:1px solid rgba(92,97,242,0.5);
    border-radius:14px;
    -webkit-box-shadow:0 0 20px rgba(8,21,66,0.1);
    box-shadow:0 0 20px rgba(8,21,66,0.1)
}
.landing-page .layout-section .layout-links .layout-box ul li a{
    padding:9px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.landing-page .layout-section .layout-links .layout-box ul li+li{
    margin-left:12px
}
.landing-page .layout-section .layout-links .layout-box ul li:nth-last-child(-n+2){
    margin-top:10px
}
.landing-page .layout-section .layout-links .layout-box img{
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    border-radius:10px
}
.landing-page .layout-section .layout-links .layout-box:hover img{
    -webkit-transform:scale(1.02);
    transform:scale(1.02)
}
.landing-page .layout-section .layout-links .nav-link{
    border-radius:10px;
    padding:15px 30px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:rgba(92,97,242,0.8);
    position:relative
}
.landing-page .demo-section .demo-box{
    background-color:#fff;
    padding:20px;
    border-radius:20px
}
.landing-page .demo-section .demo-box .demo-title{
    padding-top:20px;
    text-align:center
}
.landing-page .demo-section .demo-box .demo-title .btn{
    text-transform:capitalize;
    border:1px solid #5c61f2;
    padding:8px 15px;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    color:#5c61f2
}
.landing-page .demo-section .demo-box .demo-title .btn:hover{
    background-color:#5c61f2;
    color:#fff
}
.landing-page .demo-section .demo-box .img-wrraper{
    border-radius:10px;
    overflow:hidden;
    position:relative
}
.landing-page .demo-section .demo-box .img-wrraper img{
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    width:100%
}
.landing-page .demo-section .demo-box:hover .img-wrraper img{
    -webkit-transform:scale(1.02);
    transform:scale(1.02)
}
.landing-page .demo-section .demo-block{
    margin-bottom:-30px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.landing-page .demo-section .demo-block>div{
    margin-bottom:30px
}
.landing-page .framework .nav{
    margin-bottom:35px
}
.landing-page .framework .nav .nav-item:nth-child(n+2){
    margin-left:20px
}
.landing-page .framework .nav .nav-link{
    border-radius:14px;
    padding:14px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff;
    border:1px solid #5c61f2;
    position:relative
}
.landing-page .framework .nav .nav-link h5{
    font-weight:700;
    color:#5c61f2
}
.landing-page .framework .nav .nav-link p{
    color:#fff
}
.landing-page .framework .nav .nav-link.active,.landing-page .framework .nav .nav-link.show{
    background-color:rgba(92,97,242,0.2);
    border:1px solid #5c61f2;
    -webkit-box-shadow:0 0 20px rgba(8,21,66,0.1);
    box-shadow:0 0 20px rgba(8,21,66,0.1)
}
.landing-page .framework .nav .nav-link img{
    height:28px;
    margin-right:8px
}
.landing-page .framework ul.framworks-list{
    text-align:center
}
.landing-page .framework ul.framworks-list li{
    display:inline-block;
    background-color:rgba(92,97,242,0.05);
    padding:40px 10px;
    margin-bottom:30px;
    border-radius:16px;
    border:1px solid #eee;
    margin:10px;
    height:170px;
    width:170px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
    text-align:center
}
.landing-page .framework ul.framworks-list li h6{
    margin-top:10px;
    margin-bottom:unset;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.landing-page .framework ul.framworks-list li img{
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
    height:58px
}
.landing-page .framework ul.framworks-list li:hover img{
    -webkit-transform:scale(0.9);
    transform:scale(0.9)
}
.landing-page .framework ul.framworks-list li:hover h6{
    color:#5c61f2
}
.landing-page .responsive-card .img-wrraper{
    text-align:center
}
.landing-page .core-feature .feature-block{
    margin-bottom:-25px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.landing-page .core-feature .feature-block>div{
    margin-bottom:25px
}
.landing-page .core-feature .d-flex .flex-shrink-0 .icon-wrraper{
    width:60px;
    height:60px;
    border-radius:60px;
    background-color:rgba(92,97,242,0.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease
}
.landing-page .core-feature .d-flex .flex-shrink-0 .icon-wrraper svg{
    width:40%;
    height:auto;
    color:#5c61f2;
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease
}
.landing-page .core-feature .d-flex .flex-grow-1{
    text-align:left;
    margin-left:15px
}
.landing-page .core-feature .d-flex .flex-grow-1 h4{
    font-size:20px;
    margin-bottom:8px;
    font-weight:600
}
.landing-page .core-feature .d-flex .flex-grow-1 p{
    font-size:15px;
    color:#979797;
    margin-bottom:unset
}
.landing-page .core-feature .feature-box{
    border:1px solid #eee;
    padding:45px 30px;
    text-align:center;
    border-radius:10px;
    background-color:#fff;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.landing-page .core-feature .feature-box .icon-wrraper{
    width:60px;
    height:60px;
    border-radius:60px;
    margin-bottom:20px;
    background-color:rgba(92,97,242,0.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease
}
.landing-page .core-feature .feature-box .icon-wrraper svg{
    width:40%;
    height:auto;
    color:#5c61f2;
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease
}
.landing-page .core-feature .feature-box h4{
    margin-bottom:0;
    margin-top:10px;
    font-weight:700
}
.landing-page .core-feature .feature-box p{
    font-size:16px;
    color:#979797;
    margin-bottom:unset
}
.landing-page .core-feature .feature-box:hover .icon-wrraper{
    background-color:#5c61f2
}