/*---------------------------------------------------------------------------
  Template: Applicator - Admin Dashboard Template
  Author: Theme_Nate
----------------------------------------------------------------------------*/
/*
Theme: Applicator
Author: Theme_Nate
*/
/*---------------------------------------------------------------------------
  1. General
  2. Utilities
  3. Side Nav
  4. Aside
  5. Quick View
  6. Header
  7. Footer
  8. Page Container
  9. Widgets
  10. RTL
  11. themes
  12. Alert
  13. Buttons
  14. Modal
  15. List
  16. Badge
  17. Card
  18. Page Title
  19. Alert
  21. Breadcrumb
  22. Dropdown
  23. Tabs
  24. Accordion
  25. Noticfication
  26. Progress bar
  27. Popovers
  28. Tooltips
  29. Pagination
  30. Tables
  31. Maps
  32. Input
  33. Controls
  34. Validation
  35. Wizard
  36. Email
  37. Chat
  38. Contact
  39. Nouislider
  40. Selectize
  41. Noty
  42. Summernote
  43. Datepicker
  44. Datatables
  45. Chartist
  46. Sparkline
  47. Full Calendar
  48. Slick
  49. Sweet Alert
  50. Expand Menu MBKM
----------------------------------------------------------------------------*/
/*---------------------------------
-------------- common -------------
---------------------------------*/
/*----------------------------------------
  1. General
----------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
html, html a, body { -webkit-font-smoothing: antialiased; }

body { font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-size: 14px; background-color: #f7fbff; color: #8a8a8a; line-height: 1.5; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { color: #515365; font-weight: normal; line-height: 1.5; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 300; color: #5c5f73; }

h1 { font-size: 28px; }

h2 { font-size: 24px; }

h3 { font-size: 22px; }

h4 { font-size: 19px; }

h5 { font-size: 17px; }

h6 { font-size: 12px; }

p { font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; color: #8a8a8a; line-height: 1.8; margin-bottom: 10px; }

.lead { font-size: 18px; }

ul { margin-bottom: 0px; }

a { color: #04a1f4; }

a:hover, a:focus { text-decoration: none; color: #0380c2; }

a:focus { outline: none; }

a.text-gray:hover, a.text-gray:focus { color: #515365 !important; }

a.text-gray.active { color: #04a1f4 !important; }

a.hover-opacity:hover { opacity: 0.8; }

:focus { outline: none; }

hr { border-top: 1px solid #e9eaec; margin-top: 2rem; margin-bottom: 2rem; }

.font-primary { font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; }

.text-link:hover, .text-link:focus { text-decoration: underline; }

.text-opacity { opacity: 0.85; }

.text-white { color: #ffffff !important; }

.text-dark { color: #515365 !important; }

.text-gray { color: #8a8a8a !important; }

.text-secondary { color: #cacaca !important; }

.text-primary { color: #6569df !important; }

.text-success { color: #24d5d8 !important; }

.text-info { color: #5F9F9F !important; }

.text-warning { color: #fecd2f !important; }

.text-danger { color: #fd3259 !important; }

.icon-gradient-primary { color: #6569df; }

.icon-gradient-primary:before { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.icon-gradient-success { color: #24d5d8; }

.icon-gradient-success:before { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.icon-gradient-info { color: #04a1f4; }

.icon-gradient-info:before { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.icon-gradient-warning { color: #fecd2f; }

.icon-gradient-warning:before { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.icon-gradient-danger { color: #fd3259; }

.icon-gradient-danger:before { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.icon-gradient-primary { color: #6569df; }

.icon-gradient-primary:before { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.icon-gradient-success { color: #24d5d8; }

.icon-gradient-success:before { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.icon-gradient-warning { color: #fecd2f; }

.icon-gradient-warning:before { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.icon-gradient-danger { color: #fd3259; }

.icon-gradient-danger:before { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.icon-gradient-info { color: #04a1f4; }

.icon-gradient-info:before { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

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

.bg-dark { background-color: #515365 !important; }

.bg-login { background-color: #5F9F9F !important; }

.bg-gray { background-color: #fafafa !important; }

.bg-primary { background-color: #6569df !important; }

.bg-success { background-color: #24d5d8 !important; }

.bg-info { background-color: #04a1f4 !important; }

.bg-warning { background-color: #fecd2f !important; }

.bg-danger { background-color: #fd3259 !important; }

.bg-gradient-primary { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%) !important; }

.bg-gradient-success { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%) !important; }

.bg-gradient-info { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%) !important; }

.bg-gradient-warning { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%) !important; }

.bg-gradient-danger { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%) !important; }

.bg-facebook { background-color: #3B579D !important; }

.bg-twitter { background-color: #2CAAE1 !important; }

.bg-google-plus { background-color: #dc473c !important; }

.bg-instagram { background-color: #40719b !important; }

.bg-dropbox { background-color: #007EE6 !important; }

.bg-dribbble { background-color: #ea4c89 !important; }

.bg-behance { background-color: #1869ff !important; }

.bg-html5 { background-color: #f16528 !important; }

.bg-wordpress { background-color: #0087be !important; }

.bg-tumblr { background-color: #36465d !important; }

.bg-skype { background-color: #00AAF1 !important; }

.bg-youtube { background-color: #DE2825 !important; }

.bg-vimeo { background-color: #1BB6EC !important; }

.bg-linkedin { background-color: #0177b5 !important; }

.bg-pinterest { background-color: #c9181f !important; }

.img-fit-cover { width: 100%; height: 100%; object-fit: cover; }

.bg { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.container-fluid.container-fixed-lg { max-width: 1700px; }

.container-fluid.container-fixed-md { max-width: 1400px; }

.container-fluid.container-fixed-sm { max-width: 1280px; }

button, input, textarea { outline: none; }

label { margin-bottom: 0px; }

blockquote { border-left: 0px; padding-left: 30px; position: relative; }

.blockquote-footer { color: #515365; }

dt { color: #515365; font-weight: 500; }

dd { margin-bottom: 10px; }

.fade.in { opacity: 1; }

.collapse.in { display: block; }

iframe { border: 0; }

@media only screen and (max-width: 767px) { iframe { min-height: 175px !important; height: auto; } }

@media print { body { font-size: 10px; }
  .mrg-top-30, .mrg-top-20 { margin-top: 15px !important; }
  .print-invisible { display: none; } }

/*----------------------------------------
  2. Utilities
----------------------------------------*/
/*Margin*/
.m-0 { margin: 0 !important; }

.m-t-0 { margin-top: 0 !important; }

.m-b-0 { margin-bottom: 0 !important; }

.m-r-0 { margin-right: 0 !important; }

.m-l-0 { margin-left: 0 !important; }

.m-v-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.m-h-0 { margin-left: 0 !important; margin-right: 0 !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-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-55 { margin: 55px !important; }

.m-60 { margin: 60px !important; }

.m-65 { margin: 65px !important; }

.m-70 { margin: 70px !important; }

.m-75 { margin: 75px !important; }

.m-80 { margin: 80px !important; }

.m-85 { margin: 85px !important; }

.m-90 { margin: 90px !important; }

.m-95 { margin: 95px !important; }

.m-100 { margin: 100px !important; }

.m-105 { margin: 105px !important; }

.m-110 { margin: 110px !important; }

.m-115 { margin: 115px !important; }

.m-120 { margin: 120px !important; }

.m-125 { margin: 125px !important; }

.m-130 { margin: 130px !important; }

.m-135 { margin: 135px !important; }

.m-140 { margin: 140px !important; }

.m-145 { margin: 145px !important; }

.m-150 { margin: 150px !important; }

@media only screen and (max-width: 767px) { .m-150, .m-145, .m-140, .m-135, .m-130, .m-125, .m-120, .m-115, .m-110, .m-100, .m-95, .m-90, .m-85, .m-80, .m-75, .m-70, .m-65, .m-60, .m-55, .m-50, .m-45, .m-40, .m-35 { margin: 30px !important; } }

.m-h-auto { margin-left: auto !important; margin-right: auto !important; }

.m-l-auto { margin-left: auto !important; }

.m-r-auto { margin-right: auto !important; }

.m-v-5 { margin-top: 5px !important; margin-bottom: 5px !important; }

.m-v-10 { margin-top: 10px !important; margin-bottom: 10px !important; }

.m-v-15 { margin-top: 15px !important; margin-bottom: 15px !important; }

.m-v-20 { margin-top: 20px !important; margin-bottom: 20px !important; }

.m-v-25 { margin-top: 25px !important; margin-bottom: 25px !important; }

.m-v-30 { margin-top: 30px !important; margin-bottom: 30px !important; }

.m-v-35 { margin-top: 35px !important; margin-bottom: 35px !important; }

.m-v-40 { margin-top: 40px !important; margin-bottom: 40px !important; }

.m-v-45 { margin-top: 45px !important; margin-bottom: 45px !important; }

.m-v-50 { margin-top: 50px !important; margin-bottom: 50px !important; }

.m-v-55 { margin-top: 55px !important; margin-bottom: 55px !important; }

.m-v-60 { margin-top: 60px !important; margin-bottom: 60px !important; }

.m-v-65 { margin-top: 65px !important; margin-bottom: 65px !important; }

.m-v-70 { margin-top: 70px !important; margin-bottom: 70px !important; }

.m-v-75 { margin-top: 75px !important; margin-bottom: 75px !important; }

.m-v-80 { margin-top: 80px !important; margin-bottom: 80px !important; }

.m-v-85 { margin-top: 85px !important; margin-bottom: 85px !important; }

.m-v-90 { margin-top: 90px !important; margin-bottom: 90px !important; }

.m-v-95 { margin-top: 95px !important; margin-bottom: 95px !important; }

.m-v-100 { margin-top: 100px !important; margin-bottom: 100px !important; }

.m-v-105 { margin-top: 105px !important; margin-bottom: 105px !important; }

.m-v-110 { margin-top: 110px !important; margin-bottom: 110px !important; }

.m-v-115 { margin-top: 115px !important; margin-bottom: 115px !important; }

.m-v-120 { margin-top: 120px !important; margin-bottom: 120px !important; }

.m-v-125 { margin-top: 125px !important; margin-bottom: 125px !important; }

.m-v-130 { margin-top: 130px !important; margin-bottom: 130px !important; }

.m-v-135 { margin-top: 135px !important; margin-bottom: 135px !important; }

.m-v-140 { margin-top: 140px !important; margin-bottom: 140px !important; }

.m-v-145 { margin-top: 145px !important; margin-bottom: 145px !important; }

.m-v-150 { margin-top: 150px !important; margin-bottom: 150px !important; }

@media only screen and (max-width: 767px) { .m-v-150, .m-v-145, .m-v-140, .m-v-135, .m-v-130, .m-v-125, .m-v-120, .m-v-115, .m-v-110, .m-v-100, .m-v-95, .m-v-90, .m-v-85, .m-v-80, .m-v-75, .m-v-70, .m-v-65, .m-v-60, .m-v-55, .m-v-50, .m-v-45, .m-v-40, .m-v-35 { margin-top: 30px !important; margin-bottom: 30px !important; } }

.m-h-5 { margin-left: 5px !important; margin-right: 5px !important; }

.m-h-10 { margin-left: 10px !important; margin-right: 10px !important; }

.m-h-15 { margin-left: 15px !important; margin-right: 15px !important; }

.m-h-20 { margin-left: 20px !important; margin-right: 20px !important; }

.m-h-25 { margin-left: 25px !important; margin-right: 25px !important; }

.m-h-30 { margin-left: 30px !important; margin-right: 30px !important; }

.m-h-35 { margin-left: 35px !important; margin-right: 35px !important; }

.m-h-40 { margin-left: 40px !important; margin-right: 40px !important; }

.m-h-45 { margin-left: 45px !important; margin-right: 45px !important; }

.m-h-50 { margin-left: 50px !important; margin-right: 50px !important; }

.m-h-55 { margin-left: 55px !important; margin-right: 55px !important; }

.m-h-60 { margin-left: 60px !important; margin-right: 60px !important; }

.m-h-65 { margin-left: 65px !important; margin-right: 65px !important; }

.m-h-70 { margin-left: 70px !important; margin-right: 70px !important; }

.m-h-75 { margin-left: 75px !important; margin-right: 75px !important; }

.m-h-80 { margin-left: 80px !important; margin-right: 80px !important; }

.m-h-85 { margin-left: 85px !important; margin-right: 85px !important; }

.m-h-90 { margin-left: 90px !important; margin-right: 90px !important; }

.m-h-95 { margin-left: 95px !important; margin-right: 95px !important; }

.m-h-100 { margin-left: 100px !important; margin-right: 100px !important; }

.m-h-105 { margin-left: 105px !important; margin-right: 105px !important; }

.m-h-110 { margin-left: 110px !important; margin-right: 110px !important; }

.m-h-115 { margin-left: 115px !important; margin-right: 115px !important; }

.m-h-120 { margin-left: 120px !important; margin-right: 120px !important; }

.m-h-125 { margin-left: 125px !important; margin-right: 125px !important; }

.m-h-130 { margin-left: 130px !important; margin-right: 130px !important; }

.m-h-135 { margin-left: 135px !important; margin-right: 135px !important; }

.m-h-140 { margin-left: 140px !important; margin-right: 140px !important; }

.m-h-145 { margin-left: 145px !important; margin-right: 145px !important; }

.m-h-150 { margin-left: 150px !important; margin-right: 150px !important; }

@media only screen and (max-width: 767px) { .m-h-150, .m-h-145, .m-h-140, .m-h-135, .m-h-130, .m-h-125, .m-h-120, .m-h-115, .m-h-110, .m-h-100, .m-h-95, .m-h-90, .m-h-85, .m-h-80, .m-h-75, .m-h-70, .m-h-65, .m-h-60, .m-h-55, .m-h-50, .m-h-45, .m-h-40, .m-h-35 { margin-left: 30px !important; margin-right: 30px !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-t-55 { margin-top: 55px !important; }

.m-t-60 { margin-top: 60px !important; }

.m-t-65 { margin-top: 65px !important; }

.m-t-70 { margin-top: 70px !important; }

.m-t-75 { margin-top: 75px !important; }

.m-t-80 { margin-top: 80px !important; }

.m-t-85 { margin-top: 85px !important; }

.m-t-90 { margin-top: 90px !important; }

.m-t-95 { margin-top: 95px !important; }

.m-t-100 { margin-top: 100px !important; }

.m-t-105 { margin-top: 105px !important; }

.m-t-110 { margin-top: 110px !important; }

.m-t-115 { margin-top: 115px !important; }

.m-t-120 { margin-top: 120px !important; }

.m-t-125 { margin-top: 125px !important; }

.m-t-130 { margin-top: 130px !important; }

.m-t-135 { margin-top: 135px !important; }

.m-t-140 { margin-top: 140px !important; }

.m-t-145 { margin-top: 145px !important; }

.m-t-150 { margin-top: 150px !important; }

@media only screen and (max-width: 767px) { .m-t-150, .m-t-145, .m-t-140, .m-t-135, .m-t-130, .m-t-125, .m-t-120, .m-t-115, .m-t-110, .m-t-100, .m-t-95, .m-t-90, .m-t-85, .m-t-80, .m-t-75, .m-t-70, .m-t-65, .m-t-60, .m-t-55, .m-t-50, .m-t-45, .m-t-40, .m-t-35 { margin-top: 30px !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-b-55 { margin-bottom: 55px !important; }

.m-b-60 { margin-bottom: 60px !important; }

.m-b-65 { margin-bottom: 65px !important; }

.m-b-70 { margin-bottom: 70px !important; }

.m-b-75 { margin-bottom: 75px !important; }

.m-b-80 { margin-bottom: 80px !important; }

.m-b-85 { margin-bottom: 85px !important; }

.m-b-90 { margin-bottom: 90px !important; }

.m-b-95 { margin-bottom: 95px !important; }

.m-b-100 { margin-bottom: 100px !important; }

.m-b-105 { margin-bottom: 105px !important; }

.m-b-110 { margin-bottom: 110px !important; }

.m-b-115 { margin-bottom: 115px !important; }

.m-b-120 { margin-bottom: 120px !important; }

.m-b-125 { margin-bottom: 125px !important; }

.m-b-130 { margin-bottom: 130px !important; }

.m-b-135 { margin-bottom: 135px !important; }

.m-b-140 { margin-bottom: 140px !important; }

.m-b-145 { margin-bottom: 145px !important; }

.m-b-150 { margin-bottom: 150px !important; }

@media only screen and (max-width: 767px) { .m-b-150, .m-b-145, .m-b-140, .m-b-135, .m-b-130, .m-b-125, .m-b-120, .m-b-115, .m-b-110, .m-b-100, .m-b-95, .m-b-90, .m-b-85, .m-b-80, .m-b-75, .m-b-70, .m-b-65, .m-b-60, .m-b-55, .m-b-50, .m-b-45, .m-b-40, .m-b-35 { margin-bottom: 30px !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-l-55 { margin-left: 55px !important; }

.m-l-60 { margin-left: 60px !important; }

.m-l-65 { margin-left: 65px !important; }

.m-l-70 { margin-left: 70px !important; }

.m-l-75 { margin-left: 75px !important; }

.m-l-80 { margin-left: 80px !important; }

.m-l-85 { margin-left: 85px !important; }

.m-l-90 { margin-left: 90px !important; }

.m-l-95 { margin-left: 95px !important; }

.m-l-100 { margin-left: 100px !important; }

.m-l-105 { margin-left: 105px !important; }

.m-l-110 { margin-left: 110px !important; }

.m-l-115 { margin-left: 115px !important; }

.m-l-120 { margin-left: 120px !important; }

.m-l-125 { margin-left: 125px !important; }

.m-l-130 { margin-left: 130px !important; }

.m-l-135 { margin-left: 135px !important; }

.m-l-140 { margin-left: 140px !important; }

.m-l-145 { margin-left: 145px !important; }

.m-l-150 { margin-left: 150px !important; }

@media only screen and (max-width: 767px) { .m-l-150, .m-l-145, .m-l-140, .m-l-135, .m-l-130, .m-l-125, .m-l-120, .m-l-115, .m-l-110, .m-l-100, .m-l-95, .m-l-90, .m-l-85, .m-l-80, .m-l-75, .m-l-70, .m-l-65, .m-l-60, .m-l-55, .m-l-50, .m-l-45, .m-l-40, .m-l-35 { margin-left: 30px !important; } }

.m-r-5 { margin-right: 5px !important; }

.m-r-10 { margin-right: 10px !important; }

.m-r-15 { margin-right: 15px !important; }

.m-r-20 { margin-right: 20px !important; }

.m-r-25 { margin-right: 25px !important; }

.m-r-30 { margin-right: 30px !important; }

.m-r-35 { margin-right: 35px !important; }

.m-r-40 { margin-right: 40px !important; }

.m-r-45 { margin-right: 45px !important; }

.m-r-50 { margin-right: 50px !important; }

.m-r-55 { margin-right: 55px !important; }

.m-r-60 { margin-right: 60px !important; }

.m-r-65 { margin-right: 65px !important; }

.m-r-70 { margin-right: 70px !important; }

.m-r-75 { margin-right: 75px !important; }

.m-r-80 { margin-right: 80px !important; }

.m-r-85 { margin-right: 85px !important; }

.m-r-90 { margin-right: 90px !important; }

.m-r-95 { margin-right: 95px !important; }

.m-r-100 { margin-right: 100px !important; }

.m-r-105 { margin-right: 105px !important; }

.m-r-110 { margin-right: 110px !important; }

.m-r-115 { margin-right: 115px !important; }

.m-r-120 { margin-right: 120px !important; }

.m-r-125 { margin-right: 125px !important; }

.m-r-130 { margin-right: 130px !important; }

.m-r-135 { margin-right: 135px !important; }

.m-r-140 { margin-right: 140px !important; }

.m-r-145 { margin-right: 145px !important; }

.m-r-150 { margin-right: 150px !important; }

@media only screen and (max-width: 767px) { .m-r-150, .m-r-145, .m-r-140, .m-r-135, .m-r-130, .m-r-125, .m-r-120, .m-r-115, .m-r-110, .m-r-100, .m-r-95, .m-r-90, .m-r-85, .m-r-80, .m-r-75, .m-r-70, .m-r-65, .m-r-60, .m-r-55, .m-r-50, .m-r-45, .m-r-40, .m-r-35 { margin-right: 30px !important; } }

/*Padding*/
.p-0 { padding: 0 !important; }

.p-t-0 { padding-top: 0 !important; }

.p-b-0 { padding-bottom: 0 !important; }

.p-l-0 { padding-left: 0 !important; }

.p-r-0 { padding-right: 0 !important; }

.p-v-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.p-h-0 { padding-left: 0 !important; padding-right: 0 !important; }

.p-5 { padding: 5px !important; }

.p-10 { padding: 10px !important; }

.p-15 { padding: 15px !important; }

.p-20 { padding: 20px !important; }

.p-25 { padding: 25px !important; }

.p-30 { padding: 30px !important; }

.p-35 { padding: 35px !important; }

.p-40 { padding: 40px !important; }

.p-45 { padding: 45px !important; }

.p-50 { padding: 50px !important; }

.p-55 { padding: 55px !important; }

.p-60 { padding: 60px !important; }

.p-65 { padding: 65px !important; }

.p-70 { padding: 70px !important; }

.p-75 { padding: 75px !important; }

.p-80 { padding: 80px !important; }

.p-85 { padding: 85px !important; }

.p-90 { padding: 90px !important; }

.p-95 { padding: 95px !important; }

.p-100 { padding: 100px !important; }

.p-105 { padding: 105px !important; }

.p-110 { padding: 110px !important; }

.p-115 { padding: 115px !important; }

.p-120 { padding: 120px !important; }

.p-125 { padding: 125px !important; }

.p-130 { padding: 130px !important; }

.p-135 { padding: 135px !important; }

.p-140 { padding: 140px !important; }

.p-145 { padding: 145px !important; }

.p-150 { padding: 150px !important; }

@media only screen and (max-width: 767px) { .p-150, .p-145, .p-140, .p-135, .p-130, .p-125, .p-120, .p-115, .p-110, .p-100, .p-95, .p-90, .p-85, .p-80, .p-75, .p-70, .p-65, .p-60, .p-55, .p-50, .p-45, .p-40, .p-35 { padding: 30px !important; } }

.p-v-5 { padding-top: 5px !important; padding-bottom: 5px !important; }

.p-v-10 { padding-top: 10px !important; padding-bottom: 10px !important; }

.p-v-15 { padding-top: 15px !important; padding-bottom: 15px !important; }

.p-v-20 { padding-top: 20px !important; padding-bottom: 20px !important; }

.p-v-25 { padding-top: 25px !important; padding-bottom: 25px !important; }

.p-v-30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.p-v-35 { padding-top: 35px !important; padding-bottom: 35px !important; }

.p-v-40 { padding-top: 40px !important; padding-bottom: 40px !important; }

.p-v-45 { padding-top: 45px !important; padding-bottom: 45px !important; }

.p-v-50 { padding-top: 50px !important; padding-bottom: 50px !important; }

.p-v-55 { padding-top: 55px !important; padding-bottom: 55px !important; }

.p-v-60 { padding-top: 60px !important; padding-bottom: 60px !important; }

.p-v-65 { padding-top: 65px !important; padding-bottom: 65px !important; }

.p-v-70 { padding-top: 70px !important; padding-bottom: 70px !important; }

.p-v-75 { padding-top: 75px !important; padding-bottom: 75px !important; }

.p-v-80 { padding-top: 80px !important; padding-bottom: 80px !important; }

.p-v-85 { padding-top: 85px !important; padding-bottom: 85px !important; }

.p-v-90 { padding-top: 90px !important; padding-bottom: 90px !important; }

.p-v-95 { padding-top: 95px !important; padding-bottom: 95px !important; }

.p-v-100 { padding-top: 100px !important; padding-bottom: 100px !important; }

.p-v-105 { padding-top: 105px !important; padding-bottom: 105px !important; }

.p-v-110 { padding-top: 110px !important; padding-bottom: 110px !important; }

.p-v-115 { padding-top: 115px !important; padding-bottom: 115px !important; }

.p-v-120 { padding-top: 120px !important; padding-bottom: 120px !important; }

.p-v-125 { padding-top: 125px !important; padding-bottom: 125px !important; }

.p-v-130 { padding-top: 130px !important; padding-bottom: 130px !important; }

.p-v-135 { padding-top: 135px !important; padding-bottom: 135px !important; }

.p-v-140 { padding-top: 140px !important; padding-bottom: 140px !important; }

.p-v-145 { padding-top: 145px !important; padding-bottom: 145px !important; }

.p-v-150 { padding-top: 150px !important; padding-bottom: 150px !important; }

@media only screen and (max-width: 767px) { .p-v-150, .p-v-145, .p-v-140, .p-v-135, .p-v-130, .p-v-125, .p-v-120, .p-v-115, .p-v-110, .p-v-100, .p-v-95, .p-v-90, .p-v-85, .p-v-80, .p-v-75, .p-v-70, .p-v-65, .p-v-60, .p-v-55, .p-v-50, .p-v-45, .p-v-40, .p-v-35 { padding-top: 30px !important; padding-bottom: 30px !important; } }

.p-h-5 { padding-left: 5px !important; padding-right: 5px !important; }

.p-h-10 { padding-left: 10px !important; padding-right: 10px !important; }

.p-h-15 { padding-left: 15px !important; padding-right: 15px !important; }

.p-h-20 { padding-left: 20px !important; padding-right: 20px !important; }

.p-h-25 { padding-left: 25px !important; padding-right: 25px !important; }

.p-h-30 { padding-left: 30px !important; padding-right: 30px !important; }

.p-h-35 { padding-left: 35px !important; padding-right: 35px !important; }

.p-h-40 { padding-left: 40px !important; padding-right: 40px !important; }

.p-h-45 { padding-left: 45px !important; padding-right: 45px !important; }

.p-h-50 { padding-left: 50px !important; padding-right: 50px !important; }

.p-h-55 { padding-left: 55px !important; padding-right: 55px !important; }

.p-h-60 { padding-left: 60px !important; padding-right: 60px !important; }

.p-h-65 { padding-left: 65px !important; padding-right: 65px !important; }

.p-h-70 { padding-left: 70px !important; padding-right: 70px !important; }

.p-h-75 { padding-left: 75px !important; padding-right: 75px !important; }

.p-h-80 { padding-left: 80px !important; padding-right: 80px !important; }

.p-h-85 { padding-left: 85px !important; padding-right: 85px !important; }

.p-h-90 { padding-left: 90px !important; padding-right: 90px !important; }

.p-h-95 { padding-left: 95px !important; padding-right: 95px !important; }

.p-h-100 { padding-left: 100px !important; padding-right: 100px !important; }

.p-h-105 { padding-left: 105px !important; padding-right: 105px !important; }

.p-h-110 { padding-left: 110px !important; padding-right: 110px !important; }

.p-h-115 { padding-left: 115px !important; padding-right: 115px !important; }

.p-h-120 { padding-left: 120px !important; padding-right: 120px !important; }

.p-h-125 { padding-left: 125px !important; padding-right: 125px !important; }

.p-h-130 { padding-left: 130px !important; padding-right: 130px !important; }

.p-h-135 { padding-left: 135px !important; padding-right: 135px !important; }

.p-h-140 { padding-left: 140px !important; padding-right: 140px !important; }

.p-h-145 { padding-left: 145px !important; padding-right: 145px !important; }

.p-h-150 { padding-left: 150px !important; padding-right: 150px !important; }

@media only screen and (max-width: 767px) { .p-h-150, .p-h-145, .p-h-140, .p-h-135, .p-h-130, .p-h-125, .p-h-120, .p-h-115, .p-h-110, .p-h-100, .p-h-95, .p-h-90, .p-h-85, .p-h-80, .p-h-75, .p-h-70, .p-h-65, .p-h-60, .p-h-55, .p-h-50, .p-h-45, .p-h-40, .p-h-35 { padding-left: 30px !important; padding-right: 30px !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-t-55 { margin-top: 55px !important; }

.p-t-60 { padding-top: 60px !important; }

.p-t-65 { padding-top: 65px !important; }

.p-t-70 { padding-top: 70px !important; }

.p-t-75 { padding-top: 75px !important; }

.p-t-80 { padding-top: 80px !important; }

.p-t-85 { padding-top: 85px !important; }

.p-t-90 { padding-top: 90px !important; }

.p-t-95 { padding-top: 95px !important; }

.p-t-100 { padding-top: 100px !important; }

.p-t-105 { padding-top: 105px !important; }

.p-t-110 { padding-top: 110px !important; }

.p-t-115 { padding-top: 115px !important; }

.p-t-120 { padding-top: 120px !important; }

.p-t-125 { padding-top: 125px !important; }

.p-t-130 { padding-top: 130px !important; }

.p-t-135 { padding-top: 135px !important; }

.p-t-140 { padding-top: 140px !important; }

.p-t-145 { padding-top: 145px !important; }

.p-t-150 { padding-top: 150px !important; }

@media only screen and (max-width: 767px) { .p-t-150, .p-t-145, .p-t-140, .p-t-135, .p-t-130, .p-t-125, .p-t-120, .p-t-115, .p-t-110, .p-t-100, .p-t-95, .p-t-90, .p-t-85, .p-t-80, .p-t-75, .p-t-70, .p-t-65, .p-t-60, .p-t-55, .p-t-50, .p-t-45, .p-t-40, .p-t-35 { padding-top: 30px !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-b-55 { margin-bottom: 55px !important; }

.p-b-60 { padding-bottom: 60px !important; }

.p-b-65 { padding-bottom: 65px !important; }

.p-b-70 { padding-bottom: 70px !important; }

.p-b-75 { padding-bottom: 75px !important; }

.p-b-80 { padding-bottom: 80px !important; }

.p-b-85 { padding-bottom: 85px !important; }

.p-b-90 { padding-bottom: 90px !important; }

.p-b-95 { padding-bottom: 95px !important; }

.p-b-100 { padding-bottom: 100px !important; }

.p-b-105 { padding-bottom: 105px !important; }

.p-b-110 { padding-bottom: 110px !important; }

.p-b-115 { padding-bottom: 115px !important; }

.p-b-120 { margin-bottom: 120px !important; }

.p-b-125 { padding-bottom: 125px !important; }

.p-b-130 { padding-bottom: 130px !important; }

.p-b-135 { padding-bottom: 135px !important; }

.p-b-140 { padding-bottom: 140px !important; }

.p-b-145 { padding-bottom: 145px !important; }

.p-b-150 { padding-bottom: 150px !important; }

@media only screen and (max-width: 767px) { .p-b-150, .p-b-145, .p-b-140, .p-b-135, .p-b-130, .p-b-125, .p-b-120, .p-b-115, .p-b-110, .p-b-100, .p-b-95, .p-b-90, .p-b-85, .p-b-80, .p-b-75, .p-b-70, .p-b-65, .p-b-60, .p-b-55, .p-b-50, .p-b-45, .p-b-40, .p-b-35 { padding-bottom: 30px !important; } }

.p-l-5 { padding-left: 5px !important; }

.p-l-10 { padding-left: 10px !important; }

.p-l-15 { padding-left: 15px !important; }

.p-l-20 { padding-left: 20px !important; }

.p-l-25 { padding-left: 25px !important; }

.p-l-30 { padding-left: 30px !important; }

.p-l-35 { padding-left: 35px !important; }

.p-l-40 { padding-left: 40px !important; }

.p-l-45 { padding-left: 45px !important; }

.p-l-50 { padding-left: 50px !important; }

.p-l-55 { margin-left: 55px !important; }

.p-l-60 { padding-left: 60px !important; }

.p-l-65 { padding-left: 65px !important; }

.p-l-70 { padding-left: 70px !important; }

.p-l-75 { padding-left: 75px !important; }

.p-l-80 { padding-left: 80px !important; }

.p-l-85 { padding-left: 85px !important; }

.p-l-90 { padding-left: 90px !important; }

.p-l-95 { padding-left: 95px !important; }

.p-l-100 { padding-left: 100px !important; }

.p-l-105 { padding-left: 105px !important; }

.p-l-110 { padding-left: 110px !important; }

.p-l-115 { padding-left: 115px !important; }

.p-l-120 { margin-left: 120px !important; }

.p-l-125 { padding-left: 125px !important; }

.p-l-130 { padding-left: 130px !important; }

.p-l-135 { padding-left: 135px !important; }

.p-l-140 { padding-left: 140px !important; }

.p-l-145 { padding-left: 145px !important; }

.p-l-150 { padding-left: 150px !important; }

@media only screen and (max-width: 767px) { .p-l-150, .p-l-145, .p-l-140, .p-l-135, .p-l-130, .p-l-125, .p-l-120, .p-l-115, .p-l-110, .p-l-100, .p-l-95, .p-l-90, .p-l-85, .p-l-80, .p-l-75, .p-l-70, .p-l-65, .p-l-60, .p-l-55, .p-l-50, .p-l-45, .p-l-40, .p-l-35 { padding-left: 30px !important; } }

.p-r-5 { padding-right: 5px !important; }

.p-r-10 { padding-right: 10px !important; }

.p-r-15 { padding-right: 15px !important; }

.p-r-20 { padding-right: 20px !important; }

.p-r-25 { padding-right: 25px !important; }

.p-r-30 { padding-right: 30px !important; }

.p-r-35 { padding-right: 35px !important; }

.p-r-40 { padding-right: 40px !important; }

.p-r-45 { padding-right: 45px !important; }

.p-r-50 { padding-right: 50px !important; }

.p-r-55 { margin-right: 55px !important; }

.p-r-60 { padding-right: 60px !important; }

.p-r-65 { padding-right: 65px !important; }

.p-r-70 { padding-right: 70px !important; }

.p-r-75 { padding-right: 75px !important; }

.p-r-80 { padding-right: 80px !important; }

.p-r-85 { padding-right: 85px !important; }

.p-r-90 { padding-right: 90px !important; }

.p-r-95 { padding-right: 95px !important; }

.p-r-100 { padding-right: 100px !important; }

.p-r-105 { padding-right: 105px !important; }

.p-l-110 { padding-left: 110px !important; }

.p-r-115 { padding-right: 115px !important; }

.p-r-120 { margin-right: 120px !important; }

.p-r-125 { padding-right: 125px !important; }

.p-r-130 { padding-right: 130px !important; }

.p-r-135 { padding-right: 135px !important; }

.p-r-140 { padding-right: 140px !important; }

.p-r-145 { padding-right: 145px !important; }

.p-r-150 { padding-right: 150px !important; }

@media only screen and (max-width: 767px) { .p-r-150, .p-r-145, .p-r-140, .p-r-135, .p-r-130, .p-r-125, .p-r-120, .p-r-115, .p-r-110, .p-r-100, .p-r-95, .p-r-90, .p-r-85, .p-r-80, .p-r-75, .p-r-70, .p-r-65, .p-r-60, .p-r-55, .p-r-50, .p-r-45, .p-r-40, .p-r-35 { padding-right: 30px !important; } }

.width-0 { width: 0px; }

.width-10 { width: 10%; }

.width-15 { width: 15%; }

.width-20 { width: 20%; }

.width-25 { width: 25%; }

.width-30 { width: 30%; }

.width-35 { width: 35%; }

.width-40 { width: 40%; }

.width-45 { width: 45%; }

.width-50 { width: 50%; }

.width-55 { width: 55%; }

.width-60 { width: 60%; }

.width-65 { width: 65%; }

.width-70 { width: 70%; }

.width-75 { width: 75%; }

.width-80 { width: 80%; }

.width-85 { width: 85%; }

.width-90 { width: 90%; }

.width-95 { width: 95%; }

.width-100 { width: 100%; }

.height-max { height: 100%; }

.full-height { min-height: 100vh; }

.ls-0 { letter-spacing: 0px !important; }

.ls-0-5 { letter-spacing: 0.5px !important; }

.ls-1 { letter-spacing: 1px !important; }

.ls-1-5 { letter-spacing: 1.5px !important; }

.ls-2 { letter-spacing: 2px !important; }

.ls-2-5 { letter-spacing: 2.5px !important; }

.ls-3 { letter-spacing: 3px !important; }

.ls-3-5 { letter-spacing: 3.5px !important; }

.ls-4 { letter-spacing: 4px !important; }

.ls-4-5 { letter-spacing: 4.5px !important; }

.ls-5 { letter-spacing: 5px !important; }

.ls-5-5 { letter-spacing: 5.5px !important; }

.ls-6 { letter-spacing: 6px !important; }

.ls-6-5 { letter-spacing: 6.5px !important; }

.ls-7 { letter-spacing: 7px !important; }

.ls-7-5 { letter-spacing: 7.5px !important; }

.ls-8 { letter-spacing: 8px !important; }

.ls-8-5 { letter-spacing: 8.5px !important; }

.ls-9 { letter-spacing: 9px !important; }

.ls-9-5 { letter-spacing: 9.5px !important; }

.ls-10 { letter-spacing: 10px !important; }

.ls-11 { letter-spacing: 11px !important; }

.ls-12 { letter-spacing: 12px !important; }

.ls-13 { letter-spacing: 13px !important; }

.ls-14 { letter-spacing: 14px !important; }

.ls-15 { letter-spacing: 15px !important; }

/*Line-Height*/
.lh-0 { line-height: 0 !important; }

.lh-0-5 { line-height: 0.5 !important; }

.lh-1 { line-height: 1 !important; }

.lh-1-1 { line-height: 1.1 !important; }

.lh-1-2 { line-height: 1.2 !important; }

.lh-1-3 { line-height: 1.3 !important; }

.lh-1-4 { line-height: 1.4 !important; }

.lh-1-5 { line-height: 1.5 !important; }

.lh-1-6 { line-height: 1.6 !important; }

.lh-1-7 { line-height: 1.7 !important; }

.lh-1-8 { line-height: 1.8 !important; }

.lh-1-9 { line-height: 1.9 !important; }

.lh-2 { line-height: 2 !important; }

.lh-2-1 { line-height: 2.1 !important; }

.lh-2-2 { line-height: 2.2 !important; }

.lh-2-3 { line-height: 2.3 !important; }

.lh-2-4 { line-height: 2.4 !important; }

.lh-2-5 { line-height: 2.5 !important; }

.lh-3 { line-height: 3 !important; }

.lh-4 { line-height: 4 !important; }

/*Font Size*/
.font-size-8 { font-size: 8px !important; }

.font-size-9 { font-size: 9px !important; }

.font-size-10 { font-size: 10px !important; }

.font-size-11 { font-size: 11px !important; }

.font-size-12 { font-size: 12px !important; }

.font-size-13 { font-size: 13px !important; }

.font-size-14 { font-size: 14px !important; }

.font-size-15 { font-size: 15px !important; }

.font-size-16 { font-size: 16px !important; }

.font-size-17 { font-size: 17px !important; }

.font-size-18 { font-size: 18px !important; }

.font-size-19 { font-size: 19px !important; }

.font-size-20 { font-size: 20px !important; }

.font-size-21 { font-size: 21px !important; }

.font-size-22 { font-size: 22px !important; }

.font-size-23 { font-size: 23px !important; }

.font-size-24 { font-size: 24px !important; }

.font-size-25 { font-size: 25px !important; }

.font-size-26 { font-size: 26px !important; }

.font-size-27 { font-size: 27px !important; }

.font-size-28 { font-size: 28px !important; }

.font-size-29 { font-size: 29px !important; }

.font-size-30 { font-size: 30px !important; }

.font-size-35 { font-size: 35px !important; }

.font-size-40 { font-size: 40px !important; }

.font-size-45 { font-size: 45px !important; }

.font-size-50 { font-size: 50px !important; }

.font-size-55 { font-size: 55px !important; }

.font-size-60 { font-size: 60px !important; }

.font-size-65 { font-size: 65px !important; }

.font-size-70 { font-size: 70px !important; }

.font-size-75 { font-size: 75px !important; }

.font-size-80 { font-size: 80px !important; }

.font-size-85 { font-size: 85px !important; }

.font-size-90 { font-size: 90px !important; }

.font-size-95 { font-size: 95px !important; }

.font-size-100 { font-size: 100px !important; }

.font-size-105 { font-size: 105px !important; }

.font-size-110 { font-size: 110px !important; }

.font-size-115 { font-size: 115px !important; }

.font-size-120 { font-size: 120px !important; }

.font-size-125 { font-size: 125px !important; }

.font-size-130 { font-size: 130px !important; }

.font-size-135 { font-size: 135px !important; }

.font-size-140 { font-size: 140px !important; }

.font-size-145 { font-size: 145px !important; }

.font-size-150 { font-size: 150px !important; }

.font-size-155 { font-size: 155px !important; }

.font-size-160 { font-size: 160px !important; }

.font-size-165 { font-size: 165px !important; }

.font-size-170 { font-size: 170px !important; }

.font-size-175 { font-size: 175px !important; }

.font-size-180 { font-size: 180px !important; }

.font-size-185 { font-size: 185px !important; }

.font-size-190 { font-size: 190px !important; }

.font-size-195 { font-size: 195px !important; }

.font-size-200 { font-size: 200px !important; }

/* Font Weight */
.text-thin { font-weight: 300 !important; }

.text-normal { font-weight: 400 !important; }

.text-semibold { font-weight: 500 !important; }

.text-bold { font-weight: 700 !important; }

/* Display */
.display-block { display: block !important; }

.inline-block { display: inline-block !important; }

.pointer { cursor: pointer; }

/* Position */
.relative { position: relative; }

.absolute { position: absolute; }

.fixed { position: fixed; }

.static { position: static; }

/* Overflow */
.overflow-hidden { overflow: hidden; }

.overflow-y-hidden { overflow-y: hidden; }

.overflow-x-hidden { overflow-x: hidden; }

.overflow-auto { overflow: auto; }

.overflow-y-auto { overflow-y: auto; }

.overflow-x-auto { overflow-x: auto; }

/* Float */
@media only screen and (max-width: 767px) { .pull-left-sm { float: left !important; }
  .pull-right-sm { float: right !important; }
  .pull-none-sm { float: none !important; } }

/* Image */
.img-circle { border-radius: 50% !important; }

/* Border */
.border { border: 1px solid #e9eaec; }

.border.top { border: 0px !important; border-top: 1px solid #e9eaec !important; }

.border.right { border: 0px !important; border-right: 1px solid #e9eaec !important; }

.border.bottom { border: 0px !important; border-bottom: 1px solid #e9eaec !important; }

.border.left { border: 0px !important; border-left: 1px solid #e9eaec !important; }

@media only screen and (max-width: 992px) { .border.border-hide-md { border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; } }

@media only screen and (max-width: 767px) { .border.border-hide-sm { border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; } }

.no-border { border: 0px !important; border-radius: 0px !important; }

.rounded { border-radius: 8px !important; }

/* Vertical Align */
.vertical-align { display: table; height: 100%; width: 100%; }

.vertical-align .table-cell { display: table-cell; vertical-align: middle; }

.vertical-align-super { vertical-align: super; }

/* border-radius */
.border-radius-4 { border-radius: 4px !important; }

.border-radius-6 { border-radius: 6px !important; }

.border-radius-8 { border-radius: 8px !important; }

.border-radius-10 { border-radius: 10px !important; }

.border-radius-round { border-radius: 50px !important; }

/* opacity */
.opacity-01 { opacity: 0.1; }

.opacity-02 { opacity: 0.2; }

.opacity-03 { opacity: 0.3; }

.opacity-04 { opacity: 0.4; }

.opacity-05 { opacity: 0.5; }

.opacity-06 { opacity: 0.6; }

.opacity-07 { opacity: 0.7; }

.opacity-08 { opacity: 0.8; }

.opacity-09 { opacity: 0.9; }

.opacity-10 { opacity: 1; }

@media only screen and (max-width: 767px) { /* Typography */
  .font-size-145, .font-size-140, .font-size-135, .font-size-130, .font-size-125, .font-size-120, .font-size-115, .font-size-110, .font-size-105, .font-size-100, .font-size-95, .font-size-90, .font-size-85, .font-size-80, .font-size-75, .font-size-70, .font-size-65, .font-size-60, .font-size-55, .font-size-50 { font-size: 45px !important; }
  .font-size-200, .font-size-195, .font-size-190, .font-size-185, .font-size-180, .font-size-175, .font-size-170, .font-size-165, .font-size-160, .font-size-155, .font-size-150 { font-size: 130px !important; }
  p.width-95, p.width-90, p.width-85, p.width-80, p.width-75, p.width-70, p.width-65, p.width-60, p.width-55, p.width-50, p.width-45, p.width-40, p.width-35, p.width-30, p.width-25, p.width-20, p.width-15, p.width-10 { width: 100% !important; }
  input.width-95, input.width-90, input.width-85, input.width-80, input.width-75, input.width-70, input.width-65, input.width-60, input.width-55, input.width-50, input.width-45, input.width-40, input.width-35, input.width-30, input.width-25, input.width-20, input.width-15, input.width-10 { width: 100% !important; } }

/*----------------------------------------
  3. Side Nav
----------------------------------------*/
.side-nav { width: 250px; background-color: #ffffff; z-index: 1000; top: 65px; bottom: 0px; position: fixed; overflow: hidden; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

@media print { .side-nav { display: none; } }

@media only screen and (max-width: 767px) { .side-nav { left: -250px; } }

.side-nav .side-nav-inner { position: relative; height: 100%; }

.side-nav .side-nav-inner .side-nav-menu { position: relative; list-style: none; margin: 0; padding-left: 0; padding-top: 20px; overflow: auto; border-right: 1px solid #e9eaec; height: calc(100vh - 65px); }

.side-nav .side-nav-inner .side-nav-menu:before, .side-nav .side-nav-inner .side-nav-menu:after { content: " "; display: table; }

.side-nav .side-nav-inner .side-nav-menu:after { clear: both; }

.side-nav .side-nav-inner .side-nav-menu li { position: relative; display: block; }

.side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow { position: absolute; right: 30px; line-height: 30px; transition: all 0.05s ease-in; -webkit-transition: all 0.05s ease-in; -moz-transition: all 0.05s ease-in; -o-transition: all 0.05s ease-in; -ms-transition: all 0.05s ease-in; }

@media only screen and (max-width: 992px) { .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow { right: 25px; } }

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a { color: #515365; }

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #515365; }

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a > .arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > .dropdown-menu { display: block; }

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > .dropdown-menu .dropdown-menu { padding-left: 20px; }

.side-nav .side-nav-inner .side-nav-menu li.dropdown.open > .dropdown-menu .arrow { line-height: 25px; }

.side-nav .side-nav-inner .side-nav-menu li a { color: #8a8a8a; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }

.side-nav .side-nav-inner .side-nav-menu li a:hover, .side-nav .side-nav-inner .side-nav-menu li a:focus { text-decoration: none; color: #515365; }

.side-nav .side-nav-inner .side-nav-menu li a:hover .icon-holder, .side-nav .side-nav-inner .side-nav-menu li a:focus .icon-holder { color: #515365; }

.side-nav .side-nav-inner .side-nav-menu li a.dropdown-toggle:after { display: none; border-radius: 0px; }

.side-nav .side-nav-inner .side-nav-menu > li.side-nav-header { text-transform: uppercase; font-size: 11px; padding: 10px 20px; opacity: 0.7; margin-top: 15px; }

.side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu { position: relative; width: 100%; box-shadow: none; border: 0px; border-radius: 0; padding-left: 50px; padding-top: 0px; background-color: transparent; float: none; }

.side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a { padding: 10px 15px; }

.side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:hover, .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:focus { background-color: transparent; color: #515365; }

.side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li.active a { color: #515365; }

.side-nav .side-nav-inner .side-nav-menu > li > a { position: relative; display: block; padding: 10px 15px; font-weight: 500; font-size: 15px; white-space: nowrap; }

.side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder { display: inline-block; height: 25px; width: 25px; line-height: 25px; text-align: center; position: relative; left: 0; margin-right: 14px; font-size: 20px; border-radius: 6px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }

@media only screen and (min-width: 992px) { .side-nav-folded .side-nav { width: 70px; }
  .side-nav-folded .side-nav .side-nav-inner .side-nav-menu { overflow-x: hidden; }
  .side-nav-folded .side-nav .side-nav-inner .side-nav-menu > li.side-nav-header { display: none; }
  .side-nav-folded .side-nav .side-nav-inner .side-nav-menu > li > a { padding-left: 20px; }
  .side-nav-folded .side-nav .side-nav-inner .side-nav-menu > li > a .title { display: none; }
  .side-nav-folded .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow { opacity: 0; }
  .side-nav-folded .side-nav .side-nav-inner .side-nav-menu li.dropdown.open ul.dropdown-menu { display: none !important; }
  .side-nav-folded .side-nav:hover { width: 250px; }
  .side-nav-folded .side-nav:hover .side-nav-inner .side-nav-menu > li.side-nav-header { display: block; }
  .side-nav-folded .side-nav:hover .side-nav-inner .side-nav-menu > li > a .title { display: inline-block; }
  .side-nav-folded .side-nav:hover .side-nav-inner .side-nav-menu li.dropdown .arrow { opacity: 1; }
  .side-nav-folded .side-nav:hover .side-nav-inner .side-nav-menu li.open > ul.dropdown-menu { display: block !important; } }

@media only screen and (max-width: 992px) { .side-nav-folded .side-nav { left: -250px; } }

.side-nav-folded .header .header-container .nav-logo { width: 70px; padding: 0px; }

@media only screen and (max-width: 767px) { .side-nav-folded .header .header-container .nav-logo { width: 0px; overflow: hidden; } }

.side-nav-folded .header .header-container .nav-logo > a .logo { width: 70px; background-position: center center; }

.side-nav-folded .header .header-container .nav-logo > a .logo-dark { background-image: url("../images/logo/logo-sm.png") !important; }

.side-nav-folded .header .header-container .nav-logo > a .logo-white { background-image: url("../images/logo/logo-white-sm.png") !important; }

.side-nav-folded .header .nav-left > li > a.sidenav-fold-toggler i:before { content: "\F054"; }

@media only screen and (max-width: 767px) { .side-nav-expand { overflow: hidden; } }

@media only screen and (max-width: 767px) { .side-nav-expand .side-nav { left: 0; } }

@media only screen and (max-width: 767px) { .side-nav-expand .header .header-container .nav-logo { width: 0px; }
  .side-nav-expand .header .header-container .nav-left > li > a.sidenav-expand-toggler i:before { content: "\F04D"; } }

@media only screen and (max-width: 767px) { .side-nav-backdrop { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #515365; /* The Fallback */ background: rgba(81, 83, 101, 0.5); } }

/*----------------------------------------
  4. Aside
----------------------------------------*/
.aside { background-color: #ffffff; position: fixed; top: 0; bottom: 0; left: 250px; width: 230px; border-right: 1px solid #e9eaec; padding-top: 65px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; z-index: 1000; }

@media only screen and (max-width: 767px) { .aside { left: -230px; }
  .aside.open { left: 0px; } }

.aside .aside-wrapper { padding: 25px 20px; height: 100%; }

@media only screen and (min-width: 767px) { .aside ~ .main-content, .aside ~ .content-footer { margin-left: 230px; } }

.aside .aside-toggle { display: none; position: absolute; top: 50%; cursor: pointer; background: #ffffff; padding: 15px 8px 15px 4px; border-radius: 0 100px 100px 0; border: 1px solid #e9eaec; right: -28px; z-index: 1000; }

@media only screen and (max-width: 767px) { .aside .aside-toggle { display: block; } }

.aside .aside-toggle .chevron-left { display: none; }

.aside.open .aside-toggle .chevron-left { display: block; }

.aside.open .aside-toggle .chevron-right { display: none; }

/*----------------------------------------
  5. Quick View
----------------------------------------*/
.quick-view { position: fixed; top: 0; right: 0; bottom: 0; background-color: #ffffff; width: 300px; height: calc(100% - 65px); border-left: 1px solid #e9eaec; margin: 0px; margin-top: 65px; overflow: hidden; z-index: 1030; transform: translateX(300px); -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -o-transform: translateX(300px); -ms-transform: translateX(300px); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }

@media only screen and (max-width: 767px) { .quick-view { width: 270px; } }

.quick-view .nav-tabs { border-bottom: 1px solid #e9eaec; position: absolute; width: 100%; }

.quick-view .nav-tabs > li.active > a { color: #515365; background-color: transparent; border: 0px; border-bottom-color: transparent; }

.quick-view .nav-tabs > li.active > a:hover, .quick-view .nav-tabs > li.active > a:focus { color: #515365; background-color: transparent; border: 0px; border-bottom-color: transparent; }

.quick-view .nav-tabs > li.active .nav-link { border-bottom: 0px; }

.quick-view .nav-tabs > li > a { margin-right: 2px; line-height: 1.4; border-radius: 0; color: #8a8a8a; padding: 0px 20px; line-height: 55px; min-height: 55px; font-weight: bold; }

@media only screen and (max-width: 767px) { .quick-view .nav-tabs > li > a { padding: 0px 15px; } }

.quick-view .nav-tabs > li > a:hover, .quick-view .nav-tabs > li > a:focus { background-color: transparent; color: #515365; }

.quick-view .tab-content { position: absolute; width: 100%; margin-top: 55px; max-height: calc(100% - 55px); overflow-y: auto; }

.quick-view .tab-content .tab-pane { height: 100%; }

.quick-view .quick-view-chat { padding: 15px 0px; position: relative; height: calc(100% - 65px); }

.quick-view .quick-view-chat .quick-view-conversation { position: fixed; width: 100%; height: 100%; top: 0px; right: -300px; background-color: #ffffff; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; }

.quick-view .quick-view-chat .quick-view-conversation .quick-view-conversation-body { height: calc(100% - 115px); overflow-y: auto; }

.quick-view .quick-view-chat.conversation-expand .quick-view-conversation { right: -0px; }

.quick-view-expand .quick-view { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); }

.quick-view-backdrop { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: transparent; cursor: pointer; background: #515365; /* The Fallback */ background: rgba(81, 83, 101, 0.5); z-index: 1010; }

/*----------------------------------------
  6. Header
----------------------------------------*/
.header { display: block; width: 100%; position: fixed; padding: 0px; z-index: 1040; background-color: #ffffff; border-bottom: 1px solid #e9eaec; margin-bottom: 0px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

@media print { .header { display: none; } }

@media only screen and (max-width: 992px) { .header { width: 100%; } }

.header .header-container:before, .header .header-container:after { content: " "; display: table; }

.header .header-container:after { clear: both; }

.header .header-container .nav-logo { padding: 0px 20px; line-height: 0; float: left; width: 250px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

.header .header-container .nav-logo > a { display: inline-block; max-width: 200px; width: 100%; }

.header .header-container .nav-logo > a .logo { background-repeat: no-repeat; background-position: center left; display: inline-block; width: 100%; min-height: calc(65px - 1px); }

.header .header-container .nav-logo > a .logo.logo-white { display: none; }

@media only screen and (max-width: 992px) { .header .header-container .nav-logo { width: 0px; padding: 0px; } }

.header .header-container .nav-left, .header .header-container .nav-right { position: relative; list-style: none; padding-left: 0; margin-bottom: 0px; }

.header .header-container .nav-left > li, .header .header-container .nav-right > li { float: left; }

.header .header-container .nav-left > li > a, .header .header-container .nav-right > li > a { padding: 0 12px; line-height: calc(65px - 3px); min-height: calc(65px - 3px); color: #8a8a8a; display: block; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }

.header .header-container .nav-left > li > a i, .header .header-container .nav-right > li > a i { font-size: 22px; }

.header .header-container .nav-left > li > a:hover, .header .header-container .nav-left > li > a:focus, .header .header-container .nav-right > li > a:hover, .header .header-container .nav-right > li > a:focus { text-decoration: none; color: #515365; }

.header .header-container .nav-left > li > a.dropdown-toggle:after, .header .header-container .nav-right > li > a.dropdown-toggle:after { display: none; border-radius: 0px; }

@media only screen and (max-width: 992px) { .header .header-container .nav-left > li > a, .header .header-container .nav-right > li > a { padding: 0 10px; } }

@media only screen and (min-width: 767px) { .header .header-container .nav-left > li > a.sidenav-fold-toggler, .header .header-container .nav-right > li > a.sidenav-fold-toggler { display: block; }
  .header .header-container .nav-left > li > a.sidenav-expand-toggler, .header .header-container .nav-right > li > a.sidenav-expand-toggler { display: none; } }

@media only screen and (max-width: 767px) { .header .header-container .nav-left > li > a.sidenav-fold-toggler, .header .header-container .nav-right > li > a.sidenav-fold-toggler { display: none; }
  .header .header-container .nav-left > li > a.sidenav-expand-toggler, .header .header-container .nav-right > li > a.sidenav-expand-toggler { display: block; } }

@media only screen and (max-width: 992px) { .header .header-container .nav-left .user-profile, .header .header-container .nav-right .user-profile { border-right: 0px; border-left: 0px; } }

.header .header-container .nav-left .user-profile .profile-img, .header .header-container .nav-right .user-profile .profile-img { width: 35px; border-radius: 50%; margin-top: 12px; float: left; }

@media only screen and (max-width: 992px) { .header .header-container .nav-left .user-profile .profile-img, .header .header-container .nav-right .user-profile .profile-img { width: 30px; margin-right: 0px; } }

.header .header-container .nav-left .notifications, .header .header-container .nav-right .notifications { position: relative; }

.header .header-container .nav-left .notifications .counter, .header .header-container .nav-right .notifications .counter { position: absolute; right: 6px; top: 12px; background-color: #fd3259; color: #ffffff; padding: 3px 5.5px; border-radius: 50px; line-height: 1; font-size: 10px; }

.header .header-container .nav-left { float: left; }

.header .header-container .nav-right { float: right; }

@media only screen and (max-width: 767px) { .header .header-container .nav-right .dropdown.dropdown-animated.scale-left .dropdown-menu { right: -40px !important; } }

.header .header-container .search-box .search-icon-close { display: none; }

.header .header-container .search-box.active .search-icon { display: none; }

.header .header-container .search-box.active .search-icon-close { display: inline-block; }

.header .header-container .search-input { display: none; }

.header .header-container .search-input.active { display: inline-block; }

.header .header-container .search-input input { border: 0px; box-shadow: none; background-color: transparent; outline: none; height: 40px; margin-top: 10px; padding: 5px; font-size: 16px; }

@media only screen and (max-width: 767px) { .header .header-container .search-input input { width: 85px; } }

.header .header-container .search-input input::-webkit-input-placeholder { color: white; color: rgba(255, 255, 255, 0.5); }

.header .header-container .search-input input:-moz-placeholder { color: white; color: rgba(255, 255, 255, 0.5); }

.header .header-container .search-input input::-moz-placeholder { color: white; color: rgba(255, 255, 255, 0.5); }

.header .header-container .search-input input:-ms-input-placeholder { color: white; color: rgba(255, 255, 255, 0.5); }

.header .header-container .search-input .search-predict { display: none; position: absolute; top: 65px; width: 350px; min-height: 50px; max-height: 500px; background-color: #ffffff; color: #8a8a8a; border-radius: 4px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }

@media only screen and (max-width: 767px) { .header .header-container .search-input .search-predict { left: 40px; } }

.header .header-container .search-input .search-predict.active { display: block; }

.header .header-container .search-input .search-predict .search-wrapper { position: relative; max-height: 400px; overflow-y: auto; }

.header .header-container .search-input .search-footer { border-top: 1px solid #e9eaec; text-align: center; padding: 15px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

/*----------------------------------------
  7. Footer
----------------------------------------*/
.content-footer { padding: 0px 30px; }

.content-footer .footer { padding: 20px 0; font-size: 90%; border-top: 1px solid #e9eaec; }

.content-footer .footer .go-right { float: right; }

@media only screen and (max-width: 767px) { .content-footer .footer { text-align: center; }
  .content-footer .footer .go-right { float: none; margin-top: 15px; display: block; } }

/*----------------------------------------
  8. Page Container
----------------------------------------*/
.page-container { min-height: 100vh; padding-left: 250px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

@media print { .page-container { padding-left: 0px; } }

@media only screen and (max-width: 992px) { .page-container { padding-left: 0px; } }

.page-container .main-content { padding: calc(65px + 35px) 15px 15px 15px; min-height: calc(100vh - 65px); }

.page-container .main-content.full-container { padding: 0px; padding-top: 95px; }

@media print { .page-container .main-content { padding: 10px 0px; } }

@media only screen and (max-width: 992px) { .page-container .main-content { padding: 85px 10px 10px 10px; } }

.page-container .page-header { margin-bottom: 30px; }

.page-container .page-header .header-title { display: inline-block; font-size: 23px; margin-bottom: 0px; padding-bottom: 5px; border-right: 1px solid #e9eaec; padding-right: 20px; line-height: 1; }

@media only screen and (max-width: 767px) { .page-container .page-header .header-title { border-right: 0px; display: block; margin-bottom: 15px; } }

.page-container .page-header .header-sub-title { display: inline-block; padding-left: 20px; }

@media only screen and (max-width: 767px) { .page-container .page-header .header-sub-title { padding-left: 0px; display: block; } }

@media only screen and (min-width: 992px) { .side-nav-folded .page-container { padding-left: 70px; } }

@media only screen and (max-width: 992px) { .side-nav-folded .page-container { padding-left: 0px; } }

/*----------------------------------------
  9. Widgets
----------------------------------------*/
.widget-credit-card { max-width: 430px; }

/*----------------------------------------
  10. RTL
----------------------------------------*/
.rtl { text-align: right; }

.rtl .side-nav { right: 0px; left: auto; }

@media only screen and (max-width: 992px) { .rtl .side-nav { right: -280px; } }

@media only screen and (min-width: 992px) and (max-width: 1440px) { .rtl .side-nav:hover .side-nav-inner .side-nav-menu > li > a .icon-holder { float: right; margin-left: 14px; } }

.rtl .side-nav .side-nav-inner .side-nav-menu { border-right: 0px; border-left: 1px solid #e9eaec; }

.rtl .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder { float: right; margin-right: 0px; margin-left: 14px; }

.rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown .arrow { line-height: 28px; right: auto; left: 30px; }

.rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown .arrow i:before { content: "\F141"; }

.rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown.open .arrow { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }

.rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu { padding-left: 0px; padding-right: 30px; }

.rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a { text-align: right; }

.rtl .side-nav .side-nav-inner .side-nav-logo { border-right: 0px; border-left: 1px solid #e9eaec; }

.rtl .side-nav .side-nav-inner .side-nav-logo .mobile-toggle { float: left; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }

@media only screen and (max-width: 992px) { .rtl.side-nav-folded .side-nav { left: auto; right: 0px; } }

@media only screen and (min-width: 1440px) { .rtl.side-nav-folded .side-nav:hover .side-nav-inner .side-nav-menu > li > a .icon-holder { float: right; margin-left: 14px; }
  .rtl.side-nav-folded .side-nav .side-nav-inner .side-nav-menu > li > a { padding-right: 20px; }
  .rtl.side-nav-folded .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder { float: none; margin-left: 4px; } }

@media only screen and (min-width: 1440px) { .rtl.side-nav-folded .page-container { padding-right: 70px; } }

.rtl .header .header-container .nav-logo { float: right; }

.rtl .header .header-container .nav-left { float: right; margin-right: 15px; }

.rtl .header .header-container .nav-left > li { float: right; }

.rtl .header .header-container .nav-right { float: left; }

.rtl .header .header-container .nav-right > li { float: right; }

.rtl .header .header-container .nav-right .user-profile { border-right: 0px; }

.rtl .header .header-container .nav-right .dropdown-menu { left: 0px; right: auto; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }

.rtl .header .search-input .advanced-search { left: -120px; }

.rtl .page-container { padding-left: 0px; }

@media only screen and (min-width: 1440px) { .rtl .page-container { padding-right: 250px; } }

.rtl .quick-view { transform: translateX(-300px); -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -o-transform: translateX(-300px); -ms-transform: translateX(-300px); left: 0px; }

.rtl.quick-view-expand .quick-view { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); }

.rtl .pull-right, .rtl .float-right { float: left !important; }

.rtl .list-media .media-img { float: right; }

.rtl .list-media .info { padding-left: 0px; padding-right: 55px; }

.rtl .list-media .info .float-item { right: auto; left: 0px; }

.rtl .list-media .info .sub-title { margin-left: auto; }

.rtl .card-toolbar { float: left; }

/*----------------------------------------
  11. themes
----------------------------------------*/
.side-nav-dark .side-nav { background-color: #223143; color: #99abb4; }

.side-nav-dark .side-nav .side-nav-logo { border-bottom: 1px solid rgba(120, 130, 140, 0.3); border-right: 1px solid transparent; }

.side-nav-dark .side-nav .side-nav-logo a .logo.logo-white { display: block; }

.side-nav-dark .side-nav .side-nav-logo a .logo.logo-dark { display: none; }

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu { border-right: 1px solid transparent; }

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a { color: #99abb4; font-weight: normal; }

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:hover .title, .side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:hover .arrow, .side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:hover .icon-holder, .side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:focus .title, .side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:focus .arrow, .side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a:focus .icon-holder { color: #ffffff; }

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .title, .side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .arrow, .side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #ffffff; }

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu { background: #192532; /* The Fallback */ background: rgba(25, 37, 50, 0.5); }

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:hover, .side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:focus { color: #ffffff; }

.side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li.active > a { color: #ffffff; }

.header-primary .header { background-color: #6569df; }

.header-primary .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder, .header-primary .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder { color: #6569df; }

.header-primary .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #6569df; }

.header-info .header { background-color: #04a1f4; }

.header-info .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder, .header-info .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder { color: #04a1f4; }

.header-info .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #04a1f4; }

.header-success .header { background-color: #2acfd2; }

.header-success .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder, .header-success .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder { color: #24d5d8; }

.header-success .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #24d5d8; }

.header-warning .header { background-color: #fecd2f; }

.header-warning .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder, .header-warning .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder { color: #fecd2f; }

.header-warning .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #fecd2f; }

.header-danger .header { background-color: #fd3259; }

.header-danger .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder, .header-danger .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder { color: #fd3259; }

.header-danger .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #fd3259; }

.header-dark .header { background-color: #334a65; }

.header-primary-gradient .header { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.header-primary-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder, .header-primary-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder { color: #6569df; }

.header-primary-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder i:before, .header-primary-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder i:before { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-primary-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #6569df; }

.header-primary-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder i:before { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-info-gradient .header { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.header-info-gradient-blue .header { background: #5F9F9F; }

.header-info-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder, .header-info-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder { color: #04a1f4; }

.header-info-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder i:before, .header-info-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder i:before { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-info-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #04a1f4; }

.header-info-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder i:before { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-success-gradient .header { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.header-success-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder, .header-success-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder { color: #24d5d8; }

.header-success-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder i:before, .header-success-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder i:before { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-success-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #24d5d8; }

.header-success-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder i:before { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-warning-gradient .header { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.header-warning-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder, .header-warning-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder { color: #fecd2f; }

.header-warning-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder i:before, .header-warning-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder i:before { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-warning-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #fecd2f; }

.header-warning-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder i:before { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-danger-gradient .header { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

.header-danger-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder, .header-danger-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder { color: #fd3259; }

.header-danger-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:hover .icon-holder i:before, .header-danger-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown > a:focus .icon-holder i:before { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-danger-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #fd3259; }

.header-danger-gradient .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder i:before { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.header-primary .header, .header-info .header, .header-success .header, .header-warning .header, .header-danger .header, .header-primary-gradient .header, .header-info-gradient .header, .header-success-gradient .header, .header-warning-gradient .header, .header-danger-gradient .header, .header-dark .header { color: #ffffff; border-color: transparent; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16); }

.header-primary .header .header-container .nav-logo, .header-info .header .header-container .nav-logo, .header-success .header .header-container .nav-logo, .header-warning .header .header-container .nav-logo, .header-danger .header .header-container .nav-logo, .header-primary-gradient .header .header-container .nav-logo, .header-info-gradient .header .header-container .nav-logo, .header-success-gradient .header .header-container .nav-logo, .header-warning-gradient .header .header-container .nav-logo, .header-danger-gradient .header .header-container .nav-logo, .header-dark .header .header-container .nav-logo { background-color: transparent; border-color: transparent; }

.header-primary .header .header-container .nav-logo a .logo-dark, .header-info .header .header-container .nav-logo a .logo-dark, .header-success .header .header-container .nav-logo a .logo-dark, .header-warning .header .header-container .nav-logo a .logo-dark, .header-danger .header .header-container .nav-logo a .logo-dark, .header-primary-gradient .header .header-container .nav-logo a .logo-dark, .header-info-gradient .header .header-container .nav-logo a .logo-dark, .header-success-gradient .header .header-container .nav-logo a .logo-dark, .header-warning-gradient .header .header-container .nav-logo a .logo-dark, .header-danger-gradient .header .header-container .nav-logo a .logo-dark, .header-dark .header .header-container .nav-logo a .logo-dark { display: none; }

.header-primary .header .header-container .nav-logo a .logo-white, .header-info .header .header-container .nav-logo a .logo-white, .header-success .header .header-container .nav-logo a .logo-white, .header-warning .header .header-container .nav-logo a .logo-white, .header-danger .header .header-container .nav-logo a .logo-white, .header-primary-gradient .header .header-container .nav-logo a .logo-white, .header-info-gradient .header .header-container .nav-logo a .logo-white, .header-success-gradient .header .header-container .nav-logo a .logo-white, .header-warning-gradient .header .header-container .nav-logo a .logo-white, .header-danger-gradient .header .header-container .nav-logo a .logo-white, .header-dark .header .header-container .nav-logo a .logo-white { display: block; }

.header-primary .header .header-container .nav-right .user-profile, .header-info .header .header-container .nav-right .user-profile, .header-success .header .header-container .nav-right .user-profile, .header-warning .header .header-container .nav-right .user-profile, .header-danger .header .header-container .nav-right .user-profile, .header-primary-gradient .header .header-container .nav-right .user-profile, .header-info-gradient .header .header-container .nav-right .user-profile, .header-success-gradient .header .header-container .nav-right .user-profile, .header-warning-gradient .header .header-container .nav-right .user-profile, .header-danger-gradient .header .header-container .nav-right .user-profile, .header-dark .header .header-container .nav-right .user-profile { border-right: 0px; }

.header-primary .header .header-container ul.nav-left > li > a, .header-primary .header .header-container ul.nav-right > li > a, .header-info .header .header-container ul.nav-left > li > a, .header-info .header .header-container ul.nav-right > li > a, .header-success .header .header-container ul.nav-left > li > a, .header-success .header .header-container ul.nav-right > li > a, .header-warning .header .header-container ul.nav-left > li > a, .header-warning .header .header-container ul.nav-right > li > a, .header-danger .header .header-container ul.nav-left > li > a, .header-danger .header .header-container ul.nav-right > li > a, .header-primary-gradient .header .header-container ul.nav-left > li > a, .header-primary-gradient .header .header-container ul.nav-right > li > a, .header-info-gradient .header .header-container ul.nav-left > li > a, .header-info-gradient .header .header-container ul.nav-right > li > a, .header-success-gradient .header .header-container ul.nav-left > li > a, .header-success-gradient .header .header-container ul.nav-right > li > a, .header-warning-gradient .header .header-container ul.nav-left > li > a, .header-warning-gradient .header .header-container ul.nav-right > li > a, .header-danger-gradient .header .header-container ul.nav-left > li > a, .header-danger-gradient .header .header-container ul.nav-right > li > a, .header-dark .header .header-container ul.nav-left > li > a, .header-dark .header .header-container ul.nav-right > li > a { color: #ededed; }

.header-primary .header .header-container ul.nav-left > li > a:hover, .header-primary .header .header-container ul.nav-left > li > a:focus, .header-primary .header .header-container ul.nav-right > li > a:hover, .header-primary .header .header-container ul.nav-right > li > a:focus, .header-info .header .header-container ul.nav-left > li > a:hover, .header-info .header .header-container ul.nav-left > li > a:focus, .header-info .header .header-container ul.nav-right > li > a:hover, .header-info .header .header-container ul.nav-right > li > a:focus, .header-success .header .header-container ul.nav-left > li > a:hover, .header-success .header .header-container ul.nav-left > li > a:focus, .header-success .header .header-container ul.nav-right > li > a:hover, .header-success .header .header-container ul.nav-right > li > a:focus, .header-warning .header .header-container ul.nav-left > li > a:hover, .header-warning .header .header-container ul.nav-left > li > a:focus, .header-warning .header .header-container ul.nav-right > li > a:hover, .header-warning .header .header-container ul.nav-right > li > a:focus, .header-danger .header .header-container ul.nav-left > li > a:hover, .header-danger .header .header-container ul.nav-left > li > a:focus, .header-danger .header .header-container ul.nav-right > li > a:hover, .header-danger .header .header-container ul.nav-right > li > a:focus, .header-primary-gradient .header .header-container ul.nav-left > li > a:hover, .header-primary-gradient .header .header-container ul.nav-left > li > a:focus, .header-primary-gradient .header .header-container ul.nav-right > li > a:hover, .header-primary-gradient .header .header-container ul.nav-right > li > a:focus, .header-info-gradient .header .header-container ul.nav-left > li > a:hover, .header-info-gradient .header .header-container ul.nav-left > li > a:focus, .header-info-gradient .header .header-container ul.nav-right > li > a:hover, .header-info-gradient .header .header-container ul.nav-right > li > a:focus, .header-success-gradient .header .header-container ul.nav-left > li > a:hover, .header-success-gradient .header .header-container ul.nav-left > li > a:focus, .header-success-gradient .header .header-container ul.nav-right > li > a:hover, .header-success-gradient .header .header-container ul.nav-right > li > a:focus, .header-warning-gradient .header .header-container ul.nav-left > li > a:hover, .header-warning-gradient .header .header-container ul.nav-left > li > a:focus, .header-warning-gradient .header .header-container ul.nav-right > li > a:hover, .header-warning-gradient .header .header-container ul.nav-right > li > a:focus, .header-danger-gradient .header .header-container ul.nav-left > li > a:hover, .header-danger-gradient .header .header-container ul.nav-left > li > a:focus, .header-danger-gradient .header .header-container ul.nav-right > li > a:hover, .header-danger-gradient .header .header-container ul.nav-right > li > a:focus, .header-dark .header .header-container ul.nav-left > li > a:hover, .header-dark .header .header-container ul.nav-left > li > a:focus, .header-dark .header .header-container ul.nav-right > li > a:hover, .header-dark .header .header-container ul.nav-right > li > a:focus { color: #ffffff; }

.header-primary .header .header-container .search-input input, .header-info .header .header-container .search-input input, .header-success .header .header-container .search-input input, .header-warning .header .header-container .search-input input, .header-danger .header .header-container .search-input input, .header-primary-gradient .header .header-container .search-input input, .header-info-gradient .header .header-container .search-input input, .header-success-gradient .header .header-container .search-input input, .header-warning-gradient .header .header-container .search-input input, .header-danger-gradient .header .header-container .search-input input, .header-dark .header .header-container .search-input input { color: #ffffff; }

.header-primary .header .header-container .search-input input::-webkit-input-placeholder, .header-info .header .header-container .search-input input::-webkit-input-placeholder, .header-success .header .header-container .search-input input::-webkit-input-placeholder, .header-warning .header .header-container .search-input input::-webkit-input-placeholder, .header-danger .header .header-container .search-input input::-webkit-input-placeholder, .header-primary-gradient .header .header-container .search-input input::-webkit-input-placeholder, .header-info-gradient .header .header-container .search-input input::-webkit-input-placeholder, .header-success-gradient .header .header-container .search-input input::-webkit-input-placeholder, .header-warning-gradient .header .header-container .search-input input::-webkit-input-placeholder, .header-danger-gradient .header .header-container .search-input input::-webkit-input-placeholder, .header-dark .header .header-container .search-input input::-webkit-input-placeholder { color: white; color: rgba(255, 255, 255, 0.5); }

.header-primary .header .header-container .search-input input:-moz-placeholder, .header-info .header .header-container .search-input input:-moz-placeholder, .header-success .header .header-container .search-input input:-moz-placeholder, .header-warning .header .header-container .search-input input:-moz-placeholder, .header-danger .header .header-container .search-input input:-moz-placeholder, .header-primary-gradient .header .header-container .search-input input:-moz-placeholder, .header-info-gradient .header .header-container .search-input input:-moz-placeholder, .header-success-gradient .header .header-container .search-input input:-moz-placeholder, .header-warning-gradient .header .header-container .search-input input:-moz-placeholder, .header-danger-gradient .header .header-container .search-input input:-moz-placeholder, .header-dark .header .header-container .search-input input:-moz-placeholder { color: white; color: rgba(255, 255, 255, 0.5); }

.header-primary .header .header-container .search-input input::-moz-placeholder, .header-info .header .header-container .search-input input::-moz-placeholder, .header-success .header .header-container .search-input input::-moz-placeholder, .header-warning .header .header-container .search-input input::-moz-placeholder, .header-danger .header .header-container .search-input input::-moz-placeholder, .header-primary-gradient .header .header-container .search-input input::-moz-placeholder, .header-info-gradient .header .header-container .search-input input::-moz-placeholder, .header-success-gradient .header .header-container .search-input input::-moz-placeholder, .header-warning-gradient .header .header-container .search-input input::-moz-placeholder, .header-danger-gradient .header .header-container .search-input input::-moz-placeholder, .header-dark .header .header-container .search-input input::-moz-placeholder { color: white; color: rgba(255, 255, 255, 0.5); }

.header-primary .header .header-container .search-input input:-ms-input-placeholder, .header-info .header .header-container .search-input input:-ms-input-placeholder, .header-success .header .header-container .search-input input:-ms-input-placeholder, .header-warning .header .header-container .search-input input:-ms-input-placeholder, .header-danger .header .header-container .search-input input:-ms-input-placeholder, .header-primary-gradient .header .header-container .search-input input:-ms-input-placeholder, .header-info-gradient .header .header-container .search-input input:-ms-input-placeholder, .header-success-gradient .header .header-container .search-input input:-ms-input-placeholder, .header-warning-gradient .header .header-container .search-input input:-ms-input-placeholder, .header-danger-gradient .header .header-container .search-input input:-ms-input-placeholder, .header-dark .header .header-container .search-input input:-ms-input-placeholder { color: white; color: rgba(255, 255, 255, 0.5); }

.theme-configurator { position: relative; }

.theme-selector label, .color-selector label { position: relative; display: inline-block; width: 25px; height: 25px; margin-right: 5px; margin-bottom: 5px; border-radius: 50%; cursor: pointer; }

.theme-selector input, .color-selector input { opacity: 0; }

.theme-selector input:checked ~ .theme-color:after, .color-selector input:checked ~ .theme-color:after { content: "\e64c"; font-family: themify; font-size: 12px; font-weight: bold; display: block; color: #ffffff; width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.theme-selector input:checked ~ .theme-color.bg-white:after, .color-selector input:checked ~ .theme-color.bg-white:after { color: #515365; }

.theme-selector .theme-color, .color-selector .theme-color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; }

.color-pallet { border: 1px solid #e9eaec; min-width: 180px; margin-bottom: 20px; }

.color-pallet .box { height: 120px; }

.color-pallet .desc { padding: 10px; }

/*---------------------------------
------------ elements -------------
---------------------------------*/
/*----------------------------------------
  12. Alert
----------------------------------------*/
.alert { padding: 15px 20px; border-radius: 0px; }

.alert-default { color: #7d7d7d; background-color: #f1f2f3; border-color: #d9dade; }

.alert-default p { color: #7d7d7d; }

.alert-default hr { border-color: #e9eaec; }

.alert-primary { color: #6569df; background-color: #f0f1fc; border-color: #cfd0f5; }

.alert-primary p { color: #6569df; }

.alert-primary hr { border-color: #cfd0f5; }

.alert-success { color: #24d5d8; background-color: #e7fbfb; border-color: #8febec; }

.alert-success p { color: #24d5d8; }

.alert-success hr { border-color: #8febec; }

.alert-info { color: #04a1f4; background-color: #e9f7ff; border-color: #94d9fd; }

.alert-info p { color: #04a1f4; }

.alert-info hr { border-color: #94d9fd; }

.alert-warning { color: #fecd2f; background-color: #fffefa; border-color: #fedf7b; }

.alert-warning p { color: #fecd2f; }

.alert-warning hr { border-color: #fedf7b; }

.alert-danger { color: #fd3259; background-color: #fff7f9; border-color: #fecad4; }

.alert-danger p { color: #fd3259; }

.alert-danger hr { border-color: #fecad4; }

.alert-primary-gradient { color: #ffffff; border-color: transparent; background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); border-radius: 4px; }

.alert-success-gradient { color: #ffffff; border-color: transparent; background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); border-radius: 4px; }

.alert-info-gradient { color: #ffffff; border-color: transparent; background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); border-radius: 4px; }

.alert-warning-gradient { color: #ffffff; border-color: transparent; background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); border-radius: 4px; }

.alert-danger-gradient { color: #ffffff; border-color: transparent; background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); border-radius: 4px; }

.alert-float { border-color: transparent; -webkit-box-shadow: 0px 7px 20px 2px rgba(9, 4, 25, 0.1) ; -moz-box-shadow: 0px 7px 20px 2px rgba(9, 4, 25, 0.1) ; box-shadow: 0px 7px 20px 2px rgba(9, 4, 25, 0.1) ; }

.alert-icon { font-size: 30px; padding: 0px 7px; }

/*----------------------------------------
  13. Buttons
----------------------------------------*/
button { outline: none; box-shadow: none; cursor: pointer; }

button:focus { outline: none; }

button.active:focus { outline: none; box-shadow: none; }

button:active:focus { outline: none; box-shadow: none; }

button.disabled, button:disabled { opacity: 0.5; cursor: not-allowed; }

.btn { cursor: pointer; font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-size: 14px; padding: 7px 20px; margin-right: 5px; margin-bottom: 10px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

.btn.dropdown-toggle { margin-bottom: 0px; }

.btn:focus { outline: none; box-shadow: none; }

.btn.active:focus { outline: none; }

.btn:active:focus { outline: none; }

.btn-default { color: #515365; background-color: transparent; border-color: #dbdde0; }

.btn-default:hover, .btn-default:focus, .btn-default:active { color: #515365; background-color: #eeeff1; border-color: #eeeff1; }

.btn-default:active:hover, .btn-default:active:focus { color: #515365; background-color: #eeeff1; border-color: #eeeff1; }

.btn-default.active:hover, .btn-default.active:focus { color: #515365; background-color: #eeeff1; border-color: #eeeff1; }

.btn-primary { background-color: #6569df; border-color: #6569df; color: #ffffff; }

.btn-primary:hover, .btn-primary:focus { color: #ffffff; background-color: #7a7ee3; border-color: #7a7ee3; }

.btn-primary:active { background-color: #5054db; border-color: #5054db; }

.btn-primary.active { background-color: #5054db; border-color: #5054db; }

.btn-primary.active:hover, .btn-primary.active:focus { background-color: #5054db; border-color: #5054db; }

.btn-primary.disabled, .btn-primary:disabled { background-color: #6569df; border-color: #6569df; opacity: 0.35; }

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary:disabled:hover, .btn-primary:disabled:focus { background-color: #6569df; border-color: #6569df; }

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active { background-color: #6569df; border-color: #6569df; }

.btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled).active:focus { box-shadow: none; }

.btn-primary.btn-outline { background-color: transparent; color: #6569df; border-color: #6569df; }

.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus { background-color: #6569df; color: #ffffff; }

.btn-success { background-color: #24d5d8; border-color: #24d5d8; color: #ffffff; }

.btn-success-baru { background-color: #5F9F9F; border-color: #5F9F9F; color: #ffffff; }

.btn-success:hover, .btn-success:focus { color: #ffffff; background-color: #38dbde; border-color: #38dbde; }

.btn-success:active { background-color: #20bfc2; border-color: #20bfc2; }

.btn-success.active { background-color: #20bfc2; border-color: #20bfc2; }

.btn-success.active:hover, .btn-success.active:focus { background-color: #20bfc2; border-color: #20bfc2; }

.btn-success.disabled, .btn-success:disabled { background-color: #24d5d8; border-color: #24d5d8; opacity: 0.35; }

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success:disabled:hover, .btn-success:disabled:focus { background-color: #24d5d8; border-color: #24d5d8; }

.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active { background-color: #24d5d8; border-color: #24d5d8; }

.btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus { box-shadow: none; }

.btn-success.btn-outline { background-color: transparent; color: #24d5d8; border-color: #24d5d8; }

.btn-success.btn-outline:hover, .btn-success.btn-outline:focus { background-color: #24d5d8; color: #ffffff; }

.btn-info { background-color: #04a1f4; border-color: #04a1f4; color: #ffffff; }

.btn-info:hover, .btn-info:focus { color: #ffffff; background-color: #16acfb; border-color: #16acfb; }

.btn-info:active { background-color: #0490db; border-color: #0490db; }

.btn-info.active { background-color: #0490db; border-color: #0490db; }

.btn-info.active:hover, .btn-info.active:focus { background-color: #0490db; border-color: #0490db; }

.btn-info.disabled, .btn-info:disabled { background-color: #04a1f4; border-color: #04a1f4; opacity: 0.35; }

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info:disabled:hover, .btn-info:disabled:focus { background-color: #04a1f4; border-color: #04a1f4; }

.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active { background-color: #04a1f4; border-color: #04a1f4; }

.btn-info:not([disabled]):not(.disabled):active:focus, .btn-info:not([disabled]):not(.disabled).active:focus { box-shadow: none; }

.btn-info.btn-outline { background-color: transparent; color: #04a1f4; border-color: #04a1f4; }

.btn-info.btn-outline:hover, .btn-info.btn-outline:focus { background-color: #04a1f4; color: #ffffff; }

.btn-warning { background-color: #fecd2f; border-color: #fecd2f; color: #ffffff; }

.btn-warning:hover, .btn-warning:focus { color: #ffffff; background-color: #fed348; border-color: #fed348; }

.btn-warning:active { background-color: #fec716; border-color: #fec716; }

.btn-warning.active { background-color: #fec716; border-color: #fec716; }

.btn-warning.active:hover, .btn-warning.active:focus { background-color: #fec716; border-color: #fec716; }

.btn-warning.disabled, .btn-warning:disabled { background-color: #fecd2f; border-color: #fecd2f; opacity: 0.35; }

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning:disabled:hover, .btn-warning:disabled:focus { background-color: #fecd2f; border-color: #fecd2f; }

.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active { background-color: #fecd2f; border-color: #fecd2f; }

.btn-warning:not([disabled]):not(.disabled):active:focus, .btn-warning:not([disabled]):not(.disabled).active:focus { box-shadow: none; }

.btn-warning.btn-outline { background-color: transparent; color: #fecd2f; border-color: #fecd2f; }

.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus { background-color: #fecd2f; color: #ffffff; }

.btn-danger { background-color: #fd3259; border-color: #fd3259; color: #ffffff; }

.btn-danger:hover, .btn-danger:focus { color: #ffffff; background-color: #fd4b6d; border-color: #fd4b6d; }

.btn-danger:active { background-color: #fd1945; border-color: #fd1945; }

.btn-danger.active { background-color: #fd1945; border-color: #fd1945; }

.btn-danger.active:hover, .btn-danger.active:focus { background-color: #fd1945; border-color: #fd1945; }

.btn-danger.disabled, .btn-danger:disabled { background-color: #fd3259; border-color: #fd3259; opacity: 0.35; }

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger:disabled:hover, .btn-danger:disabled:focus { background-color: #fd3259; border-color: #fd3259; }

.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active { background-color: #fd3259; border-color: #fd3259; }

.btn-danger:not([disabled]):not(.disabled):active:focus, .btn-danger:not([disabled]):not(.disabled).active:focus { box-shadow: none; }

.btn-danger.btn-outline { background-color: transparent; color: #fd3259; border-color: #fd3259; }

.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus { background-color: #fd3259; color: #ffffff; }

.btn-gradient-primary { color: #ffffff; background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); border: 0px; }

.btn-gradient-primary:hover, .btn-gradient-primary:focus { opacity: 0.7; color: #ffffff; background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.btn-gradient-primary.active, .btn-gradient-primary:active { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); color: #ffffff; }

.btn-gradient-primary.disabled:hover, .btn-gradient-primary.disabled:focus { opacity: 0.5; }

.btn-gradient-primary:not([disabled]):not(.disabled):active, .btn-gradient-primary:not([disabled]):not(.disabled).active { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.btn-gradient-success { color: #ffffff; background: linear-gradient(120deg, #5F9F9F 0%, #5F9F9F 100%); border: 0px; }

.btn-gradient-success-baru { color: #ffffff; background: linear-gradient(120deg, #5F9F9F 0%, #5F9F9F 100%); border: 0px; }

.btn-gradient-success:hover, .btn-gradient-success:focus { opacity: 0.7; color: #ffffff; background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.btn-gradient-success.active, .btn-gradient-success:active { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); color: #ffffff; }

.btn-gradient-success.disabled:hover, .btn-gradient-success.disabled:focus { opacity: 0.5; }

.btn-gradient-success:not([disabled]):not(.disabled):active, .btn-gradient-success:not([disabled]):not(.disabled).active { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.btn-gradient-info { color: #ffffff; background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); border: 0px; }

.btn-gradient-info-baru { color: #ffffff; background: linear-gradient(120deg, #5F9F9F 0%, #5F9F9F 100%); border: 0px; }

.btn-gradient-info:hover, .btn-gradient-info:focus { opacity: 0.7; color: #ffffff; background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.btn-gradient-info.active, .btn-gradient-info:active { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); color: #ffffff; }

.btn-gradient-info.disabled:hover, .btn-gradient-info.disabled:focus { opacity: 0.5; }

.btn-gradient-info:not([disabled]):not(.disabled):active, .btn-gradient-info:not([disabled]):not(.disabled).active { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.btn-gradient-warning { color: #ffffff; background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); border: 0px; }

.btn-gradient-warning:hover, .btn-gradient-warning:focus { opacity: 0.7; color: #ffffff; background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.btn-gradient-warning.active, .btn-gradient-warning:active { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); color: #ffffff; }

.btn-gradient-warning.disabled:hover, .btn-gradient-warning.disabled:focus { opacity: 0.5; }

.btn-gradient-warning:not([disabled]):not(.disabled):active, .btn-gradient-warning:not([disabled]):not(.disabled).active { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.btn-gradient-danger { color: #ffffff; background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); border: 0px; }

.btn-gradient-danger:hover, .btn-gradient-danger:focus { opacity: 0.7; color: #ffffff; background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

.btn-gradient-danger.active, .btn-gradient-danger:active { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); color: #ffffff; }

.btn-gradient-danger.disabled:hover, .btn-gradient-danger.disabled:focus { opacity: 0.5; }

.btn-gradient-danger:not([disabled]):not(.disabled):active, .btn-gradient-danger:not([disabled]):not(.disabled).active { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

.show > .dropdown-toggle.btn-primary { background-color: #5054db; border-color: #5054db; }

.show > .dropdown-toggle.btn-primary:hover, .show > .dropdown-toggle.btn-primary:focus { background-color: #5054db; border-color: #5054db; box-shadow: none; }

.show > .dropdown-toggle.btn-success { background-color: #20bfc2; border-color: #20bfc2; }

.show > .dropdown-toggle.btn-success:hover, .show > .dropdown-toggle.btn-success:focus { background-color: #20bfc2; border-color: #20bfc2; box-shadow: none; }

.show > .dropdown-toggle.btn-info { background-color: #0490db; border-color: #0490db; }

.show > .dropdown-toggle.btn-info:hover, .show > .dropdown-toggle.btn-info:focus { background-color: #0490db; border-color: #0490db; box-shadow: none; }

.show > .dropdown-toggle.btn-warning { background-color: #fec716; border-color: #fec716; }

.show > .dropdown-toggle.btn-warning:hover, .show > .dropdown-toggle.btn-warning:focus { background-color: #fec716; border-color: #fec716; box-shadow: none; }

.show > .dropdown-toggle.btn-danger { background-color: #fd1945; border-color: #fd1945; }

.show > .dropdown-toggle.btn-danger:hover, .show > .dropdown-toggle.btn-danger:focus { background-color: #fd1945; border-color: #fd1945; box-shadow: none; }

.btn-facebook { background: #3B579D; color: #ffffff; }

.btn-facebook:hover, .btn-facebook:focus { background-color: #5674bf; border-color: #5674bf; color: #ffffff; }

.btn-facebook.btn-outline { border-color: #3B579D; background: transparent; color: #3B579D; }

.btn-facebook.btn-outline:hover, .btn-facebook.btn-outline:focus { background: #3B579D; color: #ffffff; }

.btn-twitter { background: #2CAAE1; color: #ffffff; }

.btn-twitter:hover, .btn-twitter:focus { background-color: #62c0e9; border-color: #62c0e9; color: #ffffff; }

.btn-twitter.btn-outline { border-color: #2CAAE1; background: transparent; color: #2CAAE1; }

.btn-twitter.btn-outline:hover, .btn-twitter.btn-outline:focus { background: #2CAAE1; color: #ffffff; }

.btn-google-plus { background: #dc473c; color: #ffffff; }

.btn-google-plus:hover, .btn-google-plus:focus { background-color: #e57870; border-color: #e57870; color: #ffffff; }

.btn-google-plus.btn-outline { border-color: #dc473c; background: transparent; color: #dc473c; }

.btn-google-plus.btn-outline:hover, .btn-google-plus.btn-outline:focus { background: #dc473c; color: #ffffff; }

.btn-instagram { background: #40719b; color: #ffffff; }

.btn-instagram:hover, .btn-instagram:focus { background-color: #5c90bc; border-color: #5c90bc; color: #ffffff; }

.btn-instagram.btn-outline { border-color: #40719b; background: transparent; color: #40719b; }

.btn-instagram.btn-outline:hover, .btn-instagram.btn-outline:focus { background: #40719b; color: #ffffff; }

.btn-dropbox { background: #007EE6; color: #ffffff; }

.btn-dropbox:hover, .btn-dropbox:focus { background-color: #249cff; border-color: #249cff; color: #ffffff; }

.btn-dropbox.btn-outline { border-color: #007EE6; background: transparent; color: #007EE6; }

.btn-dropbox.btn-outline:hover, .btn-dropbox.btn-outline:focus { background: #007EE6; color: #ffffff; }

.btn-dribbble { background: #ea4c89; color: #ffffff; }

.btn-dribbble:hover, .btn-dribbble:focus { background-color: #f083ad; border-color: #f083ad; color: #ffffff; }

.btn-dribbble.btn-outline { border-color: #ea4c89; background: transparent; color: #ea4c89; }

.btn-dribbble.btn-outline:hover, .btn-dribbble.btn-outline:focus { background: #ea4c89; color: #ffffff; }

.btn-behance { background: #1869ff; color: #ffffff; }

.btn-behance:hover, .btn-behance:focus { background-color: #5591ff; border-color: #5591ff; color: #ffffff; }

.btn-behance.btn-outline { border-color: #1869ff; background: transparent; color: #1869ff; }

.btn-behance.btn-outline:hover, .btn-behance.btn-outline:focus { background: #1869ff; color: #ffffff; }

.btn-html5 { background: #f16528; color: #ffffff; }

.btn-html5:hover, .btn-html5:focus { background-color: #f58e61; border-color: #f58e61; color: #ffffff; }

.btn-html5.btn-outline { border-color: #f16528; background: transparent; color: #f16528; }

.btn-html5.btn-outline:hover, .btn-html5.btn-outline:focus { background: #f16528; color: #ffffff; }

.btn-wordpress { background: #0087be; color: #ffffff; }

.btn-wordpress:hover, .btn-wordpress:focus { background-color: #00b2fb; border-color: #00b2fb; color: #ffffff; }

.btn-wordpress.btn-outline { border-color: #0087be; background: transparent; color: #0087be; }

.btn-wordpress.btn-outline:hover, .btn-wordpress.btn-outline:focus { background: #0087be; color: #ffffff; }

.btn-tumblr { background: #36465d; color: #ffffff; }

.btn-tumblr:hover, .btn-tumblr:focus { background-color: #4c6384; border-color: #4c6384; color: #ffffff; }

.btn-tumblr.btn-outline { border-color: #36465d; background: transparent; color: #36465d; }

.btn-tumblr.btn-outline:hover, .btn-tumblr.btn-outline:focus { background: #36465d; color: #ffffff; }

.btn-skype { background: #00AAF1; color: #ffffff; }

.btn-skype:hover, .btn-skype:focus { background-color: #2fc2ff; border-color: #2fc2ff; color: #ffffff; }

.btn-skype.btn-outline { border-color: #00AAF1; background: transparent; color: #00AAF1; }

.btn-skype.btn-outline:hover, .btn-skype.btn-outline:focus { background: #00AAF1; color: #ffffff; }

.btn-youtube { background: #DE2825; color: #ffffff; }

.btn-youtube:hover, .btn-youtube:focus { background-color: #e65c5a; border-color: #e65c5a; color: #ffffff; }

.btn-youtube.btn-outline { border-color: #DE2825; background: transparent; color: #DE2825; }

.btn-youtube.btn-outline:hover, .btn-youtube.btn-outline:focus { background: #DE2825; color: #ffffff; }

.btn-vimeo { background: #1BB6EC; color: #ffffff; }

.btn-vimeo:hover, .btn-vimeo:focus { background-color: #53c8f1; border-color: #53c8f1; color: #ffffff; }

.btn-vimeo.btn-outline { border-color: #1BB6EC; background: transparent; color: #1BB6EC; }

.btn-vimeo.btn-outline:hover, .btn-vimeo.btn-outline:focus { background: #1BB6EC; color: #ffffff; }

.btn-linkedin { background: #0177b5; color: #ffffff; }

.btn-linkedin:hover, .btn-linkedin:focus { background-color: #019ff2; border-color: #019ff2; color: #ffffff; }

.btn-linkedin.btn-outline { border-color: #0177b5; background: transparent; color: #0177b5; }

.btn-linkedin.btn-outline:hover, .btn-linkedin.btn-outline:focus { background: #0177b5; color: #ffffff; }

.btn-pinterest { background: #c9181f; color: #ffffff; }

.btn-pinterest:hover, .btn-pinterest:focus { background-color: #e7373e; border-color: #e7373e; color: #ffffff; }

.btn-pinterest.btn-outline { border-color: #c9181f; background: transparent; color: #c9181f; }

.btn-pinterest.btn-outline:hover, .btn-pinterest.btn-outline:focus { background: #c9181f; color: #ffffff; }

.btn-group .btn { padding: 7px 14px; margin-right: 0px; }

.btn-group.btn-group-vertical .btn { margin-bottom: 0px; }

.btn-group.btn-group-vertical .btn:first-child:not(:last-child) { border-top-right-radius: 0.25rem; }

.btn-group.btn-group-vertical .btn:last-child:not(:first-child) { border-bottom-left-radius: 0.25rem; }

.btn-group.btn-group-round .btn:first-child { border-top-left-radius: 50px; border-bottom-left-radius: 50px; }

.btn-group.btn-group-round .btn:last-child { border-top-right-radius: 50px; border-bottom-right-radius: 50px; }

.btn-group.btn-group-round.btn-group-vertical .btn:first-child { border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 0px; }

.btn-group.btn-group-round.btn-group-vertical .btn:last-child { border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-top-right-radius: 0px; }

.btn-group.btn-group-lg .btn { padding: 9px 17px; }

.btn-icon { padding: 10px; line-height: 1; }

.btn-icon > i { font-size: 15px; }

.btn-lg, .btn-group-lg > .btn { padding: 10px 30px; font-size: 16px; }

.btn-sm, .btn-group-sm > .btn { padding: 6px 12px; font-size: 12px; }

.btn-xs, .btn-group-xs > .btn { padding: 5px 10px; font-size: 11px; }

.btn-w-sm { padding-left: 12px; padding-right: 12px; }

.btn-w-md { padding-left: 20px; padding-right: 20px; }

.btn-w-lg { padding-left: 27px; padding-right: 27px; }

.btn-w-xl { padding-left: 35px; padding-right: 35px; }

.btn-rounded { border-radius: 50px; }

.btn-float { -webkit-box-shadow: 0px 7px 20px 2px rgba(9, 4, 25, 0.2) ; -moz-box-shadow: 0px 7px 20px 2px rgba(9, 4, 25, 0.2) ; box-shadow: 0px 7px 20px 2px rgba(9, 4, 25, 0.2) ; }

/*----------------------------------------
  14. Modal
----------------------------------------*/
.modal .modal-dialog { transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }

.modal:not(.modal-right) .modal-dialog, .modal:not(.modal-left) .modal-dialog, .modal:not(.modal-fs) .modal-dialog { transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); }

.modal:not(.modal-right).show .modal-dialog, .modal:not(.modal-left).show .modal-dialog, .modal:not(.modal-fs).show .modal-dialog { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); }

.modal.modal-right { padding-right: 0px !important; }

.modal.modal-right .modal-dialog { transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); }

.modal.modal-right.show .modal-dialog { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); }

.modal.modal-left { padding-right: 0px !important; }

.modal.modal-left .modal-dialog { transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); }

.modal.modal-left.show .modal-dialog { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); }

.modal.modal-fs { padding-right: 0px !important; }

.modal.modal-fs .modal-dialog { transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); }

.modal.modal-fs.show .modal-dialog { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }

.modal-header { padding: 15px 20px; padding-bottom: 5px; border-bottom: 0px; }

.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 { margin-bottom: 0px; }

.modal-body { padding: 15px 20px; }

.modal-footer { padding: 15px 20px; border-top: 1px solid #e9eaec; text-align: left; }

.modal-footer .btn { margin-bottom: 0px; }

.modal-footer .btn + .btn { margin-left: 0px; }

.modal-content { position: relative; background-color: #ffffff; border: 0px; border-radius: 0px; outline: 0; -webkit-box-shadow: 0 16px 24px rgba(43, 47, 49, 0.25) ; -moz-box-shadow: 0 16px 24px rgba(43, 47, 49, 0.25) ; box-shadow: 0 16px 24px rgba(43, 47, 49, 0.25) ; }

.modal-right .modal-dialog, .modal-left .modal-dialog { width: 400px; height: 100%; margin: 0px auto 0px 0px; }

@media only screen and (max-width: 767px) { .modal-right .modal-dialog, .modal-left .modal-dialog { width: calc(100% - 50px); } }

.modal-right .modal-dialog .modal-content, .modal-left .modal-dialog .modal-content { height: 100%; border-radius: 0px; }

.modal-right .modal-dialog .modal-content .side-modal-wrapper, .modal-left .modal-dialog .modal-content .side-modal-wrapper { height: 100%; position: relative; }

.modal-right .modal-dialog .modal-content .modal-footer, .modal-left .modal-dialog .modal-content .modal-footer { position: absolute; bottom: 0px; width: 100%; }

.modal-right .modal-dialog { margin: 0px 0px 0px auto; }

.modal-backdrop { z-index: 1040; background-color: #515365; }

.modal-fs .modal-dialog { width: 100%; margin: 0px auto; height: 100%; max-width: none; }

.modal-fs .modal-dialog .modal-content { height: 100%; border-radius: 0px; background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0.95); }

.modal-fs .modal-close { position: absolute; top: 20px; right: 20px; padding: 7px 10px; border: 1px solid #9ea0b1; border-radius: 50px; color: #9ea0b1; }

.modal-fs .modal-close:hover, .modal-fs .modal-close:focus { color: #515365; text-decoration: none; border: 1px solid #515365; }

/*----------------------------------------
  15. List
----------------------------------------*/
.list { position: relative; }

.list li { padding-bottom: 10px; position: relative; }

.list.tick, .list.star, .list.dash, .list.bullet, .list.arrow { list-style: none; padding-left: 0px; }

.list.tick > li, .list.star > li, .list.dash > li, .list.bullet > li, .list.arrow > li { padding-left: 30px; }

.list.tick > li:before, .list.star > li:before, .list.dash > li:before, .list.bullet > li:before, .list.arrow > li:before { content: ""; font-family: 'themify'; position: absolute; left: 0; }

.list.tick > li:before { content: "\e64c"; }

.list.star > li:before { content: "\e60a"; }

.list.dash > li:before { content: "-"; }

.list.bullet > li:before { content: "\e724"; }

.list.arrow > li:before { content: "\e649"; font-size: 10px; top: 4px; }

.list.decimal { list-style-type: decimal; padding-left: 20px; }

.list.decimal li { padding-left: 10px; }

.list.upper-roman { list-style-type: upper-roman; padding-left: 20px; }

.list.upper-roman li { padding-left: 10px; }

.list.lower-alpha { list-style-type: lower-alpha; padding-left: 20px; }

.list.lower-alpha li { padding-left: 10px; }

.list.bullet-primary > li:before { color: #6569df; }

.list.bullet-info li:before { color: #04a1f4; }

.list.bullet-success li:before { color: #24d5d8; }

.list.bullet-warning li:before { color: #fecd2f; }

.list.bullet-danger li:before { color: #fd3259; }

.list.bullet-white li:before { color: #ffffff; }

.list.bullet-dark li:before { color: #515365; }

.list-group-item { border: 1px solid #e9eaec; }

.list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.list-group-item:last-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }

.list-group-item.active { background-color: #fafafa; color: #515365; border: 1px solid #e9eaec; }

.list-group-item.active:hover, .list-group-item.active:focus { background-color: #fafafa; border: 1px solid #e9eaec; }

.list-group-item.disabled { color: #9ea0b1; }

.list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #9ea0b1; background-color: transparent; border: 1px solid #e9eaec; }

.list-group-item-action { color: #515365; }

.list-group-item-action:hover, .list-group-item-action:focus { color: #515365; background-color: #fafafa; }

.list-media { margin-bottom: 0px; display: block; position: relative; padding-left: 0; list-style: none; }

.list-media > .list-item { display: block; }

.list-media > .list-item > a { display: block; position: relative; padding: 12px 0px; }

.list-media > .list-item > a:hover, .list-media > .list-item > a:focus { text-decoration: none; }

.list-media > .list-item.active { background-color: #fafafa; }

.list-media > .list-item .media-hover:hover, .list-media > .list-item .media-hover:focus { text-decoration: none; background-color: #fafafa; }

.list-media .media-img { position: relative; float: left; }

.list-media .media-img img, .list-media .media-img .icon-avatar { line-height: 40px; height: 40px; width: 40px; text-align: center; font-size: 17px; border-radius: 50px; color: #ffffff; }

.list-media .media-img .status { right: 0px; bottom: 0px; position: absolute; left: auto; top: auto; }

.list-media .media-img .status:before { content: ""; position: absolute; background-color: transparent; width: 15px; height: 14px; bottom: -5px; right: -6px; border-radius: 50px; border: 2px solid #ffffff; }

.list-media .info { padding-left: 55px; min-height: 40px; height: auto; position: relative; }

.list-media .info .title { display: block; color: #515365; line-height: 1.5; }

.list-media .info .title.pdd-top-5 { padding-top: 7px !important; }

.list-media .info .sub-title { display: block; font-size: 12.5px; color: #adadad; color: rgba(138, 138, 138, 0.7); max-width: 90%; }

.list-media .info .float-item { position: absolute; right: 0px; color: #8a8a8a; top: 50%; font-size: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.list-media .info.status { padding-left: 0px; min-height: auto; height: 10px; position: absolute; }

.list-inline > li { display: inline-block; margin-right: 10px; }

.list-media-horizon { display: inline-block; margin-bottom: 0; }

.list-media-horizon > li { float: left; margin-right: 0px; }

.list-media-horizon > li > img, .list-media-horizon > li > a img { width: 35px; height: 35px; border-radius: 100%; overflow: hidden; border: 2px solid #ffffff; display: block; }

.list-media-horizon > li.all-members { border-radius: 100%; }

.list-media-horizon > li.all-members > a { width: 35px; line-height: 35px; display: block; text-align: center; border-radius: 100%; background-color: #fafafa; color: #8a8a8a; }

.list-media-horizon > li.add-member > a { border: 2px dashed #e9eaec; width: 35px; line-height: 30px; display: block; text-align: center; border-radius: 100%; color: #ced0d4; margin-left: 5px; }

.list-link { margin-bottom: 0px; }

.list-link li { padding: 10px 0px; }

.list-link li a { color: #8a8a8a; }

.list-link li a:hover, .list-link li a:focus { color: #515365; text-decoration: none; }

.list-label { padding-left: 0px; line-height: 0; }

.list-label > li { height: 2px; width: 40px; background: #fafafa; border-radius: 50px; display: inline-block; margin-right: 5px; }

/*----------------------------------------
  16. Badge
----------------------------------------*/
.badge { padding: 5px 7px; font-size: 80%; font-weight: 500; line-height: 1; }

.badge-default { color: #515365; background-color: transparent; border: 1px solid #dbdde0; }

.badge-default[href]:focus, .badge-default[href]:hover { background-color: #f7f7f7; color: #515365; }

.badge-primary { background-color: #6569df; }

.badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #7a7ee3; }

.badge-success { background-color: #24d5d8; }

.badge-success[href]:focus, .badge-success[href]:hover { background-color: #38dbde; }

.badge-info { background-color: #04a1f4; }

.badge-info[href]:focus, .badge-info[href]:hover { background-color: #16acfb; }

.badge-warning { color: #ffffff; background-color: #fecd2f; }

.badge-warning[href]:focus, .badge-warning[href]:hover { color: #ffffff; background-color: #fed348; }

.badge-danger { background-color: #fd3259; }

.badge-danger[href]:focus, .badge-danger[href]:hover { background-color: #fd4b6d; }

.badge-gradient-primary { color: #ffffff; background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.badge-gradient-success { color: #ffffff; background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.badge-gradient-info { color: #ffffff; background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.badge-gradient-warning { color: #ffffff; background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.badge-gradient-danger { color: #ffffff; background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

.badge-xl { padding: 9px 15px; font-size: 100%; }

.badge-lg { padding: 8px 13px; font-size: 90%; }

.badge-sm { padding: 3px 5px; font-size: 75%; }

.status { width: 10px; height: 10px; background-color: #ffffff; border-radius: 50px; border: 3px solid; border-color: #c0c3c9; display: inline-block; }

.status.primary { border-color: #6569df; }

.status.info { border-color: #04a1f4; }

.status.online, .status.success { border-color: #24d5d8; }

.status.busy, .status.danger { border-color: #fd3259; }

.status.away, .status.warning { border-color: #fecd2f; }

.status.gradient { border: 0px; background: #fafafa; }

.status.gradient.primary { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.status.gradient.info { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.status.gradient.online, .status.gradient.success { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.status.gradient.away, .status.gradient.warning { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.status.gradient.busy, .status.gradient.danger { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

/*----------------------------------------
  17. Card
----------------------------------------*/
.card { position: relative; background-color: #ffffff; margin-bottom: 30px; border: 1px solid #e9eaec; border-radius: 0px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

.card.bg-primary, .card .bg-primary, .card.bg-success, .card .bg-success, .card.bg-info, .card .bg-info, .card.bg-warning, .card .bg-warning, .card.bg-danger, .card .bg-danger, .card.bg-gradient-primary, .card .bg-gradient-primary, .card.bg-gradient-success, .card .bg-gradient-success, .card.bg-gradient-info, .card .bg-gradient-info, .card.bg-gradient-warning, .card .bg-gradient-warning, .card.bg-gradient-danger, .card .bg-gradient-danger { color: #f7f7f7; }

.card.bg-primary h1, .card.bg-primary h2, .card.bg-primary h3, .card.bg-primary h4, .card.bg-primary h5, .card.bg-primary h6, .card .bg-primary h1, .card .bg-primary h2, .card .bg-primary h3, .card .bg-primary h4, .card .bg-primary h5, .card .bg-primary h6, .card.bg-success h1, .card.bg-success h2, .card.bg-success h3, .card.bg-success h4, .card.bg-success h5, .card.bg-success h6, .card .bg-success h1, .card .bg-success h2, .card .bg-success h3, .card .bg-success h4, .card .bg-success h5, .card .bg-success h6, .card.bg-info h1, .card.bg-info h2, .card.bg-info h3, .card.bg-info h4, .card.bg-info h5, .card.bg-info h6, .card .bg-info h1, .card .bg-info h2, .card .bg-info h3, .card .bg-info h4, .card .bg-info h5, .card .bg-info h6, .card.bg-warning h1, .card.bg-warning h2, .card.bg-warning h3, .card.bg-warning h4, .card.bg-warning h5, .card.bg-warning h6, .card .bg-warning h1, .card .bg-warning h2, .card .bg-warning h3, .card .bg-warning h4, .card .bg-warning h5, .card .bg-warning h6, .card.bg-danger h1, .card.bg-danger h2, .card.bg-danger h3, .card.bg-danger h4, .card.bg-danger h5, .card.bg-danger h6, .card .bg-danger h1, .card .bg-danger h2, .card .bg-danger h3, .card .bg-danger h4, .card .bg-danger h5, .card .bg-danger h6, .card.bg-gradient-primary h1, .card.bg-gradient-primary h2, .card.bg-gradient-primary h3, .card.bg-gradient-primary h4, .card.bg-gradient-primary h5, .card.bg-gradient-primary h6, .card .bg-gradient-primary h1, .card .bg-gradient-primary h2, .card .bg-gradient-primary h3, .card .bg-gradient-primary h4, .card .bg-gradient-primary h5, .card .bg-gradient-primary h6, .card.bg-gradient-success h1, .card.bg-gradient-success h2, .card.bg-gradient-success h3, .card.bg-gradient-success h4, .card.bg-gradient-success h5, .card.bg-gradient-success h6, .card .bg-gradient-success h1, .card .bg-gradient-success h2, .card .bg-gradient-success h3, .card .bg-gradient-success h4, .card .bg-gradient-success h5, .card .bg-gradient-success h6, .card.bg-gradient-info h1, .card.bg-gradient-info h2, .card.bg-gradient-info h3, .card.bg-gradient-info h4, .card.bg-gradient-info h5, .card.bg-gradient-info h6, .card .bg-gradient-info h1, .card .bg-gradient-info h2, .card .bg-gradient-info h3, .card .bg-gradient-info h4, .card .bg-gradient-info h5, .card .bg-gradient-info h6, .card.bg-gradient-warning h1, .card.bg-gradient-warning h2, .card.bg-gradient-warning h3, .card.bg-gradient-warning h4, .card.bg-gradient-warning h5, .card.bg-gradient-warning h6, .card .bg-gradient-warning h1, .card .bg-gradient-warning h2, .card .bg-gradient-warning h3, .card .bg-gradient-warning h4, .card .bg-gradient-warning h5, .card .bg-gradient-warning h6, .card.bg-gradient-danger h1, .card.bg-gradient-danger h2, .card.bg-gradient-danger h3, .card.bg-gradient-danger h4, .card.bg-gradient-danger h5, .card.bg-gradient-danger h6, .card .bg-gradient-danger h1, .card .bg-gradient-danger h2, .card .bg-gradient-danger h3, .card .bg-gradient-danger h4, .card .bg-gradient-danger h5, .card .bg-gradient-danger h6 { color: #ffffff; }

.card.bg-primary p, .card .bg-primary p, .card.bg-success p, .card .bg-success p, .card.bg-info p, .card .bg-info p, .card.bg-warning p, .card .bg-warning p, .card.bg-danger p, .card .bg-danger p, .card.bg-gradient-primary p, .card .bg-gradient-primary p, .card.bg-gradient-success p, .card .bg-gradient-success p, .card.bg-gradient-info p, .card .bg-gradient-info p, .card.bg-gradient-warning p, .card .bg-gradient-warning p, .card.bg-gradient-danger p, .card .bg-gradient-danger p { color: #f7f7f7; }

.card.bg-primary .card-header, .card .bg-primary .card-header, .card.bg-success .card-header, .card .bg-success .card-header, .card.bg-info .card-header, .card .bg-info .card-header, .card.bg-warning .card-header, .card .bg-warning .card-header, .card.bg-danger .card-header, .card .bg-danger .card-header, .card.bg-gradient-primary .card-header, .card .bg-gradient-primary .card-header, .card.bg-gradient-success .card-header, .card .bg-gradient-success .card-header, .card.bg-gradient-info .card-header, .card .bg-gradient-info .card-header, .card.bg-gradient-warning .card-header, .card .bg-gradient-warning .card-header, .card.bg-gradient-danger .card-header, .card .bg-gradient-danger .card-header { border-color: rgba(255, 255, 255, 0.3) !important; }

.card.bg-primary .card-footer, .card .bg-primary .card-footer, .card.bg-success .card-footer, .card .bg-success .card-footer, .card.bg-info .card-footer, .card .bg-info .card-footer, .card.bg-warning .card-footer, .card .bg-warning .card-footer, .card.bg-danger .card-footer, .card .bg-danger .card-footer, .card.bg-gradient-primary .card-footer, .card .bg-gradient-primary .card-footer, .card.bg-gradient-success .card-footer, .card .bg-gradient-success .card-footer, .card.bg-gradient-info .card-footer, .card .bg-gradient-info .card-footer, .card.bg-gradient-warning .card-footer, .card .bg-gradient-warning .card-footer, .card.bg-gradient-danger .card-footer, .card .bg-gradient-danger .card-footer { border-top: 1px solid rgba(255, 255, 255, 0.2); }

.card.card-shadow { -webkit-box-shadow: 0 7px 20px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 7px 20px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 7px 20px 2px rgba(0, 0, 0, 0.2); }

.card-header { padding: 15px 25px; position: relative; background-color: transparent; border-bottom: 0px; min-height: 55px; }

.card-header .card-title { margin-bottom: 0px; display: inline-block; }

.card-header p { padding-top: 8px; margin-bottom: 0px; }

.card-header:first-child { border-radius: 0px; }

.card-body { padding: 25px; position: relative; }

.card-footer { position: relative; padding: 10px 15px 10px 15px; min-height: 55px; border-top: 1px solid #e9eaec; background-color: transparent; }

.card-footer .btn { margin-bottom: 0px; }

.card-toolbar { float: right; }

.card-toolbar ul { list-style: none; padding-left: 0px; }

.card-toolbar ul > li { display: inline-block; }

.card-toolbar ul > li > a, .card-toolbar ul > li > .btn { margin-bottom: 0px; margin-right: 10px; display: block; }

.card-toolbar ul > li > .btn { padding: 7px 15px; font-size: 13px; }

.bg-overlay > .card-toolbar { position: absolute; right: 15px; top: 10px; }

.card-title { color: #515365; margin-top: 0px; margin-bottom: 15px; }

.card-img-top { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.card-refresh:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 4; background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0.7); }

.card-refresh:after { content: ""; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); border: 3px solid #e9eaec; border-top: 3px solid #24d5d8; border-radius: 50%; width: 40px; height: 40px; z-index: 5; -webkit-animation: spin 1.2s linear infinite; -moz-animation: spin 1.2s linear infinite; -ms-animation: spin 1.2s linear infinite; -o-animation: spin 1.2s linear infinite; animation: spin 1.2s linear infinite; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); }

.draggable-item { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; }

@-webkit-keyframes spin { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

@-moz-keyframes spin { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

@-ms-keyframes spin { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

@-o-keyframes spin { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

@keyframes spin { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

a.card { display: block; }

a.card:hover, a.card:focus { -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; }

.bg-overlay { position: relative; overflow: hidden; color: #f2f2f2; }

.bg-overlay h1, .bg-overlay h2, .bg-overlay h3, .bg-overlay h4, .bg-overlay h5, .bg-overlay h6 { color: #ffffff; }

.bg-overlay p { color: #f2f2f2; }

.bg-overlay:before { content: ""; position: absolute; background: #0f0f17; opacity: 0.5; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 2; }

.bg-overlay > div { z-index: 3; }

.bg-overlay .btn-default { color: #ffffff; }

.bg-overlay .btn-default:hover, .bg-overlay .btn-default:focus { color: #515365; }

.bg-overlay.primary:before { background: #6569df; opacity: 0.6; }

.bg-overlay.primary-gradient:before { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); opacity: 0.8; }

.bg-overlay.success-gradient:before { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); opacity: 0.8; }

.bg-overlay.info-gradient:before { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); opacity: 0.7; }

.bg-overlay.warning-gradient:before { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); opacity: 0.7; }

.bg-overlay.danger-gradient:before { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); opacity: 0.7; }

.card-collapse-btn { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; }

.card-collapse-btn.active { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }

/*----------------------------------------
  18. Page Title
----------------------------------------*/
.page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6, .page-title p, .page-title span { font-size: 20px; margin-top: 15px; margin-bottom: 25px; margin-top: 0px; }

/*----------------------------------------
  21. Breadcrumb
----------------------------------------*/
.breadcrumb { padding: 0px; margin-bottom: 0px; list-style: none; background-color: transparent; border-radius: 0px; font-size: 13px; display: inline-block; vertical-align: text-bottom; }

.breadcrumb a.breadcrumb-item { color: #8a8a8a; }

.breadcrumb a.breadcrumb-item:hover, .breadcrumb a.breadcrumb-item:focus { color: #515365; }

.breadcrumb.breadcrumb-dash .breadcrumb-item + .breadcrumb-item:before { content: "-"; }

.breadcrumb .breadcrumb-item.active { color: #515365; }

/*----------------------------------------
  22. Dropdown
----------------------------------------*/
.dropdown.dropdown-animated:not(.scale-left) .dropdown-menu, .dropdown.dropdown-animated:not(.scale-right) .dropdown-menu { opacity: 0; visibility: hidden; -webkit-transform: translateY(15px) !important; -moz-transform: translateY(15px) !important; -ms-transform: translateY(15px) !important; transform: translateY(15px) !important; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: block; margin: 0px; top: auto !important; }

.dropdown.dropdown-animated:not(.scale-left) .dropdown-menu.show, .dropdown.dropdown-animated:not(.scale-right) .dropdown-menu.show { opacity: 1; visibility: visible; -webkit-transform: translateY(0px) !important; -moz-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important; }

.dropdown.dropdown-animated.scale-left .dropdown-menu { -webkit-transform-origin: top right !important; -moz-transform-origin: top right !important; -ms-transform-origin: top right !important; transform-origin: top right !important; transform: scale(0, 0) !important; -webkit-transform: scale(0, 0) !important; -moz-transform: scale(0, 0) !important; -ms-transform: scale(0, 0) !important; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: block; margin: 0px; right: 0 !important; left: auto !important; top: auto !important; }

.dropdown.dropdown-animated.scale-left .dropdown-menu.show { transform: scale(1, 1) !important; -webkit-transform: scale(1, 1) !important; -moz-transform: scale(1, 1) !important; -ms-transform: scale(1, 1) !important; }

.dropdown.dropdown-animated.scale-right .dropdown-menu { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transform: scale(0, 0) !important; -webkit-transform: scale(0, 0) !important; -moz-transform: scale(0, 0) !important; -ms-transform: scale(0, 0) !important; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: block; margin: 0px; top: auto !important; }

.dropdown.dropdown-animated.scale-right .dropdown-menu.show { transform: scale(1, 1) !important; -webkit-transform: scale(1, 1) !important; -moz-transform: scale(1, 1) !important; -ms-transform: scale(1, 1) !important; }

.dropdown-menu { border: 0px; border-radius: 0px; font-size: 14px; min-width: 180px; color: #8a8a8a; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) ; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) ; top: 100%; }

.dropdown-menu.dropdown-md { min-width: 250px; }

.dropdown-menu.dropdown-lg { min-width: 360px; }

@media only screen and (max-width: 767px) { .dropdown-menu.dropdown-lg { min-width: 280px; } }

.dropdown-menu.dropdown-xl { min-width: 450px; }

@media only screen and (max-width: 767px) { .dropdown-menu.dropdown-xl { min-width: 280px; } }

.dropdown-menu > li.divider { border-bottom: 1px solid #e9eaec; height: 1px; overflow: hidden; }

.dropdown-menu > li > a { line-height: 1.5; min-height: auto; padding: 10px 15px; display: block; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; color: #8a8a8a; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #515365; text-decoration: none; background-color: #f7f7f8; }

.dropdown-menu.dropdown-grid { display: flex !important; flex-wrap: wrap; padding: 10px; }

.dropdown-menu.dropdown-grid > li { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; }

.dropdown-menu.dropdown-grid > li > a { padding: 10px; border: 1px solid #e9eaec; margin: 7px; border-radius: 4px; }

.dropdown-menu.dropdown-grid.col-2 > li { flex-basis: 50%; }

.dropdown-menu.dropdown-grid.col-3 > li { flex-basis: 33.333333%; }

@media only screen and (max-width: 767px) { .dropdown-menu.dropdown-grid.col-3 > li { flex-basis: 50%; } }

.dropdown-menu.dropdown-grid.col-4 > li { flex-basis: 25%; }

@media only screen and (max-width: 767px) { .dropdown-menu.dropdown-grid.col-4 > li { flex-basis: 50%; } }

.dropdown-item { line-height: 1.5; min-height: auto; padding: 10px 20px; display: block; transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; color: #8a8a8a; }

.dropdown-item:hover, .dropdown-item:focus { color: #515365; text-decoration: none; background-color: #f7f7f8; }

.dropdown-item.disabled { opacity: 0.3; cursor: not-allowed; }

.dropdown-item.disabled:hover, .dropdown-item.disabled:focus { background-color: transparent; }

.dropdown-item.active { background-color: #f7f7f8; color: #515365; }

.dropdown-toggle:after { text-align: center; display: inline; border: 0; font-family: Material Design Icons; content: "\F140"; line-height: 0; vertical-align: middle; position: relative; }

.dropdown-header { padding: 10px 20px; font-weight: 500; color: #717171; font-size: 15px; }

.dropdown, .dropup { display: inline-block; }

/*----------------------------------------
  23. Tabs
----------------------------------------*/
.nav-tabs { border-bottom: 1px solid #e9eaec; }

.nav-tabs > li { margin-bottom: -2px; }

.nav-tabs > li > a { margin-right: 0px; line-height: 2.5; border-radius: 0; color: #515365; opacity: 0.75; border: 0px; border-bottom: 2px solid transparent; display: block; padding: 10px 15px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

.nav-tabs > li > a:hover { border-color: transparent; }

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: transparent; opacity: 1; }

.nav-tabs > li > a.active { border: 0px; background-color: transparent; border-bottom: 2px solid #6569df; opacity: 1; }

.nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus { border: 0px; background-color: transparent; border-bottom: 2px solid #6569df; opacity: 1; }

.nav-tabs > li > a.active.nav-link { border-bottom: 2px solid #6569df; color: #515365; background-color: transparent; }

.nav-tabs .nav-link { border-top: 0px; border-right: 0px; border-left: 0px; }

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:active { border-color: transparent; }

.tab-success .nav-tabs > li > a.active { border-bottom: 2px solid #24d5d8; }

.tab-success .nav-tabs > li > a.active:hover, .tab-success .nav-tabs > li > a.active:focus { border-bottom: 2px solid #24d5d8; }

.tab-info .nav-tabs > li > a.active { border-bottom: 2px solid #04a1f4; }

.tab-info .nav-tabs > li > a.active:hover, .tab-info .nav-tabs > li > a.active:focus { border-bottom: 2px solid #04a1f4; }

.tab-warning .nav-tabs > li > a.active { border-bottom: 2px solid #fecd2f; }

.tab-warning .nav-tabs > li > a.active:hover, .tab-warning .nav-tabs > li > a.active:focus { border-bottom: 2px solid #fecd2f; }

.tab-danger .nav-tabs > li > a.active { border-bottom: 2px solid #fd3259; }

.tab-danger .nav-tabs > li > a.active:hover, .tab-danger .nav-tabs > li > a.active:focus { border-bottom: 2px solid #fd3259; }

.center-tabs .nav-tabs { text-align: center; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.center-tabs .nav-tabs > li { float: none; display: inline-block; }

.justified-tabs .nav-tabs { width: 100%; }

.justified-tabs .nav-tabs > li { display: table-cell; width: 1%; text-align: center; float: none; }

.nav-pills > li + li { margin-left: 5px; }

.nav-pills > li > a { border-radius: 3px; opacity: 0.75; font-size: 14px; font-weight: 500; background-color: transparent; color: #515365; border: 1px solid transparent; padding: 5px 15px; }

.nav-pills > li > a:hover, .nav-pills > li > a:focus { background-color: transparent; opacity: 1; }

.nav-pills > li > a.active { color: #ffffff; border-color: #6569df; background-color: #6569df; border: 1px solid #6569df; opacity: 1; }

.nav-pills > li > a.active:hover, .nav-pills > li > a.active:focus { color: #ffffff; border-color: #6569df; background-color: #6569df; border: 1px solid #6569df; opacity: 1; }

.nav-pills > li > a.active.nav-link { color: #ffffff; background-color: #6569df; border-color: #6569df; }

.nav-vertical .nav-pills { float: left; width: 160px; padding: 0px 15px; display: block; }

.nav-vertical .nav-pills > li { margin-bottom: 15px; }

.nav-vertical .nav-pills > li + li { margin-left: 0px; }

.nav-vertical .tab-content { float: left; width: 70%; }

.pill-success .nav-pills > li > a.active { border-color: #24d5d8; background-color: #24d5d8; border: 1px solid #24d5d8; }

.pill-success .nav-pills > li > a.active:hover, .pill-success .nav-pills > li > a.active:focus { border-color: #24d5d8; background-color: #24d5d8; border: 1px solid #24d5d8; }

.pill-success .nav-pills > li > a.active.nav-link { color: #ffffff; border-color: #24d5d8; }

.pill-info .nav-pills > li > a.active { border-color: #04a1f4; background-color: #04a1f4; border: 1px solid #04a1f4; }

.pill-info .nav-pills > li > a.active:hover, .pill-info .nav-pills > li > a.active:focus { border-color: #04a1f4; background-color: #04a1f4; border: 1px solid #04a1f4; }

.pill-info .nav-pills > li > a.active.nav-link { color: #ffffff; border-color: #04a1f4; }

.pill-warning .nav-pills > li > a.active { border-color: #fecd2f; background-color: #fecd2f; border: 1px solid #fecd2f; }

.pill-warning .nav-pills > li > a.active:hover, .pill-warning .nav-pills > li > a.active:focus { border-color: #fecd2f; background-color: #fecd2f; border: 1px solid #fecd2f; }

.pill-warning .nav-pills > li > a.active.nav-link { color: #ffffff; border-color: #fecd2f; }

.pill-danger .nav-pills > li > a.active { border-color: #fd3259; background-color: #fd3259; border: 1px solid #fd3259; }

.pill-danger .nav-pills > li > a.active:hover, .pill-danger .nav-pills > li > a.active:focus { border-color: #fd3259; background-color: #fd3259; border: 1px solid #fd3259; }

.pill-danger .nav-pills > li > a.active.nav-link { color: #ffffff; border-color: #fd3259; }

/*----------------------------------------
  24. Accordion
----------------------------------------*/
.accordion > .card { margin-bottom: 15px; }

.accordion > .card > .card-header { padding: 0px; }

.accordion > .card > .card-header > .card-title > a { padding: 15px 25px; display: block; color: #515365; }

.accordion > .card > .card-header > .card-title > a:not(.collapsed):after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }

.accordion > .card > .card-header > .card-title > a:after { content: "\F142"; font-family: "Material Design Icons"; float: left; margin-right: 10px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

.accordion > .card .card-body { padding-top: 5px; }

.accordion.nested > .card { margin-bottom: 0px; border-bottom: 0px; }

.accordion.nested > .card:last-child { border-bottom: 1px solid #e9eaec; }

.accordion.borderless > .card { margin-bottom: 0px; border-top: 0px; border-left: 0px; border-right: 0px; }

.accordion.borderless > .card:last-child { border-bottom: 0px; }

/*----------------------------------------
  25. Noticfication
----------------------------------------*/
/*----------------------------------------
  26. Progress bar
----------------------------------------*/
.progress { height: 6px; background-color: #ececec; border-radius: 50px; margin-bottom: 20px; }

.progress.progress-sm { height: 4px; }

.progress.progress-lg { height: 12px; border-radius: 4px; }

.progress.progress-lg .progress-bar:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.progress.progress-xl { height: 20px; border-radius: 4px; }

.progress.progress-xl .progress-bar:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.progress-bar { background-color: #24d5d8; }

.progress-bar:last-child { border-top-right-radius: 50px; border-bottom-right-radius: 50px; }

/*----------------------------------------
  27. Popovers
----------------------------------------*/
.popover { border-radius: 0px; border: 1px solid #e9eaec; -webkit-box-shadow: 0 9px 12px rgba(0, 0, 0, 0.075) ; -moz-box-shadow: 0 9px 12px rgba(0, 0, 0, 0.075) ; box-shadow: 0 9px 12px rgba(0, 0, 0, 0.075) ; }

.popover-header { background-color: #fafafa; color: #515365; border-bottom: 1px solid #e9eaec; border-top-left-radius: 0px; border-top-right-radius: 0px; }

.popover-body { padding: 10px 15px; color: #515365; }

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { border-right-color: #e9eaec; }

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { border-top-color: #e9eaec; }

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { border-left-color: #e9eaec; }

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #e9eaec; }

/*----------------------------------------
  28. Tooltips
----------------------------------------*/
.tooltip-inner { background-color: #212224; border-radius: 0px; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #212224; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: #212224; }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #212224; }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: #212224; }

/*----------------------------------------
  18. Page Title
----------------------------------------*/
.page-link { border: 1px solid transparent; border-radius: 5px; padding: 0.4rem 0.7rem; margin: 0px 2.5px; color: #8a8a8a; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

.page-link:hover { color: #24d5d8; text-decoration: none; background-color: transparent; border-color: transparent; }

.page-link:focus { box-shadow: none; }

.page-item.disabled .page-link { color: #cacaca; border-color: transparent; }

.page-item.active .page-link { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); border-color: transparent; }

.pagination.pagination-primary .page-item.active .page-link { background: #6569df; border-color: transparent; }

.pagination.pagination-primary .page-item.active .page-link:hover { color: #ffffff; }

.pagination.pagination-primary .page-item .page-link:hover { color: #6569df; }

.pagination.pagination-success .page-item.active .page-link { background: #24d5d8; border-color: transparent; }

.pagination.pagination-success .page-item.active .page-link:hover { color: #ffffff; }

.pagination.pagination-success .page-item .page-link:hover { color: #24d5d8; }

.pagination.pagination-info .page-item.active .page-link { background: #04a1f4; border-color: transparent; }

.pagination.pagination-info .page-item.active .page-link:hover { color: #ffffff; }

.pagination.pagination-info .page-item .page-link:hover { color: #04a1f4; }

.pagination.pagination-warning .page-item.active .page-link { background: #fecd2f; border-color: transparent; }

.pagination.pagination-warning .page-item.active .page-link:hover { color: #ffffff; }

.pagination.pagination-warning .page-item .page-link:hover { color: #fecd2f; }

.pagination.pagination-danger .page-item.active .page-link { background: #fd3259; border-color: transparent; }

.pagination.pagination-danger .page-item.active .page-link:hover { color: #ffffff; }

.pagination.pagination-danger .page-item .page-link:hover { color: #fd3259; }

.pagination.pagination-gradient-primary .page-item.active .page-link { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); border-color: transparent; }

.pagination.pagination-gradient-primary .page-item.active .page-link:hover { color: #ffffff; }

.pagination.pagination-gradient-primary .page-item .page-link:hover { color: #6569df; }

.pagination.pagination-gradient-success .page-item.active .page-link { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); border-color: transparent; }

.pagination.pagination-gradient-success .page-item.active .page-link:hover { color: #ffffff; }

.pagination.pagination-gradient-success .page-item .page-link:hover { color: #24d5d8; }

.pagination.pagination-gradient-info .page-item.active .page-link { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); border-color: transparent; }

.pagination.pagination-gradient-info .page-item.active .page-link:hover { color: #ffffff; }

.pagination.pagination-gradient-info .page-item .page-link:hover { color: #04a1f4; }

.pagination.pagination-gradient-warning .page-item.active .page-link { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); border-color: transparent; }

.pagination.pagination-gradient-warning .page-item.active .page-link:hover { color: #ffffff; }

.pagination.pagination-gradient-warning .page-item .page-link:hover { color: #fecd2f; }

.pagination.pagination-gradient-danger .page-item.active .page-link { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); border-color: transparent; }

.pagination.pagination-gradient-danger .page-item.active .page-link:hover { color: #ffffff; }

.pagination.pagination-gradient-danger .page-item .page-link:hover { color: #fd3259; }

/*----------------------------------------
  30. Tables
----------------------------------------*/
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { line-height: 1.8; border-color: #e9eaec; }

.table-sm > tbody > tr > td, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > td, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > thead > tr > th { padding: 7.5px; }

.table-lg > tbody > tr > td, .table-lg > tbody > tr > th, .table-lg > tfoot > tr > td, .table-lg > tfoot > tr > th, .table-lg > thead > tr > td, .table-lg > thead > tr > th { padding: 15px; }

.table-xl > tbody > tr > td, .table-xl > tbody > tr > th, .table-xl > tfoot > tr > td, .table-xl > tfoot > tr > th, .table-xl > thead > tr > td, .table-xl > thead > tr > th { padding: 20px; }

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fbfbfb; }

.table-hover > tbody > tr:hover { background-color: #fafafa; }

.table-bordered { border: 1px solid #e9eaec; }

.table > thead > tr > th { color: #717171; border-bottom: 1px solid #e9eaec; }

.table .thead-dark th { background-color: #515365; border-color: #515365; }

.table .thead-light th { background-color: #fafafa; border-color: #e9eaec; color: #717171; }

.table th, .table td { vertical-align: middle; }

.table tr.selected { background-color: #fafafa; }

@media only screen and (max-width: 992px) { .table-overflow { width: 100%; overflow-x: auto; } }

/*----------------------------------------
  31. Maps
----------------------------------------*/
.jvectormap-zoomin, .jvectormap-zoomout { width: 25px; height: 25px; line-height: 1.5; color: #8a8a8a; background: #ffffff; border: 1px solid #e9eaec; border-radius: 5px; }

.jvectormap-zoomin:hover, .jvectormap-zoomout:hover { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); color: #ffffff; }

.jvectormap-zoomout { top: 50px; }

.map-100 { height: 100px; }

.map-100 .jvectormap-container { min-height: 100px; }

@media only screen and (max-width: 767px) { .map-100 .jvectormap-container { min-height: 100px; } }

.map-200 { height: 200px; }

.map-200 .jvectormap-container { min-height: 200px; }

@media only screen and (max-width: 767px) { .map-200 .jvectormap-container { min-height: 200px; } }

.map-300 { height: 300px; }

.map-300 .jvectormap-container { min-height: 300px; }

@media only screen and (max-width: 767px) { .map-300 .jvectormap-container { min-height: 250px; } }

.map-400 { height: 400px; }

.map-400 .jvectormap-container { min-height: 400px; }

@media only screen and (max-width: 767px) { .map-400 .jvectormap-container { min-height: 250px; } }

.map-500 { height: 500px; }

.map-500 .jvectormap-container { min-height: 500px; }

@media only screen and (max-width: 767px) { .map-500 .jvectormap-container { min-height: 250px; } }

.map-600 { height: 600px; }

.map-600 .jvectormap-container { min-height: 600px; }

@media only screen and (max-width: 767px) { .map-600 .jvectormap-container { min-height: 250px; } }

.map-700 { height: 700px; }

.map-700 .jvectormap-container { min-height: 700px; }

@media only screen and (max-width: 767px) { .map-700 .jvectormap-container { min-height: 250px; } }

.map-800 { height: 800px; }

.map-800 .jvectormap-container { min-height: 800px; }

@media only screen and (max-width: 767px) { .map-800 .jvectormap-container { min-height: 250px; } }

.map-900 { height: 900px; }

.map-900 .jvectormap-container { min-height: 900px; }

@media only screen and (max-width: 767px) { .map-900 .jvectormap-container { min-height: 250px; } }

.map-1000 { height: 1000px; }

.map-1000 .jvectormap-container { min-height: 1000px; }

@media only screen and (max-width: 767px) { .map-1000 .jvectormap-container { min-height: 250px; } }

.jvectormap-container { padding: 20px 0px; }

/*---------------------------------
------------- forms ---------------
---------------------------------*/
/*----------------------------------------
  32. Input
----------------------------------------*/
.form-group { margin-bottom: 25px; }

.form-group label.control-label { display: inline-block; margin-bottom: .5rem; font-size: 13px; font-weight: 500; text-transform: uppercase; }

.form-group label.col-form-label { margin-bottom: 0; line-height: 1.5; padding-top: calc(.75rem + 1px); padding-bottom: calc(.75rem + 1px); }

.form-control { border: 1px solid #e4e5e7; border-radius: 5px; box-shadow: none; line-height: 2.2; font-size: 14px; color: #8a8a8a; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; }

.form-control::-webkit-input-placeholder { color: #bdbdbd; }

.form-control:-moz-placeholder { color: #bdbdbd; }

.form-control::-moz-placeholder { color: #bdbdbd; }

.form-control:-ms-input-placeholder { color: #bdbdbd; }

.form-control:focus { outline: 0 none; -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.075) ; -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.075) ; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.075) ; border-color: #24d5d8; }

.form-control.error { border-color: #fd3259; }

.form-control:disabled, .form-control[readonly] { background-color: #f4f4f5; }

.form-control:disabled:focus, .form-control[readonly]:focus { border-color: #e9eaec; }

.form-control:disabled { cursor: not-allowed; }

.form-control-plaintext { padding-top: 0.375rem; padding-bottom: 0.375rem; line-height: 2.2; }

.form-text { margin-top: 5px; color: #979797; }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.15rem 0.75rem; }

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.7rem 0.75rem; }

.icon-input { position: relative; }

.icon-input > .form-control { padding-left: 50px; padding-right: 50px; }

.icon-input > i { position: absolute; top: 0px; left: 15px; font-size: 20px; padding-top: 10px; line-height: 1; color: #bdbdbd; }

.input-group > .input-group-prepend > .btn, .input-group > .input-group-append > .btn { margin: 0px; }

.input-group > .input-group-prepend.dropdown, .input-group > .input-group-append.dropdown { display: flex; }

.input-group-text { background-color: #f4f4f5; border: 1px solid #e4e5e7; color: #a4a4a4; }

.input-group-text .checkbox { padding: 0px; }

.input-group-text .checkbox input[type=checkbox] + label:before { margin-right: 0px; }

.input-group-text .radio { padding: 0px; }

.input-group-text .radio input[type=radio] + label:before { margin-right: 0px; }

.textarea-md { min-height: 100px; }

.textarea-md { min-height: 150px; }

.textarea-lg { min-height: 250px; }

/*----------------------------------------
  33. Controls
----------------------------------------*/
.checkbox { padding: 10px 0; min-height: auto; position: relative; }

.checkbox input[type=checkbox] { margin: 0; display: none; width: 22px; }

.checkbox input[type=checkbox] + label { padding-left: 0px; }

.checkbox input[type=checkbox] + label:before { content: "\F12C"; width: 22px; height: 22px; display: inline-block; margin-right: 10px; border: 2px solid #e9eaec; border-radius: 3px; font-size: 15px; font-family: 'Material Design Icons'; font-weight: 400; line-height: 19px; vertical-align: bottom; text-align: center; background: #ffffff; color: transparent; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }

.checkbox input[type=checkbox]:checked + label:before { background: #24d5d8; border-color: #24d5d8; color: #ffffff; }

.checkbox input[type=checkbox]:disabled + label, .checkbox input[type=checkbox].disabled + label { opacity: 0.5; }

.checkbox input[type=checkbox]:disabled + label:before, .checkbox input[type=checkbox].disabled + label:before { cursor: not-allowed; }

.checkbox input[type=checkbox].error + label:before { border-color: #ffd0d9; }

.checkbox.to-do input[type=checkbox]:checked + label { text-decoration: line-through; }

.checkbox.checkbox-primary input[type=checkbox]:checked + label:before { background: #6569df; border-color: #6569df; color: #ffffff; }

.checkbox.checkbox-info input[type=checkbox]:checked + label:before { background: #04a1f4; border-color: #04a1f4; color: #ffffff; }

.checkbox.checkbox-warning input[type=checkbox]:checked + label:before { background: #fecd2f; border-color: #fecd2f; color: #ffffff; }

.checkbox.checkbox-danger input[type=checkbox]:checked + label:before { background: #fd3259; border-color: #fd3259; color: #ffffff; }

.radio { padding: 10px 0; min-height: auto; position: relative; }

.radio input[type=radio] { margin: 0; display: none; width: 22px; }

.radio input[type=radio] + label { padding-left: 0; }

.radio input[type=radio] + label:before { content: "\F12F"; width: 22px; height: 22px; display: inline-block; margin-right: 10px; border: 2px solid #e9eaec; border-radius: 50%; font-size: 11px; font-family: 'Material Design Icons'; font-weight: 400; line-height: 18px; vertical-align: bottom; text-align: center; background-color: #ffffff; color: transparent; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }

.radio input[type=radio]:checked + label:before { color: #24d5d8; border-color: #24d5d8; }

.radio input[type=radio]:disabled + label, .radio input[type=radio].disabled + label { opacity: 0.5; }

.radio input[type=radio]:disabled + label:before, .radio input[type=radio].disabled + label:before { cursor: not-allowed; }

.radio.radio-primary input[type=radio]:checked + label:before { color: #6569df; border-color: #6569df; }

.radio.radio-info input[type=radio]:checked + label:before { color: #04a1f4; border-color: #04a1f4; }

.radio.radio-warning input[type=radio]:checked + label:before { color: #fecd2f; border-color: #fecd2f; }

.radio.radio-danger input[type=radio]:checked + label:before { color: #fd3259; border-color: #fd3259; }

.radio label, .checkbox label { cursor: pointer; }

.switch input[type=checkbox] { opacity: 0; position: absolute; }

.switch input[type=checkbox] + label { position: relative; display: inline-block; transition: 0.4s ease; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; -ms-transition: 0.4s ease; height: 20px; width: 35px; border: 1px solid #e9eaec; border-radius: 60px; cursor: pointer; }

.switch input[type=checkbox] + label:before { content: ""; position: absolute; display: block; transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -ms-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); height: 20px; width: 35px; top: 0; left: 0; border-radius: 30px; }

.switch input[type=checkbox] + label:after { content: ""; position: absolute; display: block; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05); transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -ms-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); background: #f7f7f7; height: 19px; width: 19px; top: 0px; left: 0px; border-radius: 60px; }

.switch input[type=checkbox]:checked + label:before { background: #24d5d8; transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); -ms-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); }

.switch input[type=checkbox]:checked + label:after { left: 16px; }

.switch input[type=checkbox]:disabled + label { opacity: 0.7; cursor: not-allowed; }

.switch.switch-primary input[type=checkbox]:checked + label:before { background: #6569df; }

.switch.switch-info input[type=checkbox]:checked + label:before { background: #04a1f4; }

.switch.switch-warning input[type=checkbox]:checked + label:before { background: #fecd2f; }

.switch.switch-danger input[type=checkbox]:checked + label:before { background: #fd3259; }

/*----------------------------------------
  34. Validation
----------------------------------------*/
label.error { color: #fd3259; font-size: 13px; margin-top: 7.5px; }

label.error-msg { display: none; }

/*----------------------------------------
  35. Wizard
----------------------------------------*/
.wizard { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: baseline; align-items: baseline; margin-bottom: 1rem; }

.wizard .nav-item { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 1 0%; padding: 0 12px; -webkit-box-align: center; align-items: center; }

.wizard .nav-item > .nav-link { display: -webkit-inline-box; display: inline-flex; margin: 10px 0; padding: 0px; width: 20px; height: 20px; z-index: 1; }

.wizard .nav-item > .nav-link:after { content: ""; position: absolute; width: 20px; height: 20px; background: #e9eaec; border-radius: 50px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; }

.wizard .nav-item > .nav-link:before { content: ''; position: absolute; left: calc(-50% + 10px); right: calc(50% + 9.5px); height: 3px; margin-top: 10px; background: #e9eaec; cursor: default; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; }

.wizard .nav-item > .nav-link.active:after { background: #ffffff; border: 3px solid #24d5d8; }

.wizard .nav-item > .nav-link.active:before { background: #24d5d8; }

.wizard .nav-item > .nav-link.completed:after { background: #24d5d8; }

.wizard .nav-item > .nav-link.completed:before { background: #24d5d8; }

.wizard .nav-item .nav-title { margin-top: 10px; font-size: 18px; font-weight: 300; }

.wizard .nav-item:first-child a:before { content: none; }

.wizard.wizard-primary .nav-item > .nav-link.active:after { border: 3px solid #6569df; }

.wizard.wizard-primary .nav-item > .nav-link.active:before { background: #6569df; }

.wizard.wizard-primary .nav-item > .nav-link.completed:after { background: #6569df; }

.wizard.wizard-primary .nav-item > .nav-link.completed:before { background: #6569df; }

.wizard.wizard-info .nav-item > .nav-link.active:after { border: 3px solid #04a1f4; }

.wizard.wizard-info .nav-item > .nav-link.active:before { background: #04a1f4; }

.wizard.wizard-info .nav-item > .nav-link.completed:after { background: #04a1f4; }

.wizard.wizard-info .nav-item > .nav-link.completed:before { background: #04a1f4; }

.wizard.wizard-warning .nav-item > .nav-link.active:after { border: 3px solid #fecd2f; }

.wizard.wizard-warning .nav-item > .nav-link.active:before { background: #fecd2f; }

.wizard.wizard-warning .nav-item > .nav-link.completed:after { background: #fecd2f; }

.wizard.wizard-warning .nav-item > .nav-link.completed:before { background: #fecd2f; }

.wizard.wizard-danger .nav-item > .nav-link.active:after { border: 3px solid #fd3259; }

.wizard.wizard-danger .nav-item > .nav-link.active:before { background: #fd3259; }

.wizard.wizard-danger .nav-item > .nav-link.completed:after { background: #fd3259; }

.wizard.wizard-danger .nav-item > .nav-link.completed:before { background: #fd3259; }

.wizard.wizard-gradient-primary .nav-item > .nav-link.active:after { background: #ffffff; border: 3px solid #7a38e0; }

.wizard.wizard-gradient-primary .nav-item > .nav-link.active:before { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.wizard.wizard-gradient-primary .nav-item > .nav-link.completed:after { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.wizard.wizard-gradient-primary .nav-item > .nav-link.completed:before { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.wizard.wizard-gradient-primary .nav-item > .nav-link.active:after { background: #ffffff; border: 3px solid #7a38e0; }

.wizard.wizard-gradient-primary .nav-item > .nav-link.active:before { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.wizard.wizard-gradient-primary .nav-item > .nav-link.completed:after { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.wizard.wizard-gradient-primary .nav-item > .nav-link.completed:before { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.wizard.wizard-gradient-success .nav-item > .nav-link.active:after { background: #ffffff; border: 3px solid #1de4bd; }

.wizard.wizard-gradient-success .nav-item > .nav-link.active:before { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.wizard.wizard-gradient-success .nav-item > .nav-link.completed:after { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.wizard.wizard-gradient-success .nav-item > .nav-link.completed:before { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.wizard.wizard-gradient-info .nav-item > .nav-link.active:after { background: #ffffff; border: 3px solid #05bdd7; }

.wizard.wizard-gradient-info .nav-item > .nav-link.active:before { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.wizard.wizard-gradient-info .nav-item > .nav-link.completed:after { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.wizard.wizard-gradient-info .nav-item > .nav-link.completed:before { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.wizard.wizard-gradient-warning .nav-item > .nav-link.active:after { background: #ffffff; border: 3px solid #fda085; }

.wizard.wizard-gradient-warning .nav-item > .nav-link.active:before { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.wizard.wizard-gradient-warning .nav-item > .nav-link.completed:after { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.wizard.wizard-gradient-warning .nav-item > .nav-link.completed:before { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.wizard.wizard-gradient-danger .nav-item > .nav-link.active:after { background: #ffffff; border: 3px solid #f37138; }

.wizard.wizard-gradient-danger .nav-item > .nav-link.active:before { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

.wizard.wizard-gradient-danger .nav-item > .nav-link.completed:after { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

.wizard.wizard-gradient-danger .nav-item > .nav-link.completed:before { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

/*---------------------------------
-------------- apps ---------------
---------------------------------*/
.email-wrapper { margin-top: 0px; padding: 0px; margin: 0px; overflow: auto; min-height: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; border: 1px solid #e9eaec; }

@media only screen and (max-width: 992px) { .email-wrapper { position: absolute; left: 0px; width: 100%; } }

.email-wrapper .email-list { position: relative; padding: 0px; width: 100%; overflow-y: hidden; background-color: #ffffff; }

@media only screen and (min-width: 992px) { .email-wrapper .email-list { width: 25%; border-right: 1px solid #e9eaec; float: left; } }

@media only screen and (min-width: 992px) and (max-width: 1440px) { .email-wrapper .email-list { width: 35%; } }

.email-wrapper .email-list .email-list-tools { padding: 5px 15px; border-bottom: 1px solid #e9eaec; text-align: right; display: block; }

.email-wrapper .email-list .email-list-tools .tools { list-style: none; padding: 0; }

.email-wrapper .email-list .email-list-tools .tools > li { display: inline-block; padding: 3px 5px; }

.email-wrapper .email-list .email-list-tools .tools > li > a { font-size: 16px; color: #8a8a8a; display: block; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }

.email-wrapper .email-list .email-list-tools .tools > li > a:hover, .email-wrapper .email-list .email-list-tools .tools > li > a:focus { color: #24d5d8; }

.email-wrapper .email-list .email-list-wrapper { position: relative; overflow-y: auto; }

@media only screen and (min-width: 992px) { .email-wrapper .email-list .email-list-wrapper { height: calc(100vh - 65px - 115px - 41px); } }

.email-wrapper .email-list .email-list-wrapper .email-list-item { padding-left: 0px; list-style: none; }

.email-wrapper .email-list .email-list-wrapper .email-list-item .email-item { position: relative; display: table; width: 100%; padding: 15px; border-bottom: 1px solid #e9eaec; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

.email-wrapper .email-list .email-list-wrapper .email-list-item .email-item:hover, .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item:focus { background-color: #fafafa; }

@media only screen and (min-width: 992px) { .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item.active { background-color: #fafafa; } }

.email-wrapper .email-list .email-list-wrapper .email-list-item .email-item a { color: #8a8a8a; }

.email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-avatar { position: absolute; top: 20px; }

.email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-avatar img { width: 30px; height: 30px; border-radius: 50px; }

.email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail { vertical-align: top; display: table-cell; width: 100%; padding-left: 45px; }

.email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail p { margin-bottom: 0px; }

.email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail .from { font-size: 16px; color: #515365; }

.email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail .subject { color: #515365; font-weight: 500; margin-bottom: 5px; }

.email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail .datetime { position: absolute; top: 20px; right: 15px; font-size: 11px; }

.email-wrapper .email-content { float: left; width: 75%; position: relative; padding: 0px; background-color: #ffffff; height: calc(100vh - 65px - 115px); overflow: auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

.email-wrapper .email-content.no-inbox-view { width: 100%; }

@media only screen and (min-width: 992px) and (max-width: 1440px) { .email-wrapper .email-content { width: 65%; } }

@media only screen and (max-width: 992px) { .email-wrapper .email-content { position: fixed; width: 100%; height: calc(100vh - 65px); top: calc(65px + 20px); left: -100%; }
  .email-wrapper .email-content.open { left: 0px; } }

.email-wrapper .email-content .email-content-tools { padding: 10px 15px; border-bottom: 1px solid #e9eaec; }

@media only screen and (min-width: 992px) { .email-wrapper .email-content .email-content-tools { display: none; } }

.email-wrapper .email-content .email-content-tools ul { list-style: none; padding: 0; display: inline-block; }

.email-wrapper .email-content .email-content-tools ul li { display: inline-block; }

.email-wrapper .email-content .email-content-tools ul li a { font-size: 16px; padding: 0px 10px; color: #8a8a8a; }

.email-wrapper .email-content .email-content-tools ul li a:hover, .email-wrapper .email-content .email-content-tools ul li a:focus { color: #24d5d8; }

.email-wrapper .email-content .email-content-detail { position: relative; padding: 30px; max-height: calc(100vh - 65px); }

@media only screen and (max-width: 992px) { .email-wrapper .email-content .email-content-detail { padding: 15px; } }

.email-wrapper .email-content .email-content-detail .detail-head { position: relative; }

.email-wrapper .email-content .email-content-detail .detail-head .thumb-img { width: 50px; height: 50px; }

.email-wrapper .email-content .email-content-detail .detail-head .info { height: 50px; padding-left: 65px; }

.email-wrapper .email-content .email-content-detail .detail-head .info .title { padding-top: 5px; }

.email-wrapper .email-content .email-content-detail .detail-head .info .sub-title { max-width: 100%; }

.email-wrapper .email-content .email-content-detail .detail-head .tools { padding: 0px; list-style: none; float: right; margin-top: 15px; }

.email-wrapper .email-content .email-content-detail .detail-head .tools > li { display: inline-block; padding: 10px; }

.email-wrapper .email-content .email-content-detail .detail-head .tools > li a { color: #8a8a8a; }

.email-wrapper .email-content .email-content-detail .detail-head .tools > li a:hover, .email-wrapper .email-content .email-content-detail .detail-head .tools > li a:focus { color: #515365; }

.email-wrapper .email-content .email-content-detail .detail-body { padding: 25px 30px; position: relative; }

.email-wrapper .email-content .email-content-detail .detail-foot { padding: 15px 30px; }

.email-wrapper .email-content .email-content-detail .detail-foot .attachments { list-style: none; padding-left: 0px; }

.email-wrapper .email-content .email-content-detail .detail-foot .attachments > li { display: inline-block; border: 1px solid #e9eaec; margin-right: 10px; margin-bottom: 10px; border-radius: 6px; }

.email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a { display: block; color: #8a8a8a; }

.email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-icon { float: left; padding: 8px 15px; font-size: 28px; border-right: 1px solid #e9eaec; }

.email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-info { display: inline-block; padding: 8px 15px 8px 10px; }

.email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-info .file-name, .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-info .file-size { display: block; }

.email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:hover, .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:focus { color: #515365; }

.email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:hover .file-icon, .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:focus .file-icon { color: #24d5d8; }

.email-wrapper .email-compose { position: relative; }

.email-wrapper .email-compose .email-compose-tools { background-color: #fafafa; padding: 10px 15px; border-bottom: 1px solid #e9eaec; }

@media only screen and (min-width: 992px) { .email-wrapper .email-compose .email-compose-tools { display: none; } }

.email-wrapper .email-compose .email-compose-tools ul { list-style: none; padding: 0; display: inline-block; }

.email-wrapper .email-compose .email-compose-tools ul li { display: inline-block; }

.email-wrapper .email-compose .email-compose-tools ul li a { font-size: 16px; padding: 0px 10px; color: #8a8a8a; }

.email-wrapper .email-compose .email-compose-tools ul li a:hover, .email-wrapper .email-compose .email-compose-tools ul li a:focus { color: #24d5d8; }

.email-wrapper .email-compose .email-compose-body { padding: 30px 20px; }

.email-wrapper .email-compose .email-compose-body .send-header .selectize-input { box-shadow: none; border: 0px; border-bottom: 1px solid #e9eaec; font-size: 14px; padding: 12px; }

.email-wrapper .email-compose .email-compose-body .send-header .selectize-input input::-webkit-input-placeholder { font-size: 14px; color: #bdbdbd; }

.email-wrapper .email-compose .email-compose-body .send-header .selectize-input input:-moz-placeholder { font-size: 14px; color: #bdbdbd; }

.email-wrapper .email-compose .email-compose-body .send-header .selectize-input input::-moz-placeholder { font-size: 14px; color: #bdbdbd; }

.email-wrapper .email-compose .email-compose-body .send-header .selectize-input input:-ms-input-placeholder { font-size: 14px; color: #bdbdbd; }

.email-wrapper .email-compose .email-compose-body .send-header .subject { border: 0px; padding: 12px; }

.email-wrapper .email-compose .email-compose-body .send-header .subject::-webkit-input-placeholder { font-size: 14px; color: #bdbdbd; }

.email-wrapper .email-compose .email-compose-body .send-header .subject:-moz-placeholder { font-size: 14px; color: #bdbdbd; }

.email-wrapper .email-compose .email-compose-body .send-header .subject::-moz-placeholder { font-size: 14px; color: #bdbdbd; }

.email-wrapper .email-compose .email-compose-body .send-header .subject:-ms-input-placeholder { font-size: 14px; color: #bdbdbd; }

.email-wrapper .email-compose .email-compose-body .note-editor { margin-top: 5px; }

.email-wrapper .email-compose .email-compose-body .note-editor.note-frame .note-statusbar { display: none; }

.email-wrapper .email-compose .email-compose-body .note-editor .panel-heading.note-toolbar { position: absolute; z-index: 9; width: 100%; bottom: 0px; border-bottom: 0px; border-top: 1px solid #e9eaec; }

@media only screen and (max-width: 992px) { .mail-nav-active .sec-side-nav { left: 0px; } }

@media only screen and (max-width: 992px) { .mail-nav-active .email-wrapper { left: 250px; } }

#chat { height: 100%; }

.chat .chat-counter { background: #24d5d8; color: #ffffff; padding: 3.5px 7px; border-radius: 50px; line-height: 1; font-size: 10px; }

.chat .unread-msg .info .title { font-weight: bold; }

.chat .unread-msg .info .chat-counter { background: #24d5d8; }

.chat .conversation .conversation-wrapper { position: relative; height: 100%; }

.chat .conversation .conversation-wrapper .conversation-header { position: relative; line-height: 60px; height: 60px; padding: 0px 15px; border-bottom: 1px solid #e9eaec; }

.chat .conversation .conversation-wrapper .conversation-header .back { position: absolute; line-height: 60px; left: 15px; top: 2px; font-size: 18px; color: #8a8a8a; }

.chat .conversation .conversation-wrapper .conversation-header .back:hover, .chat .conversation .conversation-wrapper .conversation-header .back:focus { text-decoration: none; color: #515365; }

.chat .conversation .conversation-wrapper .conversation-header .recipient { display: inline-block; font-size: 16px; }

.chat .conversation .conversation-wrapper .conversation-header .tools { float: right; padding-left: 0; list-style: none; font-size: 20px; }

.chat .conversation .conversation-wrapper .conversation-header .tools li { display: inline-block; }

.chat .conversation .conversation-wrapper .conversation-body { padding: 15px; position: relative; width: 100%; }

.chat .conversation .conversation-wrapper .conversation-body .msg { display: block; margin-bottom: 15px; }

.chat .conversation .conversation-wrapper .conversation-body .msg:before, .chat .conversation .conversation-wrapper .conversation-body .msg:after { content: " "; display: table; }

.chat .conversation .conversation-wrapper .conversation-body .msg:after { clear: both; }

.chat .conversation .conversation-wrapper .conversation-body .msg .user-img { float: left; }

.chat .conversation .conversation-wrapper .conversation-body .msg .user-img img { border-radius: 50%; width: 40px; height: 40px; }

.chat .conversation .conversation-wrapper .conversation-body .msg .bubble { max-width: 75%; display: table; margin: 0 10px; padding-top: 10px; position: relative; }

.chat .conversation .conversation-wrapper .conversation-body .msg .bubble .bubble-wrapper { padding: 8px 15px; border-radius: 4px; font-size: 13px; display: table; overflow: hidden; border-radius: 4px; float: left; }

.chat .conversation .conversation-wrapper .conversation-body .msg .bubble .bubble-wrapper:after { content: ""; position: absolute; top: 15px; border-bottom: 6px solid transparent; border-top: 6px solid transparent; }

.chat .conversation .conversation-wrapper .conversation-body .msg.datetime { padding: 15px 0; margin-bottom: 0px; font-size: 11px; font-weight: 500; text-align: center; }

.chat .conversation .conversation-wrapper .conversation-body .msg.msg-recipient .bubble { float: left; }

.chat .conversation .conversation-wrapper .conversation-body .msg.msg-recipient .bubble .bubble-wrapper { background-color: whitesmoke; color: #515365; margin-left: 0; margin-right: 40px; }

.chat .conversation .conversation-wrapper .conversation-body .msg.msg-recipient .bubble .bubble-wrapper:after { left: -4px; border-right: 5px solid whitesmoke; }

.chat .conversation .conversation-wrapper .conversation-body .msg.msg-sent .bubble { float: right; }

.chat .conversation .conversation-wrapper .conversation-body .msg.msg-sent .bubble .bubble-wrapper { background: #24d5d8; color: #ffffff; margin-right: 0; margin-left: 40px; float: right; }

.chat .conversation .conversation-wrapper .conversation-body .msg.msg-sent .bubble .bubble-wrapper:after { right: -4px; border-left: 5px solid #24d5d8; }

.chat .conversation .conversation-wrapper .conversation-footer { position: relative; background-color: #ffffff; border-top: 1px solid #e9eaec; height: 100%; }

.chat .conversation .conversation-wrapper .conversation-footer .chat-input { border: 0px; line-height: 50px; outline: 0; padding: 0px 55px; width: 100%; }

.chat .conversation .conversation-wrapper .conversation-footer .chat-input::-webkit-input-placeholder { color: #bdbdbd; }

.chat .conversation .conversation-wrapper .conversation-footer .chat-input:-moz-placeholder { color: #bdbdbd; }

.chat .conversation .conversation-wrapper .conversation-footer .chat-input::-moz-placeholder { color: #bdbdbd; }

.chat .conversation .conversation-wrapper .conversation-footer .chat-input:-ms-input-placeholder { color: #bdbdbd; }

.chat .conversation .conversation-wrapper .conversation-footer .upload-btn, .chat .conversation .conversation-wrapper .conversation-footer .sent-btn { border: 0px; background-color: transparent; color: #bdbdbd; outline: none; font-size: 18px; position: absolute; top: 12px; left: 10px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }

.chat .conversation .conversation-wrapper .conversation-footer .upload-btn:hover, .chat .conversation .conversation-wrapper .conversation-footer .upload-btn:focus, .chat .conversation .conversation-wrapper .conversation-footer .sent-btn:hover, .chat .conversation .conversation-wrapper .conversation-footer .sent-btn:focus { color: #515365; }

.chat .conversation .conversation-wrapper .conversation-footer .sent-btn { left: auto; right: 20px; font-size: 18px; top: 13px; }

.chat.chat-app { border: 1px solid #e9eaec; padding: 0px; margin: 0px; }

@media only screen and (max-width: 767px) { .chat.chat-app { border: 0px; } }

.chat.chat-app .chat-list { width: 25%; border-right: 1px solid #e9eaec; float: left; background-color: #ffffff; }

@media only screen and (min-width: 992px) and (max-width: 1440px) { .chat.chat-app .chat-list { width: 35%; } }

@media only screen and (max-width: 767px) { .chat.chat-app .chat-list { width: 100%; border-right: 0px; border: 1px solid #e9eaec; } }

.chat.chat-app .chat-list .chat-user-list { overflow: auto; position: relative; height: calc(100vh - 65px - 135px); }

@media only screen and (max-width: 767px) { .chat.chat-app .chat-list .chat-user-list { height: calc(100vh - 65px - 135px - 30px); } }

.chat.chat-app .chat-list .chat-user-tool { padding: 0px 15px; height: 60px; border-bottom: 1px solid #e9eaec; }

.chat.chat-app .chat-list .chat-user-tool > input { border: 0px; color: #515365; line-height: 60px; background-color: transparent; font-size: 16px; width: 70%; }

.chat.chat-app .chat-list .chat-user-tool > input::-webkit-input-placeholder { color: #bdbdbd; }

.chat.chat-app .chat-list .chat-user-tool > input:-moz-placeholder { color: #bdbdbd; }

.chat.chat-app .chat-list .chat-user-tool > input::-moz-placeholder { color: #bdbdbd; }

.chat.chat-app .chat-list .chat-user-tool > input:-ms-input-placeholder { color: #bdbdbd; }

.chat.chat-app .chat-list .chat-user-tool .search-icon { color: #bdbdbd; }

.chat.chat-app .chat-content { float: left; width: 75%; position: relative; padding: 0px; background-color: #ffffff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

@media only screen and (min-width: 992px) and (max-width: 1440px) { .chat.chat-app .chat-content { width: 65%; } }

@media only screen and (max-width: 767px) { .chat.chat-app .chat-content { width: calc(100% - 50px); position: fixed; left: -100%; border: 1px solid #e9eaec; height: calc(100vh - 65px - 100px); }
  .chat.chat-app .chat-content.open { left: 25px; } }

.chat.chat-app .chat-content .conversation { height: 100%; }

.chat.chat-app .chat-content .conversation-body { height: calc(100vh - 65px - 135px - 65px); }

.chat.chat-app .chat-content .conversation-footer { position: absolute; height: 60px; width: 100%; bottom: 0px; }

.contact-item .contact-thumb { margin-bottom: 20px; }

.contact-item .contact-thumb > img { border-radius: 50px; width: 100px; height: 100px; }

/*---------------------------------
------------ plugins -------------
---------------------------------*/
/*----------------------------------------
  39. Nouislider
----------------------------------------*/
.noUi-handle { background-color: #ffffff; border-radius: 50%; box-shadow: none; cursor: pointer; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

.noUi-handle:active { transform: scale(1.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); }

.noUi-handle:before, .noUi-handle:after { display: none; }

.noUi-horizontal { height: 6px; }

.noUi-horizontal .noUi-handle { left: -10px; top: -7px; width: 18px; height: 18px; border: 1px solid #dbdde0; }

.noUi-vertical { height: 100%; width: 6px; display: inline-block; }

.noUi-vertical .noUi-handle { width: 18px; height: 18px; border: 1px solid #dbdde0; }

.noUi-vertical .noUi-origin { border-radius: 0px; bottom: 0px; }

.noUi-background { background: #fafafa; box-shadow: none; }

.noUi-origin { border-radius: 0px; bottom: 5px; }

.noUi-target { border: 1px solid #e9eaec; box-shadow: none; background-color: #ececec; }

.noUi-target.noUi-connect { box-shadow: none; }

.slider-primary .noUi-connect { background-color: #6569df; }

.slider-success .noUi-connect { background-color: #24d5d8; }

.slider-info .noUi-connect { background-color: #04a1f4; }

.slider-warning .noUi-connect { background-color: #fecd2f; }

.slider-danger .noUi-connect { background-color: #fd3259; }

.slider-gradient-primary .noUi-connect { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.slider-gradient-success .noUi-connect { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.slider-gradient-info .noUi-connect { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.slider-gradient-warning .noUi-connect { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.slider-gradient-danger .noUi-connect { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

.noUi-marker-large, .noUi-marker-sub { background: #e9eaec; }

.noUi-pips { color: #8a8a8a; }

.noUi-value-sub { color: #8a8a8a; margin-top: 5px; font-size: 11px; }

.noUi-value { margin-top: 5px; font-size: 12px; }

.noUi-marker-horizontal.noUi-marker-large { height: 10px; }

/*----------------------------------------
  40. Selectize
----------------------------------------*/
.selectize-control.single .selectize-input { border-color: #e9eaec; box-shadow: none; background-color: #ffffff; background-image: none; }

.selectize-control.single .selectize-input:after { content: "\e64b"; font-family: 'themify'; border-style: none; border-width: 0px; top: 40%; right: 25px; font-size: 10px; border-color: transparent; }

.selectize-control.single .selectize-input.dropdown-active:after { content: "\e648"; }

.selectize-dropdown { color: #8a8a8a; border: 1px solid #e9eaec; }

.selectize-dropdown .single { border-color: #e9eaec; }

.selectize-dropdown.single { border-color: #e9eaec; }

.selectize-dropdown .active { background-color: #fafafa; color: #8a8a8a; }

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 10px 8px; }

.selectize-input { color: #8a8a8a; border-radius: 2px; box-shadow: none; border: 1px solid #e9eaec; }

.selectize-input input { color: #8a8a8a; }

.selectize-input input::-webkit-input-placeholder { color: #d7d7d7; }

.selectize-input input:-moz-placeholder { color: #d7d7d7; }

.selectize-input input::-moz-placeholder { color: #d7d7d7; }

.selectize-input input:-ms-input-placeholder { color: #d7d7d7; }

.selectize-input > input { line-height: 1.8 !important; }

.selectize-input > * { line-height: 1.8 !important; }

.selectize-input.focus { box-shadow: none; }

.selectize-control.multi .selectize-input [data-value] { background-color: #24d5d8; color: #ffffff; background-image: none; border: 0px; border-radius: 50px; margin-right: 8px; margin-top: 3px; padding: 0px 10px; box-shadow: none; text-shadow: none; font-weight: 500; }

.selectize-control.multi .selectize-input [data-value].active { border: 0px; background-color: #24d5d8; color: #ffffff; background-image: none; }

.tag-primary.selectize-control.multi .selectize-input [data-value] { background-color: #6569df; background-image: none; }

.tag-primary.selectize-control.multi .selectize-input [data-value].active { background-color: #6569df; background-image: none; }

.tag-info.selectize-control.multi .selectize-input [data-value] { background-color: #04a1f4; background-image: none; }

.tag-info.selectize-control.multi .selectize-input [data-value].active { background-color: #04a1f4; background-image: none; }

.tag-warning.selectize-control.multi .selectize-input [data-value] { background-color: #fecd2f; background-image: none; }

.tag-warning.selectize-control.multi .selectize-input [data-value].active { background-color: #fecd2f; background-image: none; }

.tag-danger.selectize-control.multi .selectize-input [data-value] { background-color: #fd3259; background-image: none; }

.tag-danger.selectize-control.multi .selectize-input [data-value].active { background-color: #fd3259; background-image: none; }

.tag-gradient-primary.selectize-control.multi .selectize-input [data-value] { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.tag-gradient-primary.selectize-control.multi .selectize-input [data-value].active { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.tag-gradient-success.selectize-control.multi .selectize-input [data-value] { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.tag-gradient-success.selectize-control.multi .selectize-input [data-value].active { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.tag-gradient-info.selectize-control.multi .selectize-input [data-value] { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.tag-gradient-info.selectize-control.multi .selectize-input [data-value].active { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.tag-gradient-warning.selectize-control.multi .selectize-input [data-value] { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.tag-gradient-warning.selectize-control.multi .selectize-input [data-value].active { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.tag-gradient-danger.selectize-control.multi .selectize-input [data-value] { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

.tag-gradient-danger.selectize-control.multi .selectize-input [data-value].active { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

/*----------------------------------------
  41. Noty
----------------------------------------*/
.noty_bar { padding: 15px; overflow: hidden; border-radius: 2px; position: relative; font-weight: 500; margin-bottom: 3px; }

.noty_bar .noty_body { padding: 10px; font-size: 14px; }

.noty_bar .noty_buttons { padding: 10px; }

.noty_type_alert, .noty_type_notification { background-color: #ffffff; border-bottom: 1px solid #e9eaec; color: #8a8a8a; }

.noty_type_warning { color: #fecd2f; background-color: #fffefa; }

.noty_type_error { color: #fd3259; background-color: #fff7f9; }

.noty_type_info, .noty_type_information { color: #04a1f4; background-color: #e9f7ff; }

.noty_type_success { color: #24d5d8; background-color: #e7fbfb; }

.noty_type_confirm { color: #6569df; background-color: #f0f1fc; }

#noty_top_layout_container { top: 65px !important; right: 0px !important; left: auto !important; width: 100% !important; margin-left: 30px !important; padding-left: 250px !important; z-index: 1 !important; }

#noty_bottom_layout_container { bottom: 0px !important; right: 0px !important; left: auto !important; width: 100% !important; margin-left: 30px !important; padding-left: 280px !important; z-index: 1 !important; }

#noty_topRight_layout_container, #noty_topLeft_layout_container { top: 70px !important; }

#noty_topLeft_layout_container, #noty_bottomLeft_layout_container { left: 305px !important; }

.noty-animation { animation-duration: 0.2s; -webkit-animation-duration: 0.2s; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }

.noty-animation.i-am-closing-now { opacity: 0; visibility: hidden; }

/*----------------------------------------
  49. Sweet Alert
----------------------------------------*/
.sweet-overlay { z-index: 1050; }

/*----------------------------------------
  40. Selectize
----------------------------------------*/
.selectize-control.single .selectize-input { border-color: #e9eaec; box-shadow: none; background-color: #ffffff; background-image: none; }

.selectize-control.single .selectize-input:after { content: "\e64b"; font-family: 'themify'; border-style: none; border-width: 0px; top: 40%; right: 25px; font-size: 10px; border-color: transparent; }

.selectize-control.single .selectize-input.dropdown-active:after { content: "\e648"; }

.selectize-dropdown { color: #8a8a8a; border: 1px solid #e9eaec; }

.selectize-dropdown .single { border-color: #e9eaec; }

.selectize-dropdown.single { border-color: #e9eaec; }

.selectize-dropdown .active { background-color: #fafafa; color: #8a8a8a; }

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 10px 8px; }

.selectize-input { color: #8a8a8a; border-radius: 2px; box-shadow: none; border: 1px solid #e9eaec; }

.selectize-input input { color: #8a8a8a; }

.selectize-input input::-webkit-input-placeholder { color: #d7d7d7; }

.selectize-input input:-moz-placeholder { color: #d7d7d7; }

.selectize-input input::-moz-placeholder { color: #d7d7d7; }

.selectize-input input:-ms-input-placeholder { color: #d7d7d7; }

.selectize-input > input { line-height: 1.8 !important; }

.selectize-input > * { line-height: 1.8 !important; }

.selectize-input.focus { box-shadow: none; }

.selectize-control.multi .selectize-input [data-value] { background-color: #24d5d8; color: #ffffff; background-image: none; border: 0px; border-radius: 50px; margin-right: 8px; margin-top: 3px; padding: 0px 10px; box-shadow: none; text-shadow: none; font-weight: 500; }

.selectize-control.multi .selectize-input [data-value].active { border: 0px; background-color: #24d5d8; color: #ffffff; background-image: none; }

.tag-primary.selectize-control.multi .selectize-input [data-value] { background-color: #6569df; background-image: none; }

.tag-primary.selectize-control.multi .selectize-input [data-value].active { background-color: #6569df; background-image: none; }

.tag-info.selectize-control.multi .selectize-input [data-value] { background-color: #04a1f4; background-image: none; }

.tag-info.selectize-control.multi .selectize-input [data-value].active { background-color: #04a1f4; background-image: none; }

.tag-warning.selectize-control.multi .selectize-input [data-value] { background-color: #fecd2f; background-image: none; }

.tag-warning.selectize-control.multi .selectize-input [data-value].active { background-color: #fecd2f; background-image: none; }

.tag-danger.selectize-control.multi .selectize-input [data-value] { background-color: #fd3259; background-image: none; }

.tag-danger.selectize-control.multi .selectize-input [data-value].active { background-color: #fd3259; background-image: none; }

.tag-gradient-primary.selectize-control.multi .selectize-input [data-value] { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.tag-gradient-primary.selectize-control.multi .selectize-input [data-value].active { background: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%); }

.tag-gradient-success.selectize-control.multi .selectize-input [data-value] { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.tag-gradient-success.selectize-control.multi .selectize-input [data-value].active { background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); }

.tag-gradient-info.selectize-control.multi .selectize-input [data-value] { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.tag-gradient-info.selectize-control.multi .selectize-input [data-value].active { background: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%); }

.tag-gradient-warning.selectize-control.multi .selectize-input [data-value] { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.tag-gradient-warning.selectize-control.multi .selectize-input [data-value].active { background: linear-gradient(120deg, #f6d365 0%, #fda085 100%); }

.tag-gradient-danger.selectize-control.multi .selectize-input [data-value] { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

.tag-gradient-danger.selectize-control.multi .selectize-input [data-value].active { background: linear-gradient(120deg, #f3301a 0%, #f37138 100%); }

/*----------------------------------------
  42. Summernote
----------------------------------------*/
.note-editor { box-shadow: none; }

.note-editor.note-frame { border: 1px solid #e9eaec; border-radius: 0px; }

.note-editor.note-frame .note-statusbar { background-color: #f7f7f8; }

.note-editor .btn-default { margin-bottom: 0px; }

.note-editor .modal.in { z-index: 99999; }

.note-editor .panel-heading { background-color: transparent; border-bottom: 1px solid #e9eaec; }

.note-editor.fullscreen .note-toolbar { background-color: #ffffff; }

.note-editor .note-btn.active { background-color: #eeeff1; }

.note-editor .btn-group, .note-editor .btn-group-vertical { vertical-align: unset; }

.note-editor .btn { margin-bottom: 0px; }

.note-popover.popover { display: none; }

.note-editing-area { padding-top: 10px; padding-bottom: 10px; }

.note-placeholder { color: #bdbdbd; }

.card-header.note-toolbar { padding: 5px; border-bottom: 1px solid #e9eaec; background-color: #f8f9fa; }

/*----------------------------------------
  43. Datepicker
----------------------------------------*/
.datepicker { border-radius: 0px; padding: 25px; box-shadow: none; border: 1px solid #e9eaec; }

.datepicker table tr th, .datepicker table tr td { border-radius: 50px; width: 35px; height: 35px; }

.datepicker table tr td { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }

.datepicker table tr td span { border-radius: 0px; }

.datepicker table tr td.old { color: #d7d7d7; }

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { color: #ffffff; background: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%); border-color: transparent; }

.datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #fafafa; }

.datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #fafafa; cursor: pointer; }

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #fafafa; cursor: pointer; }

.datepicker-inline { width: 305px; }

.daterangepicker { border-radius: 0px; padding: 30px; box-shadow: none; border: 1px solid #e9eaec; }

.daterangepicker .input-mini { border-radius: 0px; margin-bottom: 20px; height: 40px; padding: 0 6px 0 35px; }

.daterangepicker .input-mini.active { border-radius: 0px; border-color: #62c7fc; }

.daterangepicker .daterangepicker_input i { position: absolute; left: 10px; top: 13px; }

.daterangepicker td, .daterangepicker th { border-radius: 0px; width: 40px; height: 35px; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #fafafa; }

.daterangepicker td.in-range { background-color: transparent; color: #6569df; }

.daterangepicker td.active { background-color: #6569df; border-color: transparent; color: #fff; }

.daterangepicker td.active:hover { background-color: #6569df; border-color: transparent; color: #fff; }

.daterangepicker td.start-date { border-radius: 0px; }

.daterangepicker td.start-date.end-date { border-radius: 0px; }

.daterangepicker td.end-date { border-radius: 0px; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { border: 1px solid #e9eaec; min-height: 30px; }

.daterangepicker .calendar-time i { top: 8px; left: 35px; }

@media only screen and (min-width: 767px) { .daterangepicker .calendar { margin-right: 20px !important; } }

/*----------------------------------------
  44. Datatables
----------------------------------------*/
table.dataTable { margin-top: 20px !important; margin-bottom: 20px !important; border-collapse: collapse !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: 50%; transform: translateY(50%); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -o-transform: translateY(50%); -ms-transform: translateY(50%); }

.dataTables_length select { margin: 0px 5px; }

@media only screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { margin-bottom: 20px; } }

/*----------------------------------------
  45. Chartist
----------------------------------------*/
.ct-chart { min-height: 280px; }

.ct-chart svg { min-height: 280px; }

.ct-grid { stroke: #e9eaec; stroke-width: 1px; stroke-dasharray: 0px; }

.ct-line { stroke-width: 3px; }

.ct-point { stroke-width: 7px; }

.text-white .ct-label { fill: #ffffff; }

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut { stroke: #24d5d8; }

.ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie { fill: #24d5d8; }

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut { stroke: #04a1f4; }

.ct-series-b .ct-area, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-slice-pie { fill: #04a1f4; }

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut { stroke: #fecd2f; }

.ct-series-c .ct-area, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-slice-pie { fill: #fecd2f; }

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut { stroke: #6569df; }

.ct-series-d .ct-area, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-slice-pie { fill: #6569df; }

.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut { stroke: #fd3259; }

.ct-series-e .ct-area, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-slice-pie { fill: #fd3259; }

.line-hadow { -webkit-filter: drop-shadow(0px 20px 6px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 20px 6px rgba(0, 0, 0, 0.3)); }

/*----------------------------------------
  46. Sparkline
----------------------------------------*/
.sparkline-chart { overflow: hidden; }

.jqstooltip { box-sizing: content-box; }

/*----------------------------------------
  47. Full Calendar
----------------------------------------*/
.fc { background-color: #ffffff; }

.fc th { text-align: center; padding: 15px; background-color: transparent; color: #8a8a8a; font-size: 12px; text-transform: uppercase; border-right-width: 0; border-left-width: 0; }

.fc button { background-color: #ffffff; background-image: none; height: 37px; padding: 0 15px; color: #717171; }

.fc button.fc-state-default { border-color: #e9eaec; box-shadow: none; }

.fc button.fc-state-active { box-shadow: none; background-color: #e9eaec; }

.fc-toolbar { padding: 20px; border-top: 1px solid #e9eaec; border-right: 1px solid #e9eaec; border-left: 1px solid #e9eaec; }

.fc-toolbar.fc-header-toolbar { margin-bottom: 0px; }

.fc-view, .fc-view > table { background-color: #ffffff; z-index: 0; }

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number { padding: 5px; margin: 0px 10px; margin-top: 5px; }

.fc-basic-view .fc-today .fc-day-number { background: #24d5d8; color: #ffffff; border-radius: 50%; padding: 0px 7px; line-height: 2.2; }

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #e9eaec; }

.fc-unthemed td.fc-today { background-color: transparent; }

.fc-event-container .fc-event { border-radius: 0px; border: 0px; background-color: #d1f7f7; color: #24d5d8 !important; font-size: 12px; line-height: 2.5; padding: 0px 15px; border-left: 3px solid #24d5d8; }

.fc-event-container .fc-day-grid-event { margin: 1px 5px 5px; }

.calendar-event .card-body { position: relative; }

.calendar-event .add-event { position: absolute; top: -22px; z-index: 9; right: 25px; border: 0px; font-size: 20px; padding: 7px 12px; border-radius: 50%; }

.calendar-event .event-list { padding-left: 0; list-style: none; }

.calendar-event .event-list .event-items { margin-bottom: 20px; position: relative; }

.calendar-event .event-list .event-items > a { display: block; color: #8a8a8a; }

.calendar-event .event-list .event-items > a:hover { color: #4a4a4a; }

.calendar-event .event-list .event-items .remove { position: absolute; right: 0px; top: 12px; font-size: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

.calendar-event .event-list .event-items .event-name { font-weight: bold; border: 0px; padding: 0px 10px; }

.calendar-event .event-list .event-items .event-detail { padding-left: 25px; }

.calendar-event .event-list .event-items .bullet { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background-color: #ffffff; border: 3px solid; border-color: #fafafa; }

.calendar-event .event-list .event-items .bullet.success { border-color: #24d5d8; }

.calendar-event .event-list .event-items .bullet.warning { border-color: #fecd2f; }

.calendar-event .event-list .event-items .bullet.danger { border-color: #fd3259; }

/*----------------------------------------
  47. Expand Menu MBKM
----------------------------------------*/

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: grey;
  color: white;
  cursor: pointer;
  padding: 5px;
  width: 8%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.activee, .collapsible:hover {
  background-color: grey;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}