@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/images/vendor/chosen-js/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/images/vendor/chosen-js/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(/images/vendor/chosen-js/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(/images/vendor/chosen-js/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(/images/vendor/chosen-js/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(/images/vendor/chosen-js/chosen-sprite@2x.png?614fad616d014daf5367e068505cad35)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}span.flatpickr-weekday {
  display: inline-block;
  width: 14.2857143%;
}
span.flatpickr-day {
  width: 14.2857143%;
  margin: 0 2.491071428571428px;
}
@media screen and (min-width: 0\0) {
  div.flatpickr-current-month {
    padding-top: 0px !important;
  }
}
@charset "UTF-8";

@keyframes beatHeart {
  0% {
    transform: scale(0.9);
  }

  25% {
    transform: scale(1.1);
  }

  40% {
    transform: scale(0.9);
  }

  60% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(0.9);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

/* inverse bounce effect on even content blocks */

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    transform: translateX(20px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    transform: translateX(-20px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

::-moz-selection {
  background: #3175BE;
  color: #fff;
}

::selection {
  background: #3175BE;
  color: #fff;
}

/* ==========================================================================
   Saját definíciók
   ========================================================================== */

/* A Navbar -> Profil ikonja melletti notification badge */

.notification-badge {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: red;
  color: white;
  font-weight: bold;
  font-size: 10px;
  min-width: 18px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  line-height: 18px;
  text-align: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2px;
  padding-right: 2px;
}

.notification-badge.menu-badge {
  top: 50%;
  transform: translateY(-50%);
}

/* ==========================================================================
   0. ELEMENT
   ========================================================================== */

/* 0.1. Body / Typography
   ========================================================================== */

body {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #71748d;
  background-color: #efeff6;
  /*-webkit-font-smoothing: antialiased;*/
}

body h1 {
  color: #3d405c;
  margin: 0 0 15px 0;
  font-family: "Montserrat";
  font-size: 34px;
}

body h2 {
  color: #3d405c;
  margin: 0 0 15px 0;
  font-family: "Montserrat";
  font-size: 28px;
  line-height: 30px;
}

body h3 {
  color: #3d405c;
  margin: 0 0 15px 0;
  font-family: "Montserrat";
  font-size: 20px;
}

body h4 {
  color: #3d405c;
  margin: 0 0 15px 0;
  font-family: "Montserrat";
  font-size: 16px;
  line-height: 26px;
}

body h5 {
  color: #3d405c;
  margin: 0 0 15px 0;
  font-family: "Montserrat";
  font-size: 15px;
  line-height: 26px;
}

body h6 {
  color: #3d405c;
  margin: 0 0 15px 0;
  font-family: "Montserrat";
  font-size: 12px;
}

body p {
  margin: 0 0 20px 0;
}

body p:last-child {
  margin: 0;
}

body a {
  color: #71748d;
}

body a:hover {
  color: #64abd2;
  text-decoration: none;
  outline: 0;
}

body a:active {
  outline: 0;
  text-decoration: none;
}

body a.text-primary:hover,
body a.text-primary:focus {
  color: #1c436d !important;
}

body .lead {
  font-size: 1.25rem;
  font-weight: 300;
  color: #3d3f5d;
}

/*--------------------
 Form
---------------------*/

body label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 15px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: #71748d;
}

body label.required::after {
  content: "*";
  color: #af242b;
  margin-left: 5px;
}

body .form-control {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.42857143;
  color: #71748d;
  background: #fff none;
  border: 1px solid #d2d2e4;
  border-radius: 10px;
}

body .form-control:focus {
  color: #71748d;
  background-color: #fff;
  border-color: #3175BE;
  box-shadow: none;
  outline: 0;
}

body .form-control:focus:not([readonly=readonly]) {
  color: #71748d;
  background-color: #fff;
}

body .form-control:focus + div > span {
  border-color: #3175BE;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

body input[type=file] {
  color: #71748d;
  background-color: #fff;
  border-color: #3175BE;
  outline: 0;
  box-shadow: none;
}

body .col-form-label {
  font-size: 15px;
}

body button:focus {
  outline: 0;
}

body select.form-control {
  color: #71748d;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("/images/style/down-arrow.png") calc(100% - 5px) 52%/auto auto no-repeat;
  padding-right: 15px;
  border: 1px solid #d2d2e4;
  border-radius: 10px;
}

body textarea.form-control {
  height: auto;
  color: #71748d;
  background: #fff none;
  border: 1px solid #d2d2e4;
  border-radius: 10px;
  padding: 12px 16px;
}

body input::-webkit-input-placeholder {
  color: #71748d !important;
}

body input:focus::-webkit-input-placeholder {
  color: #3175BE !important;
}

body input.changed {
  transition: all 1000ms ease;
  background-color: #f3b600;
  border: 1px solid #ffc108;
}

body textarea::-webkit-input-placeholder {
  color: #71748d !important;
}

body textarea:focus::-webkit-input-placeholder {
  color: #3175BE !important;
}

body .form-group {
  margin-bottom: 12px;
}

body .form-control-lg {
  padding: 12px;
}

/* Custom-Chekbox
-------------------------------------------------------------- */

body .custom-control {
  position: relative;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

body .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

body .custom-control-input:checked ~ input[type=checkbox] {
  background: #3d404e;
  border: #7f83a2 1px solid;
}

body .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #3175BE;
}

body .custom-control-input:disabled ~ .custom-control-label {
  color: #ddd;
}

body .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #efeff6;
}

body .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}

body .custom-control-label {
  margin-bottom: 0;
  position: static;
  display: inline-block;
  line-height: 2;
}

body .custom-control-label::after {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: inherit inherit center center/50% 50% no-repeat;
}

body .custom-control-label::before {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 2px solid #d2d2e4;
}

body .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3175BE;
  border-color: #3175BE;
}

body .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3175BE;
  border-color: #3175BE;
}

body .custom-select-font-size {
  font-size: 14px;
}

body .custom-valid.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57;
  border-color: #34ce57;
}

body .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
  background-color: #34ce57;
  border-color: #34ce57;
}

body .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
  background-color: #ffdadd;
  border-color: #efa2a9;
}

body .was-validated .custom-control-input:valid ~ .custom-control-label::before {
  background-color: #c6ffd3;
  border: 2px solid #68df83;
}

body .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #ffdadd;
  border-color: #efa2a9;
}

body .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #c6ffd3;
  border: 2px solid #68df83;
}

body .input-group-text {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #75748d;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #d2d2e4;
  border-radius: 4px;
}

body .section-block {
  margin: 16px 0;
}

body .section-title {
  font-weight: 500;
  margin-bottom: 5px;
}

/*-----------------------
Parsley Varifation
-------------------------*/

.parsley-errors-list.filled {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 7px 29px;
  position: relative;
  background-color: #f96a6a;
  color: #fff;
}

/*--------------------
 Padding / Margin
---------------------*/

body .nopadding {
  padding: 0;
}

body .p-r-0 {
  padding-right: 0;
}

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

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

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

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

body .p-l-0 {
  padding-left: 0;
}

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

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

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

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

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

body .p-t-0 {
  padding-top: 0;
}

body .p-t-10 {
  padding-top: 10px;
}

body .p-t-20 {
  padding-top: 20px;
}

body .p-t-30 {
  padding-top: 30px;
}

body .p-t-40 {
  padding-top: 40px;
}

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

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

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

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

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

body .p-b-0 {
  padding-bottom: 0;
}

body .p-b-10 {
  padding-bottom: 10px;
}

body .p-b-20 {
  padding-bottom: 20px;
}

body .p-b-30 {
  padding-bottom: 30px;
}

body .p-b-40 {
  padding-bottom: 40px;
}

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

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

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

body .p-b-120 {
  padding-bottom: 120px;
}

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

body .m-r-0 {
  margin-right: 0;
}

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

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

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

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

body .m-l-0 {
  margin-left: 0;
}

body .m-l-10 {
  margin-left: 10px;
}

body .m-l-15 {
  margin-left: 15px;
}

body .m-l-20 {
  margin-left: 20px;
}

body .m-l-25 {
  margin-left: 25px;
}

body .m-t-0 {
  margin-top: 0;
}

body .m-t-10 {
  margin-top: 10px;
}

body .m-t-20 {
  margin-top: 20px;
}

body .m-t-30 {
  margin-top: 30px;
}

body .m-t-40 {
  margin-top: 40px;
}

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

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

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

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

body .m-b-0 {
  margin-bottom: 0;
}

body .m-b-10 {
  margin-bottom: 10px;
}

body .m-b-20 {
  margin-bottom: 20px;
}

body .m-b-30 {
  margin-bottom: 30px;
}

body .m-b-40 {
  margin-bottom: 40px;
}

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

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

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

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

/*--------------------
 Font Weight
---------------------*/

html body .font-bold {
  font-weight: 800;
}

html body .font-normal {
  font-weight: 400;
}

html body .font-light {
  font-weight: 300;
}

html body .font-medium {
  font-weight: 600;
}

html body .font-16 {
  font-size: 16px;
}

html body .font-12 {
  font-size: 12px;
}

html body .font-14 {
  font-size: 14px;
}

html body .font-10 {
  font-size: 10px;
}

html body .font-18 {
  font-size: 18px;
}

html body .font-20 {
  font-size: 20px;
}

html body .font-22 {
  font-size: 22px;
}

html body .font-24 {
  font-size: 24px;
}

html body .display-5 {
  font-size: 3rem;
}

html body .display-6 {
  font-size: 2.5rem;
}

html body .display-7 {
  font-size: 2rem;
}

/*--------------------
 Arrow  List
---------------------*/

body .arrow {
  position: relative;
}

body .arrow li {
  padding-left: 20px;
  line-height: 30px;
}

body .arrow li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  position: absolute;
  left: 0;
  font-size: 14px;
  color: #64abd2;
  content: "\F058";
  font-style: initial;
}

body .bullet-check {
  position: relative;
}

body .bullet-check li {
  padding-left: 25px;
  line-height: 30px;
}

body .bullet-check li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  position: absolute;
  left: 0;
  font-size: 14px;
  color: #2ec551;
  content: "\F00C";
  font-style: initial;
}

/*-----------------------
Background Color / Color
-------------------------*/

body .bg-primary {
  background-color: #3175BE !important;
  color: #fff !important;
}

body .bg-brand {
  background-color: #F9782D !important;
}

body .bg-secondary {
  background-color: #64abd2 !important;
  color: #fff !important;
}

body .bg-success {
  background-color: #2ec551 !important;
}

body .bg-danger {
  /*background-color: $bg_danger !important;*/
  background-color: #fff !important;
}

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

body .bg-info {
  background-color: #0a4275 !important;
}

body .bg-light {
  background-color: #f9f9ff !important;
}

body .bg-dark {
  background-color: #2e2f39 !important;
}

body .bg-primary-light {
  background-color: #dbdeff !important;
  color: #fff !important;
}

body .bg-info-light {
  background-color: #dffaff !important;
  color: #fff;
}

body .bg-secondary-light {
  background-color: #ffdbe6 !important;
}

body .bg-danger-light {
  background-color: #fbd3d5 !important;
}

body .bg-brand-light {
  background-color: #fff2d5 !important;
}

body .bg-success-light {
  background-color: #c5fad3 !important;
}

/*-----------------------
Borders
-------------------------*/

body .border-boxes span {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  margin: 0.25rem;
  background-color: #fbfbfd;
}

body .border {
  border: 1px solid #d2d2e4 !important;
}

body .border-top {
  border-top: 1px solid #d2d2e4 !important;
}

body .border-bottom {
  border-bottom: 1px solid #d2d2e4 !important;
}

body .border-left {
  border-left: 1px solid #d2d2e4 !important;
}

body .border-right {
  border-right: 1px solid #d2d2e4 !important;
}

/*-----------------------
 Color
-------------------------*/

body .text-primary {
  color: #3175BE !important;
}

body .text-brand {
  color: #F9782D !important;
}

body .text-secondary {
  color: #64abd2 !important;
}

body .text-success {
  color: #2ec551 !important;
}

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

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

body .text-info {
  color: #0a4275 !important;
}

body .text-light {
  color: #f0f0f8 !important;
}

body .text-dark {
  color: #3d405c !important;
}

body .text-gray {
  color: #868aa5 !important;
}

body .text-muted {
  color: #7171a6 !important;
}

body .rating-color {
  color: #ffa811;
}

/*-----------------------
Borders
-------------------------*/

body .border-top-primary {
  border-top-color: #3175BE !important;
}

body .border-3 {
  border-width: 3px !important;
}

body .border-secondary {
  border-color: #64abd2 !important;
}

body .border-brand {
  border-color: #F9782D !important;
}

body .border-info {
  border-color: #0a4275 !important;
}

/*-----------------------
Fontawesome size
-------------------------*/

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

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

/*-----------------------
Social Color / Bg
-------------------------*/

body .facebook-color {
  color: #3c73df;
}

body .twitter-color {
  color: #1ea2f2;
}

body .instagram-color {
  color: #9361fa;
}

body .rss-color {
  color: #ee802f;
}

body .pinterest-color {
  color: #c8232c;
}

body .youtube-color {
  color: #ff0000;
}

body .medium-color {
  color: #00ab6c;
}

body .googleplus-color {
  color: #d34836;
}

body .snapchat-color {
  color: #FFFB00;
}

body .facebook-bgcolor {
  background-color: #3b5898;
  color: #fff;
}

body .twitter-bgcolor {
  background-color: #1ea2f2;
  color: #fff;
}

body .instagram-bgcolor {
  background-color: #9361fa;
  color: #fff;
}

body .rss-bgcolor {
  background-color: #ee802f;
  color: #fff;
}

body .pinterest-bgcolor {
  background-color: #c8232c;
  color: #fff;
}

body .youtube-bgcolor {
  background-color: #ff0000;
  color: #fff;
}

body .googleplus-bgcolor {
  background-color: #d34836;
  color: #fff;
}

/*-----------------------
Progress bar
-------------------------*/

body .progress-bar {
  background-color: #3175BE;
}

body .primary-progress-bar {
  background-color: #3175BE;
}

body .progress-sm {
  height: 5px;
}

body .progress-md {
  height: 8px;
}

body .progress-lg {
  height: 12px;
}

body .progress-xl {
  height: 15px;
}

body .f-icon,
body .if-icon,
body .m-icon,
body .sl-icon,
body .t-icon,
body .w-icon {
  cursor: pointer;
  padding: 13px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body .f-icon:hover,
body .if-icon:hover,
body .m-icon:hover,
body .sl-icon:hover,
body .t-icon:hover,
body .w-icon:hover {
  background-color: #f8f9fa;
}

body .m-icon {
  width: 33%;
  display: inline-block;
}

/*-----------------------
Legends
-------------------------*/

body .legend-item {
  font-size: 14px;
}

/* ==========================================================================
   0.3.  Header
   ========================================================================== */

/*-----------------------
Top Header
-------------------------*/

body {
  /* ------  top-search-bar --------  */
  /* ------  Notification Dropdown --------  */
  /* ------  Connection --------  */
  /* ----- User Nav Dropdown -----*/
}

body .dashboard-header .navbar {
  padding: 0;
  border-bottom: 1px solid #d2d2e4;
  box-shadow: 0 0 28px 0 rgba(82, 63, 105, 0.13);
  -webkit-transition: all 0.3s ease;
  min-height: 60px;
}

body .navbar-brand,
body .navbar-title {
  display: inline-block;
  margin-right: 1rem;
  line-height: inherit;
  white-space: nowrap;
  padding: 0px 20px;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  color: #022240;
}

body .navbar-brand:hover,
body .navbar-title:hover {
  color: #022240;
}

body .navbar-brand figure,
body .navbar-title figure {
  margin: 0;
}

body .navbar-brand figure img,
body .navbar-title figure img {
  width: 400px;
}

@media only screen and (max-width: 600px) {
  body .navbar-title {
    font-size: 20px;
  }
}

body .navbar-right-top .nav-item:last-child {
  border: none;
}

body .navbar-right-top .nav-item .nav-link {
  padding: 13px 20px;
  font-size: 16px;
  line-height: 2;
  color: #fff;
}

body .navbar-right-top .nav-item .nav-link.notifications {
  background-color: #fff;
  color: #3175BE;
  font-size: 30px;
  line-height: 34px;
  margin-right: 3px;
}

body .navbar-right-top .nav-item .nav-link.notifications[data-count]:after {
  content: attr(data-count);
  font-size: 10px;
  position: absolute;
  background: #af242b;
  color: #fff;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 0;
  line-height: 20px;
  text-align: center;
  left: 34px;
}

body .top-search-bar {
  padding-top: 12px;
  padding-right: 24px;
}

body .top-button {
  padding-top: 12px;
  padding-right: 24px;
}

body .top-button a {
  color: #222d32;
  background-color: #fff;
  border-color: #222d32;
}

body .top-button a:hover {
  color: #fff;
  background-color: #222d32;
  border-color: #222d32;
  box-shadow: none;
}

body .notification-dropdown {
  min-width: 320px;
  padding: 0;
  margin: 0;
}

body .connection-dropdown {
  padding: 0;
  margin: 0;
}

body .nav-user-dropdown {
  padding: 0;
  margin: 0;
  min-width: 230px;
}

body .nav-user-dropdown .dropdown-item {
  display: block;
  width: 100%;
  padding: 12px 22px 15px;
  clear: both;
  font-weight: 400;
  color: #686972;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size: 13px;
  line-height: 0.4;
  /*&:hover {
    background-color: $bg_notification;
  }*/
}

body .notification-title {
  font-size: 14px;
  color: #3d405c;
  text-align: center;
  padding: 8px 0;
  border-bottom: 1px solid #e3e3e3;
  line-height: 1.5;
  background-color: #fffffe;
}

body .notification-list .list-group-item {
  border-radius: 0;
  padding: 12px;
  margin-top: -1px;
  border-left: transparent;
  border-right: transparent;
}

body .notification-list .list-group-item.active {
  z-index: 2;
  color: #3d405c;
  background-color: #f7f7fb;
  border-color: #e1e1e7;
}

body .notification-list .list-group-item-action:focus {
  color: #404040;
  text-decoration: none;
  background-color: #f7f7fb;
}

body .list-group-item-action:hover {
  color: #404040;
  text-decoration: none;
  background-color: #f7f7fb;
}

body .notification-info .notification-date {
  display: block;
  font-size: 11px;
  margin-top: 4px;
  text-transform: uppercase;
  color: #71748d;
}

body .notification .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border: none;
}

