@import url(https://fonts.googleapis.com/css?family=PT+Sans);
 
body {
	width: 100% !important;
	height:100% !important;
	font-size: 14px !important;
	font-family: 'PT Sans', sans-serif !important;
}

.body_login {
	background-color: lightgrey;
}

.all0 {
	margin: 0 !important;
	padding: 0 !important;
}

.container_header {
	width: 100% !important;
}

#tot {
	position: fixed;
	left:0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 1001;
	background-color: rgba(0,0,0,0.5);
	display: none;
}

#tot3 {
	position: fixed;
	left:0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 1041 !important;
	background-color: rgba(0,0,0,0.5);
	display: none;
}

#tot4 {
	position: fixed;
	left:0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 1043 !important;
	background-color: rgba(0,0,0,0.5);
	display: none;
}

#tot5 {
	position: fixed;
	left:0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(0,0,0,0.5);
	display: none;
}

#overAll {
	position: fixed;
	left:0;
	top: 0;
	width: auto !important;
	height: auto !important;
	z-index: 10000 !important;
	display: none;
}

.loader {
	position: absolute;
	z-index: 1002;
	text-align: center;
	left: 50%;
	color: white;
	top: 50%;
	font-size: 70px;
	display: none;
}

.loader i {
	color: white;
	font-size: 70px !important;
}

.loader_text {
	position: absolute;
	z-index: 1002;
	text-align: center;
	left: 50%;
	color: white;
	top: 50%;
	font-size: 70px;
	display: none;
	width: 200px;
	margin-left: -100px;
	font-size: 28px;
	color: white;
	font-weight: bold;
}

.loader_text i {
	color: white;
	font-size: 40px !important;
	margin-right: 15px;
}

#tot2 {
	position: fixed;
	left:0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 1010;
	background-color: black;
	opacity:0.7;
	display: none;
}

#tot0 {
	position: fixed;
	left:0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 1010;
	background-color: transparent;
	display: none;
}

.box_login {
	width: 100%;
	min-height: 50px;
	background-color: white;
	border-radius: 10px;
	border:1px solid lightgrey;
	margin-top: 50px;
}

.box_login_header {
	background-color: #5882FA;
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border:1px solid #5882FA;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
	color: white;
}

.height-10 {
	height: 10px;
}

.height-5 {
	height: 5px;
}

.invalid {
	box-shadow: 0px 0px 1px red !important;
    background-color: rgba(255,0,0,.1) !important;
}

.text_down {
	width: 100%;
	position: absolute;
	bottom: 20px;
	color: grey;
	font-weight: bold;
	text-align: center;
}

.menu {
	width: 100%;
	min-height: 40px;
	background-color: #5882FA;
}

.ul_menu {
	list-style: none;
}

.ul_menu li {
	padding: 15px;
	border-left: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	color: white;
	font-weight: bold;
	display: inline-block;
}

.ul_menu li:hover {
	background-color: whitesmoke;
	color: black;
	cursor: pointer;
}

.ul_menu ul {
	position: absolute;
	list-style: none;
	width: 220px;
	background-color: #5882FA !important;
	border: 1px solid lightgrey;
	visibility:hidden;
	/*top: 48px;*/
	margin-left: -17px !important;
	z-index: 1001;
}

.ul_second_menu {
	margin-top: 10px !important;
	z-index: 1001;
}

.ul_second_menu li {
	display: block;
	padding: 5px;
	width: 220px;
	border-bottom: 1px solid lightgrey;
}

.ul_second_menu li a {
	color: white;
	text-decoration: none;
}

.ul_second_menu li:hover a {
	text-decoration: none;
	color: #337ab7;
}

.ul_menu li:hover li {
	background-color: #5882FA;
	visibility:visible;
}

.ul_menu li:hover li:hover {
	background-color: whitesmoke;
	color: black;
	cursor: pointer;
}

.ul_second_menu ul {
	position: absolute;
	left: 106%;
	margin-top: -26px !important;
	display: none;
	border: 1px solid red !important;
	z-index: 1001;
}

.ul_third_menu li a {
	color: white !important;
}

.ul_third_menu li:hover a {
	color: #337ab7 !important;
}

.ul_second_menu li:hover > ul {
	display: block;
}

.btn_logout {
	padding-right: 25px;
	padding-top: 10px;
	padding-left: 25px;
	border-left: 1px solid lightgrey;
	height: 50px;
	color: white;
	font-weight: bold;
}

.btn_logout:hover {
	background-color: whitesmoke;
	color: black;
	cursor: pointer;
}

.box_datatable {
	width: 100%;
	min-height: 50px;
	background-color: white;
	overflow: none;
	padding: 10px;
	border-radius: 2px;
	box-shadow: 0px 0px 5px lightgrey;
}

.box_datatable table {
	width: 100%;
	overflow: auto;
}

.searchbar {
	width: 100%;
	min-height: 20px;
	background-color: white;
	border:1px solid lightgrey;
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	margin-bottom: 3px;
}

.file_browse {
	margin-left: -50px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    position: absolute;
}

input[type='file'] {
	display: inline !important;
}

.img_tab_poze {
	width: 100%;
	height: auto;
	position: relative;
	top: -30px;
}

.each_row {
	padding-top: 30px;
	margin-bottom: 5px;
	border-bottom: 1px solid lightgrey;
}

.md3_style {
	margin: 0 !important;
	padding: 2px !important;
}

.md-style {
	margin: 0 !important;
	padding: 2px !important;
}

.box_clean {
	width: 100%;
	min-height: 150px;
	padding: 10px;
	box-shadow: 0px 0px 5px lightgrey;
	border:1px solid lightgrey;
	background-color: white;
}

.general_info_alert {
	width: 100%;
	padding: 5px;
	background-color: #A9E2F3;
	border-left: 4px solid #0080FF;
	color: black;
	padding-left: 10px;
}

.general_success_alert {
	width: 100%;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #01DF01;
	border-left: 3px solid #298A08;
	color: white;
}

.general_error_alert {
	width: 100%;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F5A9A9;
	border-left: 3px solid #FA5858;
	color: white;
}

.hide_class {
	display: none !important;
}

.hide-class {
	display: none !important;
}

.bar_filemanager {
	width: 100%;
	background-color: #F2F2F2;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: grey;
}

.buttons {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
	border:1px solid #E6E6E6;
}

.button {
    float: left;
    font-size: 13px;
    border: 1px solid #E6E6E6;
    margin: 5px;
    border-radius: 2px;
    text-align: center;
    padding: 3px 6px 3px 6px;
}

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

.button:hover {
	background-color: whitesmoke;
	cursor: pointer;
}

.box_folders {
	margin: 5px;
	border:1px solid #E6E6E6;
	background-color: white;
	padding: 10px;
	width: 100%;
	min-height: 50px;
}


.filemanager_text {
	padding-left: 20px;
	max-height: 430px;
	overflow: auto;
}

.filemanager_text::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.filemanager_text::-webkit-scrollbar-track {
	background: whitesmoke;

}

.filemanager_text::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

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

.ul_folders li {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.ul_folders li i {
	margin-right: 10px;
}

.ul_folders li:hover {
	background-color: whitesmoke;
	cursor: pointer;
}

.filemanager_bottom_bar {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F2F2F2;
	padding-left: 20px;
	padding-right: 20px;
}

.center_ul_folders {
	list-style: none;
	margin-top: 10px;
}

.center_ul_folders li {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.center_ul_folders li p {
	width: 260px;
	float: left;
}

.center_ul_folders li i {
	margin-right: 10px;
}

.center_ul_folders li:hover {
	background-color: whitesmoke;
	cursor: pointer;
}

.level_up {
	width: 100%;
	min-height: 30px;
	margin-bottom: 10px;
}

.level_up:hover {
	background-color: whitesmoke;
	cursor: pointer;
}

.right-box-folder {
	position: absolute;
	width: 200px;
	min-height: 50px;
	border:1px solid lightgrey;
	background-color: white;
	z-index: 1011;
	box-shadow: 1px 1px 1px #E6E6E6;
}

.right-box-file {
	position: absolute;
	width: 200px;
	min-height: 50px;
	border:1px solid lightgrey;
	background-color: white;
	z-index: 1011;
	box-shadow: 1px 1px 1px #E6E6E6;
}

.ul_right_box {
	list-style: none;
}

.ul_right_box li {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #337ab7;
}

.ul_right_box li a {
	color: #337ab7;
	text-decoration: none;
}

.ul_right_box li a:hover {
	text-decoration: none;
}

.ul_right_box li i {
	color: grey;
	margin-right: 10px;
}

.ul_right_box li:hover {
	cursor: pointer;
	background-color: whitesmoke;
}

.active {
	background-color: whitesmoke;
	cursor: pointer;
}

#query_result {
	width: 99%;
	overflow: auto;
}

.body_error_page {
	background-color: #E6E6E6 !important;
	width: 100%;
	height: 100%;
}

.error_page_container {
	width: 600px;
	min-height: 225px;
	background-color: white;
	border-radius: 10px;
	margin: 100px auto;
}

.error_page_header {
	width: 580px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 20px;
	font-family: Myriad Pro;
	font-weight: bold;
	color: white;
	background-color: #FE2E2E;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.error_page_text {
	padding: 15px;
	font-size: 16px;
	font-weight: bold;
	font-family: Myriad Pro;
	padding-top: 40px;
	padding-bottom: 40px;
}

.error_page_class {
	color:#FE2E2E;
}

.error_page_border_bottom {
	width: 95%;
	margin: 0 auto;
	border-bottom: 2px solid #FE2E2E;
}

.error_page_buttons {
	float: right;
	margin: 10px;
}

.button_error_page {
	padding: 10px;
	background-color: white;
	border:1px solid #FE2E2E;
	border-radius: 5px;
	color: #FE2E2E;
	font-weight: bold;
}

.button_error_page:hover {
	background-color: #FE2E2E;
	color: white;
	cursor: pointer;
}

.feed_result {
	width: 100%;
	min-height: 100px;
	padding: 15px;
	background-color: white;
	box-shadow: 2px 2px 2px lightgrey;
	border:1px solid lightgrey;
	font-weight: bold;
}

.div_upload_img {
	width: 100%;
    height: 200px;
    background-color: #FBEFEF;
    color: lightgrey;
    text-align: center;
    padding: 5px;
    border: 1px solid lightgrey;
    cursor: pointer;
}

.div_upload_img i {
	padding-top: 70px;
}

.x_div_upload {
	position: absolute;
	right: 30px;
    top: 12px;
    color: red;
    font-size: 21px;
}

.x_div_upload i {
	padding-top: 0 !important;
}

.all10 {
	width: 10% !important;
	height: 10% !important;
}

.iframeVideo {
	width: 100% !important;
	height: 250px !important;
}

#idVideosTable tr td iframe {
	width: 200px !important;
	height: 120px !important;
}

.progressBar {
    position: fixed;
    width: 300px;
    margin-top: 150px;
    left: 50%;
    margin-left: -150px;
}

.prod-title {
	font-size: 15px;
	font-weight: bold;
}

.prod-quant {
	font-size: 15px;
	font-weight: bold;
	margin-right: 8px;
}

.prod-ori {
	font-size: 14px;
	font-weight: bold;
	margin-right: 8px;
}

.prod-price {
	font-size: 15px;
	font-weight: bold;
}

.full-width {
	width: 100%;
}

.upload-bar {
    width: 100%;
    padding: 10px;
    border: 1px solid #E6E6E6;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.more-orders-buttons {
	position: absolute;
    right: 0;
    margin-right: 292px;
    margin-top: 5px;
    z-index: 9;
}

.btn-grey {
	padding: 5px 10px;
	height: 30px;
    font-size: 12px;
    border-radius: 3px;
    background-color: #424242;
    color: white;
    border: none;
    box-shadow: none;
}

.btn-grey i {
	margin-right: 6px;
}

.i-toggle i {
	font-size: 22px;
	cursor: pointer;
}

.i-toggle i.fa-toggle-on {
	color: #0080FF;
}

.btn-purple {
	padding: 5px 10px;
	height: 30px;
    font-size: 12px;
    border-radius: 3px;
    background-color: #5F04B4;
    color: white;
    border: none;
    box-shadow: none;
}

.btn-purple i {
	margin-right: 6px;
}

.package-products {
	width: 100%;
    padding: 8px;
    background-color: whitesmoke;
    padding-top: 0px;
}

.package-product {
    padding: 5px;
    float: left;
    background-color: white;
    border-radius: 3px;
    margin-right: 5px;
    font-size: 15px;
    color: #555;
    font-weight: 600;
    margin-top: 8px;
}

.package-product i.fa-eye {
	color: green;
	cursor: pointer;
	margin: 5px;
}

.package-product i.fa-trash-o {
	color: red;
	cursor: pointer;
	margin: 5px;
}

.table-details {
	border-color: lightgrey;
    border: 1px solid lightgrey;
}

.table-details tr td {
	padding: 8px;
}

.table-details tr td:first-child {
	font-weight: bold;
}

.empty-image-order-product {
	width: 30px;
	height: 30px;
	border: 1px dashed whitesmoke;
    background-color: #FAFAFA;
}

.img-package-order-product {
	width: 30px;
	height: 30px;
    border: 1px dashed whitesmoke;
    margin-top: 1px;
}

.hover-img-package-order {
	width: 30px;
	height: 30px;
	position: absolute;
	background-color: rgba(0,0,0,.6);
    color: white;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding-top: 3px;
}

.hover-img-package-order span {
	font-size: 18px;
}

.btn-green {
	padding: 5px 10px;
	height: 30px;
    font-size: 12px;
    border-radius: 3px;
    background-color: #01A9DB;
    color: white;
    border: none;
    box-shadow: none;
}

.btn-green i {
	margin-right: 6px;
}

.btn-red {
	padding: 5px 10px;
	height: 30px;
    font-size: 12px;
    border-radius: 3px;
    background-color: #FA5858;
    color: white;
    border: none;
    box-shadow: none;
}

.btn-red i {
	margin-right: 6px;
}

.sidebar {
	width: 200px;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #5DA0A1;
	height: 100%;
	padding-left: 0;
	padding-top: 100px;
	z-index: 9999;
}

.sidebar ul {
	list-style: none;
}

