.dropdown-menu-notification {
    top: 60px;
    right: 0px;
    padding: 0px !important;
    left: unset;
    width: 400px;
    box-shadow: 0px 5px 7px -1px #c1c1c1;
    padding-bottom: 0px;
    padding: 0px;
}
.pro-count{
	position: absolute;
	right: 7px;
    top: 15px;
    color: #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    background-color: red;
}
.notification-padding{
	padding: 8px !important;
    padding-left: 31px !important;
    padding-right: 27px !important;
}

.dropdown-menu-notification:before {
    content: "";
    position: absolute;
    top: -20px;
    right: 71%;
    border: 10px solid #343A40;
    border-color: transparent transparent #343A40 transparent;
}
.notification-box {
    padding: 10px 0px;
}
@media (max-width: 640px) {
    .dropdown-menu-notification {
        top: 50px;
        left: -16px;
        width: 290px;
    }
    .message {
        font-size: 13px;
    }
}
.notification-box {
    padding: 10px 0px;
}
.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: #fff;
}
.loader {
    overflow: visible;
    padding-top: 2em;
    height: 0;
    width: 2em;
}
.loader, .loader__figure {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.loader__figure {
    height: 0;
    width: 0;
    box-sizing: border-box;
    border: 0 solid #1976d2;
    border-radius: 50%;
    -webkit-animation: loader-figure 1.15s infinite cubic-bezier(.215,.61,.355,1);
    -moz-animation: loader-figure 1.15s infinite cubic-bezier(.215,.61,.355,1);
    animation: loader-figure 1.15s infinite cubic-bezier(.215,.61,.355,1);
}
.loader, .loader__figure {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.badge-darkgrey {
	color: #fff;
	background-color: #6c757d;
}
.loader__label {
    float: left;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0.5em 0 0 50%;
    font-size: .875em;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #1976d2;
    -webkit-animation: loader-label 1.15s infinite cubic-bezier(.215,.61,.355,1);
    -moz-animation: loader-label 1.15s infinite cubic-bezier(.215,.61,.355,1);
    animation: loader-label 1.15s infinite cubic-bezier(.215,.61,.355,1);
}
.loader__label, .no-wrap td, .no-wrap th, .nowrap {
    white-space: nowrap;
}
.btn-blue{
	background-color: #041e84 !important;
}
.yellow{
	color: #fec107;
}
.gray{
	color: gray;
}
.toolbar .btn{
	font-size: 20px;
	background-color: #00c68e !important;
	border-color: #00c68e !important;
	width: 15% !important;
}
.sw-theme-arrows>.nav .nav-link.done{
	background-color: #00c68e !important;
	background: #00c68e !important;
	border-color: #00c68e !important;
}
.sw-theme-arrows>.nav .nav-link.done::after{
	border-left-color: #00c68e !important;
}
.toolbar{
	/*margin-top:-2% !important;*/
}
#gifLoader{
	position:fixed;
	width:100% !important;;
	height:100% !important;;
	background-color:#FFFFFF !important;;
	background-repeat:no-repeat !important;;
	background-position:center !important;;
	z-index:10000000 !important;;
	opacity: 0.4 !important;;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}
#gifLoader img {
	top: 50%;
	left: 50%;
	position: absolute;
	width: 50px;
}
.required::after {
	content: " *";
	color: red;
}
.nice-title{
	background: #f1f1f1;
	padding: 9px;
	font-weight: 400;
}
.btn-dark {
	background: #273b4b;
	color: #ffffff;
}
.text-gray {
	color: #b9b9b9;
}
.pointer{
	cursor: pointer;
}
.first_box{
	float: left;
    padding-left: 40px;
    padding-right: 10px;
}
.btn-red {
	color: #e46a76 !important;
}
.btn-red:hover {
	color: #ffffff !important;
}

#box_calculate {
	float: right;
	padding-right: 5%;
}
.total_style{
	border-top: 1px solid;
}
.card_border{
	border: 1px solid #c6c6c6;
    border-radius: 10px;
}
.title_modal{
	background: #00aca9;
    padding: 1em;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}