body .toast {
  opacity: 1;
}

body .toast .toast-close {
  margin: 0;
}

body .toast .toast-body {
  overflow: hidden;
  text-overflow: ellipsis;
}

body .notifications + .dropdown-menu {
  max-height: 80vh;
  overflow: auto;
}

body .connection .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border: none;
}

body .nav-user a.nav-user-icon {
  padding: 10px !important;
  font-size: 40px !important;
  line-height: 40px !important;
}

body .nav-user .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border: none;
}

body .notification-list-user-img {
  float: left;
}

body .notification-list-user-block {
  padding-left: 50px;
  font-size: 14px;
  line-height: 21px;
}

body .notification-list-user-name {
  color: #3175BE;
  font-size: 14px;
  margin-right: 8px;
}

body .list-footer {
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  line-height: 1.5;
  font-weight: 700;
  background-color: #3175BE;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

body .list-footer a {
  color: #fff;
}

body .list-footer a:hover {
  color: #fff;
}

body .conntection-footer {
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  line-height: 1.5;
  font-weight: 700;
  background-color: #3175BE;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

body .conntection-footer a {
  color: #fff;
}

body .conntection-footer a:hover {
  color: #fff;
}

body .indicator {
  content: "";
  position: absolute;
  top: 16px;
  right: 23px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: #af242b;
  animation: 0.9s infinite beatHeart;
  transform-origin: center;
}

body .connection-list {
  width: 300px;
  padding: 20px;
}

body .connection-item {
  border-radius: 3px;
  line-height: 32px;
  text-align: center;
  padding: 12px 7px 4px;
  display: block;
  border: 1px solid transparent;
  color: #3d405c;
  font-size: 12px;
}

body .connection-item img {
  width: 32px;
}

body .connection-item:hover {
  background-color: #fff;
  border: 1px solid #d2d2e4;
}

body .connection-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body .nav-user-info {
  background-color: #3175BE;
  line-height: 1.4;
  padding: 12px;
  color: #fff;
  font-size: 13px;
  border-radius: 2px 2px 0 0;
}

body .nav-user-info .status {
  float: left;
  top: 7px;
  left: 0;
}

/* ------  Top Header User Info --------  */

/* -------------------- 0.4. Sidebar ----------------------- */

body .navigation-horizontal {
  width: 100%;
  height: 100%;
  overflow: auto;
}

body .navigation-horizontal .nav-link[data-toggle=collapse] {
  position: relative;
  display: flex;
  align-items: center;
}

body .navigation-horizontal .nav-link[data-toggle=collapse]::after {
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  right: 8px;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

body .navigation-horizontal .nav-link[data-toggle=collapse]:after {
  transition: transform 0.35s ease, opacity 0.35s ease;
  opacity: 0.5;
}

body .navigation-horizontal .nav-link[data-toggle=collapse][aria-expanded=false]:after {
  transform: rotate(-90deg);
}

body .navigation-horizontal .navbar-nav {
  width: 100%;
}

body .navigation-horizontal .navbar-nav .nav-link {
  font-size: 13px;
  padding: 9px 30px 9px 20px;
  color: #71789e;
  transition: 0.3s;
  margin: 6px 1px;
}

body .navigation-horizontal .navbar-nav .nav-link:focus {
  background-color: #e2e2eb;
  color: #3d405c;
  border-radius: 2px;
}

body .navigation-horizontal .navbar-nav .nav-link:hover {
  background-color: #e2e2eb;
  color: #3d405c;
  border-radius: 2px;
}

body .navigation-horizontal .navbar-nav .nav-link.active {
  background-color: #e2e2eb;
  color: #3d405c;
  border-radius: 2px;
}

body .navigation-horizontal .navbar {
  position: relative;
  padding: 0;
}

body .navigation-horizontal .nav-link i {
  font-size: 14px;
  margin-right: 9px;
  text-align: center;
  vertical-align: middle;
  line-height: 16px;
}

body .navigation-horizontal .submenu {
  background-color: #e2e2eb;
  margin-top: -6px;
  margin-right: 1px;
  margin-left: 1px;
}

body .navigation-horizontal .submenu .nav .nav-item .nav-link {
  font-size: 12px;
  padding: 0 12px;
  transition: 0.3s;
  line-height: 1;
}

body .navigation-horizontal .submenu .nav .nav-item .nav-link:hover {
  color: #3d405c;
  border-radius: 2px;
  background-color: transparent;
}

body .nav-divider {
  padding: 10px 14px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}

/* -----------------------
Left Navigation Sidebar
------------------------- */

body .nav-left-sidebar {
  position: fixed;
  width: 290px;
  top: 60px;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 0 28px 0 rgba(82, 63, 105, 0.13);
  -webkit-transition: all 0.3s ease;
}

@media only screen and (min-width: 992px) {
  body .nav-left-sidebar {
    height: 100%;
  }
}

body .nav-left-sidebar .nav-link[data-toggle=collapse] {
  position: relative;
  top: -2px;
  display: flex;
  align-items: center;
}

body .nav-left-sidebar .nav-link[data-toggle=collapse]::after {
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  right: 20px;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  bottom: 22px;
}

body .nav-left-sidebar .nav-link[data-toggle=collapse]:after {
  transition: transform 0.35s ease, opacity 0.35s ease;
  opacity: 0.5;
}

body .nav-left-sidebar .nav-link[data-toggle=collapse][aria-expanded=false]:after {
  transform: rotate(-90deg);
}

body .nav-left-sidebar .navbar-nav {
  width: 100%;
}

body .nav-left-sidebar .navbar-nav a.nav-link {
  font-size: 14px;
  padding: 12px;
  color: #71789e;
  transition: 0.3s;
  /* &:focus {
     //background-color: $bg_navbar;
     //color: $color_text_dark;
     //border-radius: 2px;
   }*/
}

body .nav-left-sidebar .navbar-nav a.nav-link:hover {
  background-color: #e2e2eb;
  color: #3d405c;
  border-radius: 2px;
}

body .nav-left-sidebar .navbar-nav .nav-link.active {
  background-color: #e2e2eb;
  color: #3d405c;
  border-radius: 2px;
}

body .nav-left-sidebar .navbar-nav h3 {
  font-size: 14px;
  color: #3175BE;
  margin: 15px 0 0;
}

body .nav-left-sidebar .navbar {
  position: relative;
  padding: 14px;
}

body .nav-left-sidebar .nav-link i {
  font-size: 14px;
  margin-right: 9px;
  text-align: center;
  vertical-align: middle;
  line-height: 24px;
}

body .nav-left-sidebar .submenu {
  background: #374850;
}

body .nav-left-sidebar .submenu .nav .nav-item .nav-link {
  font-size: 14px;
  padding: 6px 12px 6px 24px;
  transition: 0.3s;
}

body .nav-left-sidebar .submenu .nav .nav-item .nav-link:hover {
  color: #3d405c;
  border-radius: 2px;
  background-color: transparent;
}

body .nav-left-sidebar .navbar-toggler {
  background-color: #fff;
}

body .navbar-toggler {
  padding: 0.25rem 0.5rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

/* -----------------------
Leftsidebar - Primary
------------------------- */

body .sidebar-primary {
  background-color: #414da7;
}

body .sidebar-primary .nav-divider {
  color: #ddddff;
}

body .sidebar-primary.nav-left-sidebar .nav-link i {
  color: #8991d4;
}

body .sidebar-primary.nav-left-sidebar .navbar-nav .nav-link {
  color: #8991d4;
}

body .sidebar-primary.nav-left-sidebar .navbar-nav .nav-link:focus {
  color: #fff;
  background-color: #5761c2;
  border-radius: 2px;
}

body .sidebar-primary.nav-left-sidebar .navbar-nav .nav-link:hover {
  color: #fff;
  background-color: #5761c2;
  border-radius: 2px;
}

body .sidebar-primary.nav-left-sidebar .navbar-nav .nav-link.active {
  background-color: #5761c2;
  color: #fff;
  border-radius: 2px;
}

body .sidebar-primary.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover {
  color: #fff;
  border-radius: 2px;
  background-color: transparent;
}

body .sidebar-dark {
  background-color: #222d32;
  box-shadow: 0 0 28px 0 rgba(34, 45, 50, 0.13);
  -webkit-transition: all 0.3s ease;
}

body .sidebar-dark .nav-divider {
  color: #eee;
  font-size: 12px;
  letter-spacing: 1px;
}

/* -----------------------
Leftsidebar - dark
------------------------- */

.sidebar-dark.nav-left-sidebar .navbar-nav a.nav-link {
  color: #fff;
  border: 1px solid transparent;
}

.sidebar-dark.nav-left-sidebar .navbar-nav a.nav-link:focus {
  color: #fff;
}

.sidebar-dark.nav-left-sidebar .navbar-nav a.nav-link:hover {
  color: #fff;
  background-color: #F9782D;
  border-radius: 10px;
  border: 1px solid;
  border-color: #ffffff;
  transition: 0.5s;
}

.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link.active {
  background-color: #F9782D;
  color: #fff;
  border-radius: 10px;
  border: 1px solid;
  border-color: #ffffff;
}

.sidebar-dark.nav-left-sidebar .navbar-nav .nav-item .badge {
  position: absolute;
  right: 40px;
  display: none;
}

.sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover {
  color: #fff;
  border-radius: 2px;
  background-color: #F9782D;
}

/*-----navigation dark ---*/

/*-----------------------
Sidebar Page Navigations
-------------------------*/

.sidebar-nav-fixed {
  position: sticky;
  top: 5rem;
}

.sidebar-nav-fixed ul li a {
  font-size: 14px;
  color: #999999;
  display: block;
  padding: 5px 15px;
  background: transparent;
  border-radius: 4px;
  line-height: 1.8;
}

.sidebar-nav-fixed ul li a:hover {
  color: #3175BE;
}

.sidebar-nav-fixed ul li a.active {
  display: block;
  color: #3175BE;
  background: #e0e0fd;
}

nav.navbar #navbarNav {
  margin-bottom: 10px;
}

nav.navbar #navbarNav ul li span.submenu-title {
  padding-left: 1em;
}

nav.navbar .navbar-toggler {
  display: block;
  position: absolute;
  top: 5px;
  left: calc(50% - 25px);
  margin-bottom: 10px;
  font-size: 0.75rem;
}

@media (max-width: 991px) {
  nav.navbar .navbar-toggler {
    bottom: unset;
    top: 10px;
  }
}

@media (max-width: 991px) {
  nav.navbar {
    display: block;
  }

  nav.navbar .main_logo {
    float: right;
    margin: 5px 15px 0 0;
  }

  nav.navbar .top-button {
    left: calc(50% - 70px);
    position: relative;
    margin: -10px 0px 0 0px;
    padding: 0 0 10px;
  }

  nav.navbar .left-toggler {
    margin: -50px 15px 15px;
    position: relative;
    background: #3175BE;
    left: unset;
  }

  nav.navbar .left-toggler span {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
  }
}

body.closed-navbar .nav-left-sidebar {
  width: 62px;
  overflow-x: hidden;
  z-index: 1000;
}

body.closed-navbar .nav-left-sidebar nav.navbar ul.navbar-nav li {
  font-size: 24px;
}

body.closed-navbar .nav-left-sidebar nav.navbar ul.navbar-nav li a {
  text-align: center;
}

body.closed-navbar .nav-left-sidebar nav.navbar ul.navbar-nav li a i + span {
  display: none;
}

body.closed-navbar .nav-left-sidebar nav.navbar ul.navbar-nav li a:after {
  display: none;
}

body.closed-navbar .nav-left-sidebar nav.navbar ul.navbar-nav li .submenu .nav .nav-item .nav-link {
  padding: 6px 12px;
}

body.closed-navbar .nav-left-sidebar nav.navbar ul.navbar-nav li span.submenu-title {
  padding-left: 0.5em !important;
}

body.closed-navbar .nav-left-sidebar nav.navbar .navbar-toggler {
  left: calc(50% - 18px);
}

body.closed-navbar .nav-left-sidebar:hover {
  width: 315px;
}

body.closed-navbar .nav-left-sidebar:hover li a {
  text-align: left !important;
}

body.closed-navbar .nav-left-sidebar:hover li a i + span {
  display: inline-block !important;
  white-space: nowrap;
}

body.closed-navbar .nav-left-sidebar:hover li a:after {
  display: block !important;
}

body.closed-navbar .nav-left-sidebar:hover li .submenu .nav .nav-item .nav-link {
  padding: 6px 12px 6px 18px !important;
}

body.closed-navbar .dashboard-wrapper {
  margin-left: 50px;
}

@media (max-width: 991px) {
  .dashboard-header nav > .main_logo img {
    height: 50px;
  }

  .dashboard-header nav a.navbar-brand {
    max-width: 40%;
  }

  .dashboard-header nav ul.mdNav {
    float: right;
    margin: -41px 15px 0 0;
    list-style: none;
  }

  .dashboard-header nav ul.mdNav li.nav-item.nav-user {
    float: right;
    margin-top: -30px;
  }

  .dashboard-header nav ul.mdNav li.nav-item.nav-user a.nav-user-icon {
    font-size: 20px !important;
    padding: 3px 12px 0 !important;
    line-height: 27px !important;
  }

  .dashboard-header nav ul.mdNav li.nav-item.nav-user a.nav-user-icon i {
    padding: 0;
    color: #fff;
    background: #3175BE;
  }

  .dashboard-header nav ul.mdNav li.nav-item.userNotifications {
    margin-right: 50px;
  }

  .dashboard-header nav ul.mdNav li.nav-item a.nav-link {
    border-radius: 5px;
    line-height: 14px;
  }

  .dashboard-header nav ul.mdNav li.nav-item a.nav-link.notifications[data-count]:after {
    content: attr(data-count);
    font-size: 10px;
    position: absolute;
    background: #af242b;
    color: #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    text-align: center;
    right: -5px;
    top: -5px;
  }
}

/*--- Bootstrap Dropdown ----*/

body .dropdown-menu {
  background: #fff;
  font-size: 14px;
  color: #3d405c;
  border: 1px solid #d2d2e4;
}

body .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #3d405c;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

body .dropdown-item:hover {
  color: #3d405c !important;
  background: #F9782D;
}

body .dropdown-item:active {
  color: #3d405c !important;
  text-decoration: none;
  background-color: #F9782D;
}

body .dropdown-item.active {
  color: #fff;
  text-decoration: none;
  background-color: #3175BE;
}

/* -------------------- 0.5.Container / Wrapper ----------------------- */

/*-----------------------
Container / Wrapper
-------------------------*/

body .dashboard-main-wrapper {
  min-height: 100%;
  padding-top: 60px;
  position: relative;
}

body .dashboard-main-wrapper .main-content {
  margin-left: 266px;
  width: auto;
}

body .dashboard-main-wrapper .content-container {
  display: flex;
  height: calc(100vh - 3.5625rem);
}

body .dashboard-main-wrapper .content-container > .chat-module {
  overflow: hidden;
  padding: 1.5rem;
}

body .dashboard-main-wrapper .content-container > .chat-module .chat-module-body {
  width: 100%;
  padding-right: 0;
}

body .dashboard-main-wrapper .content-container > .chat-module .chat-item {
  padding-bottom: 1.5rem;
}

body .dashboard-main-wrapper .content-container > .chat-module .chat-item:not(:last-child) {
  border-bottom: 1px solid #d2d2e4;
}

body .dashboard-main-wrapper .content-container > .chat-module .chat-item .media-body {
  background: none;
  padding: 0;
}

body .dashboard-main-wrapper .main-container {
  overflow: hidden;
  flex: 1;
}

body .dashboard-wrapper {
  position: relative;
  left: 0;
  margin-left: 290px;
  min-height: 100vh !important;
}

@media (max-width: 991px) {
  body .dashboard-wrapper {
    min-height: calc(100vh - 145px) !important;
  }
}

body .dashboard-content {
  padding: 30px 30px 60px 30px;
}

/*-----------------------
Splash Container / Wrapper
-------------------------*/

body .splash-container {
  width: 100%;
  max-width: 400px;
  padding: 15px;
  margin: auto;
}

body .splash-container .card-header {
  padding: 20px;
}

body .splash-container .card-footer-item {
  padding: 12px 28px;
}

body .splash-description {
  text-align: center;
  display: block;
  line-height: 20px;
  font-size: 1rem;
  margin-top: 5px;
  padding-bottom: 10px;
}

body .splash-title {
  text-align: center;
  display: block;
  font-size: 14px;
  font-weight: 300;
}

/* -------------------- 0.6.Pageheader ----------------------- */

/*-----------------------
Pageheader
-------------------------*/

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

body .page-breadcrumb .breadcrumb-link {
  color: #a6a6b7;
}

body .page-breadcrumb .breadcrumb-link:hover {
  color: #3175BE;
}

body .page-breadcrumb .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  border-top: 1px solid #e0e4ef;
  font-size: 12px;
}

body .page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #b1b1c0;
  content: "\F105";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

body .page-breadcrumb .breadcrumb-item.active {
  color: #999999;
}

body .pageheader-title {
  font-size: 24px;
  margin-bottom: 8px;
}

body .pageheader-text {
  margin-bottom: 14px;
  display: none;
}

/* -------------------- 0.7.Footer ----------------------- */

/*-----------------------
 Footer
-------------------------*/

.footer {
  border-top: 1px solid rgba(152, 166, 173, 0.2);
  padding: 14px 30px 14px;
  color: #71748d;
  background-color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.footer .footer-links a {
  color: #71748d;
  margin-left: 1.5rem;
  transition: all 0.4s;
}

/* ==========================================================================
  1. Dashboard Index-sales
   ========================================================================== */

body .chart-widget-list {
  margin-top: 60px;
}

body .chart-widget-list p {
  border-bottom: 1px solid #d2d2e4;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

body .sell-ratio {
  margin-bottom: 15px;
}

body .sell-ratio .progress-bar {
  background-color: #0a4275;
}

/* ==========================================================================
  2. Dashboard Index-Finance
   ========================================================================== */

.dashboard-finance .ct-label {
  display: none;
}

/* ==========================================================================
  3. Dashboard Influencer
   ========================================================================== */

body .influencer-profile-data .user-avatar {
  margin-right: 40px;
}

body .influencer-profile-data .user-avatar-info {
  display: block;
  margin-top: 14px;
}

body .influencer-profile-data .user-avatar-name {
  float: left;
  padding-right: 20px;
}

body .influencer-profile-data .user-avatar-email {
  text-decoration: underline;
}

body .influencer-profile-data .user-social-media {
  padding: 16px 99px;
  text-align: center;
  border-right: 1px solid #d2d2e4;
}

body .influencer-profile-data .user-social-media:last-child {
  border-right: transparent;
}

body .user-social-box {
  background-color: #f9f9fc;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

body .dashboard-influence .progress {
  width: 86%;
  background-color: #ededfa;
}

body .campaign-table .dropdown-toggle::after {
  display: none;
}

body .campaign-card {
  padding-bottom: 25px;
  padding-top: 25px;
}

body .campaign-img {
  margin-bottom: 25px;
}

/* ==========================================================================
  3. Influencer Finder
   ========================================================================== */

body .influence-finder .user-social-media {
  padding: 16px 68px;
  text-align: center;
  border-right: 1px solid #d2d2e4;
}

body .influence-finder .user-social-media:last-child {
  border-right: transparent;
}

body .influence-finder .icon-circle {
  height: 40px;
  width: 40px;
  display: inline-block;
  padding: 9px;
  line-height: 1.7;
}

body .influence-finder button.btn {
  height: 47px;
  width: 110px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

body .search-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

/* ==========================================================================
 4. Influencer Profile
========================================================================== */

body .rating-star {
  font-size: 12px;
  padding-top: 8px;
  color: #ffa811;
}

body .campaign-social-box {
  background-color: #f9f9fc;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

body .campaign-metrics {
  border-right: 1px solid #dee2e6;
  text-align: center;
  padding: 8px 79px;
}

body .campaign-metrics:last-child {
  border-right: transparent;
}

body .influence-profile-content.pills-regular .tab-content {
  background-color: transparent;
  padding: 0;
  border: transparent;
  border-radius: 0;
}

/* ==========================================================================
  5. Dashboard Ecommerce
   ========================================================================== */

/* -------------- social sales -------------------*/

body .social-sales-icon-circle {
  height: 40px;
  width: 40px;
  line-height: 1;
  text-align: center;
  border-radius: 100%;
  padding: 12px 13px;
  display: inline-block;
}

body .social-sales-count {
  float: right;
  line-height: 2.9;
}

/* -------------- traffic sales -------------------*/

body .traffic-sales-content {
  padding: 20px !important;
}

body .traffic-sales-amount {
  float: right;
  color: #3d405c;
}

/* -------------- country sales -------------------*/

body .country-sales-content {
  padding: 20px !important;
}

/* ==========================================================================
   Ecommerce Products
   ========================================================================== */

body {
  /**** BLUE Radio button code ****/
  /**** Yellow Radio button code ****/
  /**** Red Radio button code ****/
}

body .product-thumbnail {
  border: 1px solid #d2d2e4;
  background-color: #fff;
  margin-bottom: 30px;
}

body .product-img {
  text-align: center;
  padding: 35px 0;
}

body .product-img-head {
  position: relative;
}

body .ribbons {
  -webkit-clip-path: polygon(10% 25%, 10% 0, 35% 0%, 65% 0%, 90% 0, 90% 25%, 90% 50%, 91% 100%, 50% 73%, 10% 100%, 10% 50%);
          clip-path: polygon(10% 25%, 10% 0, 35% 0%, 65% 0%, 90% 0, 90% 25%, 90% 50%, 91% 100%, 50% 73%, 10% 100%, 10% 50%);
  position: absolute;
  top: 0;
  background-color: #59b3ff;
  padding: 31px 15px;
  text-align: center;
  left: 10px;
  font-family: "Montserrat";
  color: #fff;
}

body .ribbons-text {
  transform: rotate(90deg);
  position: absolute;
  top: 11px;
  left: 10px;
  color: #fff;
}

body .product-wishlist-btn {
  height: 40px;
  width: 40px;
  border: 2px solid #dfdfec;
  border-radius: 100px;
  font-size: 18px;
  line-height: 2.3;
  color: #dfdfec;
  text-align: center;
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
}

body .product-wishlist-btn:hover,
body .product-wishlist-btn.active {
  border-color: #ff3367;
  color: #ff3367;
  transition: 0.3s ease;
}

body .product-content {
  border-top: 1px solid #d2d2e4;
  padding: 23px;
}

body .product-content-head {
  position: relative;
  margin-bottom: 25px;
}

body .product-title {
  font-size: 16px;
  margin-bottom: 5px;
}

body .product-rating {
  font-size: 12px;
  color: #ffa811;
}

body .product-price {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  color: #3d405c;
  font-family: "Montserrat";
  line-height: 1;
}

body .product-del {
  font-size: 14px;
  color: #71748d;
}

body .product-sidebar {
  background-color: #fff;
  border: 1px solid #d2d2e4;
}

body .product-sidebar-widget {
  border-bottom: 1px solid #d2d2e4;
  padding: 10px 20px;
  margin-bottom: 10px;
}

body .product-sidebar-widget:last-child {
  border: 0;
}

body .product-sidebar-widget-title {
  font-size: 16px;
  margin-bottom: 10px;
}

body .custom-color-red.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #a40000;
  border-color: #a40000;
}

body .custom-color-blue.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0d4197;
  border-color: #0d4197;
}

body .custom-color-yellow.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffdc40;
  border-color: #ffdc40;
}

body .custom-color-black.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #111111;
  border-color: #111111;
}

body .product-slider {
  background-color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 110px;
}

body .product-carousel .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -80px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

body .product-carousel .carousel-indicators li {
  position: relative;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: #e0e0e7;
  border-radius: 100%;
}

body .product-carousel .carousel-indicators li.active {
  background-color: #3175BE;
}

body .product-carousel .carousel-control-next {
  display: none;
}

body .product-carousel .carousel-control-prev {
  display: none;
}

body .carousel-control-prev {
  display: none;
}

body .product-details {
  background-color: #fff;
  padding: 30px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative;
}

body .product-colors {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

body .product-colors input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  display: none;
}

body .product-colors label {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 1.6s;
  animation-name: dot-anim;
}

body .product-colors label:before {
  content: "\F00C";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding: 0;
  margin: 4px 8px;
  color: #fff;
  font-size: 14px;
}

body .product-colors .radio:checked + label {
  animation-play-state: paused;
}

body .product-colors .radio:checked + label:after {
  background: transparent;
  transition: all 0.5s;
  transform: scale(1);
}

body .product-size {
  padding-bottom: 14px;
  margin-bottom: 10px;
  position: relative;
}

body input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  display: none;
}

body #radio-1 + label {
  left: -60vw;
  background: #0a3c93;
  animation-delay: 0s;
}