.sidebar ul li {
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.sidebar ul li span.pull-right {
	margin-right: 10px;
}

.sidebar ul li span.pull-right > .badge {
	border-radius: 3px !important;
	background-color: #FE2E2E;
}

.sidebar ul li i {
	margin-right: 8px;
	font-size: 15px;
}

.sidebar ul li.active {
	border-left: 5px solid #0D6668;
	background-color: #478586;
	padding-left: 10px;
}

.sidebar ul li a {
	color: white;
	text-decoration: none;
	font-weight: 500;
}

.sidebar ul li a:hover {
	text-decoration: none;
}

.marginleft {
	margin-left: 210px;
}

.custom-box {
	width: auto;
	background-color: white;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	padding: 15px;
	margin: 10px;
}

.over-bar {
	width: auto;
	padding: 20px;
	background-color: white;
	color: white;
	margin-bottom: 10px;
	margin-right: 10px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	margin-left: 10px;
}

.btn-close-sidebar {
	padding: 10px;
	background-color: #5DA0A1;
	color: white;
	box-shadow: none;
	border: none;
}

.a-logout {
	color: grey;
	font-weight: 500;
	text-decoration: none;
}

.a-logout i {
	margin-right: 8px;
}

.a-logout:hover {
	text-decoration: none;
}

.minimized {
	width: 50px;
}

.leftsmall {
	margin-left: 55px;
}

.edited-select {
	border: 1px solid #E6E6E6;
	padding: 10px !important;
	border-radius: 2px !important;
}

.edited-input {
	width: 100%;
	height: 40px;
	padding-left: 10px;
	border-radius: 2px;
	border: 1px solid #E6E6E6;
	outline: none;
}

.btn-search {
	width: 100%;
	height: 40px;
	background-color: #5DA0A1;
	color: white;
	font-weight: 500;
	border: none;
	outline: none;
}

.btn-search i {
	margin-right: 6px;
}

.filters-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.filters-title i {
	font-size: 18px;
	margin-right: 8px;
}

.btn-white {
	padding: 8px 10px 8px 10px;
	background-color: white;
	border: 1px solid #E6E6E6;
	color: #444;
	border-left: 5px solid #E6E6E6;
	margin-bottom: 5px;
	border-radius: 2px;
	width: 173px;
	margin-right: 5px;
	outline: none;
}

.btn-white i {
	font-size: 16px;
	margin-right: 3px;
}

.btn-white:hover {
	background-color: #5DA0A1;
	color: white;
	border-color: #478586;
}

.orders-buttons {
	width: auto;
	margin-top: 15px;
	font-weight: bold;
}

.redbtn {
	background-color: #B40404;
	border-color: #B40404;
	color: white;
	border-left-color: #DF0101;
}

.bluebtn {
	background-color: #045FB4;
	border-color: #045FB4;
	color: white;
	border-left-color: #084B8A;
}

.greenbtn {
	background-color: #5FB404;
	border-color: #5FB404;
	color: white;
	border-left-color: #4B8A08;
}

.orangebtn {
	background-color: #DF7401;
	border-color: #DF7401;
	color: white;
	border-left-color: #B45F04;
}

.cyanbtn {
	background-color: #04B4AE;
	border-color: #04B4AE;
	color: white;
	border-left-color: #088A85;
}

.purplebtn {
	background-color: #642EFE;
	border-color: #642EFE;
	color: white;
	border-left-color: #29088A;
}

.greybtn {
	background-color: #A4A4A4;
	border-color: #A4A4A4;
	color: white;
	border-left-color: #848484;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: none !important;
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-right: 1px solid #E6E6E6 !important;
}

.table-bordered>tbody>tr>td {
	border-right: 1px solid #E6E6E6 !important;
}

.table-bordered>thead>tr>th {
	text-align: center;
	line-height: 18px;
	vertical-align: top;
}

.dataTables_filter input {
	padding: 5px !important;
	padding-left: 10px !important;
	outline: none !important;
	box-shadow: none;
	border: 1px solid #E6E6E6;
	border-radius: 2px;
	margin-left: 20px !important;
	margin-bottom: 8px !important;
}

.dataTables_length select {
	padding: 5px !important;
	border: 1px solid #E6E6E6;
	outline: none !important;
	margin-left: 5px !important;
	margin-right: 8px !important;
	border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: inherit !important;
	background-color: #5DA0A1 !important;
	color: white !important;
	border: none !important;
	border-radius: 2px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: inherit !important;
	background-color: #5DA0A1 !important;
	color: white !important;
	border: none !important;
	border-radius: 2px !important;
}

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

table.dataTable.no-footer {
	border-bottom: 1px solid whitesmoke;
}

table.dataTable tbody tr.selected {
	background-color: #5DA0A1 !important;
}

table.dataTable tbody tr.selected td {
	color: white !important;
}

.a-hide-buttons {
	font-size: 13px;
	text-decoration: none;
}

.a-hide-buttons:hover {
	text-decoration: none;
}

.a-hide-buttons:visited {
	text-decoration: none;
}

.extend-menu {
	position: fixed;
	left: 0;
	top: 0;
	width: 230px;
	background-color: #478586;
	color: white;
	z-index: 9999;
	height: 100%;
	padding-top: 15px;
}

.extend-menu ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.left200 {
	left: 200px;
}

.extend-menu ul li {
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.extend-menu ul li span.pull-right {
	margin-right: 12px;
	font-size: 12px;
	position: relative;
	top: 3px;
}

.extend-menu ul li:hover {
	background-color: #3C6667;
}

.extend-menu ul li a {
	color: white;
	font-weight: 500;
	text-decoration: none;
}

.extend-menu ul li a:hover {
	text-decoration: none;
}

.overflow-menu {
	height: 98%;
	overflow: auto;
}

.overflow-menu::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.overflow-menu::-webkit-scrollbar-track {
	background: transparent;

}

.overflow-menu::-webkit-scrollbar-thumb {
	background-color: #0D6668;
	border-radius: 5px !important;
}

ul.thirdmenu {
	display: none;
	list-style: none;
	position: absolute;
	width: 200px;
	margin-left: 200px;
	z-index: 99;
	background-color: #3C6667;
	margin-top: -29px;
	max-height: 85%;
    overflow: auto;
}

ul.inlinemenu {
	display: none;
	list-style: none;
	background-color: #3C6667;
}

ul.inlinemenuengine {
	display: none;
	list-style: none;
	background-color: #3C6667;
}

ul.thirdmenu::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

ul.thirdmenu::-webkit-scrollbar-track {
	background: transparent;

}

ul.thirdmenu::-webkit-scrollbar-thumb {
	background-color: #4D8C8E;
	border-radius: 5px !important;
}

.extend-menu ul li:hover ul.thirdmenu {
	display: block;
}

.extend-menu ul li:hover ul.inlinemenu {
	display: block;
}

.extend-menu ul li:hover ul.inlinemenuengine {
	display: block;
}

.extend-mimized {
	margin-left: 50px;
}

.modal-content {
	border-radius: 3px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-clip: inherit;
}

.modal-title {
    text-align: center;
    font-size: 22px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.modal-body {
    background-color: #f8fafb;
}

.modal-body table tr td {
	background-color: white;
}

.modal-footer {
	margin-top: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.btn-primary {
	background-color: #5DA0A1 !important;
    border: none !important;
    border-radius: 2px !important;
    border-color: #5DA0A1 !important;
}

.btn-default {
	color: grey !important;
    font-weight: normal !important;
    border-radius: 2px !important;
    border-color: lightgrey !important;
}

.form-control {
    border: 1px solid #E6E6E6 !important;
    height: 40px !important;
    border-radius: 3px !important;
    outline: none !important;
    padding-left: 10px !important;
}

.btn-danger {
	background-color: #DF0101 !important;
    border: none !important;
}

.btn-success {
    background-color: #5FB404 !important;
    border: none !important;
}

.ul-tabs {
	border-bottom: 0px !important;
}

.ul-tabs li.active a {
	color: #444 !important;
	font-weight: 500 !important;
	margin-right: 0 !important;
}

.ul-tabs li a {
	color: grey !important;
	font-size: 13px !important;
}

.tab-pane-edited {
    border: 1px solid #ddd !important;
    background-color: #FAFAFA !important;
    border-top: 0 !important;
    padding-top: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-weight: normal;
}

.dataTables_scrollBody::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
    height: 10px !important;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
	background: transparent;

}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
	background-color: #4D8C8E;
	border-radius: 3px !important;
}

.toggle-i {
	font-size: 22px;
	color: grey;
	font-weight: normal;
	cursor: pointer;
}

.toggle-on {
	color: #2E9AFE;
}

#imaginiTable img {
	width: inherit !important;
}

/* CHOSEN PLUGIN */
.chosen-container-single .chosen-single {
  background: #ffffff;
  box-shadow: none;
  -moz-box-sizing: border-box;
  border-radius: 2px;
  cursor: text;
  height: auto !important;
  margin: 0;
  min-height: 40px;
  overflow: hidden;
  padding: 8px 12px;
  position: relative;
  width: 100%;
  line-height: 35px !important;
}
.chosen-container-multi .chosen-choices li.search-choice {
  background: #f1f1f1;
  border: 1px solid #e5e6e7;
  border-radius: 2px;
  box-shadow: none;
  color: #333333;
  cursor: default;
  line-height: 13px;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  position: relative;
}
.chosen-container .chosen-results {
	overflow: hidden !important;
}

#custom_modal::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

#custom_modal::-webkit-scrollbar-track {
	background: transparent;

}

#custom_modal::-webkit-scrollbar-thumb {
	background-color: #0D6668 !important;
	border-radius: 5px !important;
}

#toast-container > .toast {
  background-image: none !important;
}
#toast-container > .toast:before {
  position: fixed;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 24px;
  float: left;
  color: #FFF;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em;
}
#toast-container > div {
  -moz-box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  box-shadow: 0 0 3px #999;
  opacity: .9;
  -ms-filter: alpha(opacity=90);
  filter: alpha(opacity=90);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 4px #999;
  -webkit-box-shadow: 0 0 4px #999;
  box-shadow: 0 0 4px #999;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
.toast {
  background-color: #1ab394;
}
.toast-success {
  background-color: #5DA0A1 !important;
}
.toast-error {
  background-color: #ed5565;
}
.toast-info {
  background-color: #23c6c8;
}
.toast-warning {
  background-color: #f8ac59;
}
.toast-top-full-width {
  margin-top: 20px;
}
.toast-bottom-full-width {
  margin-bottom: 20px;
}

#custom_modal_lg::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

#custom_modal_lg::-webkit-scrollbar-track {
	background: transparent;

}

#custom_modal_lg::-webkit-scrollbar-thumb {
	background-color: #0D6668 !important;
	border-radius: 5px !important;
}

#custom_modal_hover::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

#custom_modal_hover::-webkit-scrollbar-track {
	background: transparent;

}

#custom_modal_hover::-webkit-scrollbar-thumb {
	background-color: #0D6668 !important;
	border-radius: 5px !important;
}

.img-admin-user {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 15px;
	position: relative;
	top: -4px;
}

.admin-user {
	color: #555;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #FAFAFA;
	font-weight: 500;
	font-size: 14px;
}

.admin-actions {
	margin-right: 20px;
	border-right: 1px solid #FAFAFA
}

.admin-actions a {
	margin-right: 20px;
}

.notifications-box {
    position: absolute;
    z-index: 100000;
    width: 220px;
    min-height: 10px;
    background-color: whitesmoke;
    border: 1px solid whitesmoke;
    right: 0;
    margin-right: 200px;
    margin-top: 50px;
    box-shadow: 0px 0px 3px rgba(0,0,0,.1);
    padding: 5px;
}

.no-notifications {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #444;
	border-bottom: 1px solid #FAFAFA;
}

.notifications-footer {
	text-align: center;
	padding-top: 5px;
}

.img-notification {
	width: 25px;
	height: 25px;
	border-radius: 50px;
}

.notification {
	padding-bottom: 8px;
	border-bottom: 1px solid #FAFAFA;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 500;
}

.notification-body small {
	padding-top: 3px;
	color: grey;
	position: relative;
	top: 3px;
}

.notification-body small i {
	margin-right: 5px;
}

.details-notification {
	margin-left: 12px;
}

.b-title-page i {
	font-size: 15px;
	color: grey;
	margin-right: 7px;
}

.ul-tabs-in li.active>a, .ul-tabs-in>li.active>a:focus, .ul-tabs-in>li.active>a:hover {
	background-color: #FAFAFA !important;
	border: none !important;
	margin-right: 0 !important;
	color: #5DA0A1 !important;
	font-weight: bold !important;
	font-size: 13px !important;
}

.ul-tabs-in>li>a:hover {
	background-color: #FAFAFA !important;
	border: none !important;
	margin-right: 0 !important;
	color: black !important;
	font-weight: bold !important;
	font-size: 13px !important;
}

.invisible-textarea {
	border: none;
	background-color: transparent;
	outline: none;
	cursor: default;
	box-shadow: none;
	border-radius: 0;
	overflow: none;
	width: 100%;
    overflow: hidden;
    resize: none;
}

.delete-warning {
    width: 80%;
    margin: 0 auto;
    padding: 18px;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    border: 2px solid;
    border-radius: 2px;
    margin-bottom: 20px;
}

.delete-warning i {
    font-size: 20px;
    margin-right: 10px;
}

.delete-warning.green {
    border-color: #31B404;
    color: #31B404;
}

.delete-warning.red {
    /*border-color: #DF0101;
    color: #DF0101;*/
    border-color: red;
    color: red;
}

.delete-warning.orange {
    border-color: #FF8000;
    color: #FF8000;
}
.report-warning {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}

.shortcut-tooltip {
	padding: 15px;
    background-color: rgba(0,0,0,.7);
    color: white;
    font-size: 18px;
    font-weight: bold;
    border-radius: 3px;
}

.shortcut-tooltip:after {
	content: "";
	width: 0;
    height: 0;
    border-top: 10px solid rgba(0,0,0,.7);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    margin-top: 14px;
    margin-left: 25px;
}

.btn-refresh {
	width: 97%;
    height: 40px;
    background-color: white;
    border: 1px solid #E6E6E6;
    color: #444;
    outline: none;
}

.btn-refresh i {
	margin-right: 8px;
}

.scrollable-table {
	width: 99%;
	overflow: auto;
}

.scrollable-table::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
    height: 10px !important;
}

.scrollable-table::-webkit-scrollbar-track {
	background: transparent;

}

.scrollable-table::-webkit-scrollbar-thumb {
	background-color: #4D8C8E;
	border-radius: 3px !important;
}

.not-complete {
	border: 1px solid #04B404 !important;
}

.edited-textarea {
	width: 100%;
	border: 1px solid #E6E6E6;
	border-radius: 3px;
	padding: 10px;
	box-shadow: none;
}

.left-menu-emails {
	width: auto;
	background-color: #EFEFEF;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	padding: 15px;
	margin: 10px;
}

.marginright0 {
	margin-right: 0;
}

.marginleft0 {
	margin-left: 0;
}

.borderleftemails {
	border-left: 1px solid lightgrey;
}

.left-menu-emails ul {
	list-style: none;
}

.left-menu-emails li {
	padding-bottom: 12px;
	padding-left: 25px;
}

.left-menu-emails li.new-message {
	padding-bottom: 10px;
	margin-bottom: 8px;
	border-bottom: 1px solid #FAFAFA;
}

.left-menu-emails li.active {
	padding: 10px;
	padding-left: 25px;
	background-color: #478586;
	margin-top: 3px;
	margin-bottom: 3px;
}

.left-menu-emails li.active ul {
	background-color: transparent;
}

.left-menu-emails li.active a {
	color: white;
}

.left-menu-emails li.active i {
	position: absolute;
    margin-left: -25px;
    padding-left: 5px;
}

.left-menu-emails li a {
	text-decoration: none;
	font-weight: bold;
	color: #555;
}

.left-menu-emails li i {
	position: absolute;
    margin-left: -25px;
    padding-left: 5px;
}

.emails-tables {
	margin-top: 20px;
}

#inboxMessagesTable_wrapper .dataTables_length {
	display: none;
}

#inboxMessagesTable_wrapper .dataTables_info {
	font-size: 13px !important;
    font-weight: bold;
    color: #478586;
    margin-top: 5px;
    margin-left: 10px;
}

#inboxMessagesTable_wrapper .dataTables_info i {
    font-size: 15px;
    margin-right: 7px;
}

#inboxMessagesTable {
	border-bottom: 0;
	border: 0;
}

#inboxMessagesTable_first {
	display: none;
}

#inboxMessagesTable_last {
	display: none;
}

#inboxMessagesTable>tbody>tr>td {
	border-right: 0 !important;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	cursor: pointer;
}

#inboxMessagesTable>tbody>tr>td:last-child {
	text-align: right;
}

#inboxMessagesTable>thead>tr>th {
	padding: 0 !important;
}

.checkbox-edited {
	width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    background-color: white;
    border-radius: 2px;
    text-align: center;
    padding-top: 2px;
    color: #478586;
    font-size: 16px;
    cursor: pointer;
}

.checkbox-edited i {
	display: none;
}

.checkbox-edited.checked i {
	display: block;
}

.emails-options {
	float: left;
	margin-left: 20px;
}

.emails-options ul {
	list-style: none;
}

.emails-options ul li {
	display: inline-block;
	padding-left: 15px;
}

.emails-options ul li i {
	margin-right: 8px;
	font-size: 14px;
    color: grey;
}

.emails-options ul li a {
	text-decoration: none;
    font-weight: bold;
    color: #478586;
}

.input-search-emails {
	width: 100%;
    border: 1px solid #E6E6E6;
    padding: 15px;
    color: #444;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-right: 60px;
}

.btn-search-emails {
    width: 95%;
    height: 52px;
    font-size: 17px;
    font-weight: bold;
}

.btn-search-emails i {
	margin-right: 10px;
	font-size: 19px;
}

.i-search-emails {
    position: absolute;
    right: 0;
    margin-right: 25px;
    margin-top: 18px;
    font-size: 18px;
    color: #478586;
    cursor: pointer;
}

.options-search {
	position: absolute;
    z-index: 99;
    width: 400px;
    padding: 10px;
    background-color: whitesmoke;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    right: 0;
    margin-top: 2px;
    border: 1px dashed #478586;
}

.sort-inbox {
	position: absolute;
    z-index: 9;
    padding: 10px;
    background-color: whitesmoke;
    border: 1px dashed #478586;
    right: 0;
    margin-right: 60px;
    margin-top: 10px;
    padding-left: 0;
    width: 110px;
}

.sort-inbox ul {
	list-style: none;
}

.sort-inbox li {
	display: list-item !important;
}

.bgreadonly {
	background-color: #FBFBFB;
	cursor: no-drop;
}

.a-delete-email {
	font-size: 16px;
	color: red;
	text-decoration: none;
	padding-left: 65px;
}

.a-delete-email i {
	color: red;
}

.span-a-delete-email {
	padding-left: 25px;
}

.row-style {
	cursor: pointer;
}

.iframe-email {
	width: 100%;
	height: 100%;
	border: none;
}

.iframe-email::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.iframe-email::-webkit-scrollbar-track {
	background: whitesmoke;

}

.iframe-email::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.preview-subject {
    padding: 12px;
    border-bottom: 1px solid whitesmoke;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #444;
    font-weight: bold;
    padding-left: 0;
}

.from-email-place {
    font-size: 15px;
    color: #444;
    font-weight: 500;
    /*padding-left: 12px;*/
}

.to-label {
	color: grey;
	padding-left: 35px;
}

.reply-label {
	color: grey;
	padding-left: 35px;
}

.from-circle {
	float: left;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
    background-color: red;
    color: white;
    margin-right: 10px;
}

.i-mark-star {
	margin-left: 10px;
    color: #478586;
    cursor: pointer;
    font-size: 16px;
}

.email-options-preview ul li:first-child {
	padding-left: 0;
}

.preview-image {
	margin-top: 10px;
}

.preview-message-box {
	background-color: #EFEFEF;
	max-height: 350px;
	overflow: auto;
	padding-top: 5px;
}

.preview-message-box::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.preview-message-box::-webkit-scrollbar-track {
	background: whitesmoke;

}