#myModal_category .modal-dialog,#myModal_sub_category .modal-dialog,
#myModal_create_contact .modal-dialog{
	border: 4px solid #00827f;
    border-radius: 10px;
}
.scrollbox {
	overflow-y: auto;
}
.title_modal h3{
	margin: 0px;
}
.delete_button_card {
	top: 30px;
    right: 20px;
    position: absolute;
    z-index: 999;
}
.btn-white{
	color: #ffffff !important;
}
.topbar .top-navbar .navbar-header{
	background: #2b3b4b !important;
}
.user-profile .dropdown-menu{
	top: 60px !important;
	left: -140px !important;
}
.margin_divisor{
	padding-top: 15px;
	padding-bottom: 15px;
}
.nav-item {
	margin-right: 15px;
}
.active_menu_item {
	background: #00aca9 !important;
    color: #ffffff !important;
}
.active_menu_item_secondary {
	background: #00aca9 !important;
    color: #ffffff !important;
}
.skin-green .sidebar-nav>ul>li.active>a i {
	color : #fff !important;
}
.li_active_menu_item > i {
	color: #ffffff !important;
}
.active_menu_item a {
	color: #ffffff !important;
}
.li_active_menu_item_secondary {
	background: #6bc5c3 !important;
	color: #ffffff !important;
}
.active_2 a {
	color: #00aca9 !important;
}

.breadcrumb{
	font-size: 15px !important;
}
#menu_nav_section{
	padding: 0 0 0 !important;
}
.user-profile {
	margin-top: 5px !important;
}
#name_user{
	font-size: 14px !important;
}
.card_menu {
	background: #00aca9;
    color: white;
}
.card_menu_active {
	border-bottom: 4px solid #fb9577;
}
.icon_menu_item{
	font-size: 20px;
}
.icon-size{
	font-size: 20px !important;
	margin-left: 5px !important;
}
.icon_size{
	font-size: 20px !important;
	margin-left: 5px !important;
}
.icon-size-large{
	font-size: 30px;
	margin-left: 5px;
}
.bootstrap-select {
	width:100% !important;
}
.title_account {
	background: #00aca9;
    padding: 1em;
    font-size: 16px;
    color: #ffffff;
}
#div_payment_month {
	background: #00aca9;
    padding: 1em;
    color: white;
    border-radius: 10px;
    border: 3px solid #ffffff;
}
#div_payment_month .price_subscription {
	text-align: center;
    font-size: 30px;
}
#div_payment_month .button_subscription {
	text-align: center;
    font-size: 30px;
}
#div_payment_annual .price_subscription {
	text-align: center;
    font-size: 30px;
}
#div_payment_annual .button_subscription {
	text-align: center;
    font-size: 30px;
}
#div_payment_annual {
	background: #00aca9;
    padding: 1em;
    color: white;
    border-radius: 10px;
    border: 3px solid #ffffff;
}
.stripe-button-el span {
	background: #fb9678 !important;
	color: #ffffff !important;
}
.stripe-button-el span {
	background: #fb9678 !important;
	color: #ffffff !important;
}
.stripe-button-el span:hover {
	background: #ee8a6d !important;
	color: #ffffff !important;
}
.body-message{
	padding: 15px;
    background: #f7f7f7;
    border-radius: 10px;
}
.image-message{
	padding: 15px;
}
.row_message {
	margin-bottom: 15px;
}
.remove_email_added{
	cursor: pointer;
}
.btn_filter{
	margin-right: 10px;
}
.link_style {
	cursor: pointer;
}
.checkbox-warehouse{
	font-size: 60px;
	cursor: pointer;
	margin-left: 40%;
}
.readonly-block{
	pointer-events: none;
}
.nice_head{
	background: #0170BD;
	color: #ffffff;
}
.border_blue{
	border-color: #0070bc !important;
}
.user-profile .dropdown-menu {
	width: 193px !important;
}
#vanillatoasts-container{
	z-index: 99999999999 !important;
}
.field-required {
	border: 1px solid red;
}
.text-black{
	color: black !important;
}
.input-readonly{
	pointer-events: none !important;
	background: #eaecef;
}
.select2-search__field{
	width: 100% !important;
}

/** GOOGLE AUTOCOMPLETE **/
.pac-container {
	background-color: #FFF;
	z-index: 999999999;
	position: fixed;
	display: inline-block;
	float: left;
}

/** END GOOGLE AUTOCOMPLETE **/
@media only screen and (max-width: 600px) {
	.navbar-brand img {
		height: auto !important;
	}
}
.btn-edit-folder {
	position: absolute;
	top: 15%;
	right: 20px;
	font-size: 23px;
}
.btn-delete-folder {
	position: absolute;
	top: 15%;
	left: 20px;
	font-size: 23px;
	cursor: pointer;
}
/* Custom theme zeta*/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
	width: 250px !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .simplebar-offset {
	height: calc(100vh - 152px) !important;
}
.page-wrapper.compact-wrapper .page-header {
	margin-left: 243px;
	width: calc(100% - 242px);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active span {
	color: #e6b100 !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span:hover {
	color: #e6b100 !important;
	background: white !important;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item {
	color: #000000 !important;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a {
	color: black !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover .sidebar-link:not(.active):hover svg {
	fill: rgb(255 255 255 / 20%) !important;
}
.nav-tabs .nav-link.active {
	color: #dcaa06 !important;
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
		margin-left: 250px;
	}
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.btn-info{
	background: #282828;
	color: #fff0ff;
}
.btn-info:hover{
	background: #282828;
	color: #fff0ff;
}
.btn-gray{
	background: #ebebeb;
	color: #282828;
}
.btn-gray:hover{
	background: #ebebeb;
	color: #282828;
}
.show-panel-filtri{
	/*position: absolute;*/
}
.footer {
	margin-left: 248px;
}
.login-form .form-group .input-group-text {
	background-color: rgb(161 161 161 / 10%) !important;
	color: #000000 !important;
}
.bg-transparent {
	display: contents;
}
.rounded {
	border-radius: 2.4rem !important;
}
.select2-container{
	width: 100% !important;
}
.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #0a5dbc !important;
	border-color: #0a5dbc !important;
}
.dt-avatar:not([class*="size-"]):not(.dt-checkbox-content), .dt-avatar__outline:not([class*="size-"]):not(.dt-checkbox-content), .dt-fab-btn:not([class*="size-"]):not(.dt-checkbox-content), .dt-slider__header .dt-checkbox-icon .dt-checkbox-content:not([class*="size-"]):not(.dt-checkbox-content) {
	width: 40px !important;
	height: 40px !important;
}
.add-comment-box .action-tools *:not(:last-child) {
	margin-right: 6px !important;
}
.add-comment-box {
	padding: 1.2rem 7rem 0rem 0rem !important;
}




.image_outer_container{
	margin-top: auto;
	margin-bottom: auto;
	border-radius: 50%;
	position: relative;
}

.image_inner_container{
	border-radius: 50%;
	padding: 5px;
	background: #833ab4;
	background: -webkit-linear-gradient(to bottom, #fcb045, #fd1d1d, #833ab4);
	background: linear-gradient(to bottom, #fcb045, #fd1d1d, #1d4ef5);
	margin-top: 19px;
}
.image_inner_container img{
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 2px solid white;
}

.image_outer_container .green_icon{
	background-color: #4cd137;
	position: absolute;
	right: -8px;
	bottom: 0px;
	height: 21px;
	width: 21px;
	border: 1px solid white;
	border-radius: 50%;
	padding: 2px;
	text-align: center;
	color: white;
	font-size: 12px;
}
.image_outer_container .gray_icon{
	background-color: #5a5a5a;
	position: absolute;
	right: -8px;
	bottom: 0px;
	height: 21px;
	width: 21px;
	border: 1px solid white;
	border-radius: 50%;
	padding: 2px;
	text-align: center;
	color: white;
	font-size: 12px;
}
.nav-tabs .nav-link.active{
	color: #003d91 !important;
}