@charset "utf-8";
/* CSS Document */
body {
	font-family: "Open Sans",sans-serif !important;
    font-size: 13px !important; 
    color: #2e2e2e !important;
    -webkit-print-color-adjust: exact !important;
   /*  background-color: #f6f6f6 !important; */
}

h3, .h3 {
	font-size: 24px;
	font-weight: 600;
}
h3.modal-title {
    font-size: 16px;
    font-weight: 600;
}
.navbar-default {
    background-color: #ffffff !important;
    border-color: #e7e7e7;
        height: 50px;
}
section.bg-gry {
    padding-top: 70px;
    padding-bottom: 10px;
    background-color: #fff;
    margin-bottom: 18px;
    border-bottom: 1px solid #f1f1f1;
}
section.bg-gry-2{
   padding-top: 40px;
    margin-top: 15px;
    clear: both;
}
.page-header {
	padding-bottom: 9px;
	margin: 0 !important;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}
.topnav ul {
	margin: 0;
	padding: 0;
}
.topnav ul li {
	list-style: none;
	display: inline-block;
}
.topnav {
	margin-top: 7px;
}
ul.nav.navbar-nav.pull-right.spacenav {
	position: relative;
	top: 12px;
}
a#sortByStyle {
    font-weight: 700;
    font-size: 13px;
}
.topnav ul li a {
	padding: 10px 22px;
	color: #8b8fa1;
	font-size: 15px;
	font-weight: 600;
	position: relative;
}
.topnav ul li a:hover {
	text-decoration: none;
}