body #radio-1 + label:before {
  transform: scale(0);
}

body #radio-1:checked + label:before {
  transform: scale(1);
  transition: all 0.4s;
}

body #radio-2 + label {
  left: -60vw;
  background: #ffdc40;
  animation-delay: 0s;
}

body #radio-2 + label:before {
  transform: scale(0);
}

body #radio-2:checked + label:before {
  transform: scale(1);
  transition: all 0.4s;
}

body #radio-3 + label {
  left: -60vw;
  background: #a00000;
  animation-delay: 0s;
}

body #radio-3 + label:before {
  transform: scale(0);
}

body #radio-3:checked + label:before {
  transform: scale(1);
  transition: all 0.4s;
}

body .product-qty {
  position: absolute;
  right: 0;
  top: 0;
}

body .product-qty input[type=number] {
  -moz-appearance: textfield;
}

body .product-qty input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body .product-qty input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body .quantity {
  position: relative;
}

body .quantity input {
  width: 65px;
  height: 41px;
  line-height: 1.65;
  float: left;
  display: block;
  margin: 0;
  padding: 0 0 0 20px;
  border: 1px solid #eee;
}

body .quantity input:focus {
  outline: 0;
}

body .quantity-nav {
  float: left;
  position: relative;
  height: 39px;
}

body .quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #d2d2e4;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Montserrat";
  line-height: 1.6;
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #efeff6;
}

body .quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #d2d2e4;
}

body .quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}

/* ==========================================================================
  2. UI Elements
  ========================================================================== */

/* -----------------------
2.1  Alerts
-------------------------*/

.alert ul {
  margin-bottom: 0;
}

/* -----------------------
2.2  Buttons
-------------------------*/

body {
  /*--- btn default --*/
  /*--- btn primary --*/
  /*--- btn secondary --*/
  /*--- btn success --*/
  /*--- btn danger --*/
  /*--- btn warning --*/
  /*--- btn info --*/
  /*--- btn light --*/
  /*--- btn dark --*/
  /*--- btn outline brand --*/
  /*--- btn outline primary --*/
  /*--- btn outline secondary --*/
  /*--- btn outline success --*/
  /*--- btn outline danger --*/
  /*--- btn outline warning --*/
  /*--- btn outline info --*/
  /*--- btn outline light --*/
  /*--- btn outline-dark --*/
  /*--- btn social --*/
  /*--- cropper document btn --*/
}

body .btn {
  font-size: 14px;
  padding: 9px 16px;
  border-radius: 2px;
  transition: 0.3s;
}

body .btn:hover {
  border-radius: 10px;
}

body .btn-wishlist {
  background-color: #efeff6;
  border-radius: 100px;
  height: 30px;
  width: 30px;
  padding: 5px 3px;
  display: inline-block;
  font-size: 14px;
  color: #3d405c;
  text-align: center;
  line-height: 1.7;
}

body .btn-wishlist:hover {
  background-color: #64abd2;
  color: #fff;
}

body .btn-brand {
  color: #2e2f39;
  background-color: #F9782D;
  border-color: #F9782D;
}

body .btn-brand:hover,
body .btn-brand:focus,
body .btn-brand.focus {
  color: #2e2f39;
  background-color: #efb63e;
  border-color: #efb63e;
}

body .btn-primary {
  color: #fff;
  background-color: #64abd2;
  border-color: #64abd2;
}

body .btn-primary:hover,
body .btn-primary:focus,
body .btn-primary.focus {
  color: #fff;
  background-color: #fa8846;
  border-color: #64abd2;
  box-shadow: none !important;
}

body .btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #F9782D;
  border-color: #64abd2;
}

body .btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #F9782D;
  border-color: #64abd2;
}

body .btn-primary.disabled,
body .btn-primary:disabled {
  color: #fff;
  background-color: #F9782D;
  border-color: #64abd2;
}

body .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #F9782D;
  border-color: #64abd2;
}

body .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #3c96c7;
  border-color: #3c96c7;
}

body .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #21ae41;
  border-color: #21ae41;
}

body .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #da0419;
  border-color: #da0419;
}

body .show > .btn-warning.dropdown-toggle {
  color: #2e2f39;
  background-color: #f3b600;
  border-color: #f3b600;
}

body .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #17c0dc;
  border-color: #17c0dc;
}

body .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #3c96c7;
  border-color: #3c96c7;
}

body .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #F9782D;
  border-color: #64abd2;
}

body .btn-secondary {
  color: #fff;
  background-color: #3c96c7;
  border-color: #3c96c7;
}

body .btn-secondary:hover,
body .btn-secondary:focus,
body .btn-secondary.focus {
  color: #fff;
  background-color: #fa8846;
  border-color: #fa8846;
}

body .btn-secondary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #3c96c7;
  border-color: #3c96c7;
}

body .btn-secondary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #3c96c7;
  border-color: #3c96c7;
}

body .btn-success {
  color: #fff;
  background-color: #2ec551;
  border-color: #2ec551;
}

body .btn-success:hover,
body .btn-success:focus,
body .btn-success.focus {
  color: #fff;
  background-color: #21ae41;
  border-color: #21ae41;
}

body .btn-success:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #21ae41;
  border-color: #21ae41;
}

body .btn-success:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #21ae41;
  border-color: #21ae41;
}

body .btn-danger {
  color: #fff;
  background-color: #af242b;
  border-color: #af242b;
}

body .btn-danger:hover,
body .btn-danger:focus,
body .btn-danger.focus {
  color: #fff;
  background-color: #da0419;
  border-color: #da0419;
}

body .btn-danger:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #da0419;
  border-color: #da0419;
}

body .btn-danger:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #da0419;
  border-color: #da0419;
}

body .btn-warning {
  color: #2e2f39;
  background-color: #ffc108;
  border-color: #ffc108;
}

body .btn-warning:hover,
body .btn-warning:focus,
body .btn-warning.focus {
  color: #2e2f39;
  background-color: #f3b600;
  border-color: #f3b600;
}

body .btn-warning:not(:disabled):not(.disabled).active {
  color: #2e2f39;
  background-color: #f3b600;
  border-color: #f3b600;
}

body .btn-warning:not(:disabled):not(.disabled):active {
  color: #2e2f39;
  background-color: #f3b600;
  border-color: #f3b600;
}

body .btn-info {
  color: #fff;
  background-color: #0a4275;
  border-color: #0a4275;
}

body .btn-info:hover,
body .btn-info:focus,
body .btn-info.focus {
  color: #fff;
  background-color: #17c0dc;
  border-color: #17c0dc;
}

body .btn-info:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #17c0dc;
  border-color: #17c0dc;
}

body .btn-info:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #17c0dc;
  border-color: #17c0dc;
}

body .btn-light {
  color: #71738d;
  background-color: #f0f0f8;
  border-color: #f0f0f8;
}

body .btn-light:hover,
body .btn-light:focus,
body .btn-light.focus {
  color: #2e2f39;
  background-color: #d7d7df;
  border-color: #d7d7df;
}

body .btn-dark {
  color: #fff;
  background-color: #2e2f39;
  border-color: #2e2f39;
}

body .btn-dark:hover,
body .btn-dark:focus,
body .btn-dark.focus {
  color: #2e2f39;
  background-color: #d7d7df;
  border-color: #d7d7df;
}

body .btn-outline-brand {
  color: #2e2f39;
  background-color: transparent;
  border-color: #F9782D;
}

body .btn-outline-brand:hover,
body .btn-outline-brand:focus,
body .btn-outline-brand.focus {
  color: #2e2f39;
  background-color: #F9782D;
  border-color: #F9782D;
}

body .btn-outline-primary {
  color: #3175BE;
  background-color: transparent;
  border-color: #3175BE;
}

body .btn-outline-primary:hover,
body .btn-outline-primary:focus,
body .btn-outline-primary.focus {
  color: #fff;
  background-color: #3175BE;
  border-color: #3175BE;
}

body .btn-outline-primary:not(:disabled):not(.disabled):active,
body .btn-outline-primary:not(:disabled):not(.disabled).active,
body .btn-outline-primary .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #3175BE;
  border-color: #3175BE;
}

body .btn-outline-secondary {
  color: #64abd2;
  background-color: transparent;
  border-color: #64abd2;
}

body .btn-outline-secondary:hover,
body .btn-outline-secondary:focus,
body .btn-outline-secondary.focus {
  color: #fff;
  background-color: #64abd2;
  border-color: #64abd2;
}

body .btn-outline-secondary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #64abd2;
  border-color: #64abd2;
}

body .btn-outline-secondary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #64abd2;
  border-color: #64abd2;
}

body .btn-outline-success {
  color: #2ec551;
  background-color: transparent;
  border-color: #2ec551;
}

body .btn-outline-success:hover,
body .btn-outline-success:focus,
body .btn-outline-success.focus {
  color: #fff;
  background-color: #2ec551;
  border-color: #2ec551;
}

