.defaultConTable {
	position: relative;
   overflow: auto;
   border: 0px solid red;
   min-height: 100%;
   margin: auto;
   width: auto;
   z-index: 3;
}

.defaultConTable table {
	table-layout: fixed;
}

.defaultConTable table td {
	white-space: break-spaces;
	text-overflow: ellipsis;
}

.defaultConTicket {
	position: relative;
   overflow: auto;
   border: 0px solid red;
   min-height: 100%;
   margin: auto;
   width: auto;
   z-index: 3;
}

.defaultConTicket table {
	table-layout: fixed;
}

.defaultConTicket table td {
	white-space: break-spaces;
	text-overflow: ellipsis;
}

.sticky-col {
   position: -webkit-sticky;
   position: sticky;
   z-index: 2;
   border-top-left-radius: 0px;	
}

.fixed-col-1t {
	left: 0px;
	width: 50px;
	min-width: 50px;
  	max-width: 50px;
	background-color: #fff;
}

.fixed-col-2t {
   	left: 50px;
	width: 100px;
	min-width: 100px;
  	max-width: 100px;
	background-color: #fff;
}

.fixed-col-2t2 {
   left: 50px;
	width: 150px;
	min-width: 150px;
  	max-width: 150px;
	  background-color: #fff;
}

.fixed-col-2t3 {
	left: 50px;
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	background-color: #fff;
}

.fixed-col-2t3-inside {
	left: 100px;
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	background-color: #fff;
 }
 
.fixed-col-3t {
   	left: 150px;
	width: 150px;
	min-width: 150px;
  	max-width: 150px;
	background-color: #fff;
}

.fixed-col-new {
	width: 100px;
	min-width: 100px;
  	max-width: 100px;
	background-color: #fff;
}

.fixed-col-new-large {
	width: 150px;
	min-width: 150px;
  	max-width: 150px;
	background-color: #fff;
}

.fixed-col-new-1 {
	left: 0px;
	width: 50px;
	min-width: 50px;
  	max-width: 50px;
	background-color: #fff;
}

.fixed-col-new-2 {
	left: 50px;
}

.fixed-col-new-3 {
	left: 150px;
}

.fixed-col-new-4 {
	left: 250px;
}

.fixed-col-new-5 {
	left: 350px;
}

.fixed-col-new-6 {
	left: 450px;
}

.fixed-col-new-7 {
	left: 550px;
}

.fixed-col-new-2-large {
	left: 50px;
}

.fixed-col-new-3-large {
	left: 200px;
}

.fixed-col-new-4-large {
	left: 350px;
}

.fixed-col-new-5-large {
	left: 500px;
}

.defaultConTicketMain {
	position: relative;
   	width: auto;
   	height: auto;
   	border: 0px dashed #c4c4c4;
   	padding: 0px;
   	margin-bottom: 70px;
}

.passcodeCon {
	position: relative;
	display: none;
}

.zoomDetailsCon {
	background: #f5f5f5;
	padding: 5px 10px;
	border-radius: 5px;
}

.addMeetingChoiceCon {
	position: relative;
	border: 1px solid #c4c4c4;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 15px;
}

.autoEnddayScheduleTime {
	position: relative;
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px dashed #c4c4c4;
	display: none;
}

.form-control-border-bottom {
	border: 0px;
	border-bottom: 1px solid black;
}

.form-control-border-bottom:focus {
	outline: none;
	border-bottom: 1px solid black;
}

.width30px {
	width: 30px;
}

.width40px {
	width: 40px;
}

.width50px {
	width: 50px;
}

.width60px {
	width: 60px;
}

.width70px {
	width: 70px;
}

.form-control-no-design {
	border: 0px;
}

.form-control-no-design:focus {
	border: 0px;
	outline: none;
}

.cutOffSettingsCon {
	position: relative;
	border-left: 1px solid #eee;
	padding: 5px 20px;
	color: #797979;
}

.historyLogCon {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.loadAmountCon {
	position: relative;
	height: 100px;
	border: 1px solid #c4c4c4;
	background: #d4d4d4;
	text-align: center;
	padding-top: 40px;
	cursor: pointer;
	margin-bottom: 30px;
}

.loadAmountCon:hover {
	border: 1px solid #6cb5d2;
	background: #90caf1;
	color: #fff;
}

.loadAmountCon.active {
	border: 1px solid #6cb5d2;
	background: #90caf1;
	color: #fff;
}

.loadAmountCon span {
	font-size: 35px;
	font-weight: bold;
}

.loadOrderCon {
	position: relative;
	min-height: 300px;
	height: auto;
	border-left: 1px solid #c4c4c4;
	padding: 10px;
	padding-left: 30px;
}

.loadOrder {
	min-height: 100px;
}

.loadCon {
	position: relative;
	margin-bottom: 10px;
	border-bottom: 1px solid #ceebff;
	padding: 10px 5px;
}

.loadConEmpty {
	border-bottom: 0px solid #c4c4c4;
	color: #c4c4c4;
}

.loadCounterCon {
	position: relative;
	border-top: 1px dotted #c4c4c4;
	margin-top: 30px;
	padding-top: 20px;
}

.loadLine {
	position: relative;
	width: auto;
	border-top: 2px solid #828282;
}

.carousel-inner img {
	margin: 0 auto;
}

.screenshotContainer {
	position: relative;
	width: auto;
	height: auto;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	padding: 3px;
	transition: box-shadow 0.3s ease-in-out;
}

.screenshotContainer:hover {
	box-shadow: 0px 0px 6px rgb(119 119 119 / 30%)
 }

.screenshotImageCon {
	position: relative;
	margin-top: 5px;
	cursor: pointer;
}

.screenshotImageCon:after, .screenshotImageCon:before {
	position:absolute;
	opacity:0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.screenshotImageCon:after {
	content:'\A';
	width:100%; height:100%;
	top:0; left:0;
	background:rgba(0,0,0,0.6);
}

.screenshotImageCon:before {
	content: attr(data-content);
	width: -webkit-fill-available;
	color:#000;
	font-size: 11px;
	z-index:1;
	bottom:0;
	margin: 8px;
	padding:2px 10px;
	text-align:center;
	background-color: #fff;
	border-radius: 3px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.screenshotImageCon:hover:after, .screenshotImageCon:hover:before {
	opacity:1;
}

.screenshotImageCon img {
	position: relative;
	width: 100%;
	vertical-align:top;
}

.screenshotImageMainCon:hover > .screenshotSearcCon {
	display: block;
 }

.screenshotSearcCon {
	position: absolute;
	display: none;
	font-size: 30px;
	color: #fff;
	z-index: 1;
	opacity: 0.7;
	left: 40%;
	right: 40%;
	top: 40%;
}

.noActivityCon {
	position: relative;
	background: #e8e2ff;
	color: #7a8798;
	padding: 5px 10px;
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
	border-radius: 3px;
}

.carouselItemCon {
	position: relative;
	padding: 0px;
	border: 0px solid #c5c5c5;
}

.screenshotImageCaption {
	position: relative;
	width: 100%;
	height: auto;
	border: 0px solid black;
	padding: 10px 0px;
	color: #000;
}

.settingsTextCon {
	position: relative;
	padding: 5px;
	border: 1px solid #dedede;
	background: #efefef;
	border-radius: 4px;
}

.settingsVal .settingOption  {
	margin-right: 0px!important;
}

.settingsSelectField {
	width: 150px!important;
}

.settingsData {
	width: 80px;
}

.settingsRole {
	width: 150px;
}

.settingsTeam {
	width: 150px;
}

.countryCodeField {
	width: 55px!important;
}

.mobileField {
	width: 160px!important;
}

.pushNotifCon {
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: #3E3E3E;
	width: 400px;
	height: auto;
	padding: 15px;
	color: #fff;
	z-index: 11;
}

.btnCloseNotif {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	color: #7B7B7B;
}

.exportTypeCon, .importTypeCon {
	position: relative;
	width: auto;
	height: auto;
	padding: 15px 20px;
	border: 2px solid #CBCBCB;
	border-radius: 8px;
	margin-bottom: 15px;
}

.exportTypeCon.selected, .importTypeCon.selected {
	background: #3196da12;
	border: 2px solid #3295D7;
}

.exportTypeCon.selected label, .importTypeCon.selected label {
	color: #3295D7;
}

.optionBulkInstruction {
	position: relative;
	width: auto;
	height: auto;
	padding: 10px 0px;
	display: none;
}

.legendTable {
	border-spacing: 0px;
	border-collapse: collapse;
	line-height: 15px;
}

.legendColor {
	position: relative;
	width: 13px;
	height: 13px;
	border: 1px solid #9c9c9c;
}

.legendGreen {
	background:#66FF66;
}

.legendYellow {
	background:#F8F800;
}

.legendRed {
	background:#FF0000;
}

.legendGray {
	background:#CBCBCB;
}

.legendOrangeLess {
	background:#eeb88861;
}

.legendRedLess {
	background:#ee888861;
}


.insideTicketClassCon {
	position: relative;
	width: auto;
}

.btnWidth100px {
	width: 100px;
}

.btnWidth150px {
	width: 150px;
}

.btnWidth200px {
	width: 200px;
}

.emptyFormContainer {
	margin-top: 150px;
	color: #707070;
}

.digitalFormFlowContainer {
	position: absolute;
	border: 0px solid black;
	background: transparent;
	height: auto;
	width: 452px;
	top: -80px;
	right: 50px;
	color: #fff;
	padding: 10px 0px;
}

.ticketTypeFlowContainer {
	position: relative;
	border: 0px solid black;
	background: transparent;
	height: auto;
	width: 740px;
	padding: 10px 0px;
	border: 0px solid black;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
}

.salesIncentiveFlowContainer {
	position: relative;
	left: 150px;
	border: 0px solid black;
	background: transparent;
	height: auto;
	width: 450px;
	padding: 10px 0px;
	border: 0px solid black;
	margin-right: 20px;
	margin-left: 20px;
}

.flowLine {
	width: 100%;
	height: 4px;
	background: #fff;
	border-radius: 100px;
}

.flowLineGrey {
	width: 100%;
	height: 4px;
	background: #e4e4e4;
	border-radius: 100px;
}

.flowCircle {
	background: #fff;
	height: 13px;
	width: 13px;
	border-radius: 100px;
	position: absolute;
	top: 5px;
}

.flowCircleGrey {
	background: #e4e4e4;
	height: 13px;
	width: 13px;
	border-radius: 100px;
	position: absolute;
	top: 5px;
}

.flowCircleBlue {
	background: #3295D7;
	height: 9px;
	width: 9px;
	margin: 2px;
	border-radius: 100px;
	position: absolute;
}

.flowCircleCheck {
	background: #ffffff;
	height: 9px;
	width: 9px;
	margin: 2px;
	border-radius: 100px;
	position: absolute;
	font-size: 9px;
	color: #3295D7;
}

.flowCircle1 {
	left: 0px;
}

.flowCircle2 {
	left: 150px;
}

.flowCircle3 {
	left: 300px;
}

.flowCircle4 {
	left: 450px;
}

.flowCircle5 {
	left: 600px;
}

.flowCircle6 {
	right: 0px;
}


.flowCircleText {
	width: max-content;
	font-size: 9px;
	margin-top: 15px;
	margin-left: -25px;
	border: 0px solid black;
}

.flowCircle2 .flowCircleText{
	margin-left: -33px;
}

.flowCircle3 .flowCircleText{
	margin-left: -22px;
}

.flowCircle4 .flowCircleText{
	margin-left: -25px;
}

.flowCircle5 .flowCircleText{
	margin-left: -20px;
}

.flowCircle6 .flowCircleText{
	margin-left: -10px;
}

.digitalFormContainer {
	padding: 25px 35px!important;
}

.fieldDivider {
	border-bottom: 1px solid #d6d2d2;
	margin: 5px 0px;
}

.fieldDividerSection {
	border-bottom: 1px solid #3295D7;
	margin: 5px 0px;
}

.fieldPropertiesContainer {
	position: relative;
	width: 100%;
	border: 0px solid black;
	height: auto;
	font-weight: 400;
	font-size: 12px;
	display: none;
}

.mainInsideFieldContainer {
	width: 80%;
}

.formFooterContainer {
	position: relative;
	width: 100%;
	height: 58px;
	padding: 12px 20px 12px 5px;
	background: #00000052;
	position: fixed;
	bottom: 0;
	right: 20px;
	z-index: 9999;
}

.addBorderLeft {
	border-left: 1px solid #c4c4c4;
}

.assigneeContainer {
	position: relative;
	padding: 2px 0px 2px 30px;
	background: #F7F7F7;
	border-bottom: 1px solid #e4e4e4;
}

.viewFieldPropertiesCon {
	padding: 0px 0px;
	border-radius: 4px;
}

.fieldChoicesContainer {
	position: relative;
	width: auto;
	max-height: 200px;
}

.fieldItemContainer {
	margin-left: 20px;
}

.eventFieldNameCon label{
	position: relative;
	background: white;
	z-index: 2;
	padding-right: 10px;
}

.dottedLine {
	width: 94%;
	border-bottom: 2px dotted #dcdcdc;
	height: 14px;
	position: absolute;
	z-index: 1;
}

.eventMappingCon {
	display: none;
}

.statusTypeSelect {
	padding: 2px 8px; 
	height: auto; 
	font-size: 12px
}

.tokenCon {
	background-color: #0623B8;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	padding: 3px 5px;
	width: max-content;
}

.removeToken {
	cursor: pointer;
}

.hiddenTokenField {
	display: none;
}

.leadSummaryContainer, .storeSummaryContainer, .ticketSummaryContainer, .smsSummaryContainer {
	position: relative;
	width: auto;
	height: auto;
	padding: 15px;
	background: #fff;
	margin-bottom: 15px;
	display: none;
}

.smsSummaryContainer {
	display: block;
}

.leadFileCon {
	position: relative;
	padding: 10px 0px;
	border-bottom: 1px dotted #c4c4c4;
	color: #4C4C4C;
}

/*======================================================================================*/

.choiceTable {
	width: 100%;
}

.choiceTable td {
	border: 0px solid black;
	font-size: 12px;
	padding: 5px 3px;
	border-bottom: 1px dotted #d4d4d4;
}

.container-full {
	background: white;
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: #212B75;
	padding: 15px 100px 30px 90px;
}

.paymentLeftContainer, .paymentRightContainer {
	position: relative;
	padding: 0;
}

.paymentLeftImgContainer {
	position: relative;
	padding: 0;
}

.paymentNav {
	position: relative;
	text-align: right;
    margin: 0;
    padding: 0px;
    list-style: none;
}

.paymentNav li {
	display: inline;
	margin: 0 20px;
}

.completePaymentContainer {
	position: relative;
	float: left;
	margin: 50px 0 0 18%;
	padding: 0 !important;
}

.completePaymentTitle {
	position: relative;
	float: left;
	width: 100%;
	font-size: 30px;
	font-weight: 600;
}

.completePaymentDesc {
	width: 100%;
	position: relative;
	float: left;
	display: block;
	font-weight: 400;
	padding-right: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.completePayment {
	position: relative;
	float: left;
	display: block;
	width: 100%;
}

.completePaymentInputs {
	margin: 0;
	padding: 0;
}

.submitPaymentContainer {
	margin-top: 15px;
	margin-bottom: 0 !important;
	float: right;
}

.btnCancel {
	background: #D9DAE1 !important;
	color: #212B75 !important;
}

.paymentAgreement {
	margin-top: 0 !important;
	float: right;
}

/* ======================================================================================================= */

.skuFieldListCon {
	width: auto;
	height: auto;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding: 5px;
}

.skuFieldHeaderCon {
	width: auto;
	height: auto;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	background: #7B7B7B;
	color: #fff;
}

.skuFieldFooterCon {
	width: auto;
	height: auto;
	border-bottom: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	background: #d0d0d0;
	color: #424242;
}

.skuFieldHeaderConInside {
	padding: 8px 15px;
}

.skuFieldCon {
	width: auto;
	min-height: 200px;
	max-height: 200px;
	border: 1px solid #e4e4e4;
	overflow-y: auto;
	position: relative;
	font-size: 11px!important;
}

.inventoryTableCon, .expenseTableCon {
	position: relative;
	width: 100%;
	height: auto;
	overflow: auto;
}

.inventoryTableCon table, .expenseTableCon table {
	width: 900px;
	border-collapse: collapse;
}

/* --------- MAIN / DOCUMENT EDITOR --------------------------------------------------------------- */

.formTableCon {
	position: relative;
	width: 100%;
	min-height: 300px;
	max-height: 400px;
	border: 1px solid #adadad;
	overflow: auto;
}

.formTableCon table {
	width: 900px;
	border-collapse: collapse;
}

.formTable th, .formTable td {
	border-bottom: 1px solid #adadad;
	border-right: 1px solid #adadad;
 }

 .formTable th:last-child, .formTable td:last-child {
	border-right: 0px solid #adadad;
 }

.formTableCon table .columnHeaderType{
	background: #5D5D5D;
	padding: 5px;
	color: #ffffff;
	font-size: 11px!important;
}

.formTableCon table .columnHeaderData{
	background: #E2E2E2;
	padding: 5px;
	color: #7B7B7B;
	font-size: 11px!important;
}

.formTableCon table .columnHeaderLetter{
	background: #EDEFF0;
	padding: 1px;
	color: #7B7B7B;
	font-size: 10px!important;
}

.formTableCon table .columnHeaderTitle{
	background: #ffffff;
	padding: 3px;
	color: #7B7B7B;
	font-size: 10px!important;
}

.formTableCon table .columnHeaderTitle:first-child{
	background: #EDEFF0;
	padding: 3px;
}

.formTableCon table .columnCellNo {
	background: #EDEFF0;
	padding: 5px;
	color: #7B7B7B;
	font-size: 11px!important;
}

.formTableCon table .columnCell, .columnCellView{
	background: #ffffff;
	padding: 5px;
	color: #7B7B7B;
	font-size: 11px!important;
}

.columnCellView {
	font-size: 12px!important;
	color: #404040;
}

.btnRowLoadMore {
	position: relative;
	cursor: pointer;
}

.btnRowLoadMore:hover {
	background:#e1e2e2!important;
}

.formTableCon table .columnHeaderType label {
	font-size: 10px!important;
	margin-bottom: 3px;
}

.formTableSelect {
	position: relative;
	width: 100%;
	background: transparent;
	border: 0px;
	font-size: 12px;
	color: #565656;
	padding: 3px;
	outline: none;
}

.columnTitle {
	position: relative;
	width: 100%;
	background: transparent;
	border: 0px;
	font-size: 12px;
	font-weight: 600;
	color: #6d6d6d;
	padding: 3px;
	outline: none;
	resize: vertical;
}


.columnTitle::placeholder {
	font-weight: 400;
	color: #aaaaaa;
}

.btnGearButton, .btnGearButtonNum, .btnGearButtonText, .btnGearButtonBar, .btnGearButtonDate, .btnGearButtonFor, .btnGearButtonForDefault {
	margin-top: 5px;
	margin-right: 2px;
	cursor: pointer;
	font-size: 14px;
	position: relative;
	float: right!important;
}

.tablePreview {
	width: 100%;
	border-collapse: collapse;
}

.tablePreview th {
	background: #5D5D5D;
	padding: 5px;
	color: #ffffff;
	font-size: 11px!important;
	font-weight: 500;
}

.tablePreview th, .tablePreview td {
	border: 1px solid #adadad;
 }

 
.tablePreview .columnHeaderLetter{
	background: #EDEFF0;
	padding: 1px;
	color: #7B7B7B;
	font-size: 10px!important;
}

.tablePreview .columnCell{
	background: #ffffff;
	padding: 10px;
	color: #7B7B7B;
	font-size: 10px!important;
}

.mainEditor .document-editor {
	border: 1px solid #DFE4E6;
	border-bottom-color: #cdd0d2;
	border-right-color: #cdd0d2;
	border-radius: 2px;
	max-height: 700px;
	display: flex;
	flex-flow: column nowrap;
	box-shadow: 2px 2px 2px rgba(0,0,0,.1);
}

.mainEditor .toolbar-container {
	z-index: 1;
	position: relative;
	box-shadow: 2px 2px 1px rgba(0,0,0,.05);
}

.mainEditor .toolbar-container .ck.ck-toolbar {
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-radius: 0;
}

.mainEditor .content-container {
	padding: var(--ck-sample-base-spacing);
	background: #eee;
	overflow-y: scroll;
	max-height: 610px;
}

.mainEditor .content-container #editor {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: 15.8cm;
	min-height: 13cm;
	padding: 1cm 1cm 2cm;
	margin: 40px auto;
	box-shadow: 2px 2px 1px rgba(0,0,0,.05);
	background: #fff;
}

/* ========================================================================= */

.styleTrBottom {
	border-bottom: 1px solid #27AE60!important;
}

.statusLogFeed{
	padding-bottom: 0px!important;
}

.statusLogFeed .feed-icon i{
	margin-top: 9px!important;
}

.statusLogFeed .feed-subject{
	margin-bottom: 5px!important;
}

.statusLogFeed .feed-actions{
	padding: 10px 5px!important;
	margin-top: 10px!important;
}

.statusLogFeedIcon{
	background: #3295D7!important;
	top: 21px!important;
}

.assignedLogFeedIcon{
	background: #26AB5E!important;
	top: 21px!important;
}

.divAppFormHistoryLog, .divAppFormUpdateStatus {
	display: none;
}

.divNotificationHeader {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #27AE60;
	padding: 10px 10px;
	margin-bottom: 10px;
}

.divNotification {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #c4c4c4;
	padding: 20px 10px;
}

.divNotification.green:hover {
	background: #e7f7e7;
}

.divNotification:hover {
	background: #e9f6ff;
}

.divNotificationInfo {
	background: #fff;
	padding: 0px 5px;
	border-radius: 5px;
	width: fit-content;
	color: #717171;
}

.divNotificationInfoUp {
	margin-bottom: 5px;
}

.divSignatureCon {
	width: 300px;
	height: auto;
	min-height: 120px;
	background: #F1F2F2;
	margin-bottom: 10px;
	border-radius: 4px;
}

.divSignatureCon img {
	width: 300px;
}

.boxTest:after, .boxTest:before {
	-webkit-box-sizing: unset!important;
	box-sizing: unset!important;
}

.paginationInput {
	width: 60px!important; 
	height: 30px!important;
	border: 1px solid #dddddd!important;
	padding: 0px 8px!important;
	background: #F1F2F2!important;
	font-size: 13px;
	line-height: 30px!important;
	outline:none!important;
	text-align: center!important;
}

.paginationInput:focus {
	outline:none!important;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 1px solid #3295DE!important;
}

#myModalDark.modal {
	background: #000000a8;
}

.limitContainer {
	margin: 20px 0px;
	font-size: 13px!important;
	display: -webkit-inline-box;
	-webkit-box-align: baseline;
}

.limitContainer .limitFilter {
	width: 70px;
}

.limitContainer .select2-choice {
	height: 30px!important;
	border: 1px solid #dddddd!important;
	line-height: 30px!important;
	padding: 0px 8px!important;
	font-size: 13px;
}

a.sort-by, a.sort-by:hover {
	color: white;
	text-decoration: none;
}
th a.sort-by { 
	padding-right: 18px;
	position: relative;
}
a.sort-by:before,
a.sort-by:after {
	color: white;
	border: 5px solid transparent;
	content: "";
	display: block;
	height: 0;
	right: 4px;
	top: 50%;
	position: absolute;
	width: 0;
}
a.sort-by:before {
	border-bottom-color: white;
	margin-top: -10px;
}
a.sort-by:after {
	border-top-color: white;
	margin-top: 2px;
}

a.sort-by-desc, a.sort-by-desc:hover {
	color: white;
	text-decoration: none;
}
th a.sort-by-desc { 
	padding-right: 18px;
	position: relative;
}
a.sort-by-desc:before,
a.sort-by-desc:after {
	color: white;
	border: 5px solid transparent;
	content: "";
	display: block;
	height: 0;
	right: 4px;
	top: 50%;
	position: absolute;
	width: 0;
}
a.sort-by-desc:before {
	border-bottom-color: transparent;
	margin-top: -10px;
}
a.sort-by-desc:after {
	border-top-color: white;
	margin-top: -1px;
}

a.sort-by-asc, a.sort-by-asc:hover {
	color: white;
	text-decoration: none;
}
th a.sort-by-asc { 
	padding-right: 18px;
	position: relative;
}
a.sort-by-asc:before,
a.sort-by-asc:after {
	color: white;
	border: 5px solid transparent;
	content: "";
	display: block;
	height: 0;
	right: 4px;
	top: 50%;
	position: absolute;
	width: 0;
}
a.sort-by-asc:before {
	border-bottom-color: white;
	margin-top: -7px;
}
a.sort-by-asc:after {
	border-top-color: transparent;
	margin-top: 2px;
}

.monthlyCalendar {
	position: relative;
	width: 100%;
	border-collapse: collapse;
	margin: 50px 0;
}

.monthlyCalendar td {
	border: 1px solid lightgray;
}

.monthlyCalendar .months {
	text-align: center;
	font-size: 18px;
	padding: 3px 0;
	font-weight: 400;
	background: #27AE60;
	color: white;
}

.monthlyCalendar .monthStats {
	text-align: center;
	height: 112px;
}

.monthlyCalendar .monthStats .submissionPercentage {
	font-size: 32px;
	color: #6D6E71;
	margin-top: -17px;
}

.monthlyCalendar .monthStats .storeCount {
	font-size: 15px;
	color: #909090;
	margin-top: -5px;
}

.mosSalesSubmission {
	cursor: pointer;
}

.tarkie-text-green {
	color: #27AE60!important;
}

.tarkie-text-blue {
	color: #3295D7!important;
}
/* ======================================================================================================= */

.dfMainCon {
	position: relative;
	width: auto;
	height: auto;
	border: 0px solid black;
	background: #fff;
	padding: 10px 15px;
	margin-bottom: 15px;
}

.dynamicFeedSetupCon {
	position: relative;
	width: auto;
	height: auto;
	min-height: 400px;
	border: 0px solid black;
}

.dfModuleName {
	position: relative;
	font-size: 15px!important;
	font-weight: 600!important;
}

.dfModuleChildCon {
	position: relative;
	width: auto;
	height: auto;
	min-height: 20px;
	padding: 5px 0px;
}

.dfModuleChild {
	position: relative;
	border: 0px solid black;
	height: 90px;
	background: #fff;
	padding: 2px;
}

.dfModuleChildMap {
	height: 400px;
}

.dfModuleChildEntries {
	height: 400px;
}

.dfModuleChildAdd {
	background: #fff!important;
}

.dfModuleChildInside {
	background: #fff;
	position:relative;
	width: auto;
	height: 100%;
	border: 1px solid #c9c9c9;
}

.dfModuleChildAdd .dfModuleChildInside {
	background: #fff!important;
}

.dfModuleChildSetHeight {
	height: 270px;
}

.btnWidgetSettings {
	color: #c9c9c9;
	cursor: pointer;
	position: absolute; 
	top: 50%; 
	left: 45%;
	margin: 0;
	position: absolute;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


.btnWidgetSettings:hover {
	color: #acacac;
}

.widgetTriangle {
	width: 0;
	height: 0;
	position: absolute;
	border-right: 25px solid transparent;
}

.widgetPercentage {
	font-size: 14px;
	top: -18px;
	font-weight: 400;
}

.widgetTitle {
	position: relative;
	width: 100%;
	height: 45px;
	font-size: 14px;
	font-weight: 400!important;
	padding: 10px 15px;
	border: 0px solid black;
}

.widgetBody {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 40px;
	font-weight: 100!important;
	padding: 0px 10px 0px;
	border: 0px solid black;
	text-align: right;
}

.widgetBodySampleContent {
	position: relative;
	width: 100%;
	height: 40px;
	background: #f6f6f6;
	border-radius: 4px;
	margin: 10px 0px
}

.widgetConForType {
	position: relat;
	width: 100%;
	height: auto;
	background: red;
}

.widgetConForEntries {
	position: relative;
	width: auto;
	height: auto;
	padding: 5px 10px;
	font-size: 12px;
	background: #fff;
	border-bottom: 1px solid #f4f4f4;
}

.widgetConRecentEntries {
	position: relative;
	height: auto;
	min-height: 348px;
	max-height: 348px;
	border: 0px solid black;
}

.widgetConForEntries label {
	margin: 0px;
}

.widgetTwinCon {
	position: relative;
	width: 50%;
	height: auto;
	padding: 5px;
	top: -12px;
}

.widgetTwinConLeft {
	padding-right: 2px;
}

.widgetTwinConRight {
	padding-left: 2px;
}

.widgetTwinConInside {
	position: relative;
	width: auto;
	height: auto;
	padding: 10px 0px;
}

.widgetChartCon {
	position: relative;
	width: 100%;
	padding: 0px 10px;
}

.widgetChartConInside {
	position: relative;
	height: 200px;
	width: 100%;
}

.widgetDetailsLink, .widgetDetailsLinkAll {
	cursor: pointer;
}

.btnFullScreenMap {
	margin-top: 76px; 
	margin-left: 11px; 
	position: relative; 
	z-index: 9999; 
	font-size: 12px; 
	color: #000;
	padding: 10px 10px;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
}

.btnModule {
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* ======================================================================================================= */

.lblReviewCount {
	background: #EA2C31;
	color: #fff;
	font-size: 9px;
	font-weight: 600;
	display: inline;
	padding: 2px 6px;
	border-radius: 100px;
}

.routeCounterCon {
	position: relative;
	width: 23px;
	height: 23px;
	background: #3295d7;
	color: #fff;
	font-weight: 600;
	font-size: 11px;
	border-radius: 100px;
	border: 2px solid #1870ab;
	text-align: center;
	line-height: 1.8;
}

.routeCounterConApproximate {
	position: relative;
	width: 23px;
	height: 23px;
	background: #848484;
	color: #fff;
	font-weight: 600;
	font-size: 11px;
	border-radius: 100px;
	border: 2px solid #5f5f5f;
	text-align: center;
	line-height: 1.8;
}

.routeCounterConWhite {
	position: relative;
	width: 22px;
	height: 22px;
	background: #fff;
	color: #0623B8;
	font-weight: 900;
	font-size: 11px;
	border-radius: 100px;
	border: 2px solid #fff;
	text-align: center;
	line-height: 1.7;
}

.divImportantCon {
	position: absolute;
	width: 244px;
	height: auto;
	background: #fff;
	border-radius: 4px;
	right: 10px;
	top: 10px;
	padding: 5px;
	opacity: 0.8;
	display: none
}

.mapImportantConTitle {
	padding: 0px 5px 5px;
	width: auto;
	font-weight: 400;
	border-bottom: 1px solid #e2e2e2;
}

.mapImportantConBody {
	position: relative;
	padding: 5px;
	width: auto;
	height: auto;
	min-height: 200px;
	max-height: 350px;
}

.mapImportantContent {
	position: relative;
	padding: 10px 0px;
	width: auto;
	height: auto;
	border-bottom: 1px solid #e2e2e2;
}

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

.mapImportantContent label {
	display: unset!important;
}

table.view.skuPromoTable {
	border: 0;
	width: 75%;
	margin: 30px auto 0 auto;
}

table.view.skuPromoTable td {
	border: 0;
}

table.view.tradeCommissionTable {
	border: 0;
	width: 100%;
	margin: 10px auto 0 10%;
}

table.view.tradeCommissionTable td {
	border: 0;
	width: 50%;
}

.storeConClass {
	text-align: center;
}

.storeConClass1 {
	border-right: 2px solid #f1f1f1;
}

.storeConClass2 {
	border-right: 2px solid #f1f1f1;
}

.col1 {
	min-width: 55px;
	max-width: 55px;
}

.colEmpNo {
	min-width: 130px;
	max-width: 130px;
	word-break: normal;
}

.colEmpName {
	min-width: 160px;
	max-width: 160px;
	word-break: normal;
}

.colSkuCode {
	min-width: 130px;
	max-width: 130px;
	word-break: normal;
}

.colSkuName {
	min-width: 250px;
	max-width: 250px;
	word-break: normal;
}

.colSrp {
	min-width: 85px;
	max-width: 85px;
	word-break: break-all;
}

.colQuantity {
	min-width: 80px;
	max-width: 80px;
	word-break: break-all;
}

.colGross {
	min-width: 120px;
	max-width: 120px;
	word-break: break-all;
}

.colGrossSort {
	min-width: 150px;
	max-width: 150px;
	word-break: break-all;
}

.colTC {
	min-width: 100px;
	max-width: 100px;
}

.colRegTC {
	min-width: 110px;
	max-width: 110px;
}

.colRegBuyCost {
	min-width: 110px;
	max-width: 110px;
}

.colDiscountPerSku {
	min-width: 90px;
	max-width: 90px;
}

.colAmountPerSku {
	min-width: 100px;
	max-width: 100px;
}

.colTotalPromoDiscount {
	min-width: 100px;
	max-width: 100px;
}

.colPromoGrossAmount {
	min-width: 115px;
	max-width: 115px;
}

.colPromoTC {
	min-width: 100px;
	max-width: 100px;
}

.colBuyCost {
	min-width: 115px;
	max-width: 115px;
}

.colPromoShare {
	min-width: 90px;
	max-width: 90px;
}

.colReducedTC {
	min-width: 110px;
	max-width: 110px;
}

.colReducedTCAmount {
	min-width: 115px;
	max-width: 115px;
}

.colNetPromoBuyCost {
	min-width: 115px;
	max-width: 115px;
}

.colPassOnDiscount {
	min-width: 115px;
	max-width: 115px;
}

.col1Perc {
	min-width: 8%;
	max-width: 8%;
	width: 8%;
}

.col1PercSM {
	min-width: 4%;
	max-width: 4%;
	width: 4%;
}

.colSkuCodePerc {
	min-width: 8%;
	max-width: 8%;
	width: 8%;
}

.colSkuNamePerc {
	min-width: 24%;
	max-width: 24%;
	width: 24%;
}

.colPromoName {
	min-width: 25%;
	max-width: 25%;
	width: 25%;
	word-break: normal;
}

.colPercentage {
	min-width: 9%;
	max-width: 9%;
	width: 9%;
}

.colPercentageSM {
	min-width: 100px;
	max-width: 100px;
}

.colDiscountAmount {
	min-width: 12%;
	max-width: 12%;
	width: 12%;
}

.colDate {
	min-width: 10%;
	max-width: 10%;
	width: 10%;
}

.colDatePX {
	min-width: 130px;
	max-width: 130px;
}

.colActions {
	min-width: 9%;
	max-width: 9%;
	width: 9%;
}

.colClass {
	min-width: 170px;
	max-width: 170px;
}

.colQuota {
	min-width: 115px;
	max-width: 115px;
	word-break: break-all;
}

.colTrackingVsQuota {
	min-width: 145px;
	max-width: 145px;
}

.colAveSales {
	min-width: 115px;
	max-width: 115px;
	word-break: normal;
}

.colAveSalesNeeded {
	min-width: 130px;
	max-width: 130px;
	word-break: normal;
}

.inner-container {
	overflow: hidden;
	width: 100%;
}

.table-header, .table-header1, .table-header2 {
	position: relative;
}

.table-body, .table-body1, .table-body2 {
	overflow: auto;
	max-height: 450px;
}

.table-body1, .table-body2 {
	max-height: 350px;
}

.table-body table, .table-body1 table, .table-body2 table {
	border-top: 0 !important;
}

table.horizontalTableSizing {
	word-spacing: 1px;
}

table.horizontalTableSizing th {
	vertical-align: middle !important;
	padding: 8px 15px !important;
}

table.horizontalTableSizing td {
	white-space: nowrap;
	padding: 8px 15px !important;
}

table.tradeCommissionStaticColumn td {
	background: white;
}

table.tradeCommissionStaticColumn th:nth-child(3) {
	position: sticky;
	left: 0;
}

table.tradeCommissionStaticColumn td:nth-child(3) {
	position: sticky;
	left: 0;
}

.horizontalCon {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	border: 0px solid black;
}

.subStatusNameCon, .subStatusNameCon2, .subStatusNameConInc {
	position: relative;
	padding: 4px 4px 4px;
	border: 1px solid #E6E6E6;
	border-radius: 4px;
	margin-bottom: 4px;
	font-size: 12px;
	cursor: pointer;
}

.subStatusNameCon:hover {
	border: 1px solid #27AE60;
}

.subStatusNameConInc {
	margin-right: 4px;
	width: 24%!important;
}

.subStatusNameConActive {
	border: 1px solid #27AE60;
	font-weight: 700;
	background: #27AE60;
	color: #fff;
}

.subStatusNameCon2Active {
	border: 1px solid #3295D7;
	font-weight: 700;
	background: #55b4f3;
	color: #fff;
}

.mapResultContainer {
	padding: 10px; 
	height: auto; 
	width: 45%; 
	margin: 0 auto;
	background: black; 
	top: 10; 
	position: absolute; 
	color: #fff; 
	display: none;
	opacity: 0.7;
	left: 50;
	right: 50;
	text-align: center;
	border-radius: 4px;
}

.checkboxSelectPhoto {
	position: absolute;
	z-index: 9999;
	margin: 2px;
	background: #3e3e3e;
	padding: 1px 2px 2px 2px;
	border: 1px solid #3e3e3e;
}

.checkboxSelectPhoto input {
	margin: 2px 0px 0px!important;
}

.checkboxSelectPhoto .icheckbox_minimal-blue {
	margin: 0px!important;
}

.collabPhoto1 {
	position: relative;
	width: auto;
	height: 350px;
	border: 0px solid red;
}

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

.collabPhoto2 {
	position: relative;
	width: auto;
	height: 250px;
	border: 0px solid red;
}

.collabPhoto2 .img21, .collabPhoto2 .img22 {
	position: relative;
	width: 50%;
	height: 250px;
	border: 0px solid red;
	display: inline-block;
}

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

.collabPhoto2 .img21 img {
	padding-right: 1px;
}

.collabPhoto2 .img22 img {
	padding-left: 1px;
}

.collabPhoto3 {
	position: relative;
	width: auto;
	height: 500px;
	border: 0px solid red;
}

.collabPhoto3 .img31 {
	position: relative;
	width: 50%;
	height: 500px;
	border: 0px solid red;
	display: inline-block;
}

.collabPhoto3 .img32 {
	position: absolute;
	width: 50%;
	height: 250px;
	border: 0px solid red;
	display: inline-block;
	top: 0;
}

.collabPhoto3 .img33 {
	position: absolute;
	width: 50%;
	height: 250px;
	border: 0px solid red;
	display: inline-block;
	bottom: 0;
}

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

.collabPhoto3 .img31 img {
	padding-right: 1px;
}

.collabPhoto3 .img32 img {
	padding-left: 1px;
	padding-bottom: 1px;
}

.collabPhoto3 .img33 img {
	padding-left: 1px;
	padding-top: 1px;
}

.collabPhoto4 {
	position: relative;
	width: auto;
	height: 500px;
	border: 0px solid red;
}

.collabPhoto4 .img41 {
	position: absolute;
	width: 50%;
	height: 250px;
	border: 0px solid red;
	display: inline-block;
	top: 0;
	left: 0;
}

.collabPhoto4 .img42 {
	position: absolute;
	width: 50%;
	height: 250px;
	border: 0px solid red;
	display: inline-block;
	bottom: 0;
	left: 0;
}

.collabPhoto4 .img43 {
	position: absolute;
	width: 50%;
	height: 250px;
	border: 0px solid red;
	display: inline-block;
	top: 0;
	right: 0;
}

.collabPhoto4 .img44 {
	position: absolute;
	width: 50%;
	height: 250px;
	border: 0px solid red;
	display: inline-block;
	bottom: 0;
	right: 0;
}

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

.collabPhoto4 .img41 img {
	padding-right: 1px;
	padding-bottom: 1px;
}

.collabPhoto4 .img42 img {
	padding-right: 1px;
	padding-top: 1px;
}

.collabPhoto4 .img43 img {
	padding-left: 1px;
	padding-bottom: 1px;
}

.collabPhoto4 .img44 img {
	padding-left: 1px;
	padding-top: 1px;
}

.collabPhoto5 {
	position: relative;
	width: auto;
	height: 400px;
	border: 0px solid red;
}

.collabPhoto5 .img51 {
	position: absolute;
	width: 50%;
	height: 250px;
	border: 0px solid red;
	display: inline-block;
	top: 0;
	left: 0;
}

.collabPhoto5 .img52 {
	position: absolute;
	width: 50%;
	height: 250px;
	border: 0px solid red;
	display: inline-block;
	top: 0;
	right: 0;
}

.imgGroup3 {
	position: absolute;
	width: 100%;
	height: 150px;
	border: 1px solid red;
	display: inline-block;
	bottom: 0;
}

.collabPhoto5 .img53 {
	position: absolute;
	width: 33.3%;
	height: 150px;
	border: 0px solid red;
	display: inline-block;
	bottom: 0;
}

.collabPhoto5 .img54 {
	position: absolute;
	width: 33.3%;
	height: 150px;
	border: 0px solid red;
	display: inline-block;
	bottom: 0;
	left: 33.3%;
	right: 33.3%;
}

.collabPhoto5 .img55 {
	position: absolute;
	width: 33.4%;
	height: 150px;
	border: 0px solid red;
	display: inline-block;
	bottom: 0;
	right: 0;
}

.collabPhoto5 .img51 img {
	padding-right: 1px;
	padding-bottom: 1px;
}

.collabPhoto5 .img52 img {
	padding-left: 1px;
	padding-bottom: 1px;
}

.collabPhoto5 .img53 img {
	padding-right: 1px;
	padding-top: 1px;
}

.collabPhoto5 .img54 img {
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 1px;
}

.collabPhoto5 .img55 img {
	padding-left: 1px;
	padding-top: 1px;
}

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

.collabThreadPhoto {
	position: relative;
	width: auto;
	height: auto;
	border: 0px solid black;
}

.uploadStatus {
	padding: 0px 10px;
	color: #898989;
}

.uploadPhotoList {
	position: relative;
	width: auto;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.uploadPhotoList li {
	list-style: none;
	display: inline-block;
}

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

.uploadPhotoListCon {
	overflow: hidden;
	margin: 0px 5px 10px 0px;
	width: 90px;
	height: 90px;
}

.arrowDown {
	position: absolute;
	margin-top: -15px;
	margin-left: 2px;
	display: none;
}

.uploadPhotoCon {
	position: relative;
	border-bottom: 1px solid #d3d3d3;
	padding: 10px 10px;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	display: none;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}


.inputfile + label {
	max-width: 80%;
	font-size: 12px;
	height: 30px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 3px;
}

.inputfile-6 + label {
	color: #27ae60;
	font-weight: 600;
}

.inputfile-6 + label {
	border: 1px solid #3295d7;
	background-color: #ffffff;
	padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
	border-color: #3295d7;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
	padding: 3px 15px;
}

.inputfile-6 + label span {
	width: 200px;
	min-height: 2em;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
}

.inputfile-6 + label strong {
	height: 100%;
	color: #fff;
	background-color: #3295d7;
	display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
	background-color: #1e7bb8;
}

.attachCon {
	color: #a2a2a2;
	padding: 3px 0px;
	vertical-align: middle;
}

.attachPhoto {
	font-size: 18px;
	cursor: pointer;
	margin-top: 1px;
	margin-right: 10px;
}

.attachFile {
	font-size: 17px;
	cursor: pointer;
	margin-top: 0px;
}

.myPostTextarea {
	background: #fff!important;
	border: 1px solid #fff!important;
	min-width: 100%!important;
	padding: 6px 0px!important;
	width: 100%!important;
	resize:vertical;
}

.myPostTextarea:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	outline-width: 0!important;
	outline: none!important;
	border: 1px solid #fff;
}

.myThreadCon {
	position: relative;
	width: auto;
	height: auto;
	border: 0px solid black;
	padding: 10px;
	border-bottom: 1px solid #dadada;
}

.commentIconActive, .commentIconActive i {
	color: #3295D7!important;
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	outline-width: 0!important;
	outline: none!important;
	border: 0px solid #fff;
}

.commentError {
	color: #df5656;
	font-size: 11px;
	display: none;
	padding-left: 10px;
}

.commentCon {
	position: relative;
	width: fit-content;
	height: auto;
	border-radius: 6px;
	background: #f2f2f2;
	padding: 5px 10px;
	margin: 0px;
	word-wrap: break-word;
	font-size: 13px;
}

.collabThreadComments {
	position: relative;
	width: auto;
	height: auto;
	border: 0px solid black;
	margin-bottom: 10px;
	padding-top: 10px;
}

.collabThreadComments table{
	margin-bottom: 10px;
}

.collabThreadComments span {
	font-size: 13px;
	font-weight: 700;
}

.collabThreadComments small {
	color: #878787;
	font-size: 11px;
}

.inputComment {
	border-radius: 50px;
	font-size: 13px;
}

.inputComment:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	outline-width: 0!important;
	outline: none!important;
	border: 1px solid #BFBFBF;
}

.btnReply {
	cursor: pointer;
	font-size: 18px;
	color: #a4a4a4;
}

.btnReply:hover {
	color: #3295D7;
}

.collabThreadCommentField {
	position: relative;
	width: auto;
	height: auto;
	border: 0px solid #ddd;
	margin-top: 10px;
}

.collabThreadCommentCon {
	position: relative;
	width: auto;
	height: auto;
	border: 0px solid #ddd;
	margin-top: 10px;
	display: none;
}

.collabThreadComLikeCountCon {
	position: relative;
	width: auto;
	border: 0px solid #dddddd;
	margin-top: 10px;
	color: #838383;
}

.collabThreadComLikeCountCon div {
	display: inline-block;
}

.collabThreadComLikeCon {
	position: relative;
	width: auto;
	height: auto;
	border: 1px solid #dddddd;
	margin-top: 3px;
}

.collabThreadComLikeCon button{
	position: relative;
	width: 50%;
	background: #fff;
	border: 0px solid #fff;
	padding: 5px;
	display: inline-block;
	color: #838383;
	font-size: 13px;
}

.collabThreadComLikeCon button:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	outline-width: 0!important;
	outline: none!important;
}

.collabThreadComLikeCon button i, .collabThreadComLikeCon button i {
	color: #BFBFBF;
	font-size: 18px;
}

.likeIconActive, .likeIconActive i {
	color: #FF335E!important;
}

.likeButton {
	border-right: 1px solid #ddd!important;
}

.likeListBtn, .commentListBtn {
	cursor: pointer;
}

.likeListBtn:hover, .commentListBtn:hover {
	text-decoration: underline;
}

.collabThreadComLikeCon button:hover, .collabThreadComLikeCon button:hover {
	background: #fcfcfc;
}

.collabThreadContent {
	position: relative;
	width: auto;
	height: auto;
	border: 0px solid black;
	padding: 5px;
	color: #4D4D4D;
	font-size: 14px;
}

.collabFeedPostCon .collabPosterCon {
	position: relative;
}

.collabFeedPostCon .collabPosterCon td{
	padding: 3px;
}

.collabPosterName {
	font-size: 13px;
	font-weight: 700;
	color: #4D4D4D;
}

.collabPostedDate {
	font-size: 11px;
	font-weight: 400;
	color: #797979;
}

.linkAnalytics {
	color: #3295D7;
	cursor: pointer;
	font-weight: 700;
}

.cookiePolicy {
	position: fixed;
	width: 100%;
	bottom: 0;
	padding: 12px 20px;
	background: #3295D7;
	text-align: center;
	z-index: 99999;
}

.cookiePolicy p {
	font-size: 13px;
	color: #fff;
	margin: 0px;
	padding: 0px;
}

.cookiePolicy p a {
	font-size: 13px;
	color: #fff;
	text-decoration: underline;
}

.btnPolicyAccept {
	padding:0px 25px;
	background: #fff;
	color:#3295D7 !important;
	font-size:11px;
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
	display:inline-block;
	border-radius:3px;
	text-transform:uppercase;
	line-height:25px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	text-decoration: none;
	border: 1px solid #fff;
	margin-top: 8px;
}

.btnPolicyAccept:hover {
	text-decoration:none;
	color: #27AE60 !important;
	background:#fff;
	border: 1px solid #fff;
}

.btnPolicyAccept:active, .link:focus {
	background: #3295D7;
	text-decoration:none;
	color:#fff !important;
}

.textTitleParticipants {
	padding: 10px;
}

.collabGroupMemberCon {
	position: relative;
	width: auto;
	min-height: 600px;
	max-height: 600px;
	overflow-y: auto;
}

.collabGroupListCon {
	position: relative;
	width: auto;
	min-height: 600px;
	max-height: 600px;
	overflow-y: auto;
}

.collabFeedCon {
	position: relative;
	width: auto;
	background: #f3f3f3;
	min-height: 600px;
	overflow-y: auto;
}

.collabFeedPostCon {
	position: relative;
	width: auto;
	min-height: 130px;
	background: #fff;
	border: 1px solid #dadada;
	margin: 5px;
	padding: 5px 10px 10px 10px;
	margin-bottom: 0px;
}

.avatarPhotoLarge {
	position: absolute;
	width: 100px;
	height: 100px;
	background-size: cover;
	background-position: center center;
	margin: 0px!important;
}

.avatarCon .imageCon {
	position: relative;
	float: left;
	margin: 3px 10px 3px 3px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 100px;
}


.collabGroupMembersEachCon .imageCon {
	position: relative;
	float: left;
	margin: 3px 10px 3px 3px;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 100px;
}

.collabGroupMembersEachCon {
	position: relative;
	width: auto;
	height: auto;
	padding: 0px 5px;
	border: 1px solid #E6E6E6;
	margin: 5px 8px 5px 8px;
	line-height: 15px;
	cursor: pointer;
	border-radius: 3px;
}

.collabGroupMembersEachCon:hover {
	background: #E6E6E6;
	border: 1px solid #c3c3c3;
}

.collabFeedGroupMembersEachCon {
	padding: 10px;
}

.avatar11 {
	position: absolute;
	height: 60px!important;
	width: 60px!important;
}

.avatar20 {
	position: absolute;
	height: 60px!important;
	width: 29.5px!important;
	left: 0px;
	top: 0px;
}

.avatar21 {
	position: absolute;
	height: 60px!important;
	width: 29.5px!important;
	right: 0px;
	top: 0px;
}

.avatar30 {
	position: absolute;
	height: 60px!important;
	width: 29.5px!important;
	left: 0px;
	top: 0px;
}

.avatar31 {
	position: absolute;
	right: 0px;
	top: 0px;
}

.avatar32 {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.avatar40 {
	position: absolute;
	left: 0px;
	top: 0px;
}

.avatar41 {
	position: absolute;
	right: 0px;
	top: 0px;
}

.avatar42 {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.avatar43 {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.collabAvatarPhoto {
	position: absolute;
	width: 29.5px;
	height: 29.5px;
	background-size: cover;
	background-position: center center;
	margin: 0px!important;
}

.groupMemberPicCon {
	position: relative;
	width: 60px;
	height: 60px;
	border: 0px solid black;
	background: #fff;
}

.collabGroupCon {
	position: relative;
	width: auto;
	height: auto;
	border: 0px solid black;
	padding: 10px 10px;
	cursor: pointer;
}

.collabGroupCon:hover {
	background: #efefef;
}

.collabGroupConActive {
	background: #efefef;
}


.navRed {
	background: #ea2c31!important;
	border-top: 1px solid #b42025!important;
}

.navYellow {
	background: #d0a522!important;
	border-top: 1px solid #d0a522!important;
}

.notificationContainer {
	position: fixed;
	top: 0;
	height: 30px;
	background: #FF5A5E;
	width: auto;
	z-index: 999;
	margin: auto;
	right: 0;
	left: 0;
}

.passwordStrengthCon {
	float:left;
	width: 100%;
	background: #cccccc;
	border: 0px solid #676767;
	margin-top: 7px;
}

#passwordDescription
{
	line-height: 5px;
	font-family: arial;
	font-size: 9px;
	color: #7B7B7B;
}
#passwordStrength
{
	height:4px;
	display:block;
	float:left;
	background:#cccccc;
}

.strength0
{
	width:33%;
	background:#E20A00;
}


.strength1
{
	width:33%;
	background:#E20A00!important;
}

.strength2
{
	width:67%;
	background: #DA910A!important;
}

.strength3
{
	width:67%;
	background: #DA910A!important;
}

.strength4
{
	width:100%;
	background:#66CC00!important;
}

.strength5
{
	width:100%;
	background: #66CC00!important;
}

.floatFilter, .floatFilter2 {
	position: absolute;
	top: 12px;
	right: 10px;
	background: white;
	z-index: 9999;
	width: 600px;
	padding: 15px 0px 10px;
	border-radius: 4px;
}

.floatFilter2 {
	width: 400px;
}

.expenseReportPhoto {
	width: 330px;
	height: 500px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.avatarPhoto {
	width: 60px!important;
	height: 60px!important;
	margin: 5px 10px 10px 5px;
	border: 1px solid #f1f1f1;
	float: left;
	overflow: hidden;
}

.img {
	border: 0px solid #E2E2E2;
	background: #E2E2E2;
	width: 110px;
	height: 110px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	margin-bottom: 8px;
}

.alert2 {
	padding: 5px 10px;
	margin-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.analyticsTableData {
	position: relative;
	max-height: 230px;
	min-height: 230px;
	overflow: auto;
}

.analyticsTableCon {
	position: relative;
}

.analyticsTableCon .view {
	border: 1px solid #D9D9D9;
}

.analyticsTableCon .view th {
	border: 1px solid #7C7C7C;
}


.analyticsTableCon .view td {
	border: 1px solid #D9D9D9;
}

.analyticsInsideCon {
	position: relative;
	background: #fff;
}

.analyticsCon {
	position: relative;
	margin: 25px 0px;
}

.label2 {
	padding: 3px 5px;
	font-size:75%;
	line-height:1;
	color:#fff!important;
	text-align:center;
	white-space:nowrap;
	vertical-align:baseline;
	margin-left: 1px;
	margin-bottom: 2px;
}

.showMore {
	position: relative;
	float: left;
	margin-right: 3px;
	margin-top: 5px;
	width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 100px;
	background: #e6e6e6;
	color: #A4A4A4;
}

.showMore p{
	position: absolute;
	margin-left: 30%;
	margin-top: 7px;
	font-size: 13px;
}


.neverSeen {
	position: absolute;
	width: 50%;
	border: 0px solid black;
	color: gray;
	font-size: 11px;
}

.seenByPhoto {
	position: relative;
	float: left;
	margin-right: 3px;
	margin-top: 5px;
	width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 100px;
}

.graphContainer {
	position: relative;
	border: 0px solid black;
	padding: 10px;
	margin: 10px;
}

.formStar {
	margin-right: 9px;
	margin-top: 5px;
}

.formSmiley {
	margin-right: 10px;
	margin-top: 5px;
}

.colorDiv {
	position: relative;
	height: 25px!important;
	width: 25px!important;
	border-radius: 100px;
	margin-left: 20px;
}

.colorDivSmall {
	position: relative;
	height: 18px!important;
	width: 18px!important;
	border-radius: 100px;
}

.simplecolorpicker.icon {
	height: 25px!important;
	width: 25px!important;
	border: 0px solid black!important;
	border-radius: 100px;
	margin-left: 20px;
}

.annContainer {
	position: relative;
	padding: 20px 20px;
	background: #fff;
	width: auto;
	height: auto;
	margin-top: 15px;
}

.annContainer .title {
	font-size: 18px;
}

.annContainer .dateToShow {
	font-size: 12px;
}

.annContainer .subtitle {
	font-size: 11px;
	color: #7E7E7C;
}

.annContainer .body {
	margin-top: 10px;
	font-size: 13px;
	color: #363636;
}

.annContainer .footer {
	margin-top: 10px;
	overflow: hidden;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

.annContainer .footer a{
	padding: 0px 8px;
}

.photoCon2 {
	border: 1px solid #666666;
	margin: 1px;
	overflow: hidden;
	float: left;
	width: 23%;
	background: #f1f1f1;
	width: 50px;
	height: 50px;
}

.photoCon2 img {
	position: relative;
	width: 100%;
}

.indFeedCon {
	position: relative;
	z-index: 99;
}

.ft {
	cursor: pointer;
}

.noActivityYet {
	font-size: 16px;
	font-weight: 400;
	color: #999999;
}

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

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

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

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

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

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

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

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

.individualFeedLastSyncCon {
	position: relative;
	width: auto;
	padding: 2px 5px;
	background: #E2E2E2;
	color: #58595B;
	font-size: 11px;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 5px;
}

.individualFeeFilCon {
	position: relative;
	width: auto;
	height: auto;
	background: #fff;
	padding: 10px;
	margin: 15px 0px;
}

.individualFeedImageCon {
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	overflow: hidden;
}


.individualFeedImageCon img {
	width: 100%;
}

.individualFeedStat {
	font-size: 14px;
	font-weight: 400;
}

.individualFeedStat2 {
	font-size: 11px;
	font-weight: 400;
}

.individualFeedName {
	font-size: 11px;
	font-weight: 700;
	line-height: 13px;
	padding-top: 5px;
	color: #3295D7;
}

.individualFeedTeam {
	font-size: 9px;
	font-weight: 600;
	line-height: 13px;
	padding-top: 5px;
}

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

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


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

.individualFeedCon {
	position: relative;
	width: auto;
	height: 315px;
	max-height: 315px;
	padding: 20px 10px;
	background: white;
	margin-top: 5px;
	margin-bottom: 15px;
}

.individualFeedList {
	position: relative;
	width: auto;
	height: 135px;
	max-height: 135px;
	overflow: auto;
	border: 0px solid black;
}

.individualFeedListItem {
	position: relative;
	width: auto;
	padding: 2px 8px;
	font-size: 11px;
}

.individualFeedListItem:nth-child(odd) {
	background: #F3F3F3;
}

.col-md-2-5
{
	float: left;
	width: 20%;
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}

.storeConHidden {
	display: none;
	padding-left: 15px;
}

.feedContentCompetitors {
	position: relative;
	width: auto;
	min-height: 0px;
	max-height: 400px;
	overflow-y: auto;
	padding-bottom: 10px;
}

.competitorCon {
	position: relative;
	width: auto;
	height: auto;
	border: 0px solid black;
	padding: 10px;
	border-bottom: 1px solid #ECECEC;
}

.competitorActTitle {
	font-size: 15px;
	font-weight: 800;
}

.competitorActBody {
	font-size: 13px;
	font-weight: 600;
	color: #808080;
	line-height: 20px;
}

.competitorActFooter {
	font-size: 12px;
	font-weight: 500;
	color: #808080;
	line-height: 20px;
}

.feedMainContainer {
	position: relative;
	width: auto;
	border: 0px solid black;
	padding-left: 5px;
	padding-right: 15px;
}

.feedMainContainer .col-md-2-5, 
.feedMainContainer .col-md-3, 
.feedMainContainer .col-md-4,
.feedMainContainer .col-md-8,
.feedMainContainer .col-md-12
{
	padding-left: 10px;
	padding-right: 0px;
}

.feedStatistic {
	position: relative;
	float: right;
	margin-right: 0px;
}

.feedStatistic ul {
	position: relative;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-right: 0px;
}

.feedStatistic ul li {
	float: right;
	padding: 10px 0px;
	border-radius: 5px;
	margin: 0px 0px 0px 5px;
	width: 125px;
	height: 80px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border: 2px solid #fff;
}

.feedStatistic ul li.white, .feedStatistic ul li .white {
	color: #fff!important;
}

.feedStatistic ul li.green {
	border: 2px solid #BADD8C;
}

.feedStatistic ul li.green, .feedStatistic ul li .green {
	color: #BADD8C!important;
}

.feedStatistic ul li.red {
	border: 2px solid #FF5C5C;
}

.feedStatistic ul li.red, .feedStatistic ul li .red {
	color: #FF5C5C!important;
}

.feedStatistic ul li.orange {
	border: 2px solid #CC8B3D;
}

.feedStatistic ul li.orange, .feedStatistic ul li .orange {
	color: #CC8B3D!important;
}

.feedStatistic ul li.yellow {
	border: 2px solid #FFFF66;
}

.feedStatistic ul li.yellow, .feedStatistic ul li .yellow {
	color: #FFFF66!important;
}

.feedStatistic ul li.gray {
	border: 2px solid #676767;
}

.feedStatistic ul li.gray, .feedStatistic ul li .gray {
	color: #676767!important;
}

.feedStatistic ul li .white:hover,
.feedStatistic ul li .red:hover,
.feedStatistic ul li .green:hover,
.feedStatistic ul li .orange:hover,
.feedStatistic ul li .yellow:hover,
.feedStatistic ul li .gray:hover {
	text-decoration: underline;
}


.feedStatisticValue {
	font-size: 33px;
	font-weight: 600;
	text-align: center;
}

.feedStatisticPercent {
	font-size: 13px;
	font-weight: 500;
	text-align: center;
}

.feedStatisticTitle {
	font-size: 11px;
}

.feedTile {
	position: relative;
	width: auto;
	height: 100px;
	border: 0px solid black;
	background: #fff;
	border-radius: 5px;
}

.feedTile.blue {
	/* border-left: 5px solid #3295D7; */
	color: #3295D7!important;
}

.feedTile.green {
	/* border-left: 5px solid #27AE60; */
	color: #27AE60!important;
}

.feedTile.orange {
	/* border-left: 5px solid #F15A24; */
	color: #F15A24!important;
}

.feedTile.grey {
	/* border-left: 5px solid #666666; */
	color: #666666!important;
}

.feedTile.turquoise {
	/* border-left: 5px solid #666666; */
	color: #00A99D!important;
}

.feedTile.redorange {
	/* border-left: 5px solid #666666; */
	color: #FF5949!important;
}

.feedTile.purple {
	/* border-left: 5px solid #666666; */
	color: #ab5ab5!important;
}

.feedColLeft {
	position: absolute;
	width: 35%;
	height: 100%;
	padding-top: 10px;
	border: 0px solid black;
	left: 0;
	overflow: hidden;
}

.feedColright {
	position: absolute;
	width: 70%;
	height: 100%;
	padding-right: 10px;
	padding-top: 8px;
	border: 0px solid black;
	right: 0;
	text-align: right;
}

.feedLink {
	position: absolute;
	width: 100%;
	bottom: 5;
	border: 0px solid black;
	text-align: left;
	left: 10px;
}

.feedLink.blue {
	color: #3295D7!important;
}

.feedLink.green {
	color: #27AE60!important;
}

.feedLink.orange {
	color: #F15A24!important;
}

.feedLink.red {
	color: #ED403E!important;
}

.feedLink.yellow {
	color: #EEA229!important;
}

.feedLink.grey {
	color: #666666!important;
}

.feedLink.turquoise {
	color: #00A99D!important;
}

.feedLink.redorange {
	color: #FF5949!important;
}

.feedLink.purple {
	color: #ab5ab5!important;
}


.feedTileTitle {
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
}

.feedTileTitleSmall {
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	color: #4C4C4C!important;
}

.feedTilePercent {
	font-size: 13px;
	top: -21px;
}

.feedTilePercent.green {
	color: #27AE60!important;
}

.feedTilePercent.red {
	color: #ED403E!important;
}

.feedTilePercent.yellow {
	color: #EEA229!important;
}

.feedTilePercent.grey {
	color: #666666!important;
}

.feedTilePercent.turquoise {
	color: #00A99D!important;
}

.feedTilePercent.purple {
	color: #ab5ab5!important;
}


.feedTileValue {
	font-size: 45px;
	line-height: 30px;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 8px;
}

.feedTileValueSmall {
	font-size: 40px;
	line-height: 30px;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 8px;
}

.feedTileValue.green, .feedTileValueSmall.green {
	color: #27AE60!important;
}

.feedTileValue.red, .feedTileValueSmall.red {
	color: #ED403E!important;
}

.feedTileValue.yellow, .feedTileValueSmall.yellow {
	color: #EEA229!important;
}

.feedTileValue.grey, .feedTileValueSmall.grey{
	color: #666666!important;
}

.feedTileValue.turquoise, .feedTileValueSmall.torquoise {
	color: #00A99D!important;
}

.feedTileValue.purple, .feedTileValueSmall.purple {
	color: #ab5ab5!important;
}

.feedTileFooter {
	font-size: 11px;
	font-weight: 400;
	width: 100%;
	border: 0px solid black;
}

.feedTileFooter.grey {
	color: #666666!important;
}

.feedTileImageCon {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	padding: 10px;
	margin-top: -35px;
	margin-left: -25px;
}

.feedTileImageCon.blue {
	background: #3295D7;
}

.feedTileImageCon.green {
	background: #27AE60;
}

.feedTileImageCon.orange {
	background: #F15A24;
}

.feedTileImageCon.red {
	background: #ED403E;
}

.feedTileImageCon.yellow {
	background: #EEA229;
}

.feedTileImageCon.grey {
	background: #666666;
}

.feedTileImageCon.turquoise {
	background: #00A99D!important;
}

.feedTileImageCon.redorange {
	background: #FF5949!important;
}

.feedTileImageCon.purple {
	background: #ab5ab5;
}

.feedTileImage {
	position: absolute;
	width: 23px;
	border: 0px solid black;
	margin-left: 3px;
	margin-top: -8px;
}

.divButton {
	position: relative;
	padding: 10px 20px;
	background: #E6E6E6;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
}

.divButton:hover {
	background: #27AE60;
	color: #fff;
}

.divButton.active {
	background: #27AE60;
	color: #fff;
}


.skuListCon {
	position: relative;
	padding: 15px 15px 10px;
	border-bottom: 1px solid #E6E6E6;
	height: auto;
	width: auto;
	cursor: pointer;
}

.skuListCon:hover {
	background: #f4f4f4;
}

.skuListCon .skuCode {
	font-size: 10px;
	font-weight: 700;
	line-height: 10px;
}

.categoryListCon {
	position: relative;
	padding: 15px 15px 10px;
	border-bottom: 1px solid #E6E6E6;
	height: auto;
	width: auto;
	cursor: pointer;
}

.categoryListCon:hover {
	background: #f4f4f4;
}

.categoryListCon .categoryName {
	font-size: 11px;
	font-weight: 700;
	line-height: 10px;
}

.adjSkuCon {
	position: relative;
	min-height: 550px;
	max-height: 550px;
	overflow: auto;
	border-right: 1px solid #E6E6E6;
}

.orderSkuCon {
	position: relative;
	min-height: 550px;
	max-height: 550px;
	overflow: auto;
	border-right: 1px solid #E6E6E6;
}

.skuListCon .skuName {
	font-size: 13px;
	font-weight: 600;
}

.orderSku {
	position: relative;
	font-size: 15px;
}

.skuSelectedCon {
	position: relative;
	max-height: 350px;
	min-height: 350px;
	overflow: auto;
}

.btnCalRepFil
{
	position: absolute; 
	right: 10px;
	z-index: 999;
}

.btnCalMonFil {
	position: absolute;
	left: 0px;
	z-index: 999;
	width: 110px!important;
}

.btnCalYearFil {
	position: absolute;
	left: 120px;
	z-index: 999;
	width: 80px!important;
}

.btn-noback {
	padding: 5px 8px;
	background: none;
	font-size: 14px;
	color: #428bca!important;
	border: 0px solid black;
}

.filterContainer {
	position: relative;
	margin: 10px 0px;
	border: 0px solid black;
	width: auto;
	height: auto;
	background: white;
	padding: 15px;
}

.filterContainer2
{
	position: relative;
	border: 0px solid black;
	width: auto;
	height: auto;
	background: white;
	padding: 15px 5px;
	border-bottom: 2px solid #27AE60;
}

.formNameHeaderContainer{
	padding: 6px 15px!important;
	background: #26AB5E!important;
	cursor: pointer;
	border-radius: 0px!important;
	border: 1px solid #26AB5E!important;
}

.formNameHeaderContainer h3{
	text-shadow: none!important;
	color: #fff!important;
}

.showInAllVisitContainer, .restrictEntryContainer, .requiredAfterCheckOutContainer {
	display: none;
}

.itineraryImage, .expenseImage {
	width: 25px;
}

.storeEmployeeAssignContainer {
	position: relative;
	width: 100%;
	padding: 10px;
	background:#e6e6e6;
	border-radius: 5px;
	max-height: 300px;
	
}

.seTeamContainer
{
	position: relative;
	width: auto;
	padding: 2px 5px;
	font-size: 11px;
	background: #fff;
	margin-bottom: 3px;
	border-radius: 4px;
}

.seEmployeeContainer
{
	position: relative;
	width: auto;
	padding: 1px 10px;
	font-size: 11px;
	background: #f9f9f9;
	margin-bottom: 3px;
	border-radius: 4px;
	border: 1px solid #cecece;
}

.seTeamContainer2
{
	position: relative;
	width: auto;
	padding: 2px 5px;
	font-size: 11px;
	border-top: 1px solid #E6E6E6;
	margin-left: -15px;
	margin-right: -15px;
}

.seEmployeeContainer2
{
	position: relative;
	width: auto;
	font-weight: 400!important;
	font-size: 13px;
	padding: 8px;
	padding-left: 35px;
	
	border-top: 1px solid #E6E6E6;
}

.seEmployeeContainer2 label {
	margin-bottom: 0px;
}

.storeAssTitle {
	position: relative;
	font-weight: bold;
	font-size: 15px;
	padding: 15px 10px 0px 10px;
}

.storeAssContent {
	position: relative;
	height: auto;
	padding: 10px;
	min-height: 500px;
	margin: 0px;
}

.storeAssContentCenter {
	margin: 0px -2px 0px -2px;
}

.storeAssContentBordered {
	border-left: 2px solid #E6E6E6;
	border-right: 2px solid #E6E6E6;
}

.storeAssContentBorderedLeft {
	border-left: 2px solid #E6E6E6;
}

.storeAssContentBorderedRight {
	border-right: 2px solid #E6E6E6;
}

.btnShowFilter {
	width: 70%;
	margin-top: 20px;
}

.btnAssign {
	width: 50%;
	margin-top: 20px;
}

.selectedContainer {
	position: relative;
	width: auto;
	padding: 10px 10px;
	border-bottom: 1px solid #E6E6E6;
}

.selectedContainer span{
	font-size: 13px;
}

.btnFaRemove, .btnFaRemoveTeam {
	margin-top: 5px;
	color: #b1b1b1;
	cursor: pointer;
}

.btnFaRemove:hover, .btnFaRemoveTeam:hover {
	color: #ce0606;
}

.statusEmployeeContainer {
	position: relative;
	height: auto;
}

.mdDataContainer {
	margin-bottom: 15px!important;
}

.categoryContainer, .brandContainer, .subBrandContainer, .uomContainer, .planogramTypeContainer, .reasonContainer, .discountContainer, .quotaCodingContainer, .modeOfPaymentContainer {
	position: relative;
	width: auto;
	border: 0px solid black;
	font-size: 15px!important;
}

.addCategoryContainer, .addBrandContainer, .addSubBrandContainer, .addUomContainer, .addPlanogramTypeContainer, .addDiscountContainer, .addReasonContainer, .addQuotaCodingContainer,
.addPromotionTypeContainer, .addPromotionSchemeContainer, .addPromotionChargeToContainer, .addModeOfPaymentContainer
{
	display: none;
}



.portlet .formNameHeaderContainer:hover{
	border: 1px dashed #2781bc;
}

.portlet .formNameHeaderContainer.active{
	border: 1px solid #3295D7;
	background: #3295D7!important;
}

.formNameHeaderContainer.active:hover{
	border: 1px solid #2781bc;
}

.whiteHeader
{
	background: #fff !important;
	color: #fff!important;
	border-radius: 0px!important;
	padding: 6px 15px!important;
	border: 1px solid #D5D5D5!important;
}

.whiteHeader h3
{
	text-shadow: none!important;
	color: #505050!important;
	font-size: 13px!important;
}

.customerFieldContainer {
	padding: 0px;
	border-radius: 8px;
	margin-bottom: 10px;
	background: #fff;
}

.greenHeader
{
	background: #26AB5E !important;
	color: #fff!important;
	border-radius: 0px!important;
	padding: 6px 15px!important;
	border: 1px solid #26AB5E!important;
}

.greenHeader h3
{
	text-shadow: none!important;
	color: #fff!important;
}

.blueHeader
{
	background: #3295D7 !important;
	color: #fff!important;
	border-radius: 0px!important;
	padding: 6px 15px!important;
	border: 1px solid #3295D7 !important;
}

.blueHeader h3
{
	text-shadow: none!important;
	color: #fff!important;
}

.whiteHeader
{
	background: #fff !important;
	border-radius: 4px;
	padding: 6px 15px!important;
	border: 1px solid #fff!important;
}

.whiteHeader2
{
	background: #fff !important;
	border-radius: 0px!important;
	padding: 3px 15px!important;
	border: 1px solid #fff!important;
}


.whiteHeader h3
{
	text-shadow: none!important;
	color: rgb(68, 68, 68)!important;
	font-size: 15px!important;
}

.whiteHeader2 h3
{
	text-shadow: none!important;
	color: rgb(124, 124, 124)!important;
	font-size: 15px!important;
}

.whiteContent {
	background: #fff !important;
	border: 1px solid #fff!important;
	padding: 0px!important;
	margin-top: 5px!important;
}

.whiteContent ul {
	padding: 0;
	margin: 0;
}

.whiteContent ul li {
	list-style: none;
	cursor: pointer;
	font-size: 13px;
	padding: 10px 15px;
	border: 0px solid #fff;
	border-bottom: 1px solid #e6e6e6;
	font-weight: 500;
}

.whiteContent ul li a {
	width: 100%;
	display:block;
	color: #333;
}


.whiteContent ul li.active a {
	color: #3295D7!important;
	font-weight: 600;
}

.whiteContent ul li:last-child {
	border-bottom: 0px solid #e6e6e6;
}

.whiteContent ul li:hover {
	color: #3295D7;
}

.whiteContent2 {
	background: #fff !important;
	border: 1px solid #fff!important;
	padding: 22px 15px 15px!important;
}

.whiteContent2 .tabTransparent2 a {
	padding: 10px 20px 30px 0px;
}

.label-tag {
	background: #f0f0f0;
	margin: 2px 4px 2px 0px;
	font-weight: 500;
	color: #727272;
	display: inline-block;
	border-radius: 3px!important;
	border: 1px solid #d2d2d2;
}

.ticketSummaryItemCon {
	cursor: pointer;
}

.leadSummaryItemConCol {
	position: relative;
	height: auto;
	display: inline-block;
	padding: 2px;
}

.leadSummaryItemConColInside {
	border: 1px solid #eaeaea;
	padding: 15px;
}

.leadSummaryItemCon, .storeSummaryItemCon, .ticketSummaryItemCon, .smsSummaryItemCon {
	position: relative;
	width: 200px;
	padding: 15px;
	height: auto;
	border: 1px solid #eaeaea;
	display: inline-block;
	margin-bottom: 4px;
}

.leadSummaryItemCon h4, .storeSummaryItemCon h4, .ticketSummaryItemCon h4, .smsSummaryItemCon h4 {
	font-weight: 600;
	font-size: 22px;
	color: #505050;
}

.leadSummaryItemCon p, .storeSummaryItemCon p, .ticketSummaryItemCon p, .smsSummaryItemCon p {
	margin: 0px;
}

.leadSummaryItemCon:hover {
	background: #f3f3f3;
}

.headerFF1A1A {
	background-color: #FF1A1A;
	color: #fff;
 }
 
 .headerFF4000 {
	background-color: #FF4000;
	color: #fff;
 }
 
 
 .headerFF8000 {
	background-color: #FF8000;
	color: #fff;
 }
 
 
 .headerFFBF00 {
	background-color: #FFBF00;
	color: #fff;
 }
 
 
 .header999900 {
	background-color: #999900;
	color: #fff;
 }
 
 .header4CAF50 {
	background-color: #4CAF50;
	color: #fff;
 }
 
 .header00994D {
	background-color: #00994D;
	color: #fff;
 }
 
 .header009973 {
	background-color: #009973;
	color: #fff;
 }
 
 .header00BFFF {
	background-color: #00BFFF;
	color: #fff;
 }
 
 .header0080FF {
	background-color: #0080FF;
	color: #fff;
 }
 
 .header0040FF {
	background-color: #0040FF;
	color: #fff;
 }
 
 .header4000FF {
	background-color: #4000FF;
	color: #fff;
 }
 
 .header8000FF {
	background-color: #8000FF;
	color: #fff;
 }
 
 .headerBF00FF {
	background-color: #BF00FF;
	color: #fff;
 }
 
 .headerFF00BF {
	background-color: #FF00BF;
	color: #fff;
 }
 
 .headerFF0040 {
	background-color: #FF0040;
	color: #fff;
 }

 .header60BDBB {
	background-color: #60BDBB;
	color: #fff;
 }

 .header478E8C {
	background-color: #478E8C;
	color: #fff;
 }

 .header346D6B {
	background-color: #346D6B;
	color: #fff;
 }
 
 .headerB1AFAF {
	background-color: #B1AFAF;
	color: #fff;
 }
 
 .header717171 {
	background-color: #717171;
	color: #fff;
 }
 
 .header4A4A4A {
	background-color: #4A4A4A;
	color: #fff;
 }
 
 
 .textFF1A1A {
	color: #FF1A1A;
 }
 
 .textFF4000 {
	color: #FF4000;
 }
 
 
 .textFF8000 {
	 color: #FF8000;
 }
 
 
 .textFFBF00 {
	color: #FFBF00;
 }
 
 
 .text999900 {
	color: #999900;
 }
 
 .text4CAF50 {
	color: #4CAF50;
 }
 
 .text00994D {
	color: #00994D;
 }
 
 .text009973 {
	color: #009973;
 }
 
 .text00BFFF {
	color: #00BFFF;
 }
 
 .text0080FF {
	color: #0080FF;
 }
 
 .text0040FF {
	color: #0040FF;
 }
 
 .text4000FF {
	color: #4000FF;
 }
 
 .text8000FF {
	color: #8000FF;
 }
 
 .textBF00FF {
	color: #BF00FF;
 }
 
 .textFF00BF {
	color: #FF00BF;
 }
 
 .textFF0040 {
	color: #FF0040;
 }

 .text60BDBB {
	color: #60BDBB;
 }

 .text478E8C {
	color: #478E8C;
 }

 .text346D6B {
	color: #346D6B;
 }

 .textB1AFAF {
	color: #B1AFAF;
 }

 .text717171 {
	color: #717171;
 }

 .text4A4A4A {
	color: #4A4A4A;
 }

 .text3295D7 {
	color: #3295D7;
 }

 .kanbanLoadMoreCon {
	 position: relative;
	 padding: 10px;
	 background:#EDF1F4;
	 color: #7E8A98;
	 cursor: pointer;
	 text-align: center;
 }

 .kanbanLoadMoreCon:active {
	background:#e3ecf3;
}

 .kanbanLoadMoreConDisabled {
	position: relative;
	padding: 10px;
	background:#e7eaec;
	color: #bfbfbf;
	text-align: center;
 }

.btnEditContact {
	color: #27AE60;
	display: none;
	cursor: pointer;
}

.btnDeleteContact{
	color: #B70000;
	display: none;
	cursor: pointer;
}

.contactContainer {
	margin-top: 5px;
}

.contactPersonDetails table {
	margin-left: 15px;
}

.contactPersonDetails td {
	padding: 2px;
}

.contactPersonDetails i
{
	color: #989898;
}

.contactPersonDetails span
{
	font-size: 13px;
}

.tableCustomInfo {
	position: relative;
	width: 100%;
}

.tableCustomInfo td
{
	padding: 10px;
}

.tabTransparent {
	border-bottom: 0px solid black!important;
}

.tabTransparent li.active a {
	background: transparent!important;
	color: #27AE60!important;
	font-weight: 600!important;
	border: 0px solid black!important;
	font-size: 14px!important;
}

.tabTransparent li a {
	background: transparent!important;
	color: #7B7B7B!important;
	font-weight: 400!important;
	border: 0px solid black!important;
	font-size: 14px!important;
}

.btnCircleRemove {
	z-index: 1; 
	position: relative; 
	margin: 4px; 
	background: #fff;
	padding: 1px 2px;
	border-radius: 100px;
}

.ticketDetails {
	cursor: pointer;
}

.validationCon {
	position: relative;
	width: auto;
	display: none;
	border: 0px solid black;
}

.requiredCFCon {
	position: relative;
	width: auto;
	height: auto;
	color: #FD0000;
	font-size: 11px;
}

.dd-list { 
	display: block; 
	position: relative; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	
}
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }
.dd-list:active { cursor: grabbing; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle, .dd-handle-no-hover { 
	display: block; 
	height: auto; 
	margin: 5px 0 10px; 
	padding: 5px 10px; 
	color: #000; 
	text-decoration: none; 
	font-weight: bold; 
	background: #fff;
	border: 2px dashed #fff;
	box-sizing: border-box; -moz-box-sizing: border-box;
}

.dd-handle:hover { 
	border: 2px dashed #6ab3e2;
	cursor: grab;
}

.dd-handle.active {
	border-style: dashed;
	border: 2px dashed #94c7e8;
	background: #fff;
}

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 50px; background-color: #e5e5e5;
	background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
					  -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
						 -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
							  linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
			box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }

#nestable-menu { padding: 0; margin: 20px 0; }

#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

#nestable2 .dd-handle {
	color: #fff;
	border: 1px solid #999;
	background: #bbb;
	background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
	background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
	background:         linear-gradient(top, #bbb 0%, #999 100%);
}
#nestable2 .dd-handle:hover { background: #bbb; }
#nestable2 .dd-item > button:before { color: #fff; }

@media only screen and (min-width: 700px) {

	/*.dd { float: left; width: 48%; }
	.dd + .dd { margin-left: 2%; }*/

}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
	background: #fafafa;
	background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
	background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	background:         linear-gradient(top, #fafafa 0%, #eee 100%);
	-webkit-border-radius: 3px;
			border-radius: 3px;
	box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
	border: 1px solid #aaa;
	background: #ddd;
	background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
	background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
	background:         linear-gradient(top, #ddd 0%, #bbb 100%);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

.inventorysku>li>a {
	padding: 10px;
}

.saveTicketTypeFirstContainer {
	position: relative;
	width: auto;
	height: auto;
	padding: 20px 30px;
	margin: 0 auto;
	border: 1px solid #3295D7;
	display: none;
}

.cFieldContainer-view {
	font-size: 11px;
}

.cFieldContainer-view .cfInput{
	font-size: 11px;
	height: auto!important;
	padding: 5px 10px;
}

.cFieldContainer-view .cfInput .select2-choices{
	min-height: 0px;
}

.cFieldContainer-view .cfInput .select2-choices .select2-input {
	min-height: 0px;
	height: auto!important;
}

.cFieldContainer-view .cfInput .select2-choice {
	height: 28px;
	line-height: 26px;
}

.cFieldContainer-view .cfInput .select2-choice .select2-arrow {
	top: 0px;
}

.inputClear {
	border: 0px;
	width: 100%;
	outline: none;
	font-size: 12px;
}

.inputClearArea {
	border: 0px;
	width: 100%;
	outline: none;
	font-size: 12px;
	resize: vertical;
}

.selectFieldTable {
	width: 100%;
	height: auto;
	padding: 2px 5px;
	border: 0px solid #F1F2F2;
	box-shadow: none;
	outline: none;
	color: #646464;
}


/* FEED NESTABLE */
#nestableFeedActive-output, #nestableFeedInactive-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }
#nestableFeedActive .dd-handle, #nestableFeedInactive .dd-handle { 
	color: #7C7C7C; 
	background: #fff; 
	cursor: grab;
	margin: 2px 0px 2px;
	padding: 0px 0px 0px;
}
#nestableFeedActive .dd-handle:active, #nestableFeedInactive .dd-handle:active { 
	border: 2px dashed #6ab3e2;
	cursor: grabbing;
}
#nestableFeedActive .dd-handle:hover, #nestableFeedInactive .dd-handle:hover { 
	background: #fff; 
}
#nestableFeedActive .dd-item > button:before, #nestableFeedInactive .dd-item > button:before { 
	color: #fff; 
}

.dd-handleFeed {
	margin: 2px 0px 2px;
	padding: 0px 0px 0px;
}

.td1 {
	width: 50px!important;
	min-width: 50px!important;
}

.td2 {
	width: 100px!important;
	min-width: 100px!important;
}

.td3 {
	width: 300px!important;
	min-width: 300px!important;
}

.td4 {
	width: 10px!important;
	min-width: 10px!important;
}

.nesView td{
	padding: 8px;
}

.leadtTempMarker {
	position: relative;
	width: 11px;
	height: 11px;
	border-radius: 100px;
	border: 0px solid black;
	display: inline-grid;
	margin-top: 5px;
}

.tblViewInside td {
	border-bottom: 0px solid black!important;
	padding: 5px!important;
	padding-top: 0px!important;
}

.maxHeight700 {
	max-height: 700px!important;
	min-height: 700px!important;
}

.maxHeight800 {
	max-height: 800px!important;
	min-height: 800px!important;
}

.maxHeight900 {
	max-height: 900px!important;
	min-height: 900px!important;
}

.maxHeight1000 {
	max-height: 1000px!important;
	min-height: 1000px!important;
}

.deleteRowCon, .deleteRowCon2 {
	position: absolute;
	background: #d57373;
	padding: 5px;
	color: #fff;
	font-size: 9px;
	margin-top: -2px;
	margin-left: -5px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	cursor: pointer;
}

.deleteRowCon:hover {
	padding: 5px 8px;
	background: #FF0000;
}

.deleteRowCon2 {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	margin-left: -25px;
}

.deleteRowCon2:hover {
	padding: 5px 8px;
	background: #FF0000;
	margin-left: -30px;
}

.dateOptionContainer {
	position: relative;
	padding: 10px 20px;
	background: #f1f2f2;
	border-radius: 4px;
}

.arrowNewline {
	width: 25px;
	margin-top: -9px;
	margin-right: 5px;
	margin-left: 10px;
}

.testerCon {
	position: relative;
	margin-left: 25px;
	border: 0px solid black;
	margin-top: 5px;
	display: none;
}

.spaTh {
	min-width: 500px;
	max-width: 500px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	padding: 5px!important;
}

.spaTh-2 {
	min-width: 250px;
	max-width: 250px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	padding: 5px!important;
}

.spaTh-3 {
	min-width: 210px;
	max-width: 210px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	padding: 5px!important;
}

.spaTh2 {
	min-width: 50px;
	max-width: 50px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	padding: 5px!important;
}

.spaTh3 {
	min-width: 70px;
	max-width: 70px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	padding: 5px!important;
}

.spaTdini {
	padding: 5px!important;
}

.spaTd {
	min-width: 100px;
	max-width: 100px;
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	text-align: right;
	font-size: 12px!important;
	padding: 5px!important;
}

.spaTd2 {
	min-width: 50px;
	max-width: 50px;
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	text-align: right;
	font-size: 12px!important;
	padding: 5px!important;
}

.spaTd3 {
	min-width: 70px;
	max-width: 70px;
	/* border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4; */
	text-align: right;
	font-size: 12px!important;
	padding: 5px!important;
	text-align: center;
}

.capTd {
	background-color: #e5e5e5!important;
}

.totTd {
	border-top: 2px solid #b1b1b1!important;
}

.tdRed {
	color: #ff0000!important;
}

.tdGreen {
	color: #448f1c!important;
}

.spaTdL {
	border-left: 2px solid  #d9d9d9 !important;
}

.spaTdR {
	border-right: 2px solid  #d9d9d9 !important;
}

.spaHidden {
	padding: 0px!important;
}

.select2-default {
	color: #797979!important;
}

.idsCon {
	padding: 10px;
}

.smallSquare {
	position: relative;
	width: 18px;
	height:18px;
	border: 1px solid #686868;
}