span.gre-text {
	color: #bdbdbd;
}
/* .btn {
	padding: 4px 30px !important;
} */
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0 !important;
}
.btn-info {
	color: #fff;
	background-color: #59cdd2 !important;
	border-color: #50c7cc !important;
}
.btn-info:hover {
	color: #fff;
	background-color: #5cc9ce !important;
	border-color: #51b9bd !important;
}
table {
	background-color: #fff !important;
	margin-top: 0px;
}
span.red {
	color: #ff0000;
}
.table>thead>tr>th, tbody>tr>td {
	font-size: 12px;
    color: #565656; 
	white-space: nowrap;
}
span.black {
	color: #000;
	font-weight: 600;
	font-size: 16px;
	position: relative;
	top: 2px;
}
td.text-large {
	font-size: 16px;
	font-weight: 500 !important;
}
span.inline-span {
	position: relative;
	top: 6px;
	font-weight: 700;
	font-size: 15px;
}
.pull-right.admin-u {
	position: relative;
	top: 10px;
}
.prod-items {
    width: 280px;
    position: relative;
}
span.badge-danger {
	position: absolute;
	top: -2px;
	 right: 44px; 
	/* left: 199px; */
	background-color: #f10303 !important;
}
.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 1px !important;
	height: 18px;
	width: 18px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #8b8fa1 !important;
	border-radius: 10px;
}
/* .serchtopdiv {
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #abe7ed;
	padding-top: 2px;
	padding-bottom: 2px;
	 float: left;
    width: 100%; 
} */
.serchtopdiv {
    background-color: #e4e4e4;
    border-radius: 4px;
    border: 1px solid #c1c1c1;
    padding-top: 2px;
    /* padding-bottom: 2px; */
    float: left;
    width: 100%;
}
.card-box {
    background-color: #fff;
    border: 1px solid #abe7ed;
    border-radius: 4px;
    /* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); */
    margin-bottom: 30px;
    padding: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
.card-boxgrye {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    padding: 3px 12px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,  .table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-top: 1px solid #f1f1f1;
}

/* @media ( min-width : 768px) {
.modal-dialog {
	width: 740px;
	margin: 30px auto;
}
} */
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 600;
	color: #757575;
	font-size: 13px;
}
.form-control {
	height: 28px;
	padding: 4px 12px;
	font-size: 12px;
}
.modal-header {
	padding: 8px 14px 8px !important;
	border-bottom: 1px solid #e5e5e5;
	background-color: #4285f4;
	color: #fff;
	border-radius: 6px 6px 0 0;
}
ul.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: transparent;
}
ul.nav>li>a {
	color: #8b8fa1;
	padding: 10px 10px;
}
.sction-space {
	padding-top: 7px;
	padding-bottom: 11px;
}
/*custome---*/
.badge-editmata {
	border-radius: 9999px !important;
	padding: 3px 7px;
	-webkit-print-color-adjust: exact;
	font-size: 11px;
}
.text-blue-dark1 {
	color: #102046;
	fill: #102046;
	background-color: #cfdfff;
	white-space: nowrap;
}
.text-green-dark1 {
	color: #0b1d05;
	fill: #0b1d05;
	background-color: #d1f7c4;
}
.text-teal-dark1 {
	color: #012524;
	fill: #012524;
	background-color: #c2f5e9;
}
.text-red-dark {
	color: #4c0c1c;
	fill: #4c0c1c;
}
.redLight {
	background-color: #ffdce5;
}
.yellowlightverylight {
	color: #3b2501;
	fill: #3b2501;
	background-color: #ffeab6;
}
.pinkBright {
	color: #fff;
	fill: #fff;
	background-color: rgb(255, 8, 194);
}
.selectdropdown-btn .btn-default.active, .selectdropdown-btn .btn-default.focus,  .selectdropdown-btn .btn-default:active, .selectdropdown-btn .btn-default:focus,  .selectdropdown-btn .btn-default:hover, .selectdropdown-btn .open>.btn-default.dropdown-toggle {
	color: #333;
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none;
}
.selectdropdown-btn .bootstrap-select.btn-group .dropdown-toggle .caret {
	display: none;
}
.btnpaddingnone .btn {
	padding: 5px 0px !important;
}
.bootstrap-select.btn-group .dropdown-menu li {
	position: relative;
	/* line-height: 26px; */
	margin-bottom: 4px;
}
td.selectdropdown-btn .btn-default {
	color: #333;
	background-color: transparent !important;
	border-color: transparent !important;
}
td.selectdropdown-btn .btn {
	padding: 0px !important;
	border: none;
}
 td .selectdropdown-btn  .bootstrap-select :not  ( [ class *= col- ]  ) :not  ( [ class *= form-control ]  ) :not  ( .input-group-btn  ) {
width :auto;
}
td.selectdropdown-btn span.caret {
	display: none !important;
}
td.selectdropdown-btn .btn-default {
	color: #333;
	background-color: transparent !important;
	border-color: transparent !important;
}
td.selectdropdown-btn .btn {
	padding: 0px !important;
	border: none;
}
 td .selectdropdown-btn  .bootstrap-select :not  ( [ class *= col- ]  ) :not  ( [ class *= form-control ]  ) :not  ( .input-group-btn  ) {
width :auto;
}
td.selectdropdown-btn span.caret {
	display: none !important;
}
.row.topspace {
	margin-top: 10px;
}
.minus-icon {
	background: url(../img/details_close.png) 0.5em 46% no-repeat !important;
}
.plus-icon {
	background: url(../img/details_open2.png) 0.5em 46% no-repeat !important;
}
ul li i.fa.fa-cog.settingicon {
	font-size: 26px;
	/* color: #57d1d6; */
}
ul li i.fa.fa-plus-circle.settingicon {
	font-size: 25px;
	color: #57d1d6;
}
.topheader-menu .dropdown-menu>li>a {
	display: block;
	padding: 7px 12px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
ul.icons-list-module {
	/* margin: 0; */
	padding: 0;
	/* background-color: #ffffff; */
	border-radius: 4px; /* border: 1px solid #e6e4e4;*/
	margin-bottom: 0px;
}
li.ADD_ACCESS {
    margin-bottom: 10px;
}
a#printOrderItemListPastDueHREF {
    margin-top: 7px;
}
ul.icons-list-module li {
	list-style: none;
	    display: inline-flex;
	padding: 2px 4px 4px;
}
#custom-search-input {
	padding: 3px;
	border: solid 1px #E4E4E4;
	border-radius: 4px;
	background-color: #fff;
}
#custom-search-input input {
	border: 0;
	box-shadow: none;
}
#custom-search-input button {
	background: none;
	box-shadow: none;
	border: 0;
	color: #666666;
	padding: 0 8px 0 10px !important;
	border-left: solid 1px #ccc;
}
#custom-search-input button:hover {
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}
#custom-search-input .glyphicon-search {
	font-size: 14px;
	color: #a2a2a2;
}
.form-group.model-btn {
	position: relative;
	top: 24px;
}
/*addcustomer*/
#back-to-bootsnipp {
	position: fixed;
	top: 10px;
	right: 10px;
}
.c-search>.form-control {
	border-radius: 0px;
	border-width: 0px;
	border-bottom-width: 1px;
    font-size: 14px;
	padding: 11px 12px;
	height: 36px;
	outline: none !important;
}
.c-search>.form-control:focus {
	outline: 0px !important;
	-webkit-appearance: none;
	box-shadow: none;
}
.c-search>.input-group-btn .btn {
	border-radius: 0px;
	border-width: 0px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	height: 36px;
}
.panel-heading.c-list {
	padding: 0px !important;
	/* min-height: 34px; */
}
.title {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 12px;
}
ul.c-controls {
	list-style: none;
	margin: 0px;
	min-height: 44px;
}
ul.c-controls li {
	/*  margin-top: 8px;*/
	float: left;
}
ul.c-controls li a {
	font-size: 1.7em;
	padding: 11px 10px 6px;
}
ul.c-controls li a i {
	min-width: 24px;
	text-align: center;
}
.c-toggle {
	font-size: 1.7em;
}
.name {
	font-size: 15px;
	font-weight: 600;
}
.c-info {
	padding: 5px 10px;
	font-size: 1.25em;
}
.inline-spanmodel {
	float: left;
	padding-right: 15px;
}
.inline-spanmodel span {
/*line-height: 37px;*/
	
}
.list-group-item {
	padding: 5px 15px !important;
}
.has-error #custom-search-input, .has-error #custom-search-input .btn.btn-lg {
	border-color: #a94442;
}
.has-error #custom-search-input .btn.btn-lg .glyphicon-search {
	color: #a94442;
}
ul.ui-widget-content {
	z-index: 1052;
	max-height: 162px;
    overflow-y: auto;
    max-width: auto;
   /*  max-width: 784px; */
}
.ui-menu .ui-menu-item {
	line-height: 28px;
	cursor: pointer;
	list-style-image: none;
	display: block;
    border-bottom: 1px solid #ccc;
}
#formdiv {
	text-align: center;
}
#file {
	color: green;
	padding: 5px;
	border: 1px dashed #123456;
	background-color: #f9ffe5;
}
#img {
	width: 17px;
	border: none;
	height: 17px;
	margin-left: -20px;
	margin-bottom: 191px;
}

.ui-menu li span.description-item {
    font-size: 11px;
    color: #716f6f;
    position: relative;
    top: -12px;
    display: table;
    line-height: 18px;
    word-break: break-word;
    white-space: normal;
    width: 560px;
}
.ui-menu li span.price{
    font-weight: 700;
	
}
.upload {
	width: 100%;
	height: 30px;
}
.previewBox {
	text-align: center;
	position: relative;
	width: 150px;
	height: 150px;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}
.previewBox img {
	height: 150px;
	width: 150px;
	padding: 5px;
	border: 1px solid rgb(232, 222, 189);
}
.delete {
	color: red;
	font-weight: bold;
	position: absolute;
	top: 0;
	cursor: pointer;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ccc;
}
.styles-grid {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
}
.style-card {
	width: 22.89474%;
	position: relative;
	margin-top: 32px;
	padding-top: 30px;
	padding-left: 27px;
	padding-right: 29px;
	padding-bottom: 13px;
	box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
}
.style-card__actions {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 2px;
	right: 5px;
	width: 18px;
	height: 18px;
	font-size: 10px;
	cursor: pointer;
	letter-spacing: .5px;
}
.style-card__actions__popup:not(.visible) {
 display :none;
}
.style-card__actions__popup {
	position: absolute;
	top: 100%;
	left: 0;
	border-radius: 4px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
	padding: 15px;
	background-color: #fff;
	z-index: 200;
	min-width: 224px;
	overflow: hidden;
}
.style-card__action {
	display: block;
	text-transform: none;
	color: #757575;
	transition: all .3s;
	text-align: left;
	padding: 15px 0;
	font-size: 14px;
	font-family: "Avenir Medium", sans-serif;
}
.style-card__action span {
	display: block;
	transition: transform .3s;
}
 .style-card__action :not  ( :first-child  ) {
border-top :
 1 px  solid  rgba (151, 151, 151, 0 .16 );
}
.style-card__images-container {
	position: relative;
	width: 100%;
	margin-bottom: 34px;
}
.style-card__images-container::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%;
}
.style-card__images {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
}
.style-card__images.flickity-enabled .flickity-viewport {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.style-card__images.flickity-enabled .flickity-slider {
	height: 100%;
}
.style-card__images.flickity-enabled .flickity-page-dots {
	display: flex;
	justify-content: center;
	position: absolute;
	width: 100%;
	bottom: -22px;
}
.style-card__info {
	margin-top: 26px;
	text-align: center;
}
.style-card__info a {
	text-decoration: none;
}
.style-card__number {
    color: #1da7ad;
    font-size: 13px;
    line-height: 25px;
    font-family: "Roboto Regular", sans-serif;
    overflow: hidden;
     white-space: nowrap;
    text-overflow: ellipsis;
}
.style-card__categroy {
	color: #43484d;
	opacity: .56;
	font-size: 13px;
	line-height: 25px;
	font-family: "Roboto Regular", sans-serif;
}
.style-card__name {
	color: #43484d;
	font-size: 13px;
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: "Roboto Regular", sans-serif;
}
.style-card__price {
	color: #43484D;
	font-weight: 600;
	line-height: 25px;
	font-family: "Roboto Bold", sans-serif;
}
.style-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.style-card__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 .style-card :not  ( :nth-of-type(4n + 1)  ) {
margin-left :
 2 .80702 %;
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
/*---------------------------wizard-css--------------------------*/
.wizard {
	margin: 20px auto;
	background: #fff;
}
.wizard .nav-tabs {
	position: relative;
	margin-bottom: 0;
	border-bottom-color: #bee1f5;
}
.wizard>div.wizard-inner {
	position: relative;
}
.connecting-line {
	position: absolute;
	width: 80%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
}
.wizard .nav-tabs>li.active>a, .wizard .nav-tabs>li.active>a:hover,  .wizard .nav-tabs>li.active>a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}
span.round-tab {
	display: inline-block;
	border-radius: 25px;
	background: #fff;
	border: 2px solid #e0e0e0;
	z-index: 2;
	/*position: absolute;*/
	left: 0;
	text-align: center;
	font-size: 14px;
	padding: 4px 25px;
}
span.round-tab i {
	color: #555555;
}
.wizard li.active span.round-tab {
	background: #fff;
	border: 2px solid #bee1f5;
}
.wizard li.active span.round-tab i {
	color: #5bc0de;
}
span.round-tab:hover {
	color: #333;
	border: 2px solid #333;
}
.wizard .nav-tabs > li {
    width: auto;
    display: inline-block;
    padding: 4px 10px;
}
.wizard li:after {
	content: " ";
	position: absolute;
	left: 40%;
	opacity: 0;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: #5bc0de;
	transition: 0.1s ease-in-out;
}
.wizard li.active:after {
	content: " ";
	position: absolute;
	left: 40%;
	opacity: 1;
	margin: 0 auto;
	bottom: 0px;
	border: 10px solid transparent;
	border-bottom-color: #25aaf5;
}
.wizard .nav-tabs>li a {
	height: 44px;
	border-radius: 100%;
	padding: 0;
}
.wizard .nav-tabs>li a:hover {
	background: transparent;
	border-color: transparent !important;
}
.wizard .tab-pane {
	position: relative;
	padding-top: 12px;
}
.wizard h3 {
	margin-top: 0;
}
.wizard {
	background: #fff;
	margin-top: 2px;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #bee1f5;
}
/*@media( max-width : 585px ) {
.wizard {
	width: 90%;
	height: auto !important;
}
span.round-tab {
	font-size: 16px;
	width: 50px;
	height: 50px;
	line-height: 50px;
}
.wizard .nav-tabs > li a {
	width: 50px;
	height: 50px;
	line-height: 50px;
}
.wizard li.active:after {
	content: " ";
	position: absolute;
	left: 35%;
}
}*/
.dropzone {
	min-height: 325px !important;
	border: 2px dashed #028AF4 !important;
	background: white;
	padding: 20px 20px;
}
.dropzone .dz-message {
	text-align: center;
	margin: 9em 0 !important;
}
.page-head h1 {
	color: #697882;
	font-size: 20px;
	font-weight: 400;
	margin: 12px 12px 17px 0px;
	padding: 0;
}
.dropdown.profile-action {
	text-align: right;
}
/*.dropup, .dropdown {
    position: relative;
    right: -13px;
    text-align: right;
    top: -36px;
}*/
/*27 css*/
table tr td .order-image img {
	width: 50px;
	height: 100%;
}
.schduledate {
	font-size: 13px;
}
span.date-print {
	/* color: #ccc; */
	font-size: 12px;
	display: block;
	font-style: italic;
} 
ol.listnumbering {
	padding-left: 12px;
}
ol.listnumbering li {
	list-style: inherit;
	font-size: 12px;
	color: #888;
	line-height: 22px;
}
.dropdown.profile-action ul li a {
    cursor: pointer;
}
.dropdown.profile-action ul li:last-child a i {
   display:none;
}
#orderItemsInProductionDiv .carousel-inner  {
    top: 20px;
}
.dropdown.profile-action .fa-ellipsis-h {
	font-size: 18px;
	color: #989898;
}
.ui-menu .ui-state-active,.ui-menu .ui-widget-content .ui-state-active,.ui-menu .ui-widget-header .ui-state-active,.ui-menu a.ui-button:active,.ui-menu .ui-button:active,.ui-menu .ui-button.ui-state-active:hover {
	border: none !important;
	font-weight: normal !important;
	color: #333 !important;
	background: transparent !important;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
	margin: 0 !important;
}
ul.ui-widget-content li.ui-menu-item:hover {
	background-color: #f5f5f5;
}
li.list-group-item:hover {
	background-color: #f5f5f5;
}
.errorMassegeClass {
	color: red !important;
	font-size: 11px !important;
}
.shippingAddressFormClass .errorMassegeClass {
    color: red;
    font-size: 11px;
    position: absolute;
    top: 54px;
}
.dropdown-backdrop {
    display:none;
}
.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
}
a:focus {
    outline: none !important;
}
.editDisabledStyleFormData {
    font-size: 12px;
    padding-left: 5px;
    color: #327ad5;
    word-break: break-all;
}

.contentEditableTextField {
    font-size: 12px;
    padding-left: 5px;
    color: #327ad5;
    word-break: break-all;
}
.selectContentEditable{
	 font-size: 12px;
    padding-left: 5px;
    color: #327ad5;
}	
.taskStatus{
	padding: 0px !important;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: none !important;
outline-offset: -2px;
}
.bdr-botom {
    border-bottom: 2px solid #ccc;
    margin-bottom: 10px;
}
.customer-table .table .btn {
padding: 1px 6px !important;
}
.body-bgwhite {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #abe7ed;
    border-radius: 4px;
}
.mt-top {
    margin-top: 15px;
}
.mt-10 {
    margin-top: 10px;
}
.navbar-default .navbar-brand {
    color: #353535;
}

input[type="checkbox"] {
   -webkit-appearance: none;
    height: 1em;
    width: 1em;
    cursor: pointer;
    position: relative;
    -webkit-transition: .15s;
    border-radius: 2px !important;
    background-color: #fff;
    border: 1px solid #9e9e9e;
}

input[type="checkbox"]:checked {
 background-color:#36b5eb;
}

input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 line-height:1em;
 text-align:center;
 color:#fff;
 content: '';
}

input[type="checkbox"]:checked:before {
 content: '✔';
}

input[type="checkbox"]:hover:before {
 background:rgba(255,255,255,0.3);
}
span.inlinetext-check {
    position: relative;
    top: -2px;
    left: 6px;
}
.addres-shipping p {
    font-size: 12px;
    line-height: 21px;
    padding-left: 22px;
    text-transform: capitalize
}
 input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none;
    outline-offset: -2px;
}
/* a.dt-button{
	border: 1px solid #ccc;
    background-color: transparent !important;
    color: #5f5f5f !important;
    font-size: 16px !important;
    padding: 3px 6px !important;
    border-radius: 40px;
    line-height: 24px;
    position: relative;
    top: 1px;
} */
/*  a.dt-button {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #25aaf5 !important;
    font-size: 13px !important;
    padding: 2px 6px !important;
    border-radius: 40px;
    line-height: 24px;
} */
a.dt-button {
    background-color: #fff;
    color: #25aaf5 !important;
    font-size: 13px !important;
   padding: 2px 6.5px !important;
    border-radius: 40px;
    line-height: 24px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16), 0 1px 2px rgba(0, 0, 0, .23);
}

span.done-cl {
    color: #48a922;
}
/* a.action-icon.dropdown-toggle {
    color: #444;
} */
.dropdown-menu>li>a {
    padding: 6px 20px;
}
span.inline-input-text {
    position: relative;
    top: -2px;
}
.panel-success {
	border-color: #abe7ed;
}
.panel-success>.panel-heading {
    color: #ffffff !important;
    background-color: #4285f4 !important;
    border-color: #357bef !important;
}
.form-group {
    margin-bottom: 10px !important;
}
.custome-form{
	display: inline-block;
   /*  width: 50%; */
    height: 22px;
    font-size: 12px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 5px;
        min-height: 30px !important;
    padding: 0 7px !important;
}
.btn-warning {
    color: #fff;
    background-color: #adadad !important;
    border-color: #9e9e9e !important;
}

.btn-warning:hover {
    color: #fff;
    background-color: #9e9e9e !important;
    border-color: #9e9e9e !important;
}
div#stepDiv span {
    position: relative;
    top: -2px;
    font-size: 13px;
    text-transform: capitalize;
}
div#colorsDiv span {
    position: relative;
    top: -2px;
    font-size: 13px;
    text-transform: capitalize;
}
form#addStepsForm span, form#add-color span {
    position: relative;
    top: -2px;
    font-size: 13px;
    text-transform: capitalize;
}
div.ui-datepicker{
	z-index: 1060 !important;
}
.shortingdiv ul.icons-list-module li a {
    color: #555761;
    font-size: 13px;
}
.shortingdiv ul.icons-list-module li a:hover {
	    text-decoration: none;
	    color: #2889d0;
	    
}
.shortingdiv ul.icons-list-module li a.active  {
	    text-decoration: underline;
	    color: #2889d0;
	    font-weight: 600;
	    
}

/* .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #abe7ed;
    background-color: #abe7ed;
    color: #27a4b0 !important;
} */
/* .thumbnail {
    border: 1px solid #abe7ed !important;
} */
.form-group.model-btn-style {
    position: relative;
    top: 28px;
}
img.productListImage{
	height: 40px;
	width: 40px;
}
  table#editStyleListViewTABLE>tbody>tr>td, table#stepListTABLE>tbody>tr>td{
	word-break: break-all !important;
    white-space: inherit;
} 
span.tabs-maintext {
    position: relative;
    top: 1px;
}
table#customeListViewTABLE {
table-layout: fixed;
}
table#customeListViewTABLE tr td {
word-wrap: break-word;
white-space: normal !important;
}
.panel-title {
    font-size: 15px !important;
}
table.table-brektext tr td {
    white-space: normal;
}
table#editStepListViewTABLE tr td {
    white-space: normal;
}
table#itemListTABLE tr td {
    white-space: normal;
}
table#stepListViewTABLE tr td {
    white-space: normal;
}
.tableworkreport .table>thead>tr>th {
    background-color: transparent;
    color: #757575 !important;
    border: 1px solid #ddd;
}
.navbar-brand {
    font-weight: 600 !important;
}
table.table.table-striped.table-bordered.table-hover.inworkReport thead tr th {
    width: 130px;
    text-align: center;
}
table.table.table-striped.table-bordered.table-hover.inworkReport tbody tr td {
    text-align: center;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent !important;
}
.dropdown-menu>li>a {
    padding: 7px 20px !important;
    border-bottom: 1px solid #f5f5f5;
    font-size: 12px;
    cursor: pointer;
}
table#markDoneShippingDetailTABLE {
   /*  border: none; */
    margin-bottom: 0px;
}
table#stepListTABLE {
    margin-bottom: 20px;
}
table.table.table-brektext {
    margin-bottom: 20px;
}
div#View-Activities table {
    margin-bottom: 15px;
}
table.table.table-bordred.popup-contact-info-M {
    margin-bottom: 15px;
}
.panel-heading {
    padding: 7px 15px !important;
}
.panel-info>.panel-heading {
    color: #4285f4 !important;;
    background-color: #e0e9f9 !important;;
    border-color: #ccdaf1 !important;;
    float: left;
    width: 100%;
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}
table#styleSlabListTABLE .add-new i {
	margin-right: 4px;
}

table#styleSlabListTABLE th:last-child {
	width: 250px;
}

table#styleSlabListTABLE tbody tr td a {
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	
}
table#styleSlabListTABLE .form-control {
	height: 26px;
	line-height: 26px;
	box-shadow: none;
	border-radius: 2px;
}
table#styleSlabListTABLE .form-control.error {
	border-color: #f50000;
}
table#styleSlabListTABLE .btn.green:not(.btn-outline) {
    color: #FFF;
    background-color: #32c5d2;
    border-color: #32c5d2;
}
table#styleSlabListTABLE .btn-circle {
    border-radius: 25px!important;
}
table#statListTABLE .btn-circle {
    border-radius: 25px!important;
}
table#styleSlabListTABLE .btn.green:not(.btn-outline).active, table#styleSlabListTABLE .btn.green:not(.btn-outline).focus, .table#styleSlabListTABLE btn.green:not(.btn-outline):active, table#styleSlabListTABLE .btn.green:not(.btn-outline):focus, table#styleSlabListTABLE .btn.green:not(.btn-outline):hover, table#styleSlabListTABLE .open>.btn.green:not(.btn-outline).dropdown-toggle {
    color: #FFF;
    background-color: #26a1ab;
    border-color: #26a1ab;
}
table#statListTABLE .btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #4285f4;
    border-color: #347ef9;
}
table#styleSlabListTABLE .btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #4285f4;
    border-color: #347ef9;
}
table#styleSlabListTABLE .btn {
    padding: 2px 12px !important;
    font-size: 12px !important;
}
table#statListTABLE .btn {
    padding: 2px 12px !important;
    font-size: 12px !important;
}
.centerdivtable {
    margin: 0 auto;
    width: max-content;
}




table.statReportTABLE>tbody>tr.active>td, table.statReportTABLE>tbody>tr.active>th, table.statReportTABLE>tbody>tr>td.active, table.statReportTABLE>tbody>tr>th.active, table.statReportTABLE>tfoot>tr.active>td, table.statReportTABLE>tfoot>tr.active>th, table.statReportTABLE>tfoot>tr>td.active, table.statReportTABLE>tfoot>tr>th.active, table.statReportTABLE>thead>tr.active>td, table.statReportTABLE>thead>tr.active>th, table.statReportTABLE>thead>tr>td.active, table.statReportTABLE>thead>tr>th.active {
	background-color: #fff;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border-color: #e4e5e7;
}
table.statReportTABLE tr.headertab {
	font-weight: bold;
	background-color: #fff;
	cursor: pointer;
	-webkit-user-select: none;
	/* Chrome all / Safari all */
	-moz-user-select: none;
	/* Firefox all */
	-ms-user-select: none;
	/* IE 10+ */
	user-select: none;/* Likely future */
}
table.statReportTABLE tr:not(.headertab) {
	display: none;
}
table.statReportTABLE .headertab td:after {
	content: "\002b";
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: right;
	color: #999;
	text-align: center;
	padding: 3px;
	transition: transform .25s linear;
	-webkit-transition: -webkit-transform .25s linear;
}
table.statReportTABLE .headertab.active td:after {
	content: "\2212";
}
.form-group.inline-divform {
    display: inline-table;
    padding-right: 10px;
}
table.table.switch-button .switch {
  position: relative;
  display: inline-block;
   width: 45px;
    height: 21px
}

table.table.switch-button .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

table.table.switch-button .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

table.table.switch-button .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

table.table.switch-button input:checked + .slider {
  background-color: #88bd4b;
}

table.table.switch-button input:focus + .slider {
  box-shadow: 0 0 1px #88bd4b;
}

table.table.switch-button input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.printpastdue{
	height: 470px;
    overflow-y: auto;
}
/* Rounded sliders */
table.table.switch-button .slider.round {
  border-radius: 34px;
}

table.table.switch-button .slider.round:before {
  border-radius: 50%;
}
.panel.panel-info.metwiint {
    margin: 0 auto;
    width: 60%;
}
.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}
.inlineradiocheckbox span {
    position: relative;
    top: -2px;
    font-size: 13px;
    text-transform: capitalize;
}
.inlineradiocheckbox label {
    padding-left: 2px;
}
div#printableContentDIV .binLocationDIV {
    width: 165px;
    word-break: break-word;
    white-space: normal;
}
td.statNote {
    word-break: break-word;
    white-space: normal;
}
.new-button.btn-info:focus {
    color: #50c7cc;
}
.customer-table.bg-colormaindiv {
    max-height: 1050px;
    overflow: hidden;
    min-height: 380px;
}
.taskNameDIV {
    font-weight: 700;
    font-size: 14px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.table-taskscrolling {
    max-height: 700px;
    overflow: auto;
    height: 600px;
}


/* start-dashboard css */
.dashboard-stat2.bordered {
	border: 1px solid #e7ecf1;
}

.dashboard-stat2 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	/* background: #fff; */
	padding: 15px 15px 60px;
}

.dashboard-stat2 .display .number {
	float: left;
	display: inline-block;
}

.dashboard-stat2 .display .number h3 {
	margin: 0 0 2px;
	padding: 0;
	font-size: 18px;
	font-weight: 600;
}

.font-green-sharp {
	color: #2ab4c0 !important;
}

.dashboard-stat2 .display .number h3>small {
	font-size: 23px;
}

.dashboard-stat2 .display .number small {
	font-size: 12px;
	color: #AAB5BC;
	font-weight: 600;
}

.dashboard-stat2 .display .icon {
	display: inline-block;
	float: right;
	padding: 7px 0 0;
}

.dashboard-stat2 .display .icon>i {
	color: #cbd4e0;
	font-size: 26px;
}

.font-red-haze {
	color: #f36a5a !important;
}

.font-blue-sharp {
	color: #5C9BD1 !important;
}

.font-purple-soft {
	color: #8877a9 !important;
}

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

.font-red-sunglo {
	color: #E26A6A !important;
}

ul.widgets-list {
	margin: 0;
	padding: 0;
}

ul.widgets-list li {
	list-style: none;
	display: inline-block;
	width: 250px;
	margin-right: 14px;
}
.breadcrumb {
    padding: 0 !important;
    margin-bottom: 0 !important;
    list-style: none;
    background-color: transparent !important;
    border-radius: 4px;
}
 .breadcrumb a {
    color: #2a3142;
}

 .breadcrumb .active {
    color: rgba(42,49,66,.7);
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem;
}
 .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #9ca8b3;
    content: "\f105"!important;
    font-weight: 900;
    font-family: 'Font Awesome 4 Free';
     display:none; 
} 
/* END-start-dashboard css */
td.grand.total {
    text-align: center;
}
/* HTML5FOXED-HEADER css */
.html5Table {
	width: 100%;
	position: relative;
	display: block;
	overflow: auto;
	max-height: 650px;
	min-height:400px;
	/* border: 1px solid #e4e4e4; */
}
.html5Table .table {
	border-collapse: separate;
	width: 100%;
	margin-bottom: 0;
	border-width: 0;
	outline-width: 0;
}
.html5Table .table>thead>tr>th {
    border-bottom: 1px solid #e0e0e0 !important;
}
.html5Table .table.table-layout-fixed {
	table-layout: fixed;
}

.html5Table .table thead, .html5Table .table tbody {
	position: relative;
}

.fixedCell {
	position: relative;
	z-index: 999;
	background-color: #f3f3f3 !important;
	left: 0;
}

.fixedHeader {
	position: relative;
	z-index: 999;
	background-color: #f6f6f6 !important;
	top: 0;
}

.fixedCell.fixedHeader {
	z-index: 1015;
}
.bootbox.modal .btn-default {
    background-color: #e20101 !important;
    color: #fff;
    border: 1px solid #e20101;
} 

/* end---HTML5FOXED-HEADER css */
a.attributeHREF {
    cursor: pointer;
}
ul.list-filter {
	padding: 0;
	/* margin: 0 auto;
	width: 68%; */
	text-align: left;
}

ul.list-filter li {
	list-style: none;
	display: inline-block;
	padding-right: 8px;
}
.comment.shortened {
    white-space: normal;
}
table#viewSlabsTable tr td {
    white-space: normal;
}
/* addcomment-css */
.chat-form {
    margin-top: 24px !important;
    padding: 10px;
    background-color: #e9eff3;
    overflow: hidden;
     height: 52px; 
}
.chat-form .input-cont {
    margin-right: 40px;
}
.chat-form .input-cont .form-control {
    border: 1px solid #ddd;
    width: 100%!important;
    margin-top: 0;
    background-color: #fff!important;
    height: 34px;
}
.chat-form .btn-cont {
    margin-top: -41px;
    position: relative;
    float: right;
    width: 44px;
}
.chat-form .btn-cont .arrow {
    position: absolute;
    top: 6px;
    right: 44px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #8BC34A;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.chat-form .btn-cont .btn {
    margin-top: 0px;
}
.btn.blue:not(.btn-outline) {
    color: #FFF;
   background-color: #8BC34A;
    border-color: #8BC34A;
}
[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] {
    display: inline-block;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
}

.chats {
    margin: -15px 0 0;
    padding: 0;
     overflow-y: auto;
    max-height: 300px;
}
.chats li {
    list-style: none;
    padding: 5px 0;
    margin: 10px auto;
    font-size: 12px;
}
.chats li.in .avatar {
    float: left;
    margin-right: 10px;
}
.chats li .avatar {
    height: 45px;
    width: 45px;
    border-radius: 50%!important;
}
.chats li.in .message {
    text-align: left;
    border-left: 2px solid #1BBC9B;
    margin-left: 65px;
    background: #fafafa;
}
.chats li .message {
    display: block;
    padding: 5px;
    position: relative;
}
.chats li.in .message .arrow {
    left: -8px;
    width: 0;
    height: 0;
    border-right: 8px solid #1BBC9B;
}
.chats li.in .message .arrow, .chats li.out .message .arrow {
    display: block;
    position: absolute;
    top: 5px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.chats li .name {
    color: #3590c1;
    font-size: 13px;
    font-weight: 400;
}
.chats li .datetime {
    color: #333;
    font-size: 13px;
    font-weight: 400;
}
.chats li .body {
    display: block;
}

/* endcomment */
.input-group.c-search{display: flex;}

/*
 *  STYLE 4
 */

.scrollable-menu::-webkit-scrollbar-track
{
	
	background-color: #F5F5F5;
}

.scrollable-menu::-webkit-scrollbar
{
	width: 10px;
	height:10px;
	background-color: rgba(0,0,0,0.28);
    box-shadow: inset 0 0 0 1px #fff;
}

.scrollable-menu::-webkit-scrollbar-thumb
{
	background-color: rgba(0,0,0,0.28);
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 6px;
}
input#topHeaderSearchId {
    height: 28px;
    width: 200px;
    color: #fff;
    background-color: #619bfb;
    border: 1px solid #307dfd;
}
/*tabcss*/
.tabbable-custom ul.nav>li>a {
	color: #2196F3;
	padding: 5px 19px;
	font-size: 13px;
	font-weight: 600;
}
.tabbable-custom .nav-tabs > li > a:hover {
	border-color: none;
}
.tabbable-custom .nav-tabs > li > a {
	margin-right: 0px;
}
.tabbable-custom .nav-tabs > li.active {
	border-top: 3px solid #4285f4;
	margin-top: 0;
	position: relative;
	border-radius: 6px;
}
@media only screen and (max-width : 767px) {
   .list-inline>li {
    margin-bottom: 10px;
}
.navbar-default {
    height: auto;
}
.form-group.model-btn {
    position: relative;
    top: 0px;
}
}

@media only screen and (max-width : 768px) {
.logo {
    padding-left: 30px;
}
div#shippingTicketMainDIV {
    width: auto !important;
    margin: 0 auto;
}
.sortingTypesDiv-subbdr {
    display: none;
}
.slide-nav-toggle .ipad-768none{ display: none;}
.slide-nav-toggle .topheaderselect { display: none;}
input#topHeaderSearchId {
    height: 28px;
    width: 140px;
    color: #fff;
    background-color: #619bfb;
    border: 1px solid #307dfd;
}
/* button.editStyleSlabHREF {
    position: relative;
    top: -30px;
} */
.radioButtonDIV {
    margin-bottom: 15px;
}
ul#filterUL li {
    margin-bottom: 12px;
}
.filterdiv-I {
    display: initial;
    clear: both;
}
ul.widgets-list li {
	list-style: none;
	display: inline-block;
	width: auto;
	margin-right: 0px;
}
div#styleSelect_chosen {
    width: 600px !important;
}
table#styleBulkUpdateTABLE tr td input {
    width: 73px;
}
.miscellaneousTabs .nav-tabs>li {
    float: none;
    margin-bottom: -1px;
}
table#rawInventoryTable tr td .btn-group {
    width: 64px;
}
}
@media only screen and (min-width : 768px) {
.navbar-right {
margin-right: -9px;
}
table#jobPostTABLE tr td .btn-group {
    width: max-content;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* input#get_file {
 margin-bottom: 7px;
} */
table#itemListTABLE tr td textarea {
    width: 200px;
}
table#itemListTABLE tr td input {
    width: 90px;
}
input.inventoryCHECKBOX {
    width: 12px !important;
}
table#itemListTABLE tr td .dropdown-colorselector>.dropdown-menu {
    top: 80%;
    left: -56px;
}
table#itemListTABLE tr td {
    white-space: nowrap;
}
.panel.panel-info.metwiint {
    margin: 0 auto;
    width: 100%;
}
.customer-table.bg-colormaindiv {
    max-height: none;
    overflow: auto;
    min-height: auto;
}
td.text-center.actionsButtons .btn-group {
    display: flex;
}
input#expectedCompletionTime {
    width: 90px;
}
input#expectedCompletionDate {
    width: 100px;
}
form#searchFilterAveryFORM ul li {
    padding-right: 12px;
    margin-top: 8px;
}
table#styleBulkUpdateTABLE tr td select {
    width: 107px;
}
}
textarea.form-control {
    height: auto !important;
}
@media (min-width: 1025px) and (max-width: 1280px) {
input#photos {
    padding: 4px 7px !important;
}
button#addItemToListBUTTON {
    padding: 4px 6px !important;
}
}

a.classificationHREF {
    cursor: pointer;
}
.right-wr-ticket12 .shipVia {
    width: 165px;
}
span.ship-via {
    word-break: break-word;
    white-space: normal;
}
p.noDataSPAN {
    text-align: center !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 55px;
}

/* STYLE table scroll*/
 .scrolling-hatfolder::-webkit-scrollbar-track {
 background-color: #F5F5F5;
 border-radius: 4px
}
  .scrolling-hatfolder::-webkit-scrollbar {
 width: 10px;
 height:10px;
 background-color: #d8d8d8;
 box-shadow: inset 0 0 0 1px #fff;
 border-radius: 4px
}
 .scrolling-hatfolder::-webkit-scrollbar-thumb {
 background-color: #d8d8d8;
 box-shadow: inset 0 0 0 1px #fff;
 border-radius: 4px
}
/*  end-STYLE table scroll*/
  .scrolling-hatfolder {
    max-height: 660px;
    overflow-y: auto;
}
div#InsertImage_txtEditor button {
    font-size: 21px;
}
h3#h3_InsertImage_txtEditor {
    font-size: 15px;
    font-weight: 700;
}
h3#h3_InsertLink_txtEditor{
	font-size: 15px;
    font-weight: 700;
}
h3#h3_InsertLink_txtEditorEdit{
	 font-size: 15px;
    font-weight: 700;
}
div#InsertLink_txtEditorEdit button {
    font-size: 21px;
}
div#InsertLink_txtEditor button{font-size: 21px;}
ul.delete-hattitle {
    float: left;
    padding: 0;
}
ul.delete-hattitle li {
    list-style: none;
    padding: 0 1em;
    line-height: 2em;
    color: #F44336;
    font-weight: 700;
}
ul.delete-hattitle li a {
    color: #E91E63;
    cursor: pointer;
}
ul#sortable1 {
    float: left;
}

/*   style */

				.count {
					width: 100%;

				}

				.count .box {
					float: left;
					width: 100%;
					background-color: #fff;
					border-radius: 5px;
					border-radius: 5px;
					padding: 10px;
					border: 1px solid #dedede;
					min-height: 175px;
				}

				.count .box-contain {
					display: flex;
					width: 100%;
				}

				.count .box-contain p {
					margin: 0px !important;
				}

				.count .flex-1 {
					flex: 1;
				}

				.count .num_count {
					font-weight: 700;
				}

				.count .box-icon {
					float: left;
					width: 100%;
					text-align: center;
					padding-bottom: 10px;
				}

				.count .box-icon img {
					width: 45px;
				}

				.text-red {
					color: red;
				}

				.page-title-div,
				.page-title-div .page-title {

					width: 100%;
				}

				.page-title-div {
					margin: 0px;
				}

				.dropdown-div {
					padding: 15px 30px;
					float: right;
				}

				.page-title-div .page-title {
					font-size: 30px;
					color: #111;
					float: left;
					padding: 10px 0;
					border-bottom: 1px solid #dedede;
				}

				.dropdown-div .mydropdown {
					background-color: #fff !important;
					border: 1px solid #dedede !important;
					color: #111 !important;
					margin-bottom: 10px;
				}

				.dropdown-div .mydropdown:focus {
					box-shadow: none !important;
				}

				.dropdown-menu.show {
					right: 0px !important;
				}
#convertOrderLinkMODAL .dropdown-colorselector>.dropdown-menu {
	min-width: 100px !important;
}
#convertOrderLinkMODAL .dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after {
	    left: -18px;
	        margin: 0 auto;
    top: 0;
}
.taskStatusUpdateDIV .row {
	    display: flex;
    vertical-align: middle;
    align-items: center;
}
#NotificationTABLE td {
	background-color: transparent;
}
#NotificationTABLE tr {
	background-color: red;
}