.preview-message-box::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.yellow-star {
	color: orange;
	margin-right: 10px;
}

.settings-inbox {
	position: absolute;
    z-index: 9;
    padding: 10px;
    background-color: whitesmoke;
    border: 1px dashed #478586;
    right: 0;
    margin-right: 23px;
    margin-top: 10px;
    width: 140px;
}

.toggle-preview-message {
	position: relative;
    top: 3px;
    margin-left: 6px;
}

.a-hide-preview {
	font-weight: bold;
	text-decoration: none;
}

.a-hide-preview:hover {
	text-decoration: none;
}

.a-hide-preview i {
	margin-right: 4px;
	color: grey;
	font-size: 15px;
}

.email-size {
	color: grey;
}

.attachments-preview {
	padding: 10px;
}

.attachments-preview-title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
}

.attachments-preview-title i {
	margin-right: 8px;
}

.attachments-preview ul {
	list-style: none;
}

.attachments-preview ul li {
    display: inline;
    padding: 12px;
    float: left;
    text-align: center;
    position: relative;
    margin: 5px;
}

.attachments-preview ul li a {
    color: #478586;
    text-decoration: none;
    font-size: 40px;
}

.attachment-name {
    font-size: 12px;
    position: relative;
    top: 5px;
}

.attachments-icon {
    font-size: 15px;
    margin-right: 10px;
}

.preview-attachment {
    position: absolute;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    margin-left: -12px;
    margin-top: -12px;
    height: 100%;
    text-align: center;
    padding-top: 27px;
    z-index: 9;
}

.btn-preview {
	padding: 7px;
    background-color: #3ADF00;
    border: none;
    color: white;
    margin: 2px;
    font-size: 15px;
}

.btn-download {
	padding: 7px;
    border: none;
    background-color: #2E64FE;
    color: white;
    margin: 2px;
    font-size: 16px;
}

.embed-pdf {
	width: 100%;
    height: 500px;
    border: none;
    overflow: auto;
}

.reply-message-box {
	background-color: white;
	padding: 12px;
}

.input-reply {
	width: 100%;
    padding: 8px;
    padding-left: 50px;
    border: 1px solid #E6E6E6;
    color: #444;
    padding-right: 120px;
}

.input-reply-icon {
    position: absolute;
    margin-left: 15px;
    margin-top: 12px;
    font-size: 16px;
    z-index: 9;
}

.input-reply-text {
	position: absolute;
    right: 0;
    margin-right: 45px;
    margin-top: 9px;
    color: grey;
    z-index: 9;
}

.redirect-title {
    font-size: 18px;
    margin-bottom: 12px;
}

.reply-buttons {
    float: left;
    margin-top: 10px;
}

.reply-buttons .btn-primary {
	padding: 12px 18px 12px 18px;
}

.reply-buttons .btn-primary i {
	margin-right: 10px;
}

.reply-buttons a {
    margin-left: 20px;
    margin-right: 40px;
    text-decoration: none;
}

.reply-options {
    float: left;
    margin-top: 10px;
}

.reply-options ul {
	list-style: none;
}

.reply-options ul li {
	display: inline-block;
    padding-right: 15px;
    padding-top: 9px;
    font-weight: bold;
}

.reply-options ul li a {
	text-decoration: none;
	color: #478586;
}

.reply-options ul li a i {
	margin-right: 8px;
	font-size: 15px;
}

.select-files-to-attach {
	margin: 0;
    width: 150px;
    margin-left: -8px;
    margin-top: -2px;
}

.more-email-files {
    padding: 8px;
    background-color: whitesmoke;
}

.more-email-files ul {
	list-style: none;
}

.more-email-files ul li {
	display: inline-block;
	padding-right: 20px;
}

.more-email-files ul li i.fa-paperclip {
	font-size: 15px;
	margin-right: 3px;
	color: grey;
}

.more-email-files ul li i.fa-trash-o {
	font-size: 15px;
	margin-left: 5px;
	color: red;
	cursor: pointer;
}

.textarea-reply {
    width: 100%;
    border: 1px solid #E6E6E6;
    padding-left: 50px;
    padding-right: 120px;
    color: #444;
}

#deletedMessagesTable_wrapper .dataTables_length {
	display: none;
}

#deletedMessagesTable_wrapper .dataTables_info {
	font-size: 13px !important;
    font-weight: bold;
    color: #478586;
    margin-top: 5px;
    margin-left: 10px;
}

#deletedMessagesTable_wrapper .dataTables_info i {
    font-size: 15px;
    margin-right: 7px;
}

#deletedMessagesTable {
	border-bottom: 0;
	border: 0;
}

#deletedMessagesTable_first {
	display: none;
}

#deletedMessagesTable_last {
	display: none;
}

#deletedMessagesTable>tbody>tr>td {
	border-right: 0 !important;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	cursor: pointer;
}

#deletedMessagesTable>tbody>tr>td:last-child {
	text-align: right;
}

#deletedMessagesTable>thead>tr>th {
	padding: 0 !important;
}

.ul-emails-list li {
	position: relative;
}

.ul-emails-list li:first-child {
	padding-top: 5px !important;
}

.ul-emails-list li a {
	text-decoration: none;
	color: #444 !important;
}

.emails-list {
	position: relative;
    left: -25px;
    background-color: #EFEFEF;
    top: 10px;
    max-height: 300px;
    overflow-x: hidden;
    margin-bottom: 0px;
}

.emails-list::-webkit-scrollbar { 
    display: none; 
}

.i-emails-list {
    font-size: 10px;
    position: relative;
    top: 6px;
    left: 5px;
    color: #478586;
}

span.nr-emails {
    position: absolute;
    right: 0;
    z-index: 9;
    top: 0;
    padding: 1px;
    background-color: #EFEFEF;
    padding-left: 25px;
    font-size: 12px;
    padding-top: 4px;
    color: #478586;
}

.awb-title {
    width: 93%;
    padding: 15px;
    padding-left: 25px;
    border: 1px solid red;
    margin: 0 auto;
    color: red;
}

#outboxMessagesTable_wrapper .dataTables_length {
	display: none;
}

#outboxMessagesTable_wrapper .dataTables_info {
	font-size: 13px !important;
    font-weight: bold;
    color: #478586;
    margin-top: 5px;
    margin-left: 10px;
}

#outboxMessagesTable_wrapper .dataTables_info i {
    font-size: 15px;
    margin-right: 7px;
}

#outboxMessagesTable {
	border-bottom: 0;
	border: 0;
}

#outboxMessagesTable_first {
	display: none;
}

#outboxMessagesTable_last {
	display: none;
}

#outboxMessagesTable>tbody>tr>td {
	border-right: 0 !important;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	cursor: pointer;
}

#outboxMessagesTable>tbody>tr>td:last-child {
	text-align: right;
}

#outboxMessagesTable>thead>tr>th {
	padding: 0 !important;
}

.selected-email-list {
	color: red !important;
}

.autocomplete-select {
    position: absolute;
    padding: 10px;
    background-color: #FAFAFA;
    z-index: 9;
    border: 1px solid #ccc;
    width: 250px;
    box-shadow: 0px 1px 2px rgba(0,0,0,.3);
    margin-left: 122px;
    margin-top: -11px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

.autocomplete-select::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.autocomplete-select::-webkit-scrollbar-track {
	background: whitesmoke;
}

.autocomplete-select::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.autocomplete-select ul {
	list-style: none;
}

.autocomplete-select ul li {
    padding-bottom: 3px;
    border-bottom: 1px solid lightgrey;
}

.autocomplete-select ul li:hover {
	background-color: white;
}

.autocomplete-select ul li a {
    text-decoration: none;
}

.autocomplete-select ul li span {
	font-size: 12px;
}

.select-icon {
    width: 50px;
    height: 50px;
    float: left;
    background-color: white;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 25px;
    text-align: center;
    padding-top: 5px;
    border: 1px solid #E6E6E6;
    cursor: pointer;
}

.select-icon:hover {
	background-color: #E6E6E6;
}

.select-icon.active {
	background-color: #F5A9A9;
	border-color: #FE2E2E;
}

.tab-pane-options {
    padding-right: 10px;
    border-top: 1px solid #E6E6E6!important;
    background-color: whitesmoke !important;
}

.a-delete-filter {
	font-weight: bold;
	text-decoration: none;
}

.a-delete-filter:hover {
	text-decoration: none;
}

.no-filters {
    padding: 20px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #E6E6E6;
    background-color: #FAFAFA;
    margin: 15px;
}

.filter-observations {
	padding: 5px;
    font-weight: bold;
    margin-top: 5px;
}

textarea.form-control {
	height: auto !important;
}

.ul-filters-table {
	list-style: none;
}

.ul-filters-table li {
	display: inline-block;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid lightgrey;
    margin-left: 8px;
    margin-bottom: 15px;
    background-color: #FAFAFA;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    cursor: pointer;
}

.ul-filters-table li:hover {
	background-color: #E6E6E6;
}

.ul-filters-table li.title {
    border: 0;
    margin-right: 5px;
}

.ul-filters-table li.title:hover {
	background-color: transparent;
}

.sm-circle {
	float: left;
	width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: 4px;
    margin-right: 8px;
}

.table-days {
	width: 100%;
}

.table-days>tbody>tr>td {
	padding: 6px;
	color: #555;
	text-align: center;
	border-right: 1px solid grey;
	border-bottom: 1px solid grey;
	background-color: transparent;
	cursor: pointer;
}

.table-days>tbody>tr>td.selected {
	color: red;
}

.table-days>tbody>tr>td:last-child {
	border-right: 0;
}

.table-days>tbody>tr:last-child>td {
	border-bottom: 0;
}

.table-days>tbody>tr.table-head>th {
	padding: 6px;
	color: #444;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
}

.table-edited>thead>tr>th {
	font-size: 13px;
}

.table-edited>tbody>tr>td {
	font-size: 13px;
}

.btn-send-product {
    padding: 7px;
    font-size: 14px;
    border: none;
    margin: 5px;
    margin-top: 0;
    border-radius: 2px;
    outline: none;
    color: white;
    margin-right: 0;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-send-product.cel {
	background-color: #FA5858;
}

.btn-send-product.altex {
	background-color: #239b56;
}

.btn-send-product.carrefour {
	background-color: #FACC2E;
}

.btn-send-product.emag {
	background-color: #58ACFA;
}

.btn-send-product.trendyol {
	background-color: #FFC300;
}

.btn-send-product i {
	margin-right: 5px;
}

.option-required {
	color: green;
	font-weight: bold;
}

.required-filter {
    font-size: 17px;
    margin-right: 10px;
    color: green;
    padding-left: 3px;
}

.btn-width {
    width: 30px;
    text-align: center !important;
    padding: 5px !important;
}

.dashboard-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
}

.dashboard-title i {
	font-size: 20px;
	color: grey;
	margin-right: 10px;
}

.chart {
	position: relative;
    overflow: hidden;
    width: 100%;
}

.separate-bar {
    width: 100%;
    height: 1px;
    background-color: #FAFAFA;
    margin-top: 5px;
    margin-bottom: 15px;
}

.title-statistic {
	padding: 10px;
    font-size: 16px;
    padding-left: 0;
}

.orders-nr {
    position: relative;
    left: -10px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.order-nr-top {
	width: 100%;
    box-shadow: 0px 2px 1px rgba(0,0,0,.1);
    background-color: #FAFAFA;
}

.order-nr-left {
    width: 25%;
    float: left;
    font-size: 30px;
    background-color: black;
    color: white;
    text-align: center;
    height: 80px;
    padding-top: 23px;
}

.order-nr-right {
	width: 75%;
    float: left;
    padding-left: 20px;
    font-size: 20px;
    font-weight: bold;
}

.title-top-order-nr {
	font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 10px;	
}

.cel-color {
	background-color: #FE642E;
}

.emag-color {
	background-color: #2E64FE;
}

.site-color {
	background-color: #4B8A08;
}

.all-color {
	background-color: #B40404;
}

.btn-white-edited {
    font-size: 13px;
    padding: 5px 7px 5px 7px;
    width: 160px;
}

.flag-img {
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 12px;
}

.ul-choose-country {
	list-style: none;
}

.ul-choose-country li {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.ul-choose-country li input {
    float: left;
    margin-right: 12px;
    width: 15px;
    height: 15px;
}

.ul-choose-country li img {
	position: relative;
	top: 3px;
}

.btn-emag {
    width: 100%;
    padding: 15px !important;
    background-color: #58ACFA !important;
    font-weight: bold !important;
}

.btn-emag i {
	margin-right: 12px;
	font-size: 15px;
}

.img-flag-btn {
	width: 20px;
    height: 18px;
    margin-top: -5px;
    margin-left: 10px;
}

.margin5 {
	margin: 5px;
}

.selected-file {
    width: 300px;
    float: left;
    padding: 10px;
    border: 1px solid #E6E6E6;
}

.selected-file i {
	color: grey;
	margin-right: 12px;
}

.btn-select-file {
    width: 36px;
    height: 36px;
    background-color: #555;
    color: white;
    border: 0;
    float: left;
}

.custom-checkbox {
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 16px;
    padding-top: 3px;
    cursor: pointer;
}

.custom-checkbox i {
	display: none;
}

.custom-checkbox.checked {
	background-color: #5DA0A1;
	color: white;
}

.custom-checkbox.checked i {
	display: block;
}

.convert-upload {
	margin-left: 0;
    width: 36px;
    height: 36px;
}

.close-result {
	cursor: pointer;
}

.over-box {
    position: absolute;
    width: 300px;
    padding: 10px;
    background-color: #FAFAFA;
    border: 1px dashed #ccc;
    margin-top: 5px;
    z-index: 9;
}

.btn-close-box {
	position: absolute;
    z-index: 9;
    height: 24px;
    background-color: #555;
    color: white;
    border: 0;
    margin-left: -29px;
    cursor: pointer;
    border-radius: 2px;
    padding-bottom: 3px;
}

.for-dpd {
    margin: 15px;
    border: 1px dashed #ccc;
}

.label-dpd {
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.input-icon-filter {
    font-size: 18px;
    color: lightgrey;
    float: left;
    margin-right: 14px;
    margin-top: 6px;
}

.input-todo-filter {
    width: 200px;
    padding: 6px;
    border: 1px solid #E6E6E6;
    outline: none;
    border-radius: 2px;
    color: #555;
    float: left;
    padding-left: 35px;
}

.ul-todo-filters {
	list-style: none;
  float: left;
  margin-bottom: 5px !important;
}

.ul-todo-filters li {
	display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #EFEFEF;
}

.ul-todo-filters li:last-child {
	margin-right: 10px;
}

.ul-todo-filters li.selected {
	background-color: whitesmoke;
}

.ul-todo-filters li.icon {
	border: 0;
}

.ul-todo-filters li.icon:hover {
	background-color: transparent;
	border: 0;
}

.ul-todo-filters li i {
    font-size: 16px;
    color: lightgrey;
    margin-left: 15px;
    margin-right: 5px;
}

.ul-todo-filters li:hover {
	background-color: #FAFAFA;
	cursor: pointer;
	border: 1px solid lightgrey;
}

.circle-filter {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: black;
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}

.circle-filter.orange {
	background-color: #FE9A2E;
}

.circle-filter.purple {
	background-color: #8000FF;
}

.circle-filter.red {
	background-color: #FA5858;
}

.circle-filter.blue {
	background-color: #2E9AFE;
}

.circle-filter.grey {
	background-color: #ccc;
}

.circle-filter.green {
	background-color: #5FB404;
}

.circle-filter.cyan {
	background-color: #A9F5F2;
}

.btn-filter {
    margin-top: 0px;
    height: 34px;
    float: right;
}

.filter-select {
    float: left;
    outline: none;
    height: 34px;
    font-size: 14px;
    padding-top: 6px;
    width: 150px;
    border-color: #EFEFEF;
    padding: 7px !important;
}

.hr-line {
	width: 100%;
    height: 1px;
    background-color: #EFEFEF;
    margin-top: 15px;
    margin-bottom: 15px;
}

#todoList_wrapper .dataTables_length {
	display: none;
}

#todoList_wrapper .dataTables_info {
	display: none;
}

#todoList_wrapper .dataTables_info i {
    font-size: 15px;
    margin-right: 7px;
}

#todoList {
	border-bottom: 0;
	border: 0;
}

#todoList_first {
	display: none;
}

#todoList_last {
	display: none;
}

#todoList>tbody>tr>td {
	border-right: 0 !important;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	cursor: pointer;
}

#todoList>tbody>tr>td:last-child {
	text-align: right;
}

.todo-attachment-place {
	width: 80%;
    float: left;
    padding: 10px;
    border: 1px solid #E6E6E6;
}

.todo-attachment-place i {
    margin-right: 12px;
    color: grey;	
}

.upload-todo {
    margin-left: 0;
    width: 39px;
    height: 36px;
}

.btn-upload-todo {
	height: 36px;
}

.more-attachments {
	margin-top: 10px;
}

.more-attachments a {
	text-decoration: none;
}

.more-attachments a i {
	margin-right: 7px;
}

.more-attachments a:hover {
	text-decoration: none;
}

.each-attachment {
	margin-bottom: 5px;
}

.btn-task {
	width: 30px;
    height: 30px;
    position: relative;
}