body .btn-outline-danger {
  color: #af242b;
  background-color: transparent;
  border-color: #af242b;
}

body .btn-outline-danger:hover,
body .btn-outline-danger:focus,
body .btn-outline-danger.focus {
  color: #fff;
  background-color: #af242b;
  border-color: #af242b;
}

body .btn-outline-warning {
  color: #2e2f39;
  background-color: transparent;
  border-color: #ffc108;
}

body .btn-outline-warning:hover,
body .btn-outline-warning:focus,
body .btn-outline-warning.focus {
  color: #2e2f39;
  background-color: #ffc108;
  border-color: #ffc108;
}

body .btn-outline-info {
  color: #0a4275;
  background-color: transparent;
  border-color: #0a4275;
}

body .btn-outline-info:hover,
body .btn-outline-info:focus,
body .btn-outline-info.focus {
  color: #fff;
  background-color: #0a4275;
  border-color: #0a4275;
}

body .btn-outline-light {
  color: #7171a6;
  background-color: transparent;
  border-color: #d2d2e4;
}

body .btn-outline-light:hover,
body .btn-outline-light:focus,
body .btn-outline-light.focus {
  color: #71748d;
  background-color: #f0f0f8;
  border-color: #cacae0;
}

body .btn-outline-dark {
  color: #2e2f39;
  background-color: transparent;
  border-color: #2e2f39;
}

body .btn-outline-dark:hover,
body .btn-outline-dark:focus,
body .btn-outline-dark.focus {
  color: #fff;
  background-color: #2e2f39;
  border-color: #2e2f39;
}

body .btn-xs {
  padding: 4px 10px;
  font-size: 12px;
}

body .btn-sm {
  padding: 5px 12px;
  font-size: 14px;
}

body .btn-lg {
  padding: 11px 20px;
  font-size: 15px;
}

body .btn-facebook {
  color: #fff;
  background-color: #3c73df;
  border-color: #3c73df;
}

body .btn-google-plus {
  color: #fff;
  background-color: #eb5e4c;
  border-color: #eb5e4c;
}

body .btn-twitter {
  color: #fff;
  background-color: #2caeff;
  border-color: #2caeff;
}

body .btn-instagram {
  color: #fff;
  background-color: #9361fa;
  border-color: #9361fa;
}

body .btn-pinterest {
  color: #fff;
  background-color: #c8232c;
  border-color: #c8232c;
}

body .btn-rounded {
  border-radius: 100px;
}

body .docs-buttons .btn {
  margin-bottom: 5px;
}

body .docs-data .input-group {
  margin-bottom: 5px;
}

/*-----------------------
btn-link
-------------------------*/

body .btn-link {
  color: #3175BE;
}

body .btn-link:hover {
  text-decoration: none;
}

body .btn-primary-link {
  color: #3175BE !important;
}

body .btn-brand-link {
  color: #F9782D !important;
}

body .btn-secondary-link {
  color: #64abd2 !important;
}

.btn:focus,
.btn.focus {
  outline: 0 !important;
  box-shadow: none !important;
}

/* -----------------------
2.3  Cards
-------------------------*/

body .card {
  margin-bottom: 30px;
  border: none;
  box-shadow: 0 1px 2px 1px rgba(154, 154, 204, 0.22);
}

body .card-header {
  background-color: #fff;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 18px;
}

body .card-header nav.navbar.navbar-expand-sm {
  justify-content: space-between;
}

body .card-header nav.navbar ul {
  float: right;
}

body .card-title {
  margin: 0;
  font-size: 26px;
  text-transform: uppercase;
}

body .card-subtitle {
  font-size: 14px;
}

body .card-footer {
  border-top: 1px solid #d2d2e4;
  background: #f6f6ff;
}

body .toolbar {
  font-size: 18px;
}

body .card-header-title {
  margin: 0;
  line-height: 2;
}

body .card-actions {
  float: right;
}

body .card-toolbar-tabs .nav.nav-pills .nav-item .nav-link {
  font-size: 14px;
  padding: 6px 10px;
}

body .card-toolbar-tabs .nav-pills .nav-link.active {
  color: #3175BE;
  background-color: transparent;
}

body .nav-pills .show > .nav-link {
  color: #3175BE;
  background-color: transparent;
}

/*------------------------- Card Varience --------------------------*/

body .card-figure {
  position: relative;
  padding: 10px;
  border-radius: 2px;
}

body .card-figure .figure {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

body .card-figure .figure-caption {
  display: block;
  margin-top: 10px;
  font-size: 0.875rem;
  color: inherit;
}

body .card-figure:hover .img-link {
  opacity: 1;
}

body .card-figure:hover .figure-action {
  opacity: 1;
  transform: translateZ(0);
  z-index: 2;
}

body .card-figure:hover .figure-tools {
  opacity: 1;
}

body .card-figure:hover .figure-description {
  opacity: 1;
}

body .figure-title {
  margin: 0 0 0.125rem;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body .card-figure.has-hoverable {
  transition: transform 0.2s, box-shadow 0.2s;
}

body .card-figure.has-hoverable:focus {
  transform: translate3d(0, -0.25rem, 0);
  box-shadow: 0 5px 15px 0 rgba(61, 70, 79, 0.15);
}

body .card-figure.has-hoverable:hover {
  transform: translate3d(0, -0.25rem, 0);
  box-shadow: 0 5px 15px 0 rgba(61, 70, 79, 0.15);
}

body .figure-img {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}

body .figure-img .img-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.96);
  opacity: 0;
  z-index: 2;
  transition: opacity 0.2s ease;
}

body .figure-img .img-link .tile {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -1rem;
}

body .tile.bg-danger {
  color: #fff;
}

body .tile-circle {
  border-radius: 4rem;
}

body .figure-action {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition: all 0.3s ease;
}

body .figure-tools {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  padding: 0.5rem;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.3s ease;
}

body .figure-description {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2.25rem 0.5rem;
  background-color: rgba(255, 255, 255, 0.96);
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 1;
}

body .figure-attachment {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  background-color: #f5f5f5;
  overflow: hidden;
}

body .btn-reset {
  padding: 0 2px;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

/*------------------------- Card Navigation --------------------------*/

/* -----------------------
2.4  General
-------------------------*/

/*---------Tooltips----------*/

/*--------- Popovers ----------------*/

body .popover {
  border: 1px solid rgb(230, 230, 242);
}

body .bs-popover-auto[x-placement^=right] .arrow::before {
  left: 0;
  border-right-color: #d2d2e4;
}

body .bs-popover-right .arrow::before {
  left: 0;
  border-right-color: #d2d2e4;
}

body .popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7fd;
  border-bottom: 1px solid #f0f0f8;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

/* -----------------------
2.5  Modals
-------------------------*/

.bd-example-row .row > .col {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: rgba(87, 97, 194, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2);
}

.bd-example-row .row > [class^=col-] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: rgba(87, 97, 194, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2);
}

.modal.modal-primary .modal-header {
  background-color: #3175BE;
}

.modal.modal-primary .modal-header,
.modal.modal-primary .modal-header * {
  color: #fff !important;
}

.modal.modal-secondary .modal-header {
  background-color: #64abd2;
}

.modal.modal-secondary .modal-header,
.modal.modal-secondary .modal-header * {
  color: #fff !important;
}

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

.modal.modal-success .modal-header,
.modal.modal-success .modal-header * {
  color: #fff !important;
}

.modal.modal-info .modal-header {
  background-color: #0a4275;
}

.modal.modal-info .modal-header,
.modal.modal-info .modal-header * {
  color: #fff !important;
}

.modal.modal-warning .modal-header {
  background-color: #ffc108;
}

.modal.modal-warning .modal-header,
.modal.modal-warning .modal-header * {
  color: #fff !important;
}

.modal.modal-error .modal-header,
.modal.modal-danger .modal-header {
  background-color: #af242b;
}

.modal.modal-error .modal-header,
.modal.modal-error .modal-header *,
.modal.modal-danger .modal-header,
.modal.modal-danger .modal-header * {
  color: #fff !important;
}

/* -----------------------
2.6  Notification
-------------------------*/

/* -----------------------
2.7  Icon
-------------------------*/

body .icon-circle {
  border-radius: 100%;
}

body .icon-circle-small {
  line-height: 1;
  padding: 4px 2px;
  text-align: center;
  font-size: 12px;
  display: inline-block;
  border-radius: 100%;
}

body .icon-circle-medium {
  line-height: 1;
  padding: 22px 2px;
  text-align: center;
  font-size: 12px;
  display: inline-block;
  border-radius: 100%;
}

body .icon-box-lg {
  height: 68px;
  width: 68px;
}

body .icon-box-md {
  height: 32px;
  width: 32px;
}

body .icon-box-xs {
  height: 20px;
  width: 20px;
}

body i.fas + span,
body i.far + span {
  margin-left: 5px;
}

/* -----------------------
2.8  Tabs
-------------------------*/

.tab-regular .nav.nav-tabs {
  border-bottom: transparent;
}

.tab-regular .nav.nav-tabs .nav-link {
  display: block;
  padding: 17px 49px;
  color: #71748d;
  background-color: #dddde8;
  margin-right: 5px;
  border-color: #dddde8;
}

.tab-regular .nav-tabs .nav-link.active {
  background-color: #fff;
  border-color: #d2d2e4 #d2d2e4 #fff;
  color: #3175BE;
}

.tab-regular .tab-content {
  background-color: #fff;
  padding: 30px;
  border: 1px solid #d2d2e4;
  border-radius: 0 4px 4px 4px;
}

/*----- Tabs Vertical CSS ----*/

.tab-vertical .nav.nav-tabs {
  float: left;
  display: block;
  margin-right: 0;
  border-bottom: 0;
}

.tab-vertical .nav.nav-tabs .nav-item {
  margin-bottom: 6px;
}

.tab-vertical .nav-tabs .nav-link {
  padding: 17px 49px;
  color: #71748d;
  background-color: #dddde8;
  border-radius: 4px 0 0 4px;
  border: 1px solid transparent;
}

.tab-vertical .nav-tabs .nav-link.active {
  color: #3175BE;
  background-color: #fff !important;
  border-color: transparent !important;
}

.tab-vertical .tab-content {
  overflow: auto;
  border-radius: 0 4px 4px 4px;
  background: #fff;
  padding: 30px;
}

/*----- Tabs Outline CSS ----*/

.tab-outline .nav.nav-tabs {
  border-bottom: transparent;
}

.tab-outline .nav.nav-tabs .nav-item .nav-link {
  display: block;
  padding: 17px 49px;
  color: #71748d;
  background-color: #e9e9f2;
  border-color: #c4c4cf #c4c4cf #c4c4cf;
  margin-right: 3px;
}

.tab-outline .nav-tabs .nav-link.active {
  color: #3175BE !important;
  background-color: transparent !important;
  border-color: #c4c4cf #c4c4cf #f0f0f8 !important;
}

.tab-outline .nav-tabs .nav-link:focus {
  border-color: transparent;
  color: #3175BE !important;
}

.tab-outline .tab-content {
  padding: 30px;
  border: 1px solid #c4c4cf;
  border-radius: 0 4px 4px 4px;
}

.nav-tabs .nav-link:hover {
  border-color: transparent;
  color: #3175BE !important;
}

/*----- Tabs Vertical Outline CSS ----*/

.tab-vertical-outline .nav.nav-tabs {
  float: left;
  display: block;
  margin-right: 0;
  border-bottom: 0;
}

.tab-vertical-outline .nav.nav-tabs .nav-item {
  margin-bottom: 6px;
}

.tab-vertical-outline .nav-tabs .nav-link {
  padding: 17px 49px;
  color: #71748d;
  background-color: #e9e9f2;
  border-radius: 4px 0 0 4px;
  border: 1px solid transparent;
}

.tab-vertical-outline .nav-tabs .nav-link.active {
  color: #3175BE;
  border: 1px solid #c4c4cf !important;
  background: transparent;
  border-right: 1px solid #f0f0f8 !important;
}

.tab-vertical-outline .tab-content {
  overflow: auto;
  border-radius: 0 4px 4px 4px;
  background: transparent;
  padding: 30px;
  border: 1px solid #c4c4cf;
  left: -1px;
  position: relative;
  z-index: -1;
}

/*--- Simple Card Tabs ----*/

.simple-card {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e9e9f2;
}

.simple-card .nav.nav-tabs {
  border-bottom: 1px solid #d2d2e4;
}

.simple-card .nav.nav-tabs .nav-item .nav-link {
  padding: 17px 49px;
  color: #71748d;
  background: #f8f8fb;
  border-color: #e9e9f2 #e9e9f2 #e9e9f2;
  margin-right: -1px;
  border-radius: 0;
  border-top: transparent;
}

.simple-card .nav-tabs .nav-link.active {
  color: #3175BE !important;
  background-color: transparent !important;
  border-color: #e9e9f2 #e9e9f2 #fff !important;
}

.simple-card .tab-content {
  padding: 30px;
}

/*--- Simple Card Outline Tabs ----*/

.simple-outline-card {
  border-radius: 4px;
  border: 1px solid #c4c4cf;
}

.simple-outline-card .nav.nav-tabs {
  border-bottom: 1px solid #c4c4cf;
}

.simple-outline-card .nav.nav-tabs .nav-item .nav-link {
  padding: 17px 49px;
  color: #71748d;
  background: #e9e9f2;
  border-color: #c4c4cf #c4c4cf #c4c4cf;
  margin-right: -1px;
  border-radius: 0;
  border-top: transparent;
}

.simple-outline-card .nav-tabs .nav-link.active {
  color: #3175BE !important;
  background-color: transparent !important;
  border-color: #c4c4cf #c4c4cf #f0f0f8 !important;
}

.simple-outline-card .tab-content {
  padding: 30px;
}

/* -----------------------
Pills Regular
-------------------------*/

.pills-regular .card-header-pills.nav.nav-pills .nav-item .nav-link.active {
  background-color: #3175BE;
  color: #fff;
}

.pills-regular .nav.nav-pills .nav-item .nav-link {
  background-color: #dddde8;
  padding: 14px 26px;
  margin-right: 3px;
  color: #71748d;
  font-size: 16px;
  margin-bottom: 4px;
}

.pills-regular .nav.nav-pills .nav-item .nav-link.active {
  background-color: #fff;
  color: #3175BE;
}

.pills-regular .tab-content {
  background-color: #fff;
  padding: 30px;
  border-radius: 4px;
}

/* -----------------------
Pills Outline
-------------------------*/

.pills-outline .nav.nav-pills .nav-item .nav-link {
  background-color: transparent;
  padding: 16px 52px;
  margin-right: 3px;
  color: #71748d;
  border: 1px solid #c4c4cf;
}

.pills-outline .nav.nav-pills .nav-item .nav-link.active {
  background-color: transparent;
  color: #3175BE;
}

.pills-outline .tab-content {
  background-color: transparent;
  padding: 30px;
  border-radius: 4px;
  border: 1px solid #c4c4cf;
}

/* -----------------------
Pills vertical
-------------------------*/

.pills-vertical .nav.nav-pills .nav-link {
  background-color: #dddde8;
  padding: 16px 52px;
  margin-bottom: 4px;
  color: #71748d;
}

.pills-vertical .nav.nav-pills .nav-link.active {
  background-color: #fff;
  color: #3175BE;
}

.pills-vertical .tab-content {
  background-color: #fff;
  padding: 30px;
  border-radius: 4px;
}

/* -----------------------
2.9  Accordions
-------------------------*/

.accrodion-regular .card {
  margin-bottom: 5px;
}

.accrodion-regular .card .card-header {
  font-size: 16px;
  padding: 10px;
  background-color: transparent;
}

.accrodion-regular .card .card-header:first-child {
  border-radius: 3px 3px 0 0;
}

.accrodion-regular .card .card-header .btn-link {
  color: #3d405c;
  text-decoration: none;
}

.accrodion-regular .card .card-header .btn-link:hover {
  color: #f12357;
  text-decoration: none;
}

.accrodion-regular .card-body {
  margin-top: -1px;
}

.accrodion-outline .card {
  margin-bottom: 5px;
  background-color: transparent;
  border-color: #d9d9e3;
  box-shadow: none;
}

.accrodion-outline .card .card-header {
  font-size: 16px;
  padding: 10px;
  border: 1px solid #d9d9e3;
  background-color: transparent;
}

.accrodion-outline .card .card-header:first-child {
  border-radius: 3px 3px 0 0;
}

.accrodion-outline .card .card-header .btn-link {
  color: #3d405c;
  text-decoration: none;
}

.accrodion-outline .card .card-header .btn-link:hover {
  color: #f12357;
  text-decoration: none;
}

.accrodion-outline .card-body {
  border: 1px solid #d9d9e3;
  margin-top: -1px;
}

/* -----------------------
2.10  Typography
-------------------------*/

/* -----------------------
2.11  Listgroup
-------------------------*/

.list-group-item {
  position: relative;
  display: block;
  padding: 16px 20px;
  margin-bottom: -1px;
  border: 1px solid #d2d2e4;
}

/* -----------------------
2.12  Multiselect
-------------------------*/

select.chosenFixed:invalid {
  height: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
  display: flex !important;
}

select.chosenFixed:invalid[multiple] {
  margin-top: 15px !important;
}

/*-----------------------
2.13 Badge
-------------------------*/

body .badge {
  display: inline-block;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

body .badge-primary {
  background-color: #3175BE;
}

body .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #3175BE;
}

body .badge-primary[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #3175BE;
}

body .badge-brand {
  background-color: #ffb739;
  color: #2e2f39;
}

body .badge-brand[href]:focus {
  color: #2e2f39;
  background-color: #efb63e;
  text-decoration: none;
}

body .badge-brand[href]:hover {
  color: #2e2f39;
  background-color: #efb63e;
  text-decoration: none;
}

body .badge-secondary {
  background-color: #64abd2;
}

body .badge-secondary[href]:focus {
  color: #fff;
  background-color: #64abd2;
  text-decoration: none;
}

body .badge-secondary[href]:hover {
  color: #fff;
  background-color: #64abd2;
  text-decoration: none;
}

body .badge-success {
  background-color: #21ae41;
}

body .badge-success[href]:focus {
  color: #fff;
  background-color: #21ae41;
  text-decoration: none;
}

body .badge-success[href]:hover {
  color: #fff;
  background-color: #21ae41;
  text-decoration: none;
}

body .badge-danger {
  background-color: #da0419;
}

body .badge-danger[href]:focus {
  color: #fff;
  background-color: #af242b;
  text-decoration: none;
}

body .badge-danger[href]:hover {
  color: #fff;
  background-color: #af242b;
  text-decoration: none;
}

body .badge-warning {
  background-color: #f3b600;
  color: #2e2f39;
}

body .badge-warning[href]:focus {
  color: #2e2f39;
  background-color: #f3b600;
  text-decoration: none;
}

body .badge-warning[href]:hover {
  color: #2e2f39;
  background-color: #f3b600;
  text-decoration: none;
}

body .badge-info {
  background-color: #0998b0;
}

body .badge-info[href]:focus {
  color: #fff;
  background-color: #17c0dc;
  text-decoration: none;
}

body .badge-info[href]:hover {
  color: #fff;
  background-color: #17c0dc;
  text-decoration: none;
}

body .badge-light {
  background-color: #efeff6;
  color: #757691;
}

body .badge-light[href]:focus {
  color: #2e2f39;
  background-color: #d7d7df;
  text-decoration: none;
}

body .badge-light[href]:hover {
  color: #2e2f39;
  background-color: #d7d7df;
  text-decoration: none;
}

body .badge-dark {
  background-color: #1f202b;
}

body .badge-dot {
  border-radius: 100%;
  padding: 4px;
  display: inline-block;
  margin-right: 3px;
}

body .label {
  padding: 3px 10px;
  line-height: 13px;
  color: #fff;
  font-weight: 400;
  border-radius: 2px;
  font-size: 75%;
}

body .label-rounded {
  border-radius: 60px;
}

body .label-primary {
  background-color: #3175BE;
}

body .label-success {
  background-color: #2ec551;
}

body .label-danger {
  background-color: #af242b;
}

/*-----------------------
2.14 Pagination
-------------------------*/

body .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: 0;
  margin-right: 5px;
  color: #71748d;
  background-color: #fff;
  border: 1px solid #d2d2e4;
  border-radius: 3px;
  line-height: 1;
}

body .page-link:hover {
  z-index: 2;
  color: #fff;
  text-decoration: none;
  background-color: #3175BE;
  border-color: #3175BE;
}

body .page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #3175BE;
  border-color: #3175BE;
}

/*-----------------------
2.15 Spinner
-------------------------*/

body .spinner-xxl {
  width: 150px;
  height: 150px;
}

body .spinner-xl {
  width: 120px;
  height: 120px;
}

body .spinner-lg {
  width: 100px;
  height: 100px;
}

body .spinner-md {
  width: 80px;
  height: 80px;
}

body .spinner-sm {
  width: 60px;
  height: 60px;
}

body .spinner-xs {
  width: 30px;
  height: 30px;
}

body .dashboard-spinner {
  margin: 0 8px;
  border-radius: 50%;
  background-color: transparent;
  border: 6px solid;
  border-color: #3175BE transparent transparent #3175BE;
  animation: 1s spin linear infinite;
  display: inline-block;
}

body .spinner-primary {
  border-top-color: #3175BE;
  border-left-color: #3175BE;
}

body .spinner-secondary {
  border-top-color: #64abd2;
  border-left-color: #64abd2;
}

body .spinner-success {
  border-top-color: #2ec551;
  border-left-color: #2ec551;
}

body .spinner-danger {
  border-top-color: #dc3545;
  border-left-color: #dc3545;
}

body .spinner-warning {
  border-top-color: #ffc107;
  border-left-color: #ffc107;
}

body .spinner-info {
  border-top-color: #17a2b8;
  border-left-color: #17a2b8;
}

/*-----------------------
2.16 Switch Toggle
-------------------------*/

body .switch-button.switch-button-xs {
  height: 22px;
  line-height: 16px;
  width: 50px;
}

body .switch-button.switch-button-xs label {
  height: 12px;
  width: 12px;
}

body .switch-button.switch-button-xs label:before {
  line-height: 21px;
}

body .switch-button {
  display: block;
  border-radius: 50px;
  background-color: #9e9eaf;
  width: 60px;
  height: 27px;
  padding: 4px 5px;
  margin: 7px 0;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

body .switch-button input[type=checkbox] {
  display: none;
}

body .switch-button input[type=checkbox] + span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 4px;
}

body .switch-button input[type=checkbox]:checked + span {
  background-color: #F9782D;
}

body .switch-button input[type=checkbox]:checked + span label {
  float: right;
  border-color: #3175BE;
}

body .switch-button input[type=checkbox]:checked + span label:before {
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  z-index: 0;
  content: "ON";
  color: #fff;
  left: 0;
  text-align: left;
  padding-left: 10px;
}

body .switch-button input[type=checkbox]:disabled:not([checked]) + span,
body .switch-button input[type=checkbox][readonly=readonly]:not([checked]) + span {
  background-color: #ddd;
}

body .switch-button input[type=checkbox]:disabled:checked + span,
body .switch-button input[type=checkbox][readonly=readonly]:checked + span {
  background-color: #73BA9A;
}

body .switch-button label {
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #fff inset;
  background-color: #fff;
  margin: 0;
  height: 19px;
  width: 19px;
  z-index: 1;
  display: inline-block;
  cursor: pointer;
  background-clip: padding-box;
}

body .switch-button label:before {
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  z-index: 0;
  content: "OFF";
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 27px;
  top: 0;
  text-align: right;
  padding-right: 6px;
  color: #fff;
}

body .switch-button.switch-button-sm {
  height: 24px;
  width: 57px;
  line-height: 20px;
}

body .switch-button.switch-button-sm label {
  height: 16px;
  width: 16px;
}

body .switch-button.switch-button-lg {
  height: 30px;
  line-height: 32px;
  width: 64px;
}

body .switch-button.switch-button-success input[type=checkbox]:checked + span {
  background-color: #2ec551;
}

body .switch-button.switch-button-warning input[type=checkbox]:checked + span {
  background-color: #F9782D;
}

body .switch-button.switch-button-danger input[type=checkbox]:checked + span {
  background-color: #af242b;
}

/* ==========================================================================
  3. Charts
  ========================================================================== */

/*-----------------------
3.1 Chartist.js
-------------------------*/

body .ct-line.ct-threshold-above,
body .ct-point.ct-threshold-above,
body .ct-bar.ct-threshold-above {
  stroke: #f05b4f;
}

body .ct-line.ct-threshold-below,
body .ct-point.ct-threshold-below,
body .ct-bar.ct-threshold-below {
  stroke: #59922b;
}

body .ct-area.ct-threshold-above {
  fill: #f05b4f;
}

body .ct-area.ct-threshold-below {
  fill: #59922b;
}

/*-----------------------
3.2 Sprkling.js
-------------------------*/

body .spark-chart {
  display: inline-block;
}

body .spark-chart-info {
  display: inline-block;
  float: right;
}

/*-----------------------
3.3 Charts.js
-------------------------*/

/*-----------------------
3.4 Morris.js
-------------------------*/

/*-----------------------
3.5 C3 Charts.js
-------------------------*/

/* ==========================================================================
  4. Forms
  ========================================================================== */

/*-----------------------
4.1.  Form Elements
------------------*/

.input-group-prepend > i,
.input-group-prepend > span,
.input-group-prepend > button,
.input-group-append > i,
.input-group-append > span,
.input-group-append > button {
  padding: 11px 10px 0;
  border: 1px solid #d2d2e4;
}

.input-group-prepend > span,
.input-group-append > span {
  padding-top: 8px;
}

.input-group-prepend > button.btn,
.input-group-append > button.btn {
  padding: 6px 16px;
  color: #71748d;
}

.input-group-prepend > button.btn:hover,
.input-group-prepend > button.btn:focus,
.input-group-append > button.btn:hover,
.input-group-append > button.btn:focus {
  color: #fff;
}

input[type=number] {
  text-align: right;
}

input.flatpickr-input {
  text-align: center;
}

/*-----------------------
4.2.  Form Validations
------------------*/

/*-----------------------
4.3.  Multiseelct
-----------------*/

/*-----------------------
4.4.  Wizard
------------------*/

/*-----------------------
4.5.  Summar Note / Text Editor
------------------*/

/*-----------------------
4.6.  Multiupload
--------------------*/

/* ==========================================================================
 5. Table
 ========================================================================== */

/*-----------------------
5.1.  General
--------------------*/

body .table {
  margin-bottom: 0;
}

body .table td {
  padding: 4px;
  vertical-align: text-top;
  border-top: 1px solid #d2d2e4;
  font-weight: normal;
}

body .table td td {
  border: none;
}

body .table th {
  padding: 4px;
  vertical-align: middle;
  border-top: 1px solid #d2d2e4;
  font-weight: normal;
  color: #3d405c;
  font-family: "Montserrat";
}

body .table thead th {
  vertical-align: middle;
  border-bottom: 2px solid #e6e6f2;
  color: #3d405c;
  font-family: "Montserrat";
}

body .table thead.thead-dark th {
  color: #fff;
  background-color: #64abd2;
  border-color: #64abd2;
}

body .table-bordered {
  border: 1px solid #d2d2e4;
}

body .table-bordered td {
  border: 1px solid #d2d2e4;
}

body .table-bordered th {
  border: 1px solid #d2d2e4;
}

body .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(230, 230, 242, 0.5);
}

body .table-hover tbody tr:hover {
  background-color: rgba(230, 230, 242, 0.5);
}

/*-----------------------
5.2.  Data Tables
--------------------*/

/*-- row group table */

tr.group {
  background-color: #3175BE !important;
  color: #fff;
  font-family: "Montserrat";
  font-size: 18px;
}

tr.group:hover {
  background-color: #3175BE !important;
  color: #fff;
  font-family: "Montserrat";
  font-size: 18px;
}

/*-----------------------
5.3. Table Filters
--------------------*/

/* ==========================================================================
 6. Pages
 ========================================================================== */

/*-----------------------
6.1 Blank Page
-------------------------*/

/*-----------------------
6.2 Blank Page Header
-------------------------*/

/*-----------------------
6.3 Login
-------------------------*/

/*-----------------------
6.4 Sign up Page
-------------------------*/

/*-----------------------
6.5 Forgot Password
-------------------------*/

/*-----------------------
6.6 Profile
-------------------------*/

/*-----------------------
6.7 Pricing
-------------------------*/

/*-----------------------
6.8 Timeline
-------------------------*/

/* --------------------------------

Patterns - reusable parts of our design

-------------------------------- */

/* --------------------------------

Vertical Timeline - by CodyHouse.co

-------------------------------- */

body .cd-timeline {
  overflow: hidden;
  margin: 2em auto;
}

body .cd-timeline__container {
  position: relative;
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 2em 0;
}

body .cd-timeline__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #dedee9;
}

body .cd-timeline__block {
  position: relative;
  margin: 2em 0;
}

body .cd-timeline__block:after {
  content: "";
  display: table;
  clear: both;
}

body .cd-timeline__block:first-child {
  margin-top: 0;
}

body .cd-timeline__block:last-child {
  margin-bottom: 0;
}

body .cd-timeline__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

body .cd-timeline__img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}

body .cd-timeline__img.cd-timeline__img--picture {
  background: #2ec551;
}

body .cd-timeline__img.cd-timeline__img--movie {
  background: #af242b;
}

body .cd-timeline__img.cd-timeline__img--location {
  background: #ffc108;
}

body .cd-timeline__content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  border: none;
  box-shadow: 0 1px 2px 1px rgba(154, 154, 204, 0.22);
}

body .cd-timeline__content:after {
  content: "";
  display: table;
  clear: both;
}

body .cd-timeline__content::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

body .cd-timeline__read-more {
  display: inline-block;
  float: right;
  padding: 0.8em 1em;
  background: #acb7c0;
  color: #fff;
  border-radius: 0.25em;
}

body .cd-timeline__read-more:hover {
  background-color: #bac4cb;
}

body .cd-timeline__date {
  display: inline-block;
  float: left;
  padding: 0.8em 0;
  opacity: 0.7;
}

/*-----------------------
6.9 404 error
-------------------------*/

.error-section {
  padding: 74px 0;
}

.error-section-content {
  padding-top: 30px;
  color: #3d405c;
  padding-bottom: 30px;
}

/*-----------------------
6.9 Calendar
-------------------------*/

body #calendar1 {
  margin: 0 auto;
}

body #wrap {
  margin: 0 auto;
}

body #external-events {
  float: left;
  width: 270px;
  padding: 0 20px;
  border: 1px solid #e0e4ef;
  background: #f9f9ff;
  text-align: left;
  border-radius: 4px;
}

body #external-events h4 {
  font-size: 16px;
  margin-top: 0;
  padding-top: 1em;
}

body #external-events .fc-event {
  margin: 10px 0;
  cursor: pointer;
}

body #external-events p {
  margin: 1.5em 0;
  font-size: 11px;
  color: #666;
}

body #external-events p input {
  margin: 0;
  vertical-align: middle;
}

/*-----------------------
6.10 Metrics
-------------------------*/

body .metric-row {
  margin-bottom: 1.25rem;
  border-radius: 0.25rem;
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

body .metric-row .metric {
  margin: 8px 0;
  min-height: 136px;
}

body .metric-value {
  margin-bottom: 0;
  line-height: 1;
  white-space: nowrap;
}

body .metric-value > sub {
  color: #ffa76a;
  font-size: 0.5em;
  bottom: 5px;
}

body .metric-value > sup {
  color: #ffa76a;
  font-size: 0.5em;
}

body .metric-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #686f76;
  white-space: nowrap;
}

body .metric-label:last-child {
  margin-top: 12px;
  margin-bottom: 0;
}

body .card-metric {
  text-align: center;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(61, 70, 79, 0.05), 0 1px 3px 0 rgba(61, 70, 79, 0.15);
}

body .metric-bordered {
  border: 1px solid #d4d5d7;
}

/*-----------------------
6.11 Media Objects
-------------------------*/

body .dashboard-media-object .card-footer {
  padding: 0;
}

body .btn-account {
  position: relative;
  display: flex;
  margin: 0;
  border: 0;
  flex-wrap: nowrap;
  align-items: center;
  background: none;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: background-color 0.15s;
  outline: 0;
}

body .btn-account .account-summary {
  margin-right: 16px;
  margin-left: 8px;
  display: block;
  text-align: left;
  flex: 1;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

body .btn-account .account-description {
  margin: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  opacity: 0.7;
}

body .btn-account .account-name {
  margin: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  line-height: 16px;
}

body .user-avatar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

body .avatar-badge {
  position: absolute;
  right: 3px;
  bottom: 4px;
  display: block;
  width: 8px;
  height: 8px;
  line-height: 1.6;
  text-align: center;
  font-size: 8px;
  color: #fff;
  background-color: #a9acb0;
  border-radius: 8px;
  box-shadow: 0 0 0 2px #fff;
  z-index: 2;
}

body .avatar-badge.online {
  background-color: #00a28a;
}

body .avatar-badge.idle {
  background-color: #ec935e;
}

body .avatar-badge.busy {
  background-color: #ea6759;
}

body .avatar-badge.offline {
  color: #a9acb0;
  background-color: #a9acb0;
}

body .avatar-badge.has-indicator {
  width: 10px;
  height: 10px;
}

body .avatar-group {
  display: inline-block;
}

body .avatar-group .user-avatar img {
  box-shadow: 0 0 0 2px #fff;
}

body .avatar-group .user-avatar:focus {
  z-index: 2;
}

body .avatar-group .user-avatar:hover {
  z-index: 2;
}

body .avatar-group .user-avatar + .user-avatar {
  display: inline-block;
  margin-left: -10px;
}

body .user-avatar-floated {
  margin-top: -50px;
  z-index: 2;
}

body .metric {
  position: relative;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  max-width: 100%;
  border-radius: 4px;
  cursor: default;
}

body .card-footer-item {
  padding: 12px 35px;
  flex: 1;
  text-align: center;
  display: inline-block;
}

body .card-footer-item-bordered:not(:last-child) {
  border-right: 1px solid rgb(230, 230, 242);
}

/*-------------------- User icon sizes ---------------------*/

body .user-avatar-xxl {
  height: 128px;
  width: 128px;
}

body .user-avatar-xl {
  height: 90px;
  width: 90px;
}

body .user-avatar-lg {
  height: 48px;
  width: 48px;
}

body .user-avatar-md {
  height: 32px;
  width: 32px;
}

body .user-avatar-sm {
  height: 24px;
  width: 24px;
}

body .user-avatar-xs {
  height: 18px;
  width: 18px;
}

/*-----------------------
6.12 Shortable / Nesetable
-------------------------*/

body .drag-handle {
  cursor: move;
  cursor: grab;
}

body .drag-indicator {
  cursor: move;
  cursor: grab;
  display: inline-block;
  margin: 0 0.5em;
  height: 8px;
  width: 6px;
  background-image: url("/images/style/drag-indicator.png");
  transform: translate3d(-0.5em, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

body .card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

body .list-group-bordered .list-group-item {
  border-color: rgba(19, 29, 40, 0.125);
}

body .dashboard-short-list .list-group-item {
  display: flex;
}

body .dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}

body .dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

body .dd-list .dd-list {
  padding-left: 30px;
}

body .dd-collapsed .dd-list {
  display: none;
}

body .dd-item {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
}

body .dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 34px;
  height: 20px;
  margin: 18px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}

body .dd-item > button:before {
  content: "+";
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
  font-size: 14px;
}

body .dd-item > button[data-action=collapse]:before {
  content: "-";
}

body .dd-empty {
  display: block;
  position: relative;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  margin: 5px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #f5f5f5;
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}

body .dd-placeholder {
  display: block;
  position: relative;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  margin: 5px 0;
  min-height: 30px;
  background: #f5f5f5;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body .dd-handle {
  margin-bottom: -1px;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-top: 1px solid rgba(19, 29, 40, 0.125);
  border-bottom: 1px solid rgba(19, 29, 40, 0.125);
}

body .dd-handle:hover {
  color: #3175BE;
  background: #fff;
}

body .dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}

body .dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}

body .dd-dragel .dd-handle {
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

body .dd-dragel > .dd3-item > .dd3-content {
  margin: 0;
}

/**
* Nestable Extras
*/

body .nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}

body #nestable-menu {
  padding: 0;
  margin: 20px 0;
}

body #nestable-output {
  width: 100%;
  height: 7em;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: Consolas, monospace;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body #nestable2-output {
  width: 100%;
  height: 7em;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: Consolas, monospace;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body .dd-hover > .dd-handle {
  background: #3175BE !important;
}

/**
* Nestable Draggable Handles
*/

body .dd3-content {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ccc;
  background: #fafafa;
  background: linear-gradient(to top, #fafafa 0%, #eee 100%);
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body .dd3-content:hover {
  color: #2ea8e5;
  background: #fff;
}

body .dd3-item > button {
  margin-left: 30px;
}

body .dd3-handle {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #aaa;
  background: #ddd;
  background: linear-gradient(to top, #ddd 0%, #bbb 100%);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

body .dd3-handle:before {
  content: "?";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}

body .dd3-handle:hover {
  background: #ddd;
}

/**
* Socialite
*/

.socialite {
  display: block;
  float: left;
  height: 35px;
}

/*-----------------------
6.13 404 Error
-------------------------*/

/*-----------------------
6.14 Comments Widget
-------------------------*/

body .comment-widgets {
  position: relative;
  margin-bottom: 10px;
}

body .comment-widgets .comment-row {
  border-bottom: 1px solid transparent;
  padding: 14px;
  display: flex;
  margin: 10px 0;
}

body .comment-widgets .comment-row:last-child {
  border-bottom: 0;
}

body .comment-widgets .comment-row:hover {
  background: rgba(0, 0, 0, 0.05);
}

body .comment-widgets .comment-row.active {
  background: rgba(0, 0, 0, 0.05);
}

body .comment-text {
  padding-left: 15px;
  width: 100%;
}

body .comment-text:hover .comment-footer .action-icons {
  visibility: visible;
}

body .comment-text p {
  max-height: 65px;
  width: 100%;
  overflow: hidden;
}

body .comment-text.active .comment-footer .action-icons {
  visibility: visible;
}

body .comment-footer .action-icons {
  visibility: hidden;
}

body .comment-footer .action-icons a {
  padding-left: 7px;
  vertical-align: middle;
  color: #9e9fa7;
}

body .comment-footer .action-icons a:hover {
  color: #3175BE;
}

body .comment-footer .action-icons a.active {
  color: #3175BE;
}

/*-----------------------
6.14 mail box widget
-------------------------*/

.mailbox .drop-title {
  font-weight: 600;
  padding: 11px 20px 15px;
  border-radius: 2px 2px 0 0;
  position: relative;
}

.mailbox .drop-title:after {
  content: "";
  position: absolute;
  opacity: 0.2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
}

.mailbox .nav-link {
  border-top: 1px solid #e9ecef;
  padding-top: 15px;
  color: #3e5569;
}

.mailbox .message-center {
  position: relative;
}

.mailbox .message-center .message-item {
  border-bottom: 1px solid #e9ecef;
  display: block;
  text-decoration: none;
  padding: 9px 15px;
}

.mailbox .message-center .message-item:hover {
  background: #f8f9fa;
}

.mailbox .message-center .message-item .message-title {
  color: #212529;
}

.mailbox .message-center .message-item .user-img {
  width: 40px;
  position: relative;
  display: inline-block;
  margin: 0 0 15px 0;
}

.mailbox .message-center .message-item .user-img img {
  width: 100%;
}

.mailbox .message-center .message-item .user-img .profile-status {
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  left: 30px;
  position: absolute;
  top: 1px;
  width: 10px;
}

.mailbox .message-center .message-item .user-img .online {
  background: #36bea6;
}

.mailbox .message-center .message-item .user-img .busy {
  background: #f62d51;
}

.mailbox .message-center .message-item .user-img .away {
  background: #ffbc34;
}

.mailbox .message-center .message-item .user-img .offline {
  background: #ffbc34;
}

.mailbox .message-center .message-item .mail-contnet {
  display: inline-block;
  width: 75%;
  padding-left: 10px;
  vertical-align: middle;
}

.mailbox .message-center .message-item .mail-contnet .message-title {
  margin: 5px 0 0;
}

.mailbox .message-center .message-item .mail-contnet .mail-desc {
  font-size: 12px;
  display: block;
  margin: 1px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #a1aab2;
  white-space: nowrap;
}

.mailbox .message-center .message-item .mail-contnet .time {
  font-size: 12px;
  display: block;
  margin: 1px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #a1aab2;
  white-space: nowrap;
}

/* ==========================================================================
7. Email Componants
========================================================================== */

/*------------------------
7.1  Inbox
----------------------------*/

body .page-aside {
  background: none repeat scroll 0 0 #ffffff;
  width: 280px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 265px;
  border-right: 1px solid #d2d2e4;
  margin-top: 61px;
  padding-bottom: 61px;
  color: #404040;
}

body .page-aside .aside-header {
  padding: 20px 22px;
  position: relative;
}

body .aside-header .navbar-toggle {
  background: 0 0;
  display: none;
  outline: 0;
  border: 0;
  padding: 0 11px 0 0;
  text-align: right;
  margin: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

body .aside-header .navbar-toggle .icon {
  font-size: 24px;
  color: #71738d;
}

body .aside-header .title {
  display: block;
  margin: 10px 0 0;
  font-size: 27px;
  line-height: 27px;
  font-weight: 300;
  color: #3d405c;
}

body .aside-header .description {
  color: #71748d;
  margin: 0;
}

body .aside-nav {
  visibility: visible;
  font-size: 14px;
}

body .aside-nav .nav li .icon {
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
  min-width: 19px;
  margin-right: 6px;
  color: #71748d;
}

body .aside-nav .nav li a {
  color: #71748d;
  padding: 10px 20px;
}

body .aside-nav .nav li .badge {
  float: right;
  font-size: 14px;
  font-weight: 300;
  padding: 3px 6px;
}

body .aside-nav .nav li.active a {
  color: #f12257;
  background: #fff0f4;
}

body .aside-nav .nav li.active a .icon {
  color: #dd1151;
}

body .aside-nav .title {
  display: block;
  color: #3d405c;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 20px 0 0;
  padding: 8px 22px 4px;
}

body .aside-nav.collapse {
  display: block;
}

body .aside-content .nav {
  display: block;
}

body .aside-content .nav li a {
  display: block;
  position: relative;
}

body .aside-content .nav li a:hover {
  text-decoration: none;
  background-color: #efeff6;
}

body .email-list-item {
  border-bottom: 1px solid #d2d2e4;
  padding: 10px 20px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background-color: #fcfcff;
  font-size: 14px;
}

body .email-list-item .from {
  display: block;
  font-weight: 400;
  font-size: 1rem;
  margin: 0 0 1px 0;
}

body .email-list-item .msg {
  margin: 0;
  color: #71738d;
}

body .email-list-item .icon {
  margin-right: 7px;
  font-size: 1.154rem;
  vertical-align: middle;
  color: #3d405c;
}

body .email-list-item:hover {
  background-color: #fff;
}

body .aside-compose {
  text-align: center;
  padding: 14px 25px;
}

body .email-inbox-header {
  background-color: #fff;
  padding: 25px 25px;
}

body .email-title {
  display: block;
  margin: 3px 0 0;
  font-size: 22px;
  font-weight: 300;
}

body .email-title .icon {
  font-size: 22px;
  color: #71738d;
}

body .email-title .new-messages {
  font-size: 1rem;
  color: #3d405c;
  margin-left: 3px;
}

body .input-search .input-group-btn {
  position: absolute;
  display: block;
  width: auto;
  top: 1px;
  right: 1px;
  z-index: 3;
}

body .input-search .input-group-btn .btn {
  padding: 5px 10px;
  border-radius: 0 1px 1px 0;
}

body .email-filters {
  padding: 20px;
  border-bottom: 1px solid #d2d2e4;
  background-color: #fff;
  display: table;
  width: 100%;
  border-top: 1px solid #d2d2e4;
}

body .email-filters .be-select-all.custom-checkbox {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0 30px 0 0;
}

body .email-filters input {
  margin-right: 8px;
}

body .email-filters .email-filters-right {
  text-align: right;
}

body .email-filters > div {
  display: table-cell;
  vertical-align: middle;
}

body .btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

body .btn-group a.btn {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

body .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

body .email-pagination-indicator {
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px;
}

body .email-list {
  background: #eee;
}

body .email-list-item--unread {
  background-color: #fff;
}

body .email-list-item--unread .from {
  color: #3d405c;
  font-weight: 800;
  -webkit-font-smoothing: initial;
}

body .email-list-item--unread .msg {
  font-weight: 800;
  -webkit-font-smoothing: initial;
  color: #3d405c;
}

body .email-list-actions {
  width: 40px;
  vertical-align: top;
  display: table-cell;
}

body .email-list-actions .favorite {
  display: block;
  padding-top: 5px;
  padding-left: 1px;
  line-height: 15px;
}

body .email-list-actions .favorite span {
  font-size: 12px;
  line-height: 10px;
  color: #c0c0c0;
}

body .email-list-actions .favorite:hover span {
  color: #8d8d8d;
}

body .email-list-actions .favorite.active span {
  color: #ffc600;
}

body .email-list-actions .custom-checkbox {
  padding: 0;
  margin-top: -2px;
}

body .email-list-actions .custom-checkbox.custom-control {
  margin-bottom: 0;
}

body .email-list-detail {
  vertical-align: top;
  display: table-cell;
}

/*-------------------
7.2  Email Details
--------------------*/

body .email-head {
  background-color: #fff;
}

body .email-head-subject {
  padding: 25px 25px;
  border-bottom: 1px solid #d2d2e4;
}

body .email-head-subject .title {
  display: block;
  font-size: 1.769rem;
  font-weight: 300;
  color: #3d405c;
}

body .email-head-subject .title > a.active .icon {
  color: #ffc600;
}

body .email-head-subject .title > a .icon {
  color: #c0c0c0;
  font-size: 14px;
  margin-right: 6px;
  vertical-align: middle;
  line-height: 31px;
  position: relative;
  top: -1px;
}

body .email-head-subject .icons {
  font-size: 14px;
  float: right;
}

body .email-head-subject .icons .icon {
  color: #71738d;
  margin-left: 12px;
  vertical-align: middle;
}

body .email-head-sender {
  padding: 13px 25px;
  line-height: 40px;
}

body .email-head-sender .avatar {
  float: left;
  margin-right: 10px;
}

body .email-head-sender .date {
  float: right;
  font-size: 12px;
}

body .email-head-sender .sender {
  font-size: 1.15rem;
}

body .email-head-sender .sender .actions {
  display: inline-block;
  position: relative;
}

body .email-head-sender .sender .icon {
  font-size: 1.538rem;
  line-height: 16px;
  color: #5a5a5a;
  margin-left: 7px;
}

body .email-body {
  background-color: #fff;
  border-top: 1px solid #d2d2e4;
  padding: 30px 28px;
}

body .email-attachments {
  background-color: #fff;
  padding: 25px 28px;
  border-top: 1px solid #d2d2e4;
}

body .email-attachments .title {
  display: block;
  font-weight: 500;
}

body .email-attachments .title span {
  font-weight: 400;
}

body .email-attachments ul {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
}

body .email-attachments ul > li {
  line-height: 23px;
}

body .email-attachments ul > li a {
  color: #404040;
  font-weight: 500;
}

body .email-attachments ul > li .icon {
  vertical-align: middle;
  color: #737373;
  margin-right: 2px;
}

body .email-attachments ul > li span {
  font-weight: 400;
}

/*-------------------
7.3 Email Compose
----------------------*/

body .email-head-title {
  padding: 25px 25px;
  border-bottom: 1px solid #d2d2e4;
  display: block;
  font-weight: 400;
  color: #3d405c;
  font-size: 1.769rem;
}

body .email-head-title .icon {
  color: #696969;
  margin-right: 12px;
  vertical-align: middle;
  line-height: 31px;
  position: relative;
  top: -1px;
  float: left;
  font-size: 1.538rem;
}

body .email-compose-fields {
  background-color: #fff;
  border-bottom: 1px solid #d2d2e4;
  padding: 30px 30px 20px;
}

body .email-compose-fields label {
  padding-top: 15px;
}

body .form-group.row {
  margin-bottom: 0;
  padding: 12px 0;
}

body .form-group.row label {
  white-space: nowrap;
}

body .email.editor {
  background-color: #fff;
}

body .email.action-send {
  padding: 20px 0;
}

body .btn-space {
  margin-right: 5px;
  margin-bottom: 5px;
}

body .breadcrumb {
  margin: 0;
  background-color: transparent;
}

/*-------------------
7.4  Message Chat Module
----------------------*/

body .chat-body {
  overflow: hidden;
}

body .chat-module {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  height: calc(100vh - 105px);
}

body .chat-module .chat-module-body {
  width: 100%;
  position: absolute;
  top: 55px;
  height: calc(100% - 4rem);
  overflow-y: scroll;
  padding-right: 1.5rem;
  -ms-overflow-style: none;
}

body .chat-module .chat-module-top {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: calc(100% - 3.5rem);
  position: relative;
}

body .chat-module .chat-module-bottom {
  position: relative;
  padding-top: 1rem;
  border-top: 1px solid #E9EEF2;
  background: #efeff6;
}

body .chat-module .chat-module-bottom textarea {
  max-height: 9rem;
}

body .avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 2px solid #F7F9FA;
  background: #F7F9FA;
  color: #fff;
}

body .media-attachment {
  padding-left: 0.75rem;
  align-items: center;
  border-left: 4px solid #E9EEF2;
}

body .media-attachment:not(:first-child) {
  margin-top: 0.75rem;
}

body .media-attachment div.avatar {
  border: none;
}

body .media-attachment .media-body {
  margin-left: 0.75rem;
}

body .media-attachment .media-body > a {
  display: block;
}

body .chat-item {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

body .chat-item .media-attachment {
  border-color: #dedee4;
}

body .chat-item > .media-body {
  margin-left: 0.75rem;
  border-radius: 0.5rem;
  padding: 6px 1px;
  background: transparent;
}

body .chat-item .chat-item-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.375rem;
}

body .chat-item-author {
  color: #333;
}

body .avatar.bg-primary {
  display: flex;
  align-items: center;
  justify-content: center;
}

body .avatar.bg-primary i {
  font-size: 14px;
}

body .media {
  display: flex;
  align-items: flex-start;
}

body .media-body {
  flex: 1;
}

body .chat-item + .chat-item {
  margin-top: 0.75rem;
}

body .chat-form {
  position: relative;
}

body .chat-form textarea {
  padding-right: 3.375rem;
}

body .chat-form-buttons {
  position: absolute;
  top: 6px;
  right: 0.25rem;
  display: flex;
  align-items: center;
}

body .chat-form-buttons button {
  padding: 0;
}

body .chat-form-buttons .custom-file-naked {
  width: 1.5rem;
  margin-left: 0.375rem;
  top: 5px;
}

body .chat-form-buttons i {
  color: #6c757d;
  font-size: 1.25rem;
  cursor: pointer;
}

body .custom-file-naked {
  cursor: pointer;
  width: auto;
  height: auto;
}

body .custom-file-naked .custom-file-input {
  width: auto;
  height: auto;
  cursor: pointer;
}

body .custom-file-naked .custom-file-label {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  height: auto;
  cursor: pointer;
}

body .custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.125rem + 2px);
  margin-bottom: 0;
}

body .custom-file-label::after {
  display: none;
}

body .chat-sidebar {
  height: 100%;
  overflow: hidden;
  width: 384px;
  border-left: 1px solid #d2d2e4;
  display: flex;
  flex-direction: column;
  background: #fff;
}

body .chat-sidebar-content {
  max-height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}

body .text-small {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

body .chat-team-sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
}

body .chat-team-sidebar .chat-team-sidebar-top {
  padding: 1.5rem;
}

body .chat-team-sidebar .nav {
  margin-top: 1.5rem;
}

body .chat-team-sidebar .nav-tabs {
  border-radius: 4px;
  background: #eef2f5;
}

body .chat-team-sidebar .nav-tabs .nav-item {
  margin: 0.5rem;
}

body .chat-team-sidebar .nav-tabs .nav-link {
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  padding: 10px;
  transition: color 0.35s ease-out;
}

body .chat-team-sidebar .nav-tabs .nav-link:not(.active) {
  color: rgba(33, 37, 41, 0.5);
}

body .chat-team-sidebar .chat-team-sidebar-bottom {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}

body .chat-team-sidebar .chat-team-sidebar-bottom .tab-content {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}

body .chat-team-sidebar .tab-pane {
  overflow-y: hidden;
  -ms-overflow-style: none;
  height: 100%;
}

body .chat-team-sidebar .list .list-group-item {
  width: 100%;
}

body .chat-team-sidebar .list-group-activity .avatar {
  border-color: #fff;
}

body .align-items-center {
  align-items: center !important;
}

body .sidebar form.dropzone {
  padding: 0 1.5rem;
}

body .sidebar .dz-message {
  background: #F7F9FA;
  padding: 1rem;
}

body form.dropzone {
  width: 100%;
  margin-bottom: 1.5rem;
}

body .dz-message {
  text-align: center;
  padding: 1.5rem;
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 1;
  cursor: pointer;
  border-radius: 0.5rem;
  background: #fff;
  border: 1px dashed #E9EEF2;
  transition: all 0.35s ease;
  color: rgba(108, 117, 125, 0.5);
}

body .dropzone-previews {
  width: 100%;
}

body .dz-file-representation img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}

body .dz-file-representation img:not([src]) {
  display: none;
}

body .dz-preview .avatars li:last-child {
  transition: opacity 0.35s ease;
  opacity: 0;
}

body .dz-loading {
  opacity: 1;
  transition: opacity 0.35s ease;
  position: absolute;
  left: 1.1875rem;
}

body .list-group-activity .avatars {
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
}

body .list-group-activity .avatars > li:first-child {
  position: relative;
  z-index: 2;
}

body .list-group-activity span {
  margin-right: 0.25rem;
}

body .avatars {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

body .avatars > li {
  display: inline-block;
}

body .avatars > li + li {
  margin-left: -0.75rem;
}

body .btn-options {
  color: #6c757d;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

/* ==========================================================================
9. Map
========================================================================== */

/*----------------------
9.1 Google Map
---------------------------*/

.gmaps {
  height: 350px;
  width: 100%;
}

#map-1 {
  height: 400px;
}

#map-2 {
  height: 400px;
}

#map-3 {
  height: 400px;
}

/*----------------------
9.2 Vector Map
---------------------------*/

/*-------------------------------------------------------------------
Media Query
-------------------------------------------------------------------*/

@media only screen and (max-width: 1400px) {
  body .product-price {
    position: initial;
  }

  body .product-slider {
    background-color: #fff;
    border-top-left-radius: 4px;
    padding: 131px 28px;
  }

  body .influencer-profile-data .user-social-media {
    padding: 16px 56px;
    text-align: center;
    border-right: 1px solid #d2d2e4;
  }
}

@media only screen and (max-width: 1200px) {
  body .product-price {
    position: initial;
  }

  body .product-slider {
    padding: 131px 30px;
  }

  body .user-social-media {
    padding: 16px 45px;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #dee2e6;
    border-right: transparent !important;
  }
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
  body .user-social-media {
    padding: 16px 45px;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #dee2e6;
    border-right: transparent !important;
  }
}

/* Small Devices, Tablets */

@media only screen and (max-width: 991px) {
  body .dashboard-content {
    padding: 20px 20px 60px 20px;
  }

  body .nav-left-sidebar {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
  }

  body .nav-left-sidebar .navbar {
    padding: 14px;
  }

  body .nav-left-sidebar .navbar a {
    color: #fff;
    font-size: 18px;
  }

  body .nav-left-sidebar .navbar-toggler {
    background-color: #fff;
  }

  body .dashboard-wrapper {
    margin-left: 0;
  }

  body .dashboard-footer {
    margin-left: 0;
  }

  body .dashboard-influence .card-footer-item {
    padding: 11px 54px;
  }

  body .influencer-profile .tab-regular .nav.nav-tabs .nav-item .nav-link {
    display: block;
    padding: 17px 13px;
  }

  body .influencer-profile .tab-regular .nav.nav-pills .nav-item .nav-link {
    display: block;
    padding: 17px 13px;
  }

  body .page-aside {
    background: none repeat scroll 0 0 #ffffff;
    width: 280px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #d2d2e4;
    margin-top: 0;
    padding-bottom: 0;
    color: #404040;
  }

  body .product-slider {
    padding: 131px 30px;
  }

  body .product-carousel .carousel-indicators {
    bottom: -30px;
  }

  body .user-social-media {
    padding: 16px 45px;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #dee2e6;
    border-right: transparent !important;
  }
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
  body .dashboard-content {
    padding: 20px 20px 60px 20px;
  }

  body .nav-left-sidebar {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
  }

  body .nav-left-sidebar .navbar {
    padding: 14px;
  }

  body .nav-left-sidebar .navbar a {
    color: #fff;
  }

  body .nav-left-sidebar .navbar-toggler {
    background-color: #fff;
  }

  body .aside-header .navbar-toggle {
    display: block;
  }

  body .dashboard-wrapper {
    margin-left: 0;
  }

  body .dashboard-footer {
    margin-left: 0;
  }

  body .page-aside {
    background: none repeat scroll 0 0 #fff;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0;
    padding-bottom: 0;
    color: #404040;
    border-color: inherit transparent 1px solid #d2d2e4 inherit;
  }

  body .aside-nav.collapse {
    display: none;
  }

  body .dashboard-main-wrapper .main-content {
    margin-left: 0;
    width: auto;
  }

  body .aside-nav.show {
    display: block;
  }

  body .user-social-media {
    padding: 16px 45px;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #dee2e6;
    border-right: transparent !important;
  }

  body .user-social-media:last-child {
    border-bottom: transparent;
    border-right: transparent !important;
  }

  body .dashboard-influence .progress {
    width: 74%;
  }

  body .dashboard-influence .card-footer-item {
    padding: 11px 48px;
  }

  body .footer {
    margin-left: 0;
  }

  body .influencer-profile-data .user-avatar {
    float: initial;
  }

  body .influencer-profile-data .user-avatar-name {
    float: initial;
  }

  body .tab-regular .nav.nav-tabs .nav-item {
    margin-bottom: 5px;
  }

  body .tab-regular .nav.nav-tabs .nav-item .nav-link {
    display: block;
    padding: 17px 38px;
  }

  body .tab-regular .nav.nav-pills .nav-item {
    margin-bottom: 5px;
  }

  body .tab-regular .nav.nav-pills .nav-item .nav-link {
    display: block;
    padding: 17px 38px;
  }

  body .product-slider {
    padding: 30px 10px;
  }

  body .product-carousel .carousel-indicators {
    bottom: -30px;
  }

  body .simple-card .nav.nav-tabs .nav-item .nav-link {
    padding: 17px 29px;
  }
}

nav.fixed-top.navbar-expand-lg .navbar-nav {
  margin-right: 30px;
}

nav.fixed-top.navbar-expand-lg .navbar-nav a.btn-primary.logout {
  padding: 20px;
}

table.dataTable thead tr.filter th button {
  width: 50px;
  text-align: center;
}

table.dataTable thead tr.filter th button i + i.fa-times-circle {
  font-size: 12px;
  margin-left: -7px;
  vertical-align: bottom;
  border: 1px solid #3175BE;
  border-radius: 50%;
}

table.dataTable thead tr.filter th button span {
  display: none;
}

table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child {
  text-align: center;
}

section.checklist table thead tr th {
  vertical-align: middle;
}

section.checklist table tbody tr td {
  vertical-align: middle;
}

section.checklist table tbody tr td.subhead {
  font-weight: bold;
}

.rotating {
  animation: spin 1s linear infinite;
}

.blinking {
  animation: blinker 300ms linear infinite;
}

label.hint + i.hint {
  cursor: help;
  vertical-align: top;
  margin: 5px;
}

.primary_color,
.primary_color * {
  color: #3175BE !important;
}

.primary_bg,
.primary_bg * {
  background-color: #3175BE !important;
  color: #fff !important;
}

.secondary_color,
.secondary_color * {
  color: #64abd2 !important;
}

.secondary_bg,
.secondary_bg * {
  background-color: #64abd2 !important;
  color: #fff !important;
}

/* Taking an exception with year selector submenu in HOME page to prevent the framework to make it smaller*/

#global_year_chosen {
  height: auto !important;
}

/**
 *  Chosen defaults
 */

.chosen-container.chosen-disabled {
  opacity: 1 !important;
}

.chosen-container.chosen-disabled a {
  background: #e9ecef;
}

.chosen-container.chosen-container-multi {
  border: 1px solid #d2d2e4;
  background-color: #fff;
  background-image: none;
}

.chosen-container.chosen-container-multi.chosen-container-active {
  border: 1px solid #3175BE;
}

.chosen-container.chosen-container-multi .chosen-choices {
  border: 0;
  box-shadow: none;
  background-image: none;
}

.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
  background-color: #fff;
  background-image: none;
}

.chosen-container.chosen-container-multi .chosen-results li {
  color: #71748d;
}

.chosen-container.chosen-container-multi .chosen-results li.result-selected {
  color: #c6c7d1;
}

.chosen-container.chosen-container-multi .chosen-results li.highlighted {
  background-color: #3175BE;
  background-image: none;
  color: #fff;
}

.chosen-container .chosen-drop {
  border: 1px solid #005225;
  border-top: 0;
  width: -moz-fit-content;
  width: fit-content;
}

.dateRangeFilter {
  background: #fff;
  cursor: pointer;
  padding: 5px 30px 5px 35px;
  border: 1px solid #ccc;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}

.dateRangeFilter i {
  margin-top: 4px;
}

.dateRangeFilter i.fa-calendar {
  float: left;
  margin-left: -25px;
}

.dateRangeFilter i.fa-caret-down {
  float: right;
  margin-right: -20px;
}

.upload-result {
  margin: auto;
  background-color: #F9782D;
}

.upload-modify-result {
  margin: auto;
  background-color: #F9782D;
}

.chat-gpt-widget-message-row {
  margin-left: 0;
  margin-right: 0;
}

/*
.flatpickr-time input.flatpickr-minute, {
  .flatpickr-time input.flatpickr-second {
    padding-right: 120px;
  }
}
*/

@media (min-width: 1200px) {
  #taskman-table-container #taskman-filter {
    margin-top: 20px;
  }
}

#taskman-table-container .scroll-table-wrapper1,
#taskman-table-container .scroll-table-wrapper2 {
  width: calc(100vw - 350px);
  overflow-x: scroll;
  overflow-y: hidden;
}

#taskman-table-container .scroll-table-wrapper1 {
  height: 20px;
}

#taskman-table-container .scroll-table-div1,
#taskman-table-container .scroll-table-div2 {
  width: 2000px;
}

#taskman-table-container .scroll-table-div1 {
  height: 20px;
}

#taskman-table-container .scroll-table-div2 {
  overflow: auto;
}

#taskman-table-container .month-navigator a i {
  vertical-align: top;
  padding: 12px 10px 0 10px;
}

#taskman-table-container .month-navigator a div {
  display: inline-block;
  padding: 0;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  width: 75px;
  text-align: center;
}

#taskman-table-container .month-navigator a:hover * {
  color: #abc8f8 !important;
}

#taskman-table-container tr.hover td.task-man--employee {
  background: #e0e0e0;
}

#taskman-table-container tr.hover td.task-man--cell.bg-available {
  background: #8dc5b1;
}

#taskman-table-container tr.hover td.task-man--cell.bg-on-leave {
  background: #0d4197;
}

#taskman-table-container tr.hover td.task-man--cell.bg-pending {
  background: #5e5e5e;
}

#taskman-table-container tr.hover td.task-man--cell.weekend {
  background: #c9c9c9;
}

.bg-info-gradient,
.bg-warning-gradient,
.bg-success-gradient,
.bg-danger-gradient,
.bg-primary-gradient {
  border: 3px solid white !important;
}

li.nav-item.dropdown.nav-user a.nav-link.nav-user-icon {
  padding: 0 !important;
}

li.nav-item.dropdown.nav-user a.nav-link.nav-user-icon i {
  color: #3175BE;
  background: #fff;
}

li.nav-item.dropdown.nav-user a.nav-link.nav-user-icon img {
  width: 60px;
  padding: 2px;
  border: 0px;
  border-radius: 50%;
}

li.nav-item .main_logo img {
  height: 59px;
}

nav.navbar .top-button {
  min-width: 175px;
  padding-top: 14px;
}

@media (max-width: 875px) {
  nav.navbar .main_logo {
    margin: 0;
    text-align: center;
  }
}

nav.navbar a.navbar-brand {
  margin-top: 7px;
}

nav.navbar .nav-profile-container {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: -7px;
  right: -20px;
}

nav.navbar .nav-profile-container div.profile-dropdown {
  position: absolute;
  border: 2px solid #3175BE;
  border-radius: 12px;
}

nav.navbar .nav-profile-container div.profile-dropdown a {
  color: #3175be;
}

nav.navbar .nav-profile-container div.profile-dropdown a:hover {
  color: white;
}

nav.navbar .nav-profile-container div.profile-dropdown a:first-child:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

nav.navbar .nav-profile-container div.profile-dropdown a:last-child:hover {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

nav.navbar .nav-profile-container div.profile-dropdown i.fa-font {
  color: black;
}

@media (max-width: 991px) {
  nav.navbar .main_logo {
    margin: 5px;
    text-align: center;
    float: none;
  }

  nav.navbar .top-button {
    margin: 0;
  }

  nav.navbar ul.mdNav li.nav-item.nav-user {
    margin-top: 0;
  }

  nav.navbar ul.mdNav li.nav-item.userNotifications {
    margin-right: 10px;
  }

  nav.navbar ul.mdNav li.nav-item.global-year {
    margin-right: 10px;
  }
}

.navbar-right-top .nav-item .nav-link {
  padding: 18px 20px !important;
}

.card-body.card-block.row {
  padding: 1rem 2rem;
}

@media (max-width: 480px) {
  .card-body.card-block.row {
    padding: 1rem 0.5rem;
    margin: 0;
  }
}

.card-body.card-block.row .blockquote {
  display: block;
}

.card-body.title {
  padding: 1rem 0 0 1rem;
}

body .nav-left-sidebar {
  background-color: #3175BE;
}

body .nav-left-sidebar .navbar {
  padding: 10px 0;
}

@media (max-width: 991px) {
  body .nav-left-sidebar .navbar {
    /*padding: 130px 0 0;*/
    padding: 0px;
  }
}

body .nav-left-sidebar .submenu {
  background: transparent;
}

ul.nav.navbar-nav > li > a,
ul.nav.navbar-nav > li > div > a {
  color: white !important;
  font-size: 16px !important;
  text-transform: uppercase;
}

ul.nav.navbar-nav > li > a > i,
ul.nav.navbar-nav > li > div > a > i {
  font-size: 22px;
}

.dintra_logo {
  background: url("/images/sigy_logo_new.svg") no-repeat center;
  width: 167px;
  max-width: 40vw;
  height: 45px;
}

@media (max-width: 991px) {
  .dintra_logo {
    margin-left: 70px;
  }
}

input.flatpickr-input {
  text-align: left;
}

.under-develop {
  opacity: 0.5;
}

.card div.img-wrapper .img {
  width: 100%;
  height: 300px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.card.sidecard div.img-wrapper {
  max-height: 320px;
  overflow: hidden;
}

.card.sidecard div.img-wrapper .img {
  height: 200px;
}

.card.fullcard div.img-wrapper .img {
  height: 500px;
}

.card.fullcard .card-text {
  padding: 15px;
}

.card .card-title {
  background-color: #fff;
  float: left;
  margin: 0.5rem 0;
  padding: 0;
  font-size: 18px;
}

.card .card-title nav.navbar.navbar-expand-sm {
  justify-content: space-between;
}

.card .card-title nav.navbar ul {
  float: right;
}

#tree-simple {
  overflow: scroll;
  cursor: grab;
}

#tree-simple .node {
  padding: 10px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #000;
  width: 200px;
  font-size: 12px;
}

.add-item {
  width: 100%;
  margin-bottom: 1em;
  text-align: right !important;
}

@media (max-width: 991px) {
  nav.navbar .top-button {
    left: calc(50% - 100px);
    margin: 0px 0px 0 0px;
    padding: 0 0 12px;
  }
}

@media (max-width: 575px) {
  section#center {
    padding: 0;
  }

  section#center .card {
    margin: 0 -15px;
  }

  section#dashboard-right-col {
    padding: 0;
  }

  .fc-button {
    padding: 0.4em 0.5em !important;
  }

  .fc-toolbar h2 {
    font-size: 16px !important;
    line-height: 16px;
    text-align: center;
  }

  .fc-toolbar > * > :not(:first-child) {
    margin-left: 0 !important;
  }

  .card {
    margin: 0 -15px;
  }

  .card .navbar {
    text-align: center;
    padding: 0.5rem;
  }

  .card .navbar .navbar-brand {
    padding: 11px 0;
    margin-right: 0;
    white-space: normal;
    font-size: 22px;
  }

  .form-control-lg {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .footer {
    padding: 1rem 0;
  }

  .card-header ul.navbar-nav {
    float: none !important;
  }

  .card-header ul.navbar-nav .nav-link {
    padding: 0 0 0 18px;
  }

  .card-header ul.navbar-nav button.btn.buttons-colvis {
    padding: 0 0 0 16px;
  }

  .form-group.col-12 {
    padding: 0;
  }

  select.form-control {
    padding: 5px;
  }

  select.form-control option::before {
    content: "";
  }

  #alert-block {
    padding: 0;
  }
}

body .weekend {
  background-color: #f0f0f8;
}

body .text-upright {
  writing-mode: vertical-lr;
  text-orientation: upright;
}

body .bg-on-leave {
  background-color: #abc8f8;
}

body .bg-pending {
  background-color: #dedede;
}

body .bg-available {
  background-color: #c0eadb;
}

body .loading-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 2;
  cursor: pointer;
}

.slimScrollDiv a[data-toggle=collapse] {
  float: right;
  margin-top: -48px;
}

.slimScrollDiv a[data-toggle=collapse]::after {
  margin-top: 8px;
  right: 10px !important;
}

a.notifications + .dropdown-menu {
  overflow: unset !important;
}

.text-size-document {
  font-size: 1.2em !important;
}

.text-size-document-navbar {
  font-size: 1.5em !important;
}

.rotate-icon {
  transition: all 0.75s 0.005s;
}

.permission-table-header-width {
  width: 100px;
}

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

.thumbnail-holder {
  margin: 15px 0;
  margin-left: 1.5em;
  max-height: 100px;
}

span.connectionStatusNoSignal {
  background-color: gray;
}

span.connectionStatusBadConnection {
  background-color: red;
}

span.connectionStatusWeakConnection {
  background-color: orange;
}

span.connectionStatusGoodConnection {
  background-color: green;
}

i.connectionStatusNoSignal {
  font-size: 1.8em;
  color: gray;
}

i.connectionStatusBadConnection {
  font-size: 1.8em;
  color: red;
}

i.connectionStatusWeakConnection {
  font-size: 1.8em;
  color: orange;
}

i.connectionStatusGoodConnection {
  font-size: 1.8em;
  color: green;
}

.header-text {
  color: #022240;
}

.dropdown-global-year {
  right: 0;
  top: 80px;
}

.dropdown-notifications {
  top: 0;
  right: 230px;
  left: auto;
}

/*-----------------------
Additional values in Reservation
-------------------------*/

div#resource_content {
  background-color: white;
  padding: 10px 0px 0px 10px;
}

div #resource_content #resource_content_main {
  text-align: center;
  align-content: center;
  display: grid;
}

div #resource_content #resource_content_main #resource_content_main_table {
  margin-top: 50px;
  margin-bottom: 50px;
}

div #resource_content_main_calendar {
  text-align: center;
  align-content: center;
  display: block;
  float: inline-end;
  margin-top: 5px;
  margin-right: 210px;
  /*
  margin-right: 30px;
  position: relative;
  z-index: 10000;
  */
}

div select#select_resource_calendar {
  margin-left: 5px;
}

div#calendar_content {
  background-color: white;
}

button.mainClassButton {
  align-content: center;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.form-control:focus-within {
  color: #3175BE;
}

input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid !important;
  place-content: center;
}

input[type=radio]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #3175BE;
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

input[type=radio]:checked::before {
  transform: scale(1);
}

.flatpickr-time input.flatpickr-minute .flatpickr-time input.flatpickr-second {
  padding-right: 120px;
}

.margin-left-25 {
  margin-left: 25%;
}

.list-group-item {
  margin-bottom: 0 !important;
}

.row-hover-orange:hover th,
.row-hover-orange:hover td {
  background-color: #fc7701 !important;
}

div.poll-option-select-buttons {
  position: absolute;
  right: 10px;
  top: 2.3em;
  width: 25%;
  padding-left: 2em;
}

div.poll-option-select-buttons .remove-poll-option,
div.poll-option-select-buttons .swap-poll-option {
  padding: 0 15px 0 2px;
}

div.poll-option-input-buttons {
  position: absolute;
  right: 10px;
  top: 1.7em;
  width: 25%;
  padding-left: 2em;
}

div.poll-option-input-buttons .remove-poll-option,
div.poll-option-input-buttons .swap-poll-option {
  padding: 0 15px 0 2px;
}

div.poll-card {
  margin: 2em auto 2em auto;
}

div.nav-user-dropdown a.button-select {
  display: inline-block;
  width: 33.33%;
  padding: 12px 22px 15px;
  clear: both;
  font-weight: 400;
  color: #686972;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size: 13px;
  line-height: 0.4;
  text-align: center;
}

div.nav-user-dropdown a.button-select:hover {
  background-color: #F9782D;
  color: #fff;
}

div.nav-user-dropdown .highlighted-button-select {
  background-color: #F9782D !important;
  color: #fff !important;
}

div.profile-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  line-height: 1;
  height: 100%;
}

.text-light-gray {
  color: rgba(204, 204, 204, 0.8);
}

.trunks {
  border-left: 2px solid;
  border-color: rgba(255, 255, 255, 0.8);
  margin-left: 15px;
  padding-left: 5px;
  transition: all 0.5s ease 0.1s;
}

.add-article {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 1.5rem;
}

.add-article .add-article-button {
  padding: 1em;
  background: #f9f9ff;
  color: #3175BE;
  border-radius: 3px;
  border: 1px solid #3175BE;
  transition: 0.3s;
}

.add-article .add-article-button:hover {
  background: #F9782D;
  color: #fff;
  border-color: #fff;
  border-radius: 10px;
}

.image-upload-result {
  background-color: transparent;
  color: #3175be;
}

div#dropbox-modal-div {
  border: 1px solid;
}

div#dropbox-modal-div label.dropbox-form {
  display: grid;
  background-color: #64abd2;
  color: white;
  padding: 7px;
  border-radius: 1px;
}

div#dropbox-modal-div input.formFileLg {
  display: grid;
  padding: 10px;
  text-align: center;
}

div.radio-button {
  float: left;
  margin: 0 2em 0 0;
  width: 130px;
  height: 50px;
  position: relative;
}

div.radio-button label,
div.radio-button input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

div.radio-button input[type=radio] {
  cursor: pointer;
  opacity: 0.011;
  z-index: 100;
  width: 100%;
  height: 100%;
}

div.radio-button input[type=radio]:hover + label {
  background: #F9782D;
  border-radius: 10px;
  transition: 0.5s;
}

div.radio-button input[type=radio]:checked + label {
  background: #F9782D;
  border-radius: 10px;
}

div.radio-button label {
  z-index: 90;
  line-height: 1em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
  -webkit-hyphens: auto;
          hyphens: auto;
  padding: 0 5px;
  display: inline-grid;
  align-items: center;
}

div.email-options-container {
  margin-left: -20px;
  padding-left: 20px;
}

div.aida-options-container {
  margin-left: -20px;
  padding-left: 20px;
}

button.btn-wide {
  width: 150px;
}

label.inline-label {
  clear: both;
  float: left;
  margin-top: 0.5rem;
}

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

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

.generated-email-margin {
  margin-top: -220px !important;
}

.generated-aida-margin {
  margin-top: -20px !important;
}

.email-buttons-margin {
  margin-top: -260px !important;
}

.aida-buttons-margin {
  margin-top: -20px !important;
}

.keywords-margin {
  margin-top: 10em;
}

.term-explain-text-margin {
  margin-top: -40px;
}

.report-buttons-margin {
  margin-top: -155px;
}

.report-mce-margin {
  margin-top: -120px;
}

.negotiation-mce-margin {
  margin-top: 56px;
}

.sitebg {
  width: 100%;
  height: 100%;
  background-color: #D0D0D0;
}

.logincontainer {
  padding-top: 100px;
}

.loginbg {
  background-color: #3175BE;
  border-radius: 30px;
}

.loginheader {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 30px !important;
  background-color: white;
  margin: 10px !important;
}

.loginimg {
  width: 200px;
  margin-bottom: 10px;
}

.logintop {
  background-color: #FFFFFF;
  border-radius: 30px;
  margin: 10px 10px 10px 10px;
}

.loginbot {
  color: #FFFFFF !important;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #FA8C2E inset !important;
  -webkit-text-fill-color: white;
}

.logininput {
  background-color: #FA8C2E !important;
  color: white !important;
}

.logininput::-moz-placeholder {
  color: white !important;
}

.logininput::placeholder {
  color: white !important;
}

.logininput:focus::-moz-placeholder {
  color: white !important;
}

.logininput:focus::placeholder {
  color: white !important;
}

.loginbtn {
  background-color: #3175BE !important;
}

.loginbtn:hover {
  background-color: #FA8C2E !important;
}

/* article css */

.FeaturedImage {
  margin-bottom: 10px;
}

/* customerCRM css */

.crmbtn {
  width: 180px;
}

@media screen and (max-width: 600px) {
  .crmbtn {
    font-size: small !important;
    padding: 7px !important;
    width: 130px;
  }

  #new-contact {
    font-size: 10px !important;
    padding: 10px !important;
  }

  .chosen-single {
    width: 280px;
  }

  .chosen-drop {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .nav-title {
    text-align: center;
  }

  .footer {
    position: absolute;
    bottom: auto;
  }

  #copy-contact-email {
    margin-left: -15px;
  }

  .input-group:has(#contact_email) {
    width: 285px;
    margin-left: -1rem;
  }

  .new_contact_title,
  .new_customer_location_title,
  .new_customer_contact_title {
    font-size: 18px !important;
    margin-left: -18px;
  }

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

  #default_data-tab,
  #location_data-tab,
  #contact_data-tab {
    width: 200px;
    font-size: 15px !important;
  }

  .margin-l-3 {
    margin-left: 1rem;
  }

  .margin-l-6 {
    margin-left: 2rem;
  }

  label[for=customer_user_number],
  label[for=tax_number],
  label[for=company_registration_number],
  label[for=annual_turnover],
  label[for=contact_email] {
    margin-left: -1rem;
  }

  .input-group:has(#customer_user_number),
  .input-group:has(#annual_turnover),
  .input-group:has(#tax_number),
  .input-group:has(#company_registration_number) {
    width: 285px;
    margin-left: -1rem;
  }
}

@media screen and (min-width: 369px) {
  .margin-l-3-pc {
    margin-left: 1rem;
  }
}

@media screen and (max-width: 369px) {
  .crmdatebtn {
    margin-top: 20px;
  }

  .withdraw-table {
    font-size: 10px;
  }
}

.statuscol {
  min-width: 100px;
  min-height: 500px;
}

.btn-primary:focus {
  border-radius: 10px;
}

.btn-filter {
  margin-left: 35px !important;
}

#task_description,
#ai_generated_from_text {
  margin-bottom: 30px;
  min-height: 150px;
}

@media screen and (max-width: 768px) {
  #ai_generated_from_text {
    margin-bottom: 50px;
  }
}

#complex-edit-button,
#complex-save-and-close-button,
#complex-report-ready-button {
  height: 40px;
}

.complex-edit-container {
  height: 70px;
}

@media screen and (max-width: 600px) {
  .task-back {
    width: 100%;
  }

  #save_button,
  #submit {
    width: 100%;
  }

  .complex-edit-container {
    height: 180px;
  }
}

.task-btn {
  width: 183px;
}

.task-term-div input[type=radio]:checked + .task-btn,
.task-reminder-div input[type=radio]:checked + .task-btn {
  border-radius: 10px !important;
}

.task-term-div label,
.task-reminder-div label {
  background-color: white;
}

.bg-red {
  background-color: red !important;
}

.border-red {
  border-color: red !important;
}

.input-group input,
.input-group select,
.input-group textarea {
  border: 2px solid #d2d2e4 !important;
  border-radius: 10px;
}

.chosen-container.chosen-container-multi:not(table *) {
  border: 2px solid #d2d2e4 !important;
  border-radius: 10px;
  padding: 3px 12px;
  font-size: 14px;
}

.chosen-container-multi .chosen-choices:not(table *) {
  padding: 0;
}

@media screen and (max-width: 340px) {
  .custom_save_button {
    position: relative;
    top: -60px;
    left: 160px;
  }

  #add_simple_task {
    position: absolute;
  }
}

@media screen and (min-width: 341px) and (max-width: 600px) {
  .custom_save_button {
    position: relative;
    top: -60px;
    left: 175px;
  }

  #add_simple_task {
    position: absolute;
  }

  .task-btn {
    width: 150px;
  }

  .simple-task-center {
    display: flex;
    justify-content: center;
  }

  .input-group input {
    padding: 8px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 600px) {
  .card-body .row {
    display: flex;
    flex-direction: column;
  }
}

a.active {
  border-radius: 10px !important;
  background-color: #F9782D !important;
}

.new-article {
  position: relative;
  top: -87px;
}

.new-story {
  position: relative;
  top: -87px;
}

@media screen and (max-width: 540px) {
  .text {
    display: none;
  }

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

  .new-article {
    top: -81px;
    width: 50px !important;
  }

  .new-story {
    position: relative;
    top: -84px;
    left: 11px;
  }
}

@media screen and (max-width: 335px) {
  #article-edit,
  #article-writer {
    width: 150px;
    background-color: red !important;
  }
}

.form-control:checked {
  border-radius: 10px !important;
  background-color: #F9782D !important;
}

.employee-data-btn {
  width: 200px;
}

@media screen and (max-width: 600px) {
  .employee-data-btn {
    width: 150px;
    font-size: 10px !important;
  }
}

.password-container {
  display: flex;
  justify-content: center;
}

.blue-container {
  background-color: #3175BE;
  width: 600px;
  margin-top: 150px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .blue-container {
    width: 100%;
  }
}

.top-container {
  background-color: white;
  width: 90%;
  height: 100px;
  margin-top: 30px;
  border-radius: 20px;
}

.bot-container {
  background-color: white;
  width: 90%;
  height: 100px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 20px;
}

@media screen and (max-width: 600px) {
  .bot-container {
    margin-top: 20px;
    height: 130px;
  }
}

.password-form {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .password-form {
    display: flex;
    flex-direction: column;
  }
}

.password-form input[type=email] {
  background-color: #FA8C2E;
  color: white !important;
  width: 280px;
}

.password-form input[type=password] {
  background-color: #FA8C2E;
  color: white !important;
  width: 280px;
}

@media screen and (max-width: 600px) {
  .password-form input[type=email] {
    margin-top: 15px;
  }
}

.password-form input[type=email]::-moz-placeholder {
  color: white !important;
}

.password-form input[type=email]::placeholder {
  color: white !important;
}

.password-form input[type=email]:focus {
  background-color: #FA8C2E;
}

.password-form button:hover {
  background-color: #FA8C2E !important;
}

@media screen and (max-width: 600px) {
  .password-text {
    display: none;
  }
}

.new-password-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.new-password-form input {
  background-color: #FA8C2E;
  color: white !important;
  width: 280px;
  text-align: center;
}

.new-password-form input[type=email]::-moz-placeholder {
  color: white !important;
}

.new-password-form input[type=email]::placeholder {
  color: white !important;
}

.new-password-form input[type=password]::-moz-placeholder {
  color: white !important;
}

.new-password-form input[type=password]::placeholder {
  color: white !important;
}

.new-password-form input[type=email]:focus {
  background-color: #FA8C2E;
}

.new-password-form input[type=password]::-moz-placeholder {
  color: white !important;
}

.new-password-form input[type=password]::placeholder {
  color: white !important;
}

.new-password-form input[type=password]:focus {
  background-color: #FA8C2E;
}

.new-password-form button:hover {
  background-color: #FA8C2E !important;
}

@media screen and (min-width: 600px) {
  .style {
    border-bottom: 1px solid #d2d2e4 !important;
  }
}

@media screen and (max-width: 600px) {
  .tone,
  .style {
    flex-direction: column;
  }

  .style-container {
    position: relative;
    top: -288px;
    left: 60%;
  }

  .what-about,
  .keyword {
    position: relative;
    top: -288px;
  }

  #blog-generation-left-column {
    height: 800px;
  }

  #copyBlogTinyMCEButton,
  #generateBlogButton {
    width: 80px;
    font-size: 14px;
    padding: 5px 0px 5px 0px !important;
  }

  .blog-copy-generate-container {
    display: flex;
    position: relative;
    top: 30px;
    left: 5%;
  }
}

.chosen-container-single#id_parent_chosen a.chosen-single,
.chosen-container-single#id_parent_chosen a.chosen-single span,
.chosen-container-single#id_parent_chosen a.chosen-single div {
  background: white;
}

table.dataTable tbody tr.even {
  background-color: rgba(230, 230, 242, 0.5);
}

table.dataTable tbody tr:hover {
  background-color: rgba(230, 230, 242, 0.75);
}

table.dataTable tbody tr.bg-warning:hover {
  background-color: rgb(204, 154, 6) !important;
}

table.dataTable tbody tr.bg-success:hover {
  background-color: rgb(39, 167, 69) !important;
}


/*# sourceMappingURL=style.css.map*/