.btn-task-color {
    color: #444 !important;
    padding-left: 7px !important;
}

.btn-delete-task {
	width: 30px;
	height: 30px;
    border: 0;
    background-color: #F78181;
    color: white;
    position: relative;
    top: 2px;
    border-radius: 2px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-color: #E6E6E6 !important;
}

table.dataTable thead th, table.dataTable thead td {
	border-color: #E6E6E6 !important;
}

.search-todo {
    width: 220px;
    height: 32px;
    padding-left: 10px;
    outline: none;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
}

.btn-search-todo {
    margin-top: -3px;
}

.todo-label {
	position: relative;
	top: 5px;
}

.ul-todo-row {
	list-style: none;
}

.ul-todo-row li {
	display: inline-block;
}

.ul-todo-row li i {
    font-size: 13px;
    color: grey;
    font-weight: bold;
    margin-right: 4px;
}

.ul-todo-row li span {
    margin-right: 10px;
    font-size: 14px;
    color: red;
    font-weight: bold;
}

.todo-comments {
    width: 100%;
    height: 300px;
    overflow: auto;
}

.todo-comments::-webkit-scrollbar { 
    background: transparent !important;
    width: 5px !important;
}

.todo-comments::-webkit-scrollbar-track {
	background: whitesmoke;

}

.todo-comments::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.each-todo-comment {
    padding: 10px;
    border: 1px solid #EFEFEF;
    margin-bottom: 10px;
    background-color: #FAFAFA;
}

.todo-comm-user {
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.todo-comm-date {
	font-weight: normal;
    font-size: 13px;
}

.todo-comm-date i {
	color: #5DA0A1;
    margin-right: 10px;
}

.todo-comment {
	font-style: italic;
}

.add-todo-comment {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E6E6E6;
}

.input-add-todo {
	width: 80%;
}

.btn-add-comm {
    height: 40px;
    position: relative;
    top: -2px;
    width: 19%;
}

.a-delete-comm {
	text-decoration: none;
	color: red;
    margin-left: 20px;
}

.a-delete-comm i {
	margin-right: 4px;
	color: red;
}

.a-delete-comm:hover {
	text-decoration: none;
}

.no-todo-comments {
    padding: 12px;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    font-weight: 500;
    color: grey;
}

.textarea-add-todo {
	width: 80%;
    padding: 8px;
    float: left;
    margin-right: 5px;
    border: 1px solid #E6E6E6;
    outline: none;
}

.no-todo-attachments {
    padding: 12px;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    font-weight: 500;
    color: grey;
}

.all-attachments {
    width: 100%;
    height: 300px;
    overflow: auto;
}

.all-attachments::-webkit-scrollbar { 
    background: transparent !important;
    width: 5px !important;
}

.all-attachments::-webkit-scrollbar-track {
	background: whitesmoke;

}

.all-attachments::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.each-attachment-modal {
    width: 98%;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    margin: 0 auto;
}

.attachment-body {
    font-size: 35px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: white;
    border-bottom: 1px solid #E6E6E6;
}

.attachment-buttons {
	text-align: center;
    background-color: whitesmoke;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-download-file {
    width: 30px;
    height: 30px;
    background-color: #2E9AFE;
    border: 0;
    color: white;
    border-radius: 2px;
}

.btn-delete-file {
    width: 30px;
    height: 30px;
    background-color: #F78181;
    border: 0;
    color: white;
    border-radius: 2px;
}

.attachment-name.edited {
	padding-top: 5px;
	padding-bottom: 5px;
}

.a-view-more {
	text-decoration: none;
    margin-right: 8px;
    color: #2E9AFE;
    font-weight: bold;
    font-size: 15px;
}

.a-view-more:hover {
	text-decoration: none;
	color: #555;
}

.ul-todo-options {
	list-style: none;
}

.ul-todo-options li {
	display: inline-block;
    padding-right: 10px;
    padding-left: 5px;
}

.ul-todo-options li a {
	text-decoration: none;
    font-weight: bold;
    color: #478586;
}

.ul-todo-options li a:hover {
	text-decoration: none;
}

.ul-todo-options li i {
	font-size: 16px;
    color: lightgrey;
    margin-right: 5px;
}

.awb-attachments {
    width: 100%;
    background-color: whitesmoke;
    padding: 5px;
}

.awb-attachments i.fa-paperclip {
    float: left;
    font-size: 14px;
    color: grey;
    margin-right: 10px;
    margin-top: 9px;
}

.awb-attachments .filename {
    float: left;
    width: 63%;
    margin-right: 10px;
    font-size: 14px;
    color: #555;
    font-weight: bold;
    padding-top: 5px;
}

.awb-attachments .buttons {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent;
    border: 0;
    width: 28%;
    padding-top: 0;
    padding-bottom: 0;
}

.btn-view-attachment {
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 15px;
    border: 0;
    background-color: #31B404;
    color: white;
}

.btn-print-attachment {
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 15px;
    border: 0;
    background-color: #045FB4;
    color: white;
}

.btn-download-attachment {
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 15px;
    border: 0;
    background-color: #5882FA;
    color: white;
}

.a-go-attachments {
	text-decoration: none;
	font-weight: bold;
	color: #444;
}

.a-go-attachments:hover {
	text-decoration: none;
}

.btn-refresh-todos {
    height: 32px;
    margin-top: -4px;
    margin-right: 3px;
    border-color: #E6E6E6 !important;
}

.badge-errors {
	border-radius: 5px !important;
    margin-left: 10px;
    font-size: 12px !important;
}

.wh30 {
	width: 30px;
	height: 30px;
	padding: 5px !important;
	float: left;
	margin-right: 5px;
}

#awbLogsTable_length {
	display: none !important;
}

.ul-awb-logs-options {
	list-style: none;
	position: absolute;
    margin-top: 5px !important;
    margin-left: 5px !important;
    z-index: 9;
}

.ul-awb-logs-options li {
	display: inline-block;
    padding-right: 15px;
}

.ul-awb-logs-options li a {
	text-decoration: none;
	color: #5DA0A1;
	font-weight: bold;
}

.ul-awb-logs-options li a:hover {
	text-decoration: none;
	color: #555;
}

.ul-awb-logs-options li i {
	color: lightgrey;
	margin-right: 7px;
}

#borderoLogsTable_length {
	display: none !important;
}

.ul-error-logs {
	list-style: none;
}

.ul-error-logs li {
    display: inline-block;
    padding: 10px;
    margin: 3px;
    border: 1px solid #E6E6E6;
    background-color: #EFEFEF;
    width: 200px;
    cursor: pointer;
}

.ul-error-logs li i {
	font-size: 13px;
    margin-right: 8px;
    color: green;
}

.ul-error-logs li span {
	font-size: 15px;
    font-weight: bold;
    color: #555;
    margin-left: 10px;
}

.preview-error-log {
    font-size: 15px;
    margin-top: 12px;
    font-weight: bold;
    color: grey;
}

.preview-log-textarea {
    width: 100%;
    border: 1px solid #E6E6E6;
    background-color: #EFEFEF;
    padding: 10px;
    margin-top: 10px;
}

.preview-log-buttons {
    float: right;
    margin-bottom: 12px;
}

.btn-delete-log {
	padding: 8px;
    border: 0;
    background-color: #FA5858;
    color: white;
}

.btn-delete-log i {
	margin-right: 7px;
}

.btn-download-log {
	padding: 8px;
    border: 0;
    background-color: #58ACFA;
    color: white;
}

.btn-download-log i {
	margin-right: 7px;
}

.download-log {
    padding: 10px;
    position: relative;
    top: 10px;
    font-size: 15px;
    color: #555;
    padding-left: 0;
}

.bottom-notifications {
    position: fixed;
    z-index: 10001;
    bottom: 20px;
    left: 20px;
}

.task-notification {
    padding: 20px;
    background-color: rgba(0,0,0,.8);
    width: 300px;
    border-radius: 3px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    padding-bottom: 35px;
}

.task-notification i {
	font-size: 30px;
    float: left;
    color: lightgrey;
    margin-right: 20px;
}

.a-view-tasks {
	text-decoration: none;
    position: absolute;
    z-index: 9;
    margin-top: -5px;
    right: 0;
    margin-right: 84px;
    font-size: 14px;
    color: grey;
}

.a-view-tasks:hover {
	text-decoration: none;
	color: yellow;
}

.task-notification i.i-close {
	position: absolute;
    right: 0;
    font-size: 16px;
    color: grey;
    cursor: pointer;
}

.task-notification i.i-close:hover {
	color: lightgrey;
}

.btn-alert-task {
    margin-top: -7px;
}

.reset-search {
	position: absolute;
    z-index: 9;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    color: white;
    padding-left: 2.5px;
    margin-top: 13px;
    margin-left: 8px;
    cursor: pointer;
}

.a-filter-cats {
	text-decoration: none;
}

.a-filter-cats:hover {
	text-decoration: none;
}

.a-filter-cats i {
	margin-right: 6px;
	color: grey;
}

.btn-edit-product {
	width: 30px;
	height: 30px;
	border: 0;
	background-color: #31B404;
	color: white;
	outline: none;
	margin: 2px;
}

.btn-view-product {
	width: 30px;
	height: 30px;
	border: 0;
	background-color: #5882FA;
	color: white;
	outline: none;
	margin: 2px;
}

.search-all-products {
    width: 70%;
    padding: 8px;
    border: 1px solid #E6E6E6;
}

.btn-search-products {
    width: 28%;
    height: 38px;
    background-color: #5DA0A1;
    border: 0;
    color: white;
}

.ul-allproducts {
	list-style: none;
}

.ul-allproducts li {
	display: inline-block;
	padding-right: 25px;
    padding-top: 10px;
}

.ul-allproducts li a {
	text-decoration: none;
	color: #478586;
    font-size: 15px;
    font-weight: bold;
}

.ul-allproducts li a:hover {
	text-decoration: none;
}

.ul-allproducts li i {
	margin-right: 7px;
	color: lightgrey;
}

.table-columns {
	width: 100%;
	height: 300px;
	overflow: auto;
	overflow-x: hidden;
}

.table-columns::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.table-columns::-webkit-scrollbar-track {
	background: whitesmoke;

}

.table-columns::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.edit-all-products {
	width: 100%;
	height: 440px;
	overflow: auto;
	overflow-x: hidden;
}

.edit-all-products::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.edit-all-products::-webkit-scrollbar-track {
	background: whitesmoke;
}

.edit-all-products::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.each-product-box {
    padding: 5px;
    background-color: #EFEFEF;
    margin-bottom: 5px;
    float: left;
}

.product-title {
    height: 50px;
    text-align: center;
}

.bottom0 {
	margin-bottom: 0 !important;
}

.all-tables-select {
    width: 300px;
    background-color: whitesmoke;
    position: absolute;
    z-index: 9;
    top: 0;
    margin-top: 60px;
    min-height: 50px;
    border: 1px solid #E6E6E6;
}

.ul-all-tables {
	list-style: none;
}

.ul-all-tables li {
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #FAFAFA;
    cursor: pointer;
    font-style: italic;
    color: #555;
}

.ul-all-tables li i {
	font-size: 13px;
    color: grey;
    margin-right: 8px;
}

.checkbox-left {
	float: left;
    margin-right: 15px;
}

.red-color {
	color: red;
}

.a-update-data {
	text-decoration: none;
}

.a-update-data:hover {
	text-decoration: none;
}

.link-update-data {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 5px;
    font-size: 13px;
}

.link-update-data i {
	margin-right: 5px;
	color: lightgrey;
}

.delete-table-i {
    font-size: 15px !important;
    color: red !important;
    margin-left: 10px;
    cursor: pointer;
}

.upload-home-bg {
	width: 80%;
    float: left;
    padding: 8px;
    border: 1px solid #E6E6E6;
    color: grey;
    padding-left: 12px;
}

.upload-home-bg i {
	margin-right: 7px;
}

.btn-choose-img {
	width: 20%;
    height: 38px;
    border: 0;
    background-color: #5DA0A1;
    color: white;
    float: left;
}

.label-preview-img {
    margin-top: 8px;
    font-size: 13px;
}

.preview-image-box {
    width: 100%;
    height: 200px;
    padding: 5px;
    border: 1px solid #E6E6E6;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 8px;
    background-color: white;
}

.preview-image-box span {
	position: relative;
    top: 70px;
    color: grey;
    font-style: italic;
}

.preview-image-box-sm {
	width: 100px;
    height: 100px;
    padding: 5px;
    border: 1px solid #E6E6E6;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 8px;
    background-color: white;
}

.preview-image-box-sm span {
	position: relative;
    top: 30px;
    color: grey;
    font-style: italic;
}

.preview-image-box img.img-preview {
    max-width: 100%;
    max-height: 100%;
}

.preview-image-box-sm img.img-preview {
	max-width: 100%;
	max-height: 100%;
}

.file-browse {
	margin-left: 0px;
    opacity:0.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    position: absolute;
}

.browse-big {
	width: 74px;
    height: 38px;
}

.select2-container {
	width: 100% !important;
	height: 40px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #ccc !important;
	border-radius: 3px !important;
}

.select2-container--default .select2-selection--multiple {
	min-height: 40px !important;
    border: 1px solid #ccc !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #2E9AFE !important;
    color: white !important;
    border: 1px solid #2E9AFE !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #444 !important;
    margin-right: 5px !important;
    font-size: 14px !important;
}

span.facebook-input, span.twitter-input, span.pinterest-input {
	font-size: 15px;
}

span.facebook-input i.fa-circle {
	color: #0431B4;
}

span.twitter-input i.fa-circle {
	color: #2ECCFA;
}

span.pinterest-input i.fa-circle {
	color: #DF0101;
}

span.facebook-input i.fa-facebook, span.twitter-input i.fa-twitter, span.pinterest-input i.fa-pinterest {
	color: white;
}

.img-preview {
	max-width: 100px;
}

.preview-file {
	padding: 7px;
    background-color: #EFEFEF;
    margin-top: 10px;
    padding-left: 10px;
}

.preview-file i {
	color: red;
	margin-right: 10px;
}

.preview-file a {
	text-decoration: none;
	color: #444;
}

.preview-file a:hover {
	text-decoration: none;
}

.bambinice-textarea {
	overflow-y: auto !important;
}

.bambinice-textarea::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.bambinice-textarea::-webkit-scrollbar-track {
	background: whitesmoke;

}

.bambinice-textarea::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.w100 {
	width: 100% !important;
}

.calendar-day {
    float: left;
    padding: 5px;
    background-color: whitesmoke;
    border: 1px solid #E6E6E6;
    margin: 5px;
    width: 120px;
    font-style: italic;
    color: #555;
    margin-left: 0;
    margin-right: 8px;
}

.calendar-day .checkbox-edited {
	float: left;
	margin-right: 12px;
}

#videoGalleryWeerideTable tr td iframe {
    width: 200px !important;
    height: 120px !important;
}

.ul-columns-filters {
	list-style: none;
}

.ul-columns-filters li {
    padding: 7px;
    background-color: #81DAF5;
    width: auto;
    display: inline-block;
    border-radius: 2px;
    color: white;
    cursor: pointer;
}

.ul-columns-filters li.filter-title {
	background-color: transparent;
	margin-right: 8px;
	color: #555;
	padding-left: 0;
	font-weight: bold;
}

.ul-columns-filters li.filter-title i {
	color: green;
	margin-right: 12px;
}

.ul-columns-filters li.reset {
	background-color: #EFEFEF;
	color: #555;
	font-weight: bold;
	margin-left: 5px;
}

.ul-columns-filters li.reset a {
	text-decoration: none;
	color: red;
}

.ul-columns-filters li.reset a:hover {
	text-decoration: none;
}

.ul-columns-filters li i {
	margin-right: 8px;
}

.table-columns-editor {
	width: 100%;
	margin-top: 5px;
}

.table-columns-editor>tbody>tr {
	background-color: white;
}

.table-columns-editor>tbody>tr.head>td {
	padding: 8px;
	font-size: 13px;
	font-weight: bold;
	color: #555;
	background-color: #EFEFEF;
}

.table-columns-editor>tbody>tr>td {
	padding: 8px;
	background-color: transparent;
}

.table-position-columns {
	width: 100%;
	margin-top: 5px;
}

.table-position-columns>tbody>tr {
	background-color: white;
}

.table-position-columns>tbody>tr.head>td {
	padding: 8px;
	font-size: 13px;
	font-weight: bold;
	color: #555;
	background-color: #EFEFEF;
}

.table-position-columns>tbody>tr>td {
	padding: 8px;
	background-color: transparent;
}

.table-position-columns>tbody>tr>td i {
	color: green;
	margin-right: 12px;
}

.table-enum-editor {
	width: 100%;
	margin-top: 5px;
}

.table-enum-editor>tbody>tr {
	background-color: white;
}

.table-enum-editor>tbody>tr.head>td {
	padding: 8px;
	font-size: 13px;
	font-weight: bold;
	color: #555;
	background-color: #EFEFEF;
}

.table-enum-editor>tbody>tr>td {
	padding: 8px;
	background-color: transparent;
}

.column-box {
	display: inline-block;
    padding: 8px;
    background-color: #EFEFEF;
    border: 1px solid #E6E6E6;
    margin-right: 5px;
    margin-bottom: 8px;
    font-style: italic;
}

.column-box>.checkbox-edited {
	float: left;
	margin-right: 8px;
}

.input-search-columns {
    float: left;
    width: 200px;
    height: 32px;
    margin-right: 2px;
}

.btn-search-columns {
	float: left;
}

.btn-reset-search-columns {
	float: left;
    margin-right: 3px;
    border-color: #E6E6E6 !important;
    height: 32px;
}

.clean-box {
    width: 100%;
    background-color: white;
    padding: 20px;
    box-shadow: 0px 2px 1px rgba(0,0,0,.1);
}

.clean-box-title {
	text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #555;
    margin-bottom: 25px;
}

.clean-select {
    width: 100%;
    height: 80px;
    overflow: auto;
}

.clean-select::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.clean-select::-webkit-scrollbar-track {
	background: whitesmoke;

}

.clean-select::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.clean-folder-box {
	padding: 2px;
    background-color: #EFEFEF;
    margin-bottom: 4px;
    font-style: italic;
    color: grey;
}

.clean-folder-box>.checkbox-edited {
	float: left;
	margin-right: 10px;
}

.ul-clean-alert {
	list-style: none;
}

.ul-clean-alert li {
	padding-top: 3px;
	padding-bottom: 3px;
}

.btn-alert {
	margin-left: 5px;
	margin-right: 5px;
}

.share-alert a {
	text-decoration: none;
	margin-left: 5px;
}

.share-alert a:hover {
	text-decoration: none;
}

.share-alert i.fa-clipboard {
	float: right;
	position: relative;
	top: 4px;
	cursor: pointer;
}

.invoices-checkbox {
	float: left;
	margin-right: 10px;
}

#archivedMessagesTable_wrapper .dataTables_length {
	display: none;
}

#archivedMessagesTable_wrapper .dataTables_info {
	font-size: 13px !important;
    font-weight: bold;
    color: #478586;
    margin-top: 5px;
    margin-left: 10px;
}

#archivedMessagesTable_wrapper .dataTables_info i {
    font-size: 15px;
    margin-right: 7px;
}

#archivedMessagesTable {
	border-bottom: 0;
	border: 0;
}

#archivedMessagesTable_first {
	display: none;
}

#archivedMessagesTable_last {
	display: none;
}

#archivedMessagesTable>tbody>tr>td {
	border-right: 0 !important;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	cursor: pointer;
}

#archivedMessagesTable>tbody>tr>td:last-child {
	text-align: right;
}

#archivedMessagesTable>thead>tr>th {
	padding: 0 !important;
}

.input-search-categories {
	width: 200px;
    float: left;
    margin-left: 95px;
    height: 36px;
}

.btn-search-categories {
    float: left;
    height: 36px;
    margin-left: 2px;
}

.structure-prefix {
    margin-right: 10px;
    color: grey;
    font-size: 13px;
}

.ul-privilegies-list {
    margin-top: 20px !important;
    list-style: none;
    position: relative;
}

.ul-privilegies-list li {
    color: #555;
    padding-top: 3px;
    padding-bottom: 4px;
    border-bottom: 1px solid #FAFAFA;
    position: relative;
}

.ul-privilegies-list li ul.ul-checkboxes {
	list-style: none;
    position: absolute;
    z-index: 9;
    top: 0;
    margin-top: 6px;
    right: 0;
}

.ul-privilegies-list li.main-parents {
    font-size: 15px;
    font-weight: bold;
}

.parent-box {
	width: 12px;
    height: 12px;
    float: left;
    margin-right: 15px;
    background-color: #ccc;
    position: relative;
    top: 5px;
}

.checkbox-left {
	float: left;
	margin-right: 12px;
}

.ul-privilegies-list li span {
	float: right;
    font-size: 17px;
    color: green;
    cursor: pointer;
    position: relative;
    top: 5px;
    z-index: 999;
}

.ul-privilegies-list li span i {
	cursor: pointer;
}

.ul-privilegies-list li span i.red {
	color: red;
}

.ul-menu-subparents {
	list-style: none;
    position: relative;
}

.ul-menu-subparents li {
	position: relative;
}

.ul-menu-subparents li li ul.ul-checkboxes {
	list-style: none;
    position: absolute;
    z-index: 9;
    top: 0;
    margin-top: 6px;
    right: 0;
}

.subparent-box {
	width: 12px;
    height: 12px;
    float: left;
    margin-right: 15px;
    background-color: #ddd;
    position: relative;
    top: 5px;
}

.ul-menu-subparents li.subparents-title {
    background-color: #FAFAFA;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: green;
}

.ul-menu-subsubparents {
	list-style: none;
    position: relative;
}

.ul-menu-subsubparents li {
	position: relative;
}

.ul-menu-subsubparents li li ul.ul-checkboxes {
	list-style: none;
    position: absolute;
    z-index: 9;
    top: 0;
    margin-top: 6px;
    right: 0;
}

.ul-menu-subsubparents li.subsubparents-title {
	background-color: #FAFAFA;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: green;
}

.subsubparent-box {
	width: 12px;
    height: 12px;
    float: left;
    margin-right: 15px;
    background-color: #eee;
    position: relative;
    top: 5px;
}

.ul-other-subsubparents {
	list-style: none;
    position: relative;
}

.ul-other-subsubparents li {
	position: relative;
}

.ul-other-subsubparents li li ul.ul-checkboxes {
	list-style: none;
    position: absolute;
    z-index: 9;
    top: 0;
    margin-top: 6px;
    right: 0;
}

.ul-other-subsubparents li.subsubparents-title {
	background-color: #FAFAFA;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: green;
}

.ul-other-subparents {
	list-style: none;
    position: relative;
}

.ul-other-subparents li {
	position: relative;
}

.ul-other-subparents li li ul.ul-checkboxes {
	list-style: none;
    position: absolute;
    z-index: 9;
    top: 0;
    margin-top: 6px;
    right: 0;
}

.ul-other-subparents li.subparents-title {
	background-color: #FAFAFA;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: green;
}

.ul-other-parents {
	list-style: none;
    position: relative;
}

.ul-other-parents li {
	position: relative;
}

.ul-other-parents li li ul.ul-checkboxes {
    list-style: none;
    position: absolute;
    z-index: 9;
    top: 0;
    margin-top: 6px;
    right: 0;
}

.ul-other-parents li.parents-title {
	background-color: #FAFAFA;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: green;
}

.checkbox-users {
    display: inline-block;
    padding-left: 35px;
    padding-right: 35px;
    top: -7px;
    border-bottom: 0 !important;
    border-right: 1px solid #FAFAFA;
}

.checkbox-users:first-child {
	border-left: 1px solid #FAFAFA;
}

.checkbox-users:last-child {
	border-right: 0;
}

.input-qty-modal {
	width: 25px;
  text-align: center;
  height: 20px;
  position: relative;
  top: 1px;
  background-color: #EFEFEF;
  border: 1px solid #E6E6E6;
}

.span-qty-modal {
	float: left !important;
    margin-left: 3px !important;
    width: 26px;
    text-align: center;
    background-color: #FAFAFA;
    height: 20px;
}

.btn-quant-plus {
	position: relative;
	top: -2px;
}

.checkbox-users-title {
    top: 6px;
    left: -1px;
}

.check-user {
	position: absolute;
    margin-top: -50px;
    margin-left: -10px;
    font-weight: bold;
    color: #444;
    text-transform: capitalize;
}

.users-left-title {
	font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
    color: lightgrey;
}

.checkbox-privilegies.checked {
	position: relative;
	top: -7px;
}

.checkbox-users-title.checked > .check-user {
	margin-top: -60px;
}

.sidebar-menu {
	height: 92%;
	overflow: auto;
}

.sidebar-menu::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.sidebar-menu::-webkit-scrollbar-track {
	background: transparent;

}

.sidebar-menu::-webkit-scrollbar-thumb {
	background-color: #2b9092;
	border-radius: 5px !important;
}

.i-requests {
	font-size: 17px;
    color: green;
    margin-top: 15px;
    cursor: pointer;
}

.i-requests.red {
	color: red;
}

tr.dark-grey>td {
	background-color: #EFEFEF !important;
}

tr.light-grey>td {
	background-color: #FAFAFA !important;
}

.top-error-page {
    width: 100%;
    height: 30%;
    background-color: white;
}

.bottom-error-page {
    width: 100%;
    height: 70%;
    background-color: #5DA0A1;
}

.error-page-body {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.error-title {
	font-size: 200px;
    font-weight: bolder;
    text-align: center;
    position: relative;
    top: 13px;
    color: #5DA0A1;
    letter-spacing: 15px;
    font-family: sans-serif;
}

.error-page-info {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding-top: 100px;
    font-size: 28px;
    color: white;
}

.login-box {
	width: 400px;
    padding: 10px;
    background-color: white;
    box-shadow: 0px 2px 1px rgba(0,0,0,.2);
    margin: 50px auto;
    border-radius: 2px;
}

.login-title {
    font-size: 20px;
    font-weight: bold;
    color: #5DA0A1;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #FAFAFA;
    padding-top: 5px;
}

.login-title i {
	margin-right: 12px;
}

.relativepos {
	position: relative !important;
}

.remember-me {
	font-size: 14px;
}

.input-icon {
    position: absolute;
    z-index: 9;
    right: 0;
    margin-right: 35px;
    margin-top: 14px;
    font-size: 15px;
    color: lightgrey;
}

.input-login {
	padding-right: 50px;
}

.login-actions {
    margin-top: 5px;
    padding-top: 20px;
    border-top: 1px solid #FAFAFA;
}

.admin-logo {
    text-align: center;
    margin-top: 50px;
    font-size: 30px;
    color: #ccc;
    text-shadow: 0px 0px 1px rgba(0,0,0,.9);
}

.big-letters {
    font-size: 40px;
    font-weight: bold;
    color: #5DA0A1;
    text-shadow: 0px 2px 1px rgba(0,0,0,.2);
    margin-right: 2px;
}

.a-gift-products {
	text-decoration: none;
    position: relative;
    top: 10px;
    left: 15px;
    font-weight: bold;
    color: #5DA0A1;
}

.gift-icon {
    font-size: 20px !important;
    margin-right: 10px;
    color: red;
}

.a-resend-code {
	text-decoration: none;
	color: #444;
}

.a-resend-code i {
	margin-right: 8px;
	color: grey;
}

.a-resend-code:hover {
	text-decoration: none;
}

.captcha-input {
    width: 40%;
    float: left;
}

.capcha-code {
    height: 40px;
    margin-left: 10px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #EFEFEF;
    padding-top: 10px;
    color: grey;
    font-weight: bold;
    font-size: 15px;
}

.icon-reload-captcha {
	font-size: 18px !important;
    color: #5DA0A1;
    margin-left: 5px;
    padding-top: 12px;
    cursor: pointer;
}

.ul-details-emag {
	list-style: none;
}

.ul-details-emag li {
	display: inline-block;
	padding-right: 10px;
}

.ul-details-emag li span {
	font-weight: bold;
	margin-left: 5px;
}

.ul-details-emag li.icon {
	font-size: 18px;
	color: grey;
}

.input-per-page {
	float: right;
    width: 50px;
    height: 30px;
    position: relative;
    top: -6px;
    margin-left: 10px;
}

.li-per-page {
	position: relative;
}

.ul-orders-filters {
	list-style: none;
	margin-left: 50px !important;
}

.ul-orders-filters li {
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    border: 1px solid #EFEFEF;
    background-color: #FAFAFA;
    border-radius: 2px;
    margin-left: 5px;
    position: relative;
    top: -5px;
    color: #555;
    font-weight: 500;
    cursor: pointer;
}

.ul-orders-filters li:hover {
	border: 1px solid #555;
}

.ul-orders-filters li.active {
	border: 1px solid #5DA0A1;
}

.circle-order {
	float: left;
    margin-right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: black;
    position: relative;
    top: 6px;
    left: 3px;
}

.circle-order.green {
	background-color: #3ADF00;
}

.circle-order.blue {
	background-color: #5882FA;
}

.circle-order.red {
	background-color: #FA5858;
}

.circle-order.orange {
	background-color: orange;
}

.circle-order.cyan {
	background-color: cyan;
}

.circle-order.grey {
	background-color: grey;
}

.all-orders-tab {
	width: auto;
}

.sidebar-search {
    padding-left: 12px;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.search-input-sidebar {
    width: 94%;
    background-color: #478586;
    color: white;
    border: 0;
    padding: 8px;
    border-radius: 2px;
    padding-left: 10px;
    outline: none;
    padding-right: 35px;
}

.search-input-sidebar::placeholder {
  color: #ccc;
  opacity: 1;
}

.search-input-sidebar:-ms-input-placeholder {
  color: #ccc;
}

.search-input-sidebar::-ms-input-placeholder {
  color: #ccc;
}

.search-sidebar-icon {
    position: absolute;
    z-index: 9;
    margin-top: 11px;
    right: 25px;
    color: #ccc;
}

.table-statistics>thead>tr>th {
	font-size: 12px;
	padding: 1px !important;
}

.table-statistics>thead>tr>th.long-text {
	font-size: 10px !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
}

.table-statistics>tbody>tr>td {
	padding: 1px !important;
	font-size: 13px;
	text-align: center;
	padding-top: 5px !important;
}

.table-statistics>tbody>tr {
	height: 70px;
	border-bottom: 1px solid #E6E6E6;
}

.table-statistics {
	margin-bottom: 8px !important;
}

.search-values {
  position: absolute;
  z-index: 999;
  width: 93%;
  height: 120px;
  overflow: auto;
  background-color: #EFEFEF;
  border: 1px solid #E6E6E6;
  margin-top: 5px;
}

.search-values::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.search-values::-webkit-scrollbar-track {
	background: whitesmoke;

}

.search-values::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.ul-search-values {
	list-style: none;
}

.ul-search-values li {
	padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #FAFAFA;
  color: #444;
  font-size: 13px;
  cursor: pointer;
}

.ul-search-values li.selected {
	font-weight: bold;
	color: #555;
}

.input-spinner {
    position: absolute;
    z-index: 9;
    right: 0;
    margin-right: 32px;
    margin-top: -26px;
    font-size: 14px;
    color: #5DA0A1;
    font-weight: bold;
}

.a-autopopulate {
	text-decoration: none;
  padding: 5px;
  background-color: #EFEFEF;
  border: 1px solid #E6E6E6;
  border-radius: 3px;
}

.a-autopopulate:visited {
	text-decoration: none;
}

.a-autopopulate:hover {
	text-decoration: none;
}

.multiple-values {
  height: 40px;
  background-color: white;
  border: 1px solid #E6E6E6;
  padding: 6px;
  cursor: pointer;
}

.ul-multiple-values {
	list-style: none;
	cursor: pointer;
}

.ul-multiple-values li {
  padding: 4px;
  display: inline-block;
  background-color: #58ACFA;
  color: white;
  border-radius: 3px;
  padding-right: 5px;
  margin-right: 5px;
}

.ul-multiple-values li span {
  margin-left: 5px;
  font-size: 11px;
  cursor: pointer;
}

.ul-multiple-values li span i {
  position: relative;
  top: -2px;
  left: -2px;
}

.multiple-values-box {
  position: absolute;
  z-index: 99;
  background-color: #EFEFEF;
  width: 93%;
  border: 1px solid #E6E6E6;
  margin-top: 5px;
  height: 100px;
}

.multiple-values-box::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.multiple-values-box::-webkit-scrollbar-track {
	background: whitesmoke;

}

.multiple-values-box::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.multiple-values-box ul {
	list-style: none;
}

.multiple-values-box ul li {
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #FAFAFA;
  color: #555;
  cursor: pointer;
}

.multiple-values-box ul li.selected {
	font-weight: bold;
  background-color: #EDEDED;
}

.height30 {
	height: 30px !important;
}

.preview-color {
  width: 25px;
  height: 25px;
  border: 1px solid grey;
}

.search-values-height {
	height: 95px;
}

.ul-calendar-labels {
	list-style: none;
}

.ul-calendar-labels li {
	padding: 1px;
  	border-radius: 2px;
  	width: 100%;
  	margin-bottom: 7px;
}

.calendar-label {
	font-size: 12px;
	color: white;
    text-shadow: 3px 1px 7px rgba(0,0,0,.7);
    letter-spacing: 0.1px;
}

.checkbox-labels {
	width: 12px;
    height: 12px;
    margin-right: 5px;
    float: left;
    position: relative;
    top: 2px;
}

.checkbox-labels i {
    font-size: 12px;
    position: relative;
    top: -3px;
    color: red;
}

.select-period-dates {
	position: absolute;
    z-index: 99;
    width: 320px;
    right: 0;
    margin-right: 15px;
    margin-top: 5px;
    background-color: #EFEFEF;
    border: 1px solid #E6E6E6;
    padding: 3px;
    box-shadow: 0px 2px 1px rgba(0,0,0,.2);
}

.select-period-dates .start-period {
    float: left;
    width: 48%;
}

.select-period-dates .start-period label, .select-period-dates .end-period label {
	font-size: 10px;
	color: grey;
}

.period-select {
    width: 33%;
    border: 1px solid #E6E6E6;
    font-size: 13px;
    float: left;
}

.select-period-dates .separator {
    float: left;
    width: 4%;
    position: relative;
    top: 20px;
    left: 3px;
    font-weight: bold;
}

.select-period-dates .end-period {
    width: 48%;
    float: right;
}

.btn-apply-dates {
	background-color: #5DA0A1;
    border: 0;
    color: white;
    font-size: 13px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 4px;
    margin-bottom: 1px;
}

.btn-reset-dates {
	background-color: grey;
    border: 0;
    color: white;
    font-size: 13px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 4px;
    margin-bottom: 1px;
    margin-right: 2px;
}

.input-change-incasat {
    width: 60px;
    border: 1px solid #E6E6E6;
    padding: 4px;
    height: 34px;
}

.btn-import-incasari {
	height: 42px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	margin-left: 10px;
}

.width250 {
	width: 250px;
}

.invoice-rows>td {
	background-color: #E6E6E6 !important;
}

.a-jump {
    margin-right: 15px;
    text-decoration: none;
    position: relative;
    top: 3px;
}

.a-jump i {
	margin-right: 8px;
	color: grey;
}

.center-box {
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.title-export-incasari {
	font-size: 20px;
	margin-bottom: 5px;
}

.each-code-result {
    padding: 2px;
    background-color: white;
    box-shadow: 0px 2px 1px rgba(0,0,0,.1);
    margin-bottom: 2px;
    width: 100%;
    float: left;
    height: 40px;
    text-align: center;
    font-size: 13px;
    position: relative;
}

.each-code-result span.icon {
    position: absolute;
    right: 0;
    margin-right: 10px;
    margin-top: 11px;
    z-index: 9;
    background-color: white;
    color: red;
    font-size: 16px;
    cursor: pointer;
}

.each-code-result:hover {
	background-color: #E6E6E6;
}

.btn-add-student {
	position: relative;
    left: -20px;
    width: 128%;
    height: 40px;
}

.search-student {
    min-height: 30px;
    height: auto;
    max-height: 95px;
}

.ul-selected-students {
	list-style: none;
	margin-top: 10px !important;
}

.ul-selected-students li {
	padding: 5px;
    background-color: #EAEAEA;
    margin-top: 5px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 20px;
    color: #555;
    font-style: italic;
}

.ul-selected-students li span {
    float: right;
    font-size: 15px;
    color: red;
    cursor: pointer;
    position: relative;
    top: 3px;
}

.search-spinner {
	position: absolute;
    z-index: 9;
    top: 13px;
    right: 28px;
    color: #5DA0A1;
}

/* MESSAGES */
.messages-box {
	position: fixed;
    z-index: 10001;
    margin-left: 220px;
    margin-top: 80px;
    width: 80%;
    background-color: white;
}

.conversations {
    float: left;
    width: 25%;
    background-color: #EFEFEF;
    border-right: 1px solid #E6E6E6;
    padding: 10px;
    height: 500px;
}

.chat-box {
    padding: 10px;
    float: left;
    width: 75%;
    height: 500px;
}

.conversation-title {
    font-size: 16px;
    font-weight: bold;
    color: #555;
    padding-bottom: 10px;
    border-bottom: 1px solid #FAFAFA;
    margin-bottom: 15px;
}

.chat-header {
    height: 50px;
    background-color: #FAFAFA;
    padding: 5px;
}

.chat-messages {
	width: 100%;
    height: 350px;
    overflow: auto;
    border-left: 1px solid #FAFAFA;
    border-right: 1px solid #FAFAFA;
    padding: 10px;
}

.chat-actions {
	width: 100%;
}

.chat-textarea {
    width: 85%;
    float: left;
}

.chat-button {
    float: right;
    width: 15%;
    height: 40px;
}

.ul-left-actions {
	list-style: none;
	border-bottom: 1px solid #FAFAFA;
}

.ul-left-actions li {
	display: inline-block;
    padding: 4px;
    margin-right: 5px;
    cursor: pointer;
}

.ul-left-actions li.active {
    background-color: #FAFAFA;
    font-weight: bold;
    color: grey;
}

.conversations-tabs {
	width: 100%;
}

#conversationsTable thead {
	display: none;
}

#conversationsTable_info {
	display: none;
}

#conversationsTable.dataTable.no-footer {
	border-bottom: 0 !important;
}

#contactsTable thead {
	display: none;
}

#contactsTable_info {
	display: none;
}

#contactsTable.dataTable.no-footer {
	border-bottom: 0 !important;
}

.each-conv-tab {
	width: 100%;
    height: 95%;
    overflow: auto;
    overflow-x: hidden;
}

.each-conv-tab::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.each-conv-tab::-webkit-scrollbar-track {
	background: whitesmoke;

}

.each-conv-tab::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.no-conversation-selected {
	text-align: center;
    padding-top: 150px;
    font-size: 24px;
    font-weight: bold;
    color: lightgrey;
}

.no-conversation-selected i {
	font-size: 26px;
	color: grey;
	margin-right: 12px;
}

.conv-users {
	font-style: italic;
    color: #555;
    font-weight: bold;
    font-size: 13px;
}

.conv-users label {
    float: left;
    margin-right: 10px;
    color: #444;
    font-weight: normal;
    font-style: normal;
}

.no-chat-message {
	padding: 8px;
    border: 1px dotted #EFEFEF;
    font-style: italic;
    background-color: #FAFAFA;
}

.each-user-conv {
    float: left;
    margin-right: 8px;
    border-right: 1px solid #EFEFEF;
    padding-right: 8px;
    font-style: normal;
}

.each-user-conv small {
	font-style: italic;
}

.conv-message {
    width: 60%;
    background-color: #EFEFEF;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 8px;
}

.conv-message.right {
    background-color: #3c86f5;
    color: white;
    float: right;
}

.conv-message.left {
	float: left;
}

.message-user {
    font-weight: bold;
    margin-bottom: 4px;
}

.message-time {
    font-size: 12px;
    text-align: right;
    margin-top: 4px;
}

.table-conversation {
	width: 100%;
	cursor: pointer;
}

.conversation-user {
	font-size: 14px;
    font-weight: bold;
    color: #555;
}

.conversation-user span {
	font-weight: normal;
    margin-right: 5px;
}

.last-message {
    font-size: 13px;
    margin-top: 2px;
    border-top: 1px solid #FAFAFA;
}

.chat-loader {
    position: absolute;
    width: 100%;
    margin-left: -10px;
    margin-top: -10px;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    text-align: center;
    color: white;
    font-size: 32px;
    padding-top: 200px;
}

/* TOPIC */
.topic-filters {
    position: fixed;
    z-index: 1003;
    width: 80%;
    right: 30px;
    top: 30px;
    margin-bottom: 25px;
}

.topic-filters button {
    height: 42px;
    width: 100px;
}

.topic-content {
    position: fixed;
    z-index: 1002;
    width: 80%;
    right: 30px;
    background-color: white;
    top: 100px;
    min-height: 500px;
    border-radius: 2px;
}

.topic-left {
    width: 25%;
    float: left;
    height: 500px;
    background-color: #EFEFEF;
    border-right: 1px solid #E6E6E6;
    padding: 10px;
}

.topic-right {
	width: 75%;
    float: left;
    padding: 10px;
    height: 500px;
}

.topic-table {
	width: 100%;
	height: 95%;
	overflow: auto;
	overflow-x: hidden;
}

.topic-table::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.topic-table::-webkit-scrollbar-track {
	background: whitesmoke;
}

.topic-table::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

#planificareLectiiTable thead {
	display: none;
}

#planificareLectiiTable_info {
	display: none;
}

#planificareLectiiTable.dataTable.no-footer {
	border-bottom: 0 !important;
}

.no-opened-topic {
	font-size: 25px;
    font-weight: bold;
    color: lightgrey;
    text-align: center;
    padding-top: 150px;
}

.each-topic {
	font-size: 14px;
    cursor: pointer;
}

.topic-spinner {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    color: white;
    text-align: center;
    padding-top: 150px;
    font-size: 38px;
    line-height: 75px;
}

.topic-info {
    background-color: #FAFAFA;
    padding: 10px;
    font-size: 14px;
}

.opened-topic-content {
	width: 100%;
    height: 84%;
    overflow: auto;
    overflow-x: hidden;
    padding-top: 10px;
}

.opened-topic-content::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.opened-topic-content::-webkit-scrollbar-track {
	background: whitesmoke;

}

.opened-topic-content::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.main-topic {
    width: 100%;
    padding: 10px;
    background-color: #3c86f5;
    color: white;
    border-radius: 3px;
    margin-bottom: 10px;
}

.topic-user {
	font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

.topic-time {
	font-size: 13px;
	text-align: right;
}

.ul-topic-actions {
	list-style: none;
	float: right;
}

.ul-topic-actions li {
	display: inline-block;
    padding-left: 25px;
}

.ul-topic-actions li a {
	text-decoration: none;
    color: white;
    font-weight: normal;
}

.ul-topic-actions li a:hover {
	text-decoration: none;
}

.ul-topic-actions li a i {
	margin-right: 7px;
	color: lightgrey;
}

.topic-answers {
	margin-left: 100px;
}

.add-topic-answer {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #EFEFEF;
    background-color: #FAFAFA;
    padding-bottom: 10px;
}

.user-icon {
	width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto;
    cursor: pointer;
    background-color: #EFEFEF;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: green;
}

.user-icon span {
    position: relative;
    top: 9px;
}

.user-icon img {
	width: 50px;
    height: 50px;
    border-radius: 50%;
}

.btn-add-explication {
    width: 100%;
    height: 40px;
}

.topic-teachers {
    position: absolute;
    width: 220px;
    height: 100px;
    overflow: auto;
    background-color: #EFEFEF;
    border: 1px solid #E6E6E6;
    z-index: 9;
    top: -107px;
    margin-left: -50px;
    box-shadow: 0px 2px 1px rgba(0,0,0,.2);
    border-radius: 2px;
    padding: 2px;
}

.ul-topic-teachers {
	list-style: none;
}

.topic-teachers::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.topic-teachers::-webkit-scrollbar-track {
	background: whitesmoke;
}

.topic-teachers::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.ul-topic-teachers li {
	padding-bottom: 3px;
    border-bottom: 1px solid #FAFAFA;
    padding-left: 5px;
    font-style: italic;
    cursor: pointer;
}

.ul-topic-teachers li:hover {
	background-color: #FAFAFA;
}

.main-topic.secondary {
	background-color: #555;
}

.edit-topic-textarea {
	color: black;
}

.btn-close-topic {
	position: absolute;
    right: 0;
    margin-top: 10px;
}
/* END TOPIC */

/* NOTES */
#notiteTable thead {
	display: none;
}

#notiteTable_info {
	display: none;
}

#notiteTable.dataTable.no-footer {
	border-bottom: 0 !important;
}
/* END NOTES */

.a-plus-menu {
    font-size: 19px;
    color: green;
    text-decoration: none;
    cursor: pointer;
}

.a-plus-menu:hover {
	text-decoration: none;
}

.a-minus-menu {
    color: red !important;
}

.table-order-menu tbody tr:hover {
	background-color: #EFEFEF;
}

.cronjob-log {
    position: relative;
    top: 10px;
    left: 15px;
}

.ul-cronjobs-filters {
	list-style: none;
}

.ul-cronjobs-filters li {
    display: inline-block;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #EFEFEF;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fAFAFA;
    border-radius: 5px;
}

.ul-cronjobs-filters li.title {
	background-color: transparent;
    padding-left: 0;
    color: grey;
    border: 0;
}

.ul-cronjobs-filters li a {
	text-decoration: none;
	color: #5DA0A1;
}

.ul-cronjobs-filters li a:hover {
	text-decoration: none;
}

.select2-selection__rendered {
	height: 40px !important;
	overflow: auto !important;
}

.select2-selection__rendered::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 8px !important;
}

.select2-selection__rendered::-webkit-scrollbar-track {
	background: whitesmoke;
}

.select2-selection__rendered::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.p10 {
	padding: 10px;
	font-size: 14px;
}

.color-input {
	width: 30px;
	height: 30px;
	padding: 0;
	border-radius: 2px;
}

.design-title {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: lightgrey;
	margin-bottom: 20px;
	text-align: center;
}

.preview-design-print {
	width: auto;
    height: auto;
    max-width: 500px;
    max-height: 300px;
    padding: 2px;
    background-color: white;
    border-radius: 5px;
    position: fixed;
    z-index: 99;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}

.preview-design-print img {
    width: auto;
    height: auto;
    max-width: 500px;
    max-height: 300px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.middle-column-design {
	border-left: 1px solid #E6E6E6;
    height: auto;
    border-right: 1px solid #E6E6E6;
}

.each-work-day {
	margin-bottom: 5px;
    border-bottom: 1px dashed lightgrey;
    padding-bottom: 3px;
    font-weight: bold;
}

.each-work-day .checkbox-edited {
	float: left;
	margin-right: 12px;
}

.work-day-program {
	margin-top: 3px;
    background-color: #EFEFEF;
    padding: 2px;
    font-weight: normal;
    font-size: 13px;
}

.work-day-program input:first-child {
	width: 99% !important;
}

.each-phone {
    border-bottom: 1px dashed lightgrey;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.each-phone .col-md-3 {
    background-color: #EFEFEF;
    padding: 2px !important;
}

.phone-with-whatsapp {
	background-color: #EFEFEF;
}

.phone-with-whatsapp .checkbox-edited {
	float: left;
	margin-right: 10px;
}

.preview-contact-map {
	width: 100%;
	height: 350px;
	border: 0;
}

.select-per-page {
	float: right;
    width: 85px;
    height: 30px;
    position: relative;
    top: -6px;
    margin-left: 10px;
    font-size: 14px;
    padding: 2px !important;
}

.left-checkbox {
	float: left;
    margin-right: 15px;
}

.left-checkbox i {
	color: #478586 !important;
}

.ul-lipsa-produse li {
	padding-top: 0px;
}

.send-to-emag {
	background-color: #58ACFA !important;
	color: white !important;
}

.send-to-cel {
	background-color: #FA5858 !important;
	color: white !important;
}

.send-to-carrefour {
	background-color: #FACC2E !important;
	color: white !important;
}

.custom-tooltip {
	font-size: 13px !important;
	background: black !important;
	color: white !important;
	padding: 3px !important;
	box-shadow: 0px 2px 2px rgba(0,0,0,.5) !important;
}

.pull-right-phone {
	float: right;
}

.pull-left-phone {
	float: left;
}

.pr10 {
	padding-right: 10px;
}

@media screen and (max-width: 1000px) {
	.login-box {
		width: 320px;
	}

	.input-icon {
		margin-top: 11px;
	}

	.marginleft {
		margin-left: 0 !important;
	}

	.admin-user {
		margin-right: 5px;
		padding-right: 3px;
	}

	.ul-orders-filters {
		margin-left: 0 !important;
	}

	.ul-orders-filters li {
		top: 0 !important;
		margin-bottom: 5px;
	}

	.md-style-phone {
		padding: 2px !important;
		margin: 0 !important;
	}

	.all0-phone {
		padding: 0 !important;
		margin: 0 !important;
	}

	.w100-phone {
		width: 100% !important;
	}

	.width50 {
		width: 50% !important;
		float: left;
	}

	.btn-white {
		width: 32% !important;
		float: left;
		margin-left: 0.5%;
		margin-right: 0.5%;
		height: 45px;
	}

	.responsive-table {
	    width: 100%;
	    overflow: auto;
	}

	.custom-box {
		margin-top: 0px;
	}

	.over-bar {
		margin-left: 0;
		margin-right: 0;
	}

	.phone-menu {
		position: absolute;
	    z-index: 99;
	    background-color: #5DA0A1;
	    margin-top: 76px;
	    width: 100%;
	    box-shadow: 0px 0px 5px rgba(0,0,0,.8);
	}

	.ul-phone-menu {
		list-style: none;
	    margin-left: 0;
	    padding-left: 0;
	}

	.ul-phone-menu li {
		padding-top: 7px;
	    padding-left: 50px;
	    position: relative;
	    font-size: 14px;
	    padding-right: 15px;
	}

	.ul-phone-menu li a {
	    color: white;
	    font-weight: 500;
	    font-size: 15px;
	}

	.ul-phone-menu li i {
		position: absolute;
	    margin-left: -30px;
	}

	.plus-minus-icon i {
		position: relative !important;
		margin-left: 0 !important;
		margin-right: 4px;
	}

	.ul-phone-subparents {
		list-style: none;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}

	.ul-phone-subparents li {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.ul-phone-subsubparents {
		list-style: none;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}

	.ul-phone-subsubparents li {
		padding-left: 30px !important;
	}

	.order-nr-top {
		margin-bottom: 8px;
	}

	.ul-lipsa-produse li {
		width: 50%;
		margin-bottom: 5px;
		float: left;
		padding-right: 0;
	}

	.dataTables_scrollBody {
		overflow-y: hidden !important;
	}

	.ul-columns-options li {
		padding-right: 0;
	}

	.btn-save-prod {
		margin-left: 5px;
		float: left !important;
	}

	.left-phone {
		float: left;
	}

	.btn-new-prod {
		padding-left: 15px !important;
	    padding-right: 15px !important;
	    margin-left: 10px !important;
	}

	.btn-send-phone {
		width: 33.3%;
	    padding: 5px;
	    margin: 0;
	    height: 50px;
	    padding-top: 4px;
	}

	.pull-right-phone {
		float: none !important;
	}

	.btn-prod-action {
		width: 24%;
	}

	.pr10 {
		padding-right: 0;
	}

	.pull-left-phone {
		float: none !important;
	}

	.ul-tabs-prod li {
		width: 49%;
	    background-color: #FAFAFA;
	    margin-bottom: 2px !important;
	    margin-left: 1px;
	    margin-right: 1px;
	}

	.toggle-i {
		float: right;
	}

	.lp32 {
		margin-left: 32px;
	}

	.tab-pane-edited {
		padding-right: 0px !important;
	}

	.tab-pane-padding {
		padding-right: 10px !important;
	}

	.w94 {
		width: 94% !important;
	}

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

	.btn-50 {
		width: 49%;
	    float: left;
	    margin: 1.5px;
	}

	.l22 {
		margin-left: 22px;
	}

	.btn-48 {
		width: 48%;
	    float: left;
	    margin: 1.5px;
	}

	.btn-47 {
		width: 47%;
	    float: left;
	    margin: 1.5px;
	}

	.w85 {
		width: 85%;
	}

	.overflow-phone {
		overflow-x: auto;
		overflow-y: hidden;
	}

	.full-width-phone {
		width: 800px;
	}

	.top50 {
		margin-top: 50px;
	}

	.m8 {
		margin: 8px !important;
		margin-top: 0 !important;
	}

	.ml8 {
		margin-left: 8px !important;
	}

	.mr8 {
		margin-right: 8px !important;
	}

	.w97 {
		width: 97.5% !important;
	}

	.search-emails-box {
		width: 300px;
	    margin-right: 10px;
	    margin-top: 3px;
	}

	.mrt2 {
		margin-top: 2px !important;
	}

	.hide-class-phone {
		display: none !important;
	}

	.show-email-list {
		float: right;
	    font-size: 21px;
	    color: white;
	}

	.emails-options ul li {
		padding-left: 0;
		padding-right: 8px;
	}

	.preview-attachment {
		display: block !important;
	}

	.attachments-preview ul li {
		margin: 2px;
	}

	.ul-todo-filters li.icon {
		display: none;
	}

	.ul-todo li {
	    width: 48.5%;
	    background-color: #FAFAFA;
	    margin-bottom: 3px !important;
	    margin-left: 1px;
	    margin-right: 1px;
	}
}

@media (max-width: 650px) {
	.btn-white {
		width: 49% !important;
		height: 58px;
	}
}

.compensare-group {
	background-color: #EFEFEF;
    padding-top: 10px;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.delete-group-compensari {
	position: relative;
    top: -8px;
    right: 18px;
}

.delete-group-compensari a {
	color: red;
	text-decoration: none;
}

.loader-input-compensari {
	position: absolute;
    right: 27px;
    top: 12px;
    color: grey;
}

.btn-50-lg {
	width: 49%;
    float: left;
    margin: 1.5px;
}

@media (min-width: 1200px) {
	.visible-lg-inline {
	    display: inline-block!important;
	}
}

.i-duplicate {
	font-size: 28px !important;
    position: relative;
    top: 30px;
}

.tab-circle {
	padding: 3px;
    background-color: #5DA0A1;
    color: white;
    border-radius: 50%;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 5px;
    font-weight: bold;
}

.box-copy-files {
	width: 85%;
    background-color: white;
    box-shadow: 0px 2px 1px rgba(0,0,0,.1);
    border: 1px solid #E6E6E6;
    font-weight: 500;
    font-size: 15px;
    min-height: 110px;
    border-radius: 5px;
    word-break: break-all;
    margin: 0 auto;
    margin-bottom: 10px;
}

.box-copy-files .title {
    font-weight: bold;
    color: #555;
    text-align: center;
    margin-bottom: 5px;
    position: relative;
    top: 5px;
}

.box-copy-files small {
    font-weight: bold;
    color: white;
}

.box-copy-files .box-center {
	padding: 10px;
    min-height: 62px;
}

.box-copy-files .box-footer {
    width: 100%;
    background-color: #555;
    padding-top: 5px;
    padding-bottom: 5px;
}

.copy-progress-bar {
	position: relative;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #5DA0A1;
    height: 40px;
    border-radius: 5px;
}

.progress-bar-bg {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    background-color: #5DA0A1;
    height: 39px;
}

.progress-bar-percent {
	position: absolute;
    z-index: 9;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: black;
    padding-top: 7px;
}

.file-animation {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 18px;
    height: 30px;
}

.file-animation i {
	display: none;
}

.file-animation span {
	color: green;
    font-size: 14px;
    position: relative;
    top: 5px;
}

.file-animation span i {
	display: inline-block;
}

.chart-loader {
    width: 98%;
    height: 100%;
    text-align: center;
    color: #555;
    padding-top: 100px;
    font-size: 50px;
    border: 1px solid #FAFAFA;
}

.ambalaje-product-box {
	background-color: #FAFAFA;
	border: 1px solid #E6E6E6;
	width: 98%;
	margin-bottom: 5px;
}

.show-table-btn {
    width: 100%;
    padding: 5px;
    background-color: #FAFAFA;
    border: 1px solid #E6E6E6;
    padding-left: 10px;
    margin-bottom: 3px;
}

.i-delete-ambalaj-suplimentar {
	color: red; 
	cursor:pointer;
}

.contract-spinner {
    position: absolute;
    right: 42px;
    margin-top: 11px;
    font-size: 16px;
    color: #5DA0A1;
}

.input-reminder {
	width: 40px;
    margin-left: 5px;
    margin-right: 5px;
    height: 30px;
}

.hr-reminder {
	margin-top: 5px;
	margin-bottom: 8px;
}

#declaratiiDepuseTable tbody tr td {
	border-bottom: 1px solid #ddd !important;
}

.label-show-fields {
	position: relative;
    top: 10px;
}

.btn-send-platforms {
	height: 42px;
}

.running-widget {
	position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1100;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 28px;
    padding-top: 7px;
    border-radius: 50%;
    cursor: pointer;
}

.widget-details {
	position: fixed;
    z-index: 9999;
    width: 300px;
    top: 0;
    right: 0;
    padding: 15px;
    height: 100%;
}

.widget-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.widget-description {
	font-size: 14px;
    opacity: .8;
    margin-bottom: 10px;
}

.widget-steps {
	height: 82%;
    overflow: auto;
    width: 105%;
}

.widget-steps::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.widget-steps::-webkit-scrollbar-track {
	background: whitesmoke;

}

.widget-steps::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.widget-steps ul {
	list-style: none;
}

.widget-steps ul li {
	padding-top: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid grey;
}

.widget-steps ul li.completed {
	text-decoration: line-through;
    opacity: .8;
}

.widget-steps ul li .steps-links {
	text-decoration: underline;
	margin-right: 10px;
}

.widget-buttons {
	float: right;
    margin-top: 9px;
}

.widget-buttons i {
	position: absolute;
    left: 20px;
    font-size: 23px;
    cursor: pointer;
    margin-top: 4px;
}

#custom_modal_lg_hover::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

#custom_modal_lg_hover::-webkit-scrollbar-track {
	background: transparent;

}

#custom_modal_lg_hover::-webkit-scrollbar-thumb {
	background-color: #0D6668 !important;
	border-radius: 5px !important;
}

#edit_area_toggle_reg_syntax.js {
	display: none;
}

.a-delete-row {
	text-decoration: none;
	color: red;
}

.cui-iframe {
    width: 100%;
    height: 590px;
}

.icon-over-input {
	position: absolute;
    right: 15px;
    margin-top: -26px;
}

.fa-green {
	color: green;
}

.fa-red {
	color: red;
}

.a-show-hide {
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	position: relative;
	left: 10px;
}

.a-show-hide:hover {
	text-decoration: none;
}

.h42 {
	height: 42px;
}

.w-195 {
	width: 205px;
}

.btn-upload-images {
    position: absolute;
    top: 220px;
    margin-left: -15px;
}

.ul-tabs-bordero li a {
	padding: 12px !important;
}

.ul-selected-awbs {
	list-style: none;
}

.ul-selected-awbs li {
	display: inline-block;
	padding: 8px 12px;
	background-color: #EFEFEF;
	margin-right: 3px;
	margin-bottom: 3px;
}

.ul-selected-awbs li i {
	color: red;
	cursor: pointer;
	margin-left: 8px;
}

.store-type {
	float: left;
    margin-right: 6px;
    border: 1px solid lightgrey;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
}

.store-type span.toggle-i {
	margin-left: 8px;
}

.i-rotate {
	transform: rotate(-180deg);
}

.today-couriers {
	position: fixed;
    right: 0;
    top: 22%;
    z-index: 99;
}

.btn-today-couriers {
	float: left;
    width: 40px;
    height: 40px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #555;
    color: white;
    font-size: 25px;
    padding-top: 7px;
    padding-left: 6px;
    cursor: pointer;
}

.btn-today-couriers:hover {
	background-color: grey;
}

.couriers-list {
	width: 220px;
    float: left;
    background-color: #555;
    padding: 10px;
}

.ul-couriers-list {
	list-style: none;
	height: 70vh;
	overflow: auto;
}

.ul-couriers-list::-webkit-scrollbar { 
  background: transparent !important;
  width: 8px !important;
}

.ul-couriers-list::-webkit-scrollbar-track {
	background: #555;

}

.ul-couriers-list::-webkit-scrollbar-thumb {
	background-color: #444;
	border-radius: 5px !important;
}

.ul-couriers-list li {
	padding-top: 5px;
    padding-bottom: 16px;
    border-bottom: 1px dashed grey;
    color: white;
    font-weight: bold;
}

.ul-couriers-list li span {
	font-size: 10px;
    float: left;
    display: inline-block;
    width: 100px;
    margin-left: 33px;
}

.ul-couriers-list li.courier-arrived {
	text-decoration: line-through;
}

.row-color {
	background-color: #f8f5ff;
}

.wbg {
	background-color: white !important;
}

.separator-group {
	border-top: 1px solid #E6E6E6;
  padding-top: 15px;
}

.cycle-label {
	background-color: #1fc8db;
  background-image: linear-gradient(141deg, #b9fd14 0%, #658dff 51%, #f82e79 75%);
}

.today-cycle-tasks {
	position: fixed;
  top: 29%;
  right: 0;
}

.today-cycle-tasks .btn-cycle-tasks {
  width: 40px;
  height: 40px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #1fc8db;
  color: white;
  font-size: 26px;
  padding-top: 6px;
  padding-left: 8px;
  float: left;
  cursor: pointer;
}

.today-cycle-tasks .btn-cycle-tasks i.fa-bell {
	animation: rotate-icon 2s infinite linear;
}

.today-cycle-tasks .btn-cycle-tasks:hover {
	opacity: .8;
}

.today-cycle-tasks-list {
	float: left;
  width: 250px;
  background-color: #555;
  color: white;
  padding: 5px;
  min-height: 50px;
}

.today-cycle-tasks-list .title {
	font-size: 14px;
  color: grey;
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid grey;
  font-weight: bold;
}

@keyframes rotate-icon {
	0% { transform: rotate(0deg); }
	50% { transform: rotate(45deg); }
	100% { transform: rotate(0deg); }
}

.each-cycle-task {
	width: 100%;
  padding-bottom: 5px;
  margin-bottom: 3px;
  border-bottom: 1px solid grey;
}

.each-cycle-task .task-title {
	float: left;
  font-size: 14px;
  font-weight: bold;
  color: #EFEFEF;
}

.each-cycle-task .task-expiration {
	float: right;
  font-size: 13px;
  color: yellow;
}

.each-cycle-task .task-description {
	margin-top: 2px;
  margin-bottom: 2px;
  font-size: 12px;
}

.each-cycle-task .task-description a {
	text-decoration: none;
	color: cyan;
}

.each-cycle-task .task-buttons {
	margin-top: 2px;
  float: right;
}

.each-cycle-task .task-buttons button {
	padding: 2px 10px;
  font-size: 12px;
}

.ul-test-users {
	list-style: none;
}

.ul-test-users li {
	float: left;
  padding: 3px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  margin-left: 4px;
  width: 95px;
  margin-bottom: 4px;
}

.cycle {
	background-color: #1fc8db;
  background-image: linear-gradient(141deg, #b9fd14 0%, #658dff 51%, #f82e79 75%);
}

.ul-borderos {
	width: 100%;
  overflow: auto;
  display: flex;
  overflow-y: hidden;
}

.ul-borderos::-webkit-scrollbar { 
  background: transparent !important;
  height: 8px !important;
}

.ul-borderos::-webkit-scrollbar-track {
	background: whitesmoke;

}

.ul-borderos::-webkit-scrollbar-thumb {
	background-color: #5DA0A1;
	border-radius: 5px !important;
}

.ul-borderos li {
	display: inline-table !important;
}

.no-pwd-access {
    width: 20px;
    height: 20px;
    background-color: red;
    text-align: center;
    color: white;
    padding-top: 2px;
    border-radius: 7px;
}

.all-user-icon {
    cursor: pointer;
    color: green;
    font-size: 20px !important;
    margin-left: 2px;
    /*position: absolute;
    top: -52px;*/
}

.ul-checkboxes-top li:last-child {
	/*float: right;
    position: relative;
    right: 16px;
    top: 61px;*/
	  display: inline-block;
	  position: absolute;
    right: 0;
    top: 7px;
}

.phone-menu li.search-phone-menu {
	font-size: 15px;
    color: white;
    background-color: #478586;
    padding-bottom: 8px;
}

.phone-search-hover {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    padding: 15px;
}

.input-search-phone {
	margin-bottom: 10px;
}

.input-search-phone input {
	background-color: black;
    color: white;
    border: 0;
    border-radius: 50px;
}

.input-search-phone input::placeholder {
  color: white;
  opacity: 1;
}

.input-search-phone input:-ms-input-placeholder {
  color: white;
}

.input-search-phone input::-ms-input-placeholder {
  color: white;
}

.input-search-phone .search-phone-btn {
	position: absolute;
    top: 2px;
    right: 3px;
    width: 36px;
    height: 36px;
    background-color: white;
    border-radius: 50%;
    color: black;
    font-size: 19px;
    text-align: center;
    padding-top: 8px;
}

.phone-search-results {
	width: 100%;
    height: 86%;
    overflow: auto;
    overflow-x: hidden;
    color: white;
}

.phone-search-results::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
}

.phone-search-results::-webkit-scrollbar-track {
	background: transparent;
}

.phone-search-results::-webkit-scrollbar-thumb {
	background-color: #0D6668 !important;
	border-radius: 5px !important;
}

.close-phone-search {
	color: white;
    cursor: pointer;
    font-size: 30px;
    width: 100%;
    text-align: right;
    margin-bottom: 12px;
    padding-right: 10px;
}

ul.phone-search-results {
	list-style: none;
	height: 100% !important;
}

ul.phone-search-results li {
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: white;
}

ul.phone-search-results li a {
	color: white;
	font-size: 15px;
}

.select-only-pages {
	height: 30px;
    padding: 2px !important;
    float: right;
    position: relative;
    top: -6px;
    margin-left: 10px;
    max-width: 160px;
}

.list-curier-confirm {
	list-style: none;
}

.list-curier-confirm li {
	float: left;
    margin-bottom: 5px;
    margin-right: 7px;
    padding: 6px;
    background-color: white;
    width: 32%;
    border: 1px solid #E6E6E6;
}

.over-input-text {
	position: absolute;
    top: 11px;
    right: 15px;
    color: grey;
}

.select-spinner {
	position: absolute;
    right: 7px;
    top: 15px;
    font-size: 17px;
    color: #5DA0A1;
    background-color: white;
    z-index: 9;
}

.ul-database-tables {
	list-style: none;
  float: left;
  width: 250px;
  margin-bottom: 10px !important;
}

.ul-database-tables li {
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 3px;
  overflow: hidden;
  white-space: pre;
  width: 90%;
}

.ul-database-tables li:hover {
	color: #4D8C8E;
}

.ul-database-tables li i {
	margin-right: 7px;
	color: #4D8C8E;
}

.all-database-tables {
  width: 100%;
  overflow: auto;
}

.all-database-tables::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
    height: 10px !important;
}

.all-database-tables::-webkit-scrollbar-track {
	background: transparent;
}

.all-database-tables::-webkit-scrollbar-thumb {
	background-color: #4D8C8E;
	border-radius: 3px !important;
}

.database-context-options {
	position: absolute;
  z-index: 9999;
  background-color: white;
  padding: 10px;
  border-radius: 2px;
  box-shadow: 0px 2px 5px rgba(0,0,0,.5);
}

.database-context-options ul {
	list-style: none;
}

.database-context-options ul li {
	padding-bottom: 5px;
}

.database-context-options ul li a {
	color: #555;
	text-decoration: none;
}

.database-context-options ul li a:hover {
	color: #444;
}

.CodeMirror {
	height: 200px !important;
}

.CodeMirror-gutter {
	background-color: #EFEFEF !important;
}

.purple {
	background-color: purple;
}

.page-title {
	font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EFEFEF;
}

.table-conversations {
	width: 95%;
    background-color: #EFEFEF;
    height: 600px;
}

.conversation-user-place {
	width: 70%;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #555;
}

.conversation-time {
	float: right;
    font-size: 13px;
}

#tableConversations_info {
	display: none;
}

table#tableConversations.dataTable.no-footer {
	border-bottom: 0;
}

.conversations-title {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: bold;
    color: #444;
    font-size: 17px;
}

.conversation-row {
	cursor: pointer;
	padding: 8px;
}

.load-conversation {
	text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: lightgrey;
    line-height: 50px;
    padding-top: 150px;
}

.right-message {
    width: 50%;
    float: right;
    padding: 5px;
    background-color: #D98880;
    color: white;
    border-radius: 3px;
}

.left-message {
    width: 50%;
    float: left;
    padding: 5px;
    background-color: #F2F4F4;
    color: #444;
    border-radius: 3px;
}

.message-sender {
    width: 65%;
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
}

.message-date {
    float: right;
    font-size: 13px;
}

.right-message span, .left-message span {
    font-size: 14px;
}

.chatbox-header {
	width: 100%;
    padding: 15px;
    margin-bottom: 8px;
    border-bottom: 1px solid #EFEFEF;
    background-color: white;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
}

.chatbox {
    border: 1px solid #EFEFEF;
    height: 600px;
}

.chatbox-body {
	width: 100%;
    height: 480px;
    overflow: auto;
}

.chatbox-footer {
	width: 100%;
    background-color: #EFEFEF;
    height: 60px;
    padding: 5px;
}

.textarea-chatbox {
	width: 100%;
    resize: none;
    outline: none;
    border: 1px solid #E6E6E6;
    background-color: #FAFAFA;
    padding: 5px;
    padding-bottom: 1px;
    padding-right: 100px;
}

.btn-chatbox {
	width: 100%;
    height: 40px;
}

table#tableConversations tr td {
	padding: 0 !important;
}

.conversation-row.not-seen {
	background-color: #d8d8d8;
}

.message-selected {
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,.6));
}

.seen-details.left {
    float: left;
    font-size: 11px;
    color: #555;
    position: relative;
    top: 5px;
    left: 7px;
}

.seen-details.right {
    float: right;
    font-size: 11px;
    color: #555;
    position: relative;
    top: 5px;
    right: 7px;
}

.no-messages {
	width: 98%;
    margin: 0 auto;
    background-color: #FCF3CF;
    padding: 10px;
    border: 1px dashed #FAD7A0;
    color: #CD6155;
    border-radius: 3px;
}

.message-attachements {
    position: absolute;
    right: 10px;
    top: 7px;
}

.message-attachements ul {
	list-style: none;
}

.message-attachements li {
    position: relative;
    float: left;
    background-color: #FAFAFA;
    padding: 8px 10px;
    margin-left: 10px;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
}

.message-attachements li a {
	text-decoration: none;
	color: #444;
    font-size: 18px;
}

.message-attachements li a:hover {
	text-decoration: none;
}

.message-attachements .upload-chat {
    width: 34px;
    height: 30px;
    margin-left: -9px;
    margin-top: -5px;
    cursor: pointer;
}

.selected-chat-images {
	position: absolute;
    z-index: 9;
    bottom: 60px;
    background-color: #EFEFEF;
    width: 99%;
    padding: 6px;
    margin-left: -4px;
}

.selected-chat-images ul {
	list-style: none;
}

.selected-chat-images ul li {
	display: inline-block;
    padding: 5px;
    background-color: white;
    border-radius: 3px;
    margin-right: 5px;
    position: relative;
    box-shadow: 2px 4px 6px rgb(0 0 0 / 40%);
}

.selected-chat-images ul li img {
	width: 80px;
    height: 80px;
    object-fit: cover;
}

.selected-chat-images ul li i {
	position: absolute;
    right: 5px;
    color: red;
    background-color: white;
    padding: 3px;
    padding-left: 5px;
    cursor: pointer;
}

.chat-message-image {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin: 3px;
    float: left;
    cursor: pointer;
}

.user-chathead {
	float: left;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: orange;
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
}

.each-chat-file {
	padding: 5px;
	background-color: white;
	margin-bottom: 7px;
	box-shadow: 2px 4px 6px rgb(0 0 0 / 30%);
	color: #555;
	width: 48%;
	float: left;
	margin-right: 6px;
}

.each-chat-file i.fa-file {
	float: left;
	margin-right: 5px;
	font-size: 16px;
}

.each-chat-file i.fa-cloud-download {
	cursor: pointer;
}

.each-chat-file span {
	display: inline-block;
    width: 80%;
    margin-right: 5px;
    height: 22px;
    overflow: hidden;
    float: left;
}

.each-chat-file i {
	color: red;
    font-size: 17px;
    position: relative;
    top: 3px;
}

.selected-chat-file {
	width: 200px;
}

.selected-chat-file i.fa-file {
	left: 0;
    right: inherit;
    position: relative;
    float: left;
}

.selected-chat-file span {
	display: inline-block;
    float: left;
    width: 155px;
    overflow: hidden;
    height: 22px;
    margin-left: 3px;
}

.image-preview {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
}

.image-preview i {
    position: absolute;
    right: 0;
    font-size: 35px;
    color: white;
    margin-top: 35px;
    margin-right: 35px;
    cursor: pointer;
}

.image-preview img {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 60%;
    box-shadow: 2px 4px 6px rgb(255 255 255 / 30%);
}

@media(max-width: 800px) {
    .right-message, .left-message {
        width: 75%;
    }

    .each-chat-file {
        width: 100%;
    }

    .each-chat-file span {
        width: 78%;
    }

    .table-conversations {
    	height: 120px;
	    overflow: auto;
	    width: 100%;
    }

    .chatbox-footer {
    	height: auto;
    }

    .chatbox {
    	height: auto;
    }
}

.img-retur {
    max-width: 85%;
    max-height: 130px;
}

.camera-video {
	width: 100%;
  height: auto;
  max-height: 220px !important;
  border: 1px solid #E6E6E6;
  background-color: #EFEFEF;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  object-fit: inherit !important;
}

.label-result-barcode {
	padding: 2px !important;
	font-size: 13px !important;
	font-weight: normal !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	margin-left: 5px !important;
}

.btn-orders-nr {
	position: fixed;
  z-index: 9999;
  bottom: 30px;
  right: 50px;
  border-radius: 50%;
  background-color: #5DA0A1;
  width: 35px;
  height: 35px;
  font-size: 19px;
  color: white;
  border: 0;
  box-shadow: 0px 2px 4px rgb(0 0 0 / 40%);
}

.qty_greater_1 {
	animation: borderAnimation 1s infinite linear;
}

@keyframes borderAnimation {
  0%   { border: 0.2px solid red; }
  50%  { border: 1px solid red; }
  100% { border: 2px solid red; }
}

.qty-animation {
	width: 30px;
	height: 30px;
	-webkit-animation: blink_qty 1s infinite;  /* Safari 4+ */
  -moz-animation: blink_qty 1s infinite;  /* Fx 5+ */
  -o-animation: blink_qty 1s infinite;  /* Opera 12+ */
  animation: blink_qty 1s infinite;  /* IE 10+, Fx 29+ */
  font-weight: 600;
}

@-webkit-keyframes blink_qty {
  0%, 49% {
    background-color: lightblue;
  }
  50%, 100% {
    background-color: orange;
  }
}

.img-category-subcategory {
	max-width: 80px;
	max-height: 80px;
}

.rows-cat-subcategories td {
	background-color: #FAFAFA !important;
}

.loader-icon {
	position: absolute;
  right: 15px;
  top: 15px;
  color: #5DA0A1;
  font-size: 15px;
}

#formSendEmailToDistributors .select2-container .select2-selection--multiple {
	padding-left: 40px;
  padding-right: 120px;
}

#formSendEmailToDistributors .reply-options ul li {
	margin-left: 20px;
}

#tableConversations thead, #tableClientsConversations thead {
	display: none;
}

.ul-tabs-chat.nav>li>a {
	padding: 7px;
}

.badge-chat-messages {
	border-radius: 3px !important;
  background-color: red !important;
  margin-left: 3px !important;
}

#tableClientsConversations_info {
	display: none;
}

table#tableClientsConversations.dataTable.no-footer {
	border-bottom: 0;
}

table#tableClientsConversations tr td {
	padding: 0 !important;
}

.chat-client-info {
	font-size: 18px !important;
  cursor: pointer;
  margin-right: 15px;
}

.chat-status {
  float: left;
  margin-right: 6px;
  border: 1px solid lightgrey;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 1px;
}

.chat-status span.offline {
	font-size: 15px;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-left: 10px;
  margin-right: 8px;
  color: red;
}

.chat-status span.online {
	font-size: 15px;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-left: 10px;
  margin-right: 8px;
  color: green;
}

.conversation-closed-message {
	width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  border-top: 1px solid #EFEFEF;
  padding-top: 15px;
  font-size: 14px;
  font-weight: bold;
  color: grey;
  font-style: italic;
  letter-spacing: 0.5px;
}

.result-box {
	width: 100%;
	height: 50px;
	overflow: auto;
	overflow-x: hidden;
}

.result-box-table {
	width: 100%;
	height: 100px;
	overflow: auto;
}

.scroll-messages {
	height: 63vh;
	overflow: auto;
}

.scroll-messages::-webkit-scrollbar { 
  /*display: none; */
  background: transparent !important;
  width: 5px !important;
}

.scroll-messages::-webkit-scrollbar-track {
	background: whitesmoke;
}

.scroll-messages::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 5px !important;
}

.btn-torch {
	width: 32px;
  height: 32px;
  text-align: center;
  padding: 0;
  outline: none;
  box-shadow: none;
}

.btn-torch.btn-success {
	color: white !important;
}

.each-advanced-search-row {
	padding-top: 10px;
  padding-bottom: 10px;
  background-color: #EFEFEF;
  margin-top: 5px;
}

.advanced-search-button {
	margin-top: 5px;
  background-color: #EFEFEF;
  text-align: right;
  padding: 10px 5px;
  width: 50%;
  float: right;
}

.a-delete-advanced-search-row {
	color: red;
  text-decoration: none;
  position: absolute;
  z-index: 9;
  right: 30px;
}

.a-delete-advanced-search-row:hover {
	color: #444;
	text-decoration: none;
}

.collapse.in {
	height: inherit !important;
}

.button-input-group {
	width: 50%;
  float: left;
}

.button-input-group input {
    width: 75%;
}

.button-input-group button {
    height: 40px;
}

.btn-upload-document {
	width: 100%;
  padding: 2px !important;
  height: 40px;
}

#distributorsSoldTable_paginate {
	width: 105% !important;
}

.ul-domains {
	list-style: none;
}

.ul-domains li {
	display: inline-block;
	margin: 5px;
}

.ul-categories {
	list-style: none;
}

.ul-categories li {
	width: 48%;
  float: left;
  margin: 5px;
  background-color: white;
  padding: 10px;
  box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
  border-radius: 2px;
  font-weight: 600;
  color: #555;
  cursor: pointer;
}

.ul-categories li:hover, .ul-categories li.selected {
	background-color: #5DA0A1;
	color: white;
}

.file-browse {
	
}

.ul-todo-filters li.checked {
	background-color: #E6E6E6;
}

.hr-class {
	margin-top: 10px;
  margin-bottom: 10px;
}

.each-associate-value {
	margin-bottom: 8px;
}

.each-associate-value.new-value input {
	width: 80%;
	float: left;
}

.btn-delete-associated-value {
	width: 10%;
    float: right;
    height: 40px;
    background-color: #A93226;
    color: white;
    border: 0;
}

#formSaveAssociatedSizes .select2-selection__rendered {
	overflow-x: hidden !important;
}

.input-near-color {
	width: 150px;
	float: left;
}

.input-color {
	width: 40px;
    height: 40px;
    float: left;
    margin-left: 10px;
}

.i-delete-label {
	cursor: pointer;
	color: red;
	margin-left: 8px;
}

.cke_editable p { margin: 0 !important; }

.bottom-reminder {
  position: fixed;
  z-index: 10002;
  bottom: 20px;
  left: 20px;
}

.bottom-reminder-notification {
  padding: 20px;
  background-color: rgba(0,0,0,.8);
  width: 300px;
  border-radius: 3px;
  color: white;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  padding-bottom: 35px;
}

.bottom-reminder-notification i {
	font-size: 30px;
  float: left;
  color: lightgrey;
  margin-right: 20px;
}

.bottom-reminder-notification i.i-close {
	position: absolute;
  right: 0;
  font-size: 16px;
  color: grey;
  cursor: pointer;
}

.bottom-reminder-notification i.i-close:hover {
	color: lightgrey;
}

.show-over-box {
	position: absolute;
    margin-top: 5px;
    color: #444;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 30px;
}

.select-loader {
		position: absolute;
    z-index: 9;
    color: #5DA0A1;
    right: 40px;
    margin-top: 13px;
}

.schema-ue-oss {
	list-style: none;
}

.schema-ue-oss li {
	border: 1px solid #EFEFEF;
  padding: 8px 10px;
  border-radius: 3px;
  float: left;
  margin-right: 5px;
  background-color: white;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  height: 40px;
}

.schema-ue-oss li.show-more-schema-oss {
	border: 0;
}

.btn-generate-awb-barcode {
	position: fixed;
  z-index: 9999;
  bottom: 30px;
  right: 100px;
  border-radius: 15px;
  background-color: #5DA0A1;
  width: 85px;
  height: 35px;
  font-size: 19px;
  color: white;
  border: 0;
  box-shadow: 0px 2px 4px rgb(0 0 0 / 40%);
}

.btn-reset-process-order {
	position: fixed;
  z-index: 9999;
  bottom: 30px;
  left: 20px;
  border-radius: 50%;
  background-color: #A93226;
  width: 35px;
  height: 35px;
  font-size: 19px;
  color: white;
  border: 0;
  box-shadow: 0px 2px 4px rgb(0 0 0 / 40%);
}

.btn-back-comenzi-pregatire {
	position: fixed;
  z-index: 9999;
  bottom: 30px;
  right: 200px;
  border-radius: 50%;
  background-color: #D68910;
  width: 35px;
  height: 35px;
  font-size: 19px;
  color: white;
  border: 0;
  box-shadow: 0px 2px 4px rgb(0 0 0 / 40%);
}

.file-browse {
	top: 0;
	right: 20px;
}

#wrapper1::-webkit-scrollbar { 
    /*display: none; */
    background: transparent !important;
    width: 5px !important;
    height: 10px !important;
}

#wrapper1::-webkit-scrollbar-track {
	background: transparent;

}

#wrapper1::-webkit-scrollbar-thumb {
	background-color: #4D8C8E;
	border-radius: 3px !important;
}

.sticky-top-buttons {
	position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
}

.disabled-button-efactura {
  background-color: #d9534f;
  background: -webkit-repeating-linear-gradient(
    45deg,
    #d9534f,
    #d9534f 10px,
    #c9302c 10px,
    #c9302c 20px
  );
  background: -moz-repeating-linear-gradient(
    45deg,
    #d9534f,
    #d9534f 10px,
    #c9302c 10px,
    #c9302c 20px
  );
  background: -o-repeating-linear-gradient(
    45deg,
    #d9534f,
    #d9534f 10px,
    #c9302c 10px,
    #c9302c 20px
  );
  background: -ms-repeating-linear-gradient(
    45deg,
    #d9534f,
    #d9534f 10px,
    #c9302c 10px,
    #c9302c 20px
  );
  background: repeating-linear-gradient(
    45deg,
    #d9534f,
    #d9534f 10px,
    #c9302c 10px,
    #c9302c 20px
  );
  color: white !important;
  border: none;
  padding: 10px 20px;
  border-radius: 5px !important;
  cursor: not-allowed;
  opacity: 0.7;
  outline: none !important;
}

#tableAdminButtonsCategories td label {
	display: inline-block !important;
	margin-bottom: 3px !important;
}

.categories-buttons-section {
	display: flex;
	gap: 8px;
}

.all-buttons-categories {
	width: calc(100% / 8);
}

.all-buttons-categories button {
	width: 100%;
}

.all-buttons-categories button.selected {
	background-color: #5DA0A1;
	color: white;
}

.all-categories-buttons {
  padding: 10px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, .1);
  border: 1px solid #FAFAFA;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.all-categories-buttons button {
	width: calc(100% / 8);
}

.btn-order-buttons-category {
	width: 18px; 
	height: 18px; 
	padding: 2px !important; 
	font-size: 12px !important;
}

@media (max-width: 650px) {
	.categories-buttons-section {
		display: grid !important;
    grid-template-columns: 50% 50%;
	}

	.all-buttons-categories {
		width: 100% !important;
	}

	.all-buttons-categories button {
		width: 100% !important;
	}

	.all-categories-buttons {
		display: grid;
    grid-template-columns: 50% 50%;
	}

	.all-categories-buttons button {
		width: 100% !important;
	}
}

.associated-rows ul {
	list-style: none;
}

.associated-rows ul li {
	display: inline-block;
  padding: 6px;
  border: 1px solid grey;
  border-radius: 5px;
  margin-right: 10px;
  cursor: pointer;
  color: grey;
}

.associated-rows ul li:hover {
	background-color: grey;
	color: white;
}