﻿
html, body {
	/*font-family: 'Lato', sans-serif ;*/
	font-family: 'Open Sans', sans-serif;
	color: #000;
	width: 100%;
	height: 100%;
	background-color: #fff;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.2px;
	font-variant-ligatures: no-common-ligatures;
}
 
h1, h2, h3, h4, h5, h6, p {
  font-style: normal;
  margin: 0px;
  padding: 0px;
}

h1, h2, h3 {
	/*font-family: 'Cabin', sans-serif;*/
}

form {
	margin: 0px;
	width: 100%;
	/*height: 100%;*/
	}

/* -----------*/

/* Clearfix Hack */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

a {
	text-decoration: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	color: #2e63eb;
	/*-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);*/
	}

a:hover {
	opacity: 0.85;
	}

a:visited,
a:active,
a:focus {
	text-decoration: none;
	}

a:active{
	-moz-transform: scale(.9);
	-webkit-transform: scale(.9);
	-o-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-size: 14px;
	line-height: 14px;
	border: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {

	}

input,
select {
	font-family: 'Lato', sans-serif;
	font-variant-ligatures: no-common-ligatures;
}

label {
	font-size: 12px;
	color: inherit;
	font-weight: inherit;
	margin: inherit;
	}

.ErrMsg {
    color: #F00;
	display: block;
	}
/*
p {
	color: #757575;
	}*/

.noScroll {
	overflow: hidden;
	}
	
.greyBG {
	background: #fafafa;
}

/* -----------*/

.dashboardLoginContainer {
	width: calc(100% - 60px);
    height: calc(100% - 60px);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	padding: 30px;
}

.dashboardLoginBG {
	background-color: rgba(0,0,0,.74);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.dashboardLoginContainerInner {
	display: table;
	width: 100%;
	height: 100%;
	max-width: 480px;
    margin: auto;
}

.dashboardLoginTD {
	display: table-cell;
	/*max-width: 676px;
	margin: auto;*/
	height: 100%;
	vertical-align: middle;
}

.dashboardLoginPanel {
	background: #95d601;
	width: 100%;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 5px;
}

.dashboardLoginPanelInner {
	width: calc(100% - 100px);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #FFF;
	padding: 50px 50px;
}

.dashboardLoginPanelInner img {
	display: block;
	margin: auto;
	margin-top: 10px;

	max-width: 200px;
}

.dashboardLoginPanelInner h5 {
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin-top: 30px;
	font-size: 14px;
}

.dashboardLoginPanelList {
	margin-top: 30px;
	position: relative;
}

.dashboardLoginPanelList:last-child {
	margin-top: 40px;
}

.dashboardLoginPanelList input[type="text"] {
	display: block;
	border: none;
	border-bottom: 1px solid #707070;
	padding: 10px 0px;
    width: 100%;
    font-size: 14px;
	outline: none;
}

.dashboardLoginPanelList label {
	position: absolute;
	top: 10px;
	left: 0px;
	color: #BEBEBE;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0px;
	-webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
    -o-transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
}

.dashboardLoginPanelList.active label {
	font-weight: 600;
    -moz-transform: scale(0.75) translateY(-110%);
    -webkit-transform: scale(0.75) translateY(-110%);
    -o-transform: scale(0.75) translateY(-110%);
    -ms-transform: scale(0.75) translateY(-110%);
    transform: scale(0.75) translateY(-110%);
}

.dashboardLoginPanelContainer {
	max-width: 300px;
	margin: auto;
}

.dashboardLoginPanelList input[type="submit"] {
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	color: #FFF;
	border: none;
	display: block;
	padding: 15px 20px;
	background-color: #009877;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
}

.dashboardLoginPanelList a {
	display: block;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 30px;
	text-decoration: underline;
	color: #009877;
}

.cmsMainContainer {
	width: 100%;
	height: 100%;
	background: #292929;
}

.cmsMainLeft {
	float: left;
	width: 300px;
	min-height: 100%;
    height: auto;
	background-color: #FFF;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cmsMainLeft.minimize {
	width: 80px;
}

.cmsMainLeftTop {
	background-color: #292929;
	padding: 60px 0px;
}

.cmsMainLeftTop a {
	display: block;
	margin: auto;

	width: 180px;
	height: 51px;
	background: url(../img/logo.png) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.cmsMainLeft.minimize .cmsMainLeftTop a {
	background: url(../img/logo2.png) center no-repeat;
	width: 50px;
    height: 76px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.cmsMainLeftTop a img {
	display: block;
	max-width: 180px;
	margin: auto;
}

.cmsMainLeftBottom {
	width: 100%;
	height: calc(100% - 190.84px);
}

.cmsMainLeftBottom ul {
	margin: 0px;
	padding: 0px;
}

.cmsMainLeftBottom ul li {
	position: relative;
}

.cmsMainLeftBottom ul li a {
	padding: 15px 20px;
	display: block;
	color: #000000;
}

.cmsMainLeftBottom > ul > li > a > span {
	width: 7px;
	height: 12px;
	position: absolute;
	right: 18px;
	top: 22px;
	background: url(../img/list-arrow.png) center no-repeat;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cmsMainLeft.minimize .cmsMainLeftBottom > ul > li > a > span {
	display: none;
}

.cmsMainLeftBottom > ul > li.active > a > span {
	moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: invert(100%)
}


/*.cmsMainLeftBottom > ul > li:after {
	content: "" ;
	width: 7px;
	height: 12px;
	position: absolute;
	right: 18px;
	top: 22px;
	background: url(../img/list-arrow.png) center no-repeat;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cmsMainLeftBottom > ul > li.active:after,
.cmsMainLeftBottomDropdown.active:after {
	content: "" !important;
	width: 7px;
	height: 12px;
	position: absolute;
	right: 18px;
	top: 22px;
	background: url(../img/list-arrow.png) center no-repeat;
	-webkit-transition: all 300ms ease;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}*/

.cmsMainLeftBottom ul li i {
	width: 38px;
	height: 38px;
	display: inline-block;
    vertical-align: middle;
    -webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
	filter: invert(43%) sepia(39%) saturate(7346%) hue-rotate(147deg) brightness(92%) contrast(101%);
}

.cmsMainLeftBottom ul li object,
.cmsMainLeftBottom ul li img {
	display: block;
	margin: auto;
	filter: invert(43%) sepia(39%) saturate(7346%) hue-rotate(147deg) brightness(92%) contrast(101%);
	max-width: 30px;
	max-height: 30px;
}

.cmsMainLeftBottomIconList {
	width: 26px;
	height: 26px;
	/*display: inline-block;*/
    vertical-align: middle;

    display: table-cell;
}

.cmsMainLeftBottom ul li p {
	/*margin-left: 15px;*/
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 600;
	width: calc(100% - 40px - 25px); 
	/*display: inline-block;*/
    vertical-align: middle;

    display: table-cell;
    padding-left: 15px;
}

.cmsMainLeft.minimize .cmsMainLeftBottom ul li p {
	display: none;
}

.cmsMainLeftBottom ul li.dashboardBtn i {
	background: url(../img/dashboard-icon.png) center no-repeat;
}

.cmsMainLeftBottom ul li.generaldBtn i {
	background: url(../img/general-modules-icon.svg) center no-repeat;
}

.cmsMainLeftBottom ul li.companydBtn i {
	background: url(../img/company-management-icon.svg) center no-repeat;
}

.cmsMainLeftBottom ul li.userdBtn i {
	background: url(../img/user-management-icon.svg) center no-repeat;
}

.cmsMainLeftBottom ul li.shipperdBtn i {
	background: url(../img/shippers-list-icon.svg) center no-repeat;
}

.cmsMainLeftBottom ul li.partnerdBtn i {
	background: url(../img/partner-list-icon.svg) center no-repeat;
}

.cmsMainLeftBottom ul li.driverdBtn i {
	background: url(../img/driver-list-icon.svg) center no-repeat;
}

.cmsMainLeftBottom ul li.statementdBtn i {
	background: url(../img/statement-icon.svg) center no-repeat;
}

.cmsMainLeftBottom ul li.reportdBtn i {
	background: url(../img/report-icon.svg) center no-repeat;
}

.cmsMainLeftBottom ul li.active a,
.cmsMainLeftBottom ul li a:hover {
	background-color: #009877;
	color: #fff;
}

.cmsMainLeftBottom ul li.active object,
.cmsMainLeftBottom ul li a:hover object,
.cmsMainLeftBottom ul li.active img,
.cmsMainLeftBottom ul li a:hover img {
	filter: invert(100%);
}

.cmsMainLeftBottom ul li.active:after {
	display: none;
}

.cmsMainLeftBottom ul li a:active {
	transform: scale(1);
}

.cmsMainRight {
	float: right;
	width: calc(100% - 300px);
	min-height: calc(100% - 4px);
    height: auto;
    border-bottom: 4px solid #95d600;
    -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cmsMainRight.expand {
    width: calc(100% - 80px);
}

.cmsMainRightTop {
	background-color: #FFF;
	padding: 25px 23px;
}

.cmsMainRightTopLeft {
	float: left;
}

.cmsMainRightTopLeft a {
	display: block;
}

.cmsMainRightTopLeft a span {
	display: block;
	width: 18px;
	height: 2px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin-top: 4px;
	background-color: #707070;
}

.cmsMainRightTopLeft a span:first-child {
	margin-top: 0px;
}

.cmsMainRightTopLeft a span:nth-child(2) {
	width: 14px;
}

.cmsMainRightTopLeft a span:nth-child(3) {
	width: 16px;
}

.cmsMainRightTopRight {
	float: right;
	width: calc(100% - 100px);
}

.cmsMainRightTopRight a {
	float: right;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	margin-left: 40px;
	position: relative;
}

.cmsMainRightTopRight a p {
	display: inline-block;
	vertical-align: middle;
}

.welcomeNote {
	float: right;
	font-size: 14px;
	line-height: 14px;
	margin-top: 6px;
}

.welcomeNote span {
	font-weight: 700;
}

.cmsMainRightTopRight a object {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 25px;
	height: 25px;
	background-image: url();
}

.notificationCount {
	position: absolute;
	top: -6px;
    right: -6px;
	background: #FF0000;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	width: 17px;
    padding: 3px 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.cmsMainRightBottom {
	width: 100%;
	background: #292929;
}

.cmsMainRightBottomInner {
	padding: 50px;
}

.cmsMainRightPanelFull {
	width: 100%;
}

.cmsMainRightPanelFull h2 {
	font-size: 21px;
	line-height: 25px;
	font-weight: 600;
	color: #FFF;
	display: block;
	text-transform: uppercase;
}

.cmsMainRightPanelFullContainer {
	margin-top: 25px;
	width: 100%;
	background-color: #FFF;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.cmsMainRightPanelFullContainerInner {
	padding: 35px 50px;
}

.cmsDashboardChart {
	/*float: left;*/
	max-width: 220px;
	position: relative;

	display: table-cell;
	vertical-align: middle;
}

.cmsDashboardChart canvas {
	width: 220px;
	height: 220px;
}

.cmsDashboardChartContent {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.cmsDashboardChartContent p {
	font-size: 16px;
	line-height: 16px;
	display: block;
	font-weight: 600;
}

.cmsDashboardChartContent h2 {
	font-size: 30px;
	line-height: 30px;
	font-weight: 700;
	display: block;
	color: #000;
}

.cmsDashboardChartLegend {
	/*float: left;*/

	display: table-cell;
	vertical-align: middle;
	padding-left: 50px;
	min-width: 140px;
}

.cmsDashboardChartLegendList {
	margin-bottom: 30px;
} 

.cmsDashboardChartLegendList:last-child {
	margin-bottom: 0px;
}

.cmsDashboardChartLegendList span {
	float: left;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color: #18B70B;
	margin-top: 3px;
}

.cmsDashboardChartLegendList p {
	font-size: 16px;
	line-height: 16px;
	float: left;
	margin-left: 10px;
}

.cmsDashboardChartLegendList a {
	background: url(../img/read-more-arrow.png) center no-repeat;
	width: 9px;
	height: 11px;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.cmsDashboardSummary {
	display: table-cell;
    vertical-align: middle;
    padding-left: 100px;
}

.cmsDashboardSummaryInner {
	display: flex;
	flex-wrap: wrap;
}

.cmsDashboardSummaryList {
	width: calc(50% - 60px);
	margin: 30px;
}

.cmsDashboardSummaryListTitle {

}

.cmsDashboardSummaryListTitle p {
	font-size: 14px;
	line-height: 18px;
	float: left;
}

.cmsDashboardSummaryListTitle a {
	float: left;
	width: 9px;
    height: 11px;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    background: url(../img/read-more-arrow.png) center center / cover no-repeat;
}

.cmsDashboardSummaryListContent {
	margin-top: 5px;
}

.cmsDashboardSummaryListContent h3 {
	display: block;
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
}

.cmsMainRightPanel2Col {

}

.cmsMainRightPanel2Col6 {
	width: calc(60% - 15px);
	float: left;
}

.cmsMainRightPanel2Col6Container {
	margin-top: 30px;
	background-color: #FFF;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.cmsMainRightPanelTitleBG {
	background-color: #009877;
	padding: 15px 30px;
}

.cmsMainRightPanelTitleLeft {
	float: left;
}

.cmsMainRightPanelTitleLeftIcon {
	width: 30px;
	height: 30px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

.cmsMainRightPanelTitleLeftIcon object {
	display: block;
	margin: auto;
	width: 100%;
}

.cmsMainRightPanelTitleLeft h6 {
	font-size: 16px;
	line-height: 21px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 600;
	/*float: left;*/
	margin-left: 10px;

	display: inline-block;
	vertical-align: middle;
}

.cmsMainRightPanelTitleRight {
	float: right;
}

.cmsMainRightPanelTitleRight a {
	width: 9px;
    height: 11px;
    float: left;
	margin-top: 10px;
    background: url(../img/read-more-arrow.png) center center / cover no-repeat;
    filter: invert(100%);
}

.cmsMainRightPanelContent {
	padding: 20px 30px 20px 0px;
}

.cmsMainRightPanelContent table {
	width: 100%;
}

.cmsMainRightPanelContent table tr {
	border-bottom: 1px dashed #B2B2B2;
}

.cmsMainRightPanelContent table tr:last-child {
	border-bottom: none;
}

.cmsMainRightPanelContent table thead tr {
	border-bottom: 1px dashed #B2B2B2 !important;
}

.cmsMainRightPanelContent table tr td {
	font-size: 16px;
	line-height: 21px;
	padding: 15px 30px;
}

.cmsMainRightPanelContent table thead tr:first-child td {
	font-weight: 700;
	text-transform: uppercase;
}

.cmsMainRightPanelContent table tr td a {
	color: #000;
	text-decoration: underline;
	font-weight: 600;
}

.cmsMainRightPanelPD .cmsMainRightPanelTitleLeftIcon object {
	filter: invert(100%);
}

.cmsMainRightPanelContent table tr td:last-child {
	width: 25%;
}

.cmsMainRightPanelPD table tr td:last-child {
	color: #009877;
}

.cmsMainRightPanelPD table tr:last-child td {
	font-weight: 700;
}

.cmsMainRightPanelNPS .cmsMainRightPanelTitleLeftIcon object {
	filter: invert(100%);
}

.cmsMainRightPanelPD table thead tr td:last-child {
    color: rgb(0, 0, 0);
}

.cmsMainRightPanelNPS .cmsMainRightPanelContent > div {
	max-height: 520px
}

.cmsMainRightPanelScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 7px !important;
	/*height: 74px !important;*/
	background-color: #009877 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.cmsMainRightPanelScrollbar .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #f2f2f2 !important;
}

.cmsMainRightPanelScrollbar .cmsMainRightPanelContent {
	padding-right: 10px;
}

.cmsMainRightPanel2Col4 {
	width: calc(40% - 15px);
	float: right;
}

.cmsMainRightPanelEI tr td:last-child {
	font-weight: 600;
}

.cmsMainRightPanelEI .cmsMainRightPanelContent > div  {
	max-height: 200px;
}

.cmsMainRightPanelCD tr td:first-child {
	font-weight: 600;
}

.cmsMainRightPanelCD tr td a.cancel {
	color: #FF0000;
}

.cmsMainRightPanelCD tr td a.dispute {
	color: #E58400;
}

.cmsMainRightPanelCD tr td:last-child {
	width: 50% !important;
}

.cmsMainRightPanelCD .cmsMainRightPanelContent > div {
	max-height: 400px;
}

.cmsMainRightPanel2Col6Footer {
	margin-top: 20px;
}

.cmsMainRightPanel2Col6Footer p {
	font-size: 12px;
	line-height: 16px;
}

.cmsMainRightPanel2Col6Footer ul {

}

.cmsMainRightPanel2Col6Footer ul li {

}

.cmsMainRightPanelMUDR table tr:last-child td {
	font-weight: 600;
}

.cmsMainRightPanel2Col6Footer {
	padding: 0px 30px;
}

.cmsMainRightPanel2Col6Footer p {
	font-weight: 600;
	text-transform: uppercase;	
}

.cmsMainRightPanel2Col6Footer ul {
	padding: 0px;
    margin: 0px;
	padding-left: 18px;
}

.cmsMainRightPanel2Col6Footer ul li {
	font-size: 12px;
	line-height: 16px;
}

.cmsMainRightPanelCD object {
	filter: invert(100%);
}

.cmsMainFooterContainer {
	width: 100%;
	padding: 80px 0px 0px;
	text-align: center;
}

.cmsMainFooterContainer p {
	color: #FFF;
	font-size: 14px;
	line-height: 18px;
	display: block;
}

.cmsMainRightPanelNPS tr td:last-child {
	color: #FF9D00;
}

.cmsMainRightPanelNPS thead tr td:last-child {
	color: #000;
}

.cmsMainRightPanelTRCentries {
	float: left;
	width: calc(25% - 58px);
}

.cmsMainRightPanelTRCentries p,
.cmsMainRightPanelTRCsortby p {
	font-size: 14px;
	line-height: 18px;
	color: #8E8E8E;
}

.cmsMainRightPanelTRCentries select,
.cmsMainRightPanelTRCsortby select {
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	border: none;
	background: url(../img/select-icon.png) center right no-repeat;
	border-bottom: 1px solid #707070;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 0px;
	width: 100%;
	font-weight: 600;
}

.cmsMainRightPanelTRCsearch {
	float: left;
	/*width: 18%;*/
	margin-left: 3%;

	width: calc(29% - 58px);
}

.cmsMainRightPanelTRCsearchInner {
	margin-top: 15px;
	position: relative;
}

.cmsMainRightPanelTRCsearchInner input[type="text"] {
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	border: none;
	border-bottom: 1px solid #707070;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 0px;
	width: calc(100% - 25px);
    padding-right: 25px;
}

.cmsMainRightPanelTRCsearchInner input[type="submit"] {
	border: none;
	background: url(../img/search-icon.svg) center no-repeat transparent;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0px;
	bottom: 5px;
	font-size: 0px;
}

.cmsMainRightPanelTRCsortby {
	float: left;
	/*width: 18%;*/
	margin-left: 3%;

	width: calc(29% - 58px);
}

.cmsMainRightPanelTRCfilterIcon {
	float: left;
	margin-left: 3%;
}

.cmsMainRightPanelTRCfilterIcon a {
	width: 30px;
	height: 30px;
	background: url(../img/filter-icon.svg) center no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	display: block;
	margin-top: 20px;
}

.cmsMainRightPanelTRCdownload {
	float: right;
	margin-left: 3%;
}

.cmsMainRightPanelTRCdownload input[type="button"] {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	display: block;
	padding: 15px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #009877;
	border: none;
	color: #FFF;
	margin-top: 9px;
}

.cmsMainRightPanelTRCtable {
	margin-top: 20px;
}

.cmsMainRightPanelTRCtable table {
	width: 100%;
}

.cmsMainRightPanelTRCtable table thead tr {
	background: #009877;	
}

.cmsMainRightPanelTRCtable table thead tr td {
	color: #FFF
}

.cmsMainRightPanelTRCtable table tr td {
	font-size: 14px;
	line-height: 18px;
	padding: 20px 15px !important;
}

.cmsMainRightPanelTRCalone {
	background: #D6D6D6 !important;
	border-bottom: none !important;
}

.cmsMainRightPanelTRCalonePrice {
	background: #94c03d !important;
}

.cmsMainRightPanelTRCalonePrice td {
	color: #FFF;
	font-size: 21px !important;
	line-height: 25px !important;
	text-transform: uppercase;
	font-weight: 700;
}

.cmsMainRightPanelTRCtable table tbody tr td {
	font-weight: 600;
}

.cmsMainRightPanelTRCalone td {
	font-weight: 700 !important;
	font-size: 17px !important;
}

.cmsMainRightPanelTRCtable table tbody tr {
	border-bottom: 1px solid #939393;
}

.cmsMainRightPanelTRCalone td {
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
}

.cmsMainRightPanelTRCtable tbody tr td a {
	color: #000;
	text-decoration: underline;
}

.cmsMainRightPanelTRCtable tbody tr td span.active {
	display: block;
	color: #95D600;
}

.cmsMainRightPanelTRCtable tbody tr td span.successful {
	display: block;
	color: #95D600;
}

.cmsMainRightPanelTRCtable tbody tr td span.unsuccessful {
	display: block;
	color: #9a2424;
}

.cmsMainRightPanelSetting h3 {
	background: #EAEAEA;
	font-size: 14px !important;
	line-height: 14px;
	font-weight: 700;
	padding: 25px 20px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	text-transform: uppercase;
	border: none;
	margin-bottom: 20px !important;
}

.cmsMainRightPanelSetting .ui-icon,
.cmsMainRightPanelSetting .ui-state-hover .ui-icon {
	background: url(../img/accordion-arrow.png) center no-repeat;
	position: absolute;
	right: 20px;
	width: 21px;
	height: 11px;
	top: 25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cmsMainRightPanelSetting .ui-state-active .ui-icon  {
	background: url(../img/accordion-arrow.png) center no-repeat;
	position: absolute;
	right: 20px;
	width: 21px;
	height: 11px;
	top: 25px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.cmsMainRightPanelSetting .ui-state-active {
	border: none;
	color: #000;
}

.cmsMainRightPanelSetting .ui-widget-content {
	border: none;
	/*padding: 20px !important;*/
}

.cmsMainRightPanelSetting .ui-accordion .ui-accordion-content {
	padding: 10px 20px 20px 20px;
}

.cmsMainRightPanelSettingContainer {
	max-width: 550px;
}

.cmsMainRightPanelSettingContainer .cmsMainRightPanelSettingField {
	margin-bottom: 40px;
}

.cmsMainRightPanelSettingContainer .cmsMainRightPanelSettingField:last-child {
	margin-bottom: 0px;
}

.cmsMainRightCommonField {
	position: relative;
}

.cmsMainRightCommonField label {
	position: absolute;
    top: 10px;
    left: 0px;
    color: #575757;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
    -o-transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
}

.cmsMainRightCommonField input[type="text"] {
	display: block;
    border: none;
    border-bottom: 1px solid #707070;
    padding: 10px 0px;
    width: 100%;
    font-size: 14px;
    outline: none;
    font-weight: 700;
}

.cmsMainRightCommonField.active label {
    font-weight: 600;
    -moz-transform: scale(0.75) translateY(-130%);
    -webkit-transform: scale(0.75) translateY(-130%);
    -o-transform: scale(0.75) translateY(-130%);
    -ms-transform: scale(0.75) translateY(-130%);
    transform: scale(0.75) translateY(-130%);
}

.cmsMainRightCommonField select {
	font-size: 14px;
	padding: 10px 0px;
	background: url(../img/select-icon2.png) center right no-repeat;
	border: none;
	width: 100%;
	border-bottom: 1px solid #707070;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	font-weight: 600;
    text-transform: uppercase;
        outline: none !important;
}

.cmsMainRightPanelSettingBtn {

}

.cmsMainRightPanelSettingBtn input[type="button"],
.cmsMainRightPanelSettingBtn input[type="submit"] {
	background: #009877;
	border: none;
	padding: ;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	padding: 15px 30px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 130px;
	float: right;
	text-transform: uppercase;
}

.cmsMainRightPanelSettingBtn a {
	float: right;
	padding: 15px 30px;
	text-decoration: underline;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
}

.dataTables_length,
.dataTables_filter {
	/*display: none;*/
	opacity: 0;
}

.cmsMainRightPanelTRCtable table {
	border-bottom: none !important;
	margin-bottom: 30px !important;
	border-collapse: collapse !important;
}

.cmsMainRightPanelTRCtable .dataTables_wrapper .dataTables_info {
	float: none;
	font-size: 14px;
	font-weight: 600;
	color: #6C6C6C;
}

.dataTables_wrapper .dataTables_paginate {
	float: none !important;
	text-align: center !important;
}

.cmsMainRightPanelTRCtable .dataTables_wrapper .dataTables_paginate span .paginate_button {
	border: none !important;
	margin: 0px 5px;
	font-size: 14px;
	line-height: 14px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 34px;
	text-align: center;
	padding: 10px 0px !important;
	font-weight: 600;
}

.cmsMainRightPanelTRCtable .dataTables_wrapper .dataTables_paginate span .paginate_button.current, 
.cmsMainRightPanelTRCtable .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover,
.cmsMainRightPanelTRCtable .dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
	background: #009877 !important;
	color: #fff !important;
}

.cmsMainRightPanelTRCtable .paginate_button.previous {
	font-size: 0px !important;
	width: 8px;
	height: 14px;
	background: url(../img/pagination-next-icon.png) center no-repeat;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	padding: 0px 5px !important;
}

.cmsMainRightPanelTRCtable .paginate_button.previous.disabled {
	background: url(../img/pagination-next-icon.png) center no-repeat !important;
	opacity: 0.5;
}

.cmsMainRightPanelTRCtable .paginate_button.previous:hover {
	border: none !important;
	background: url(../img/pagination-next-icon.png) center no-repeat transparent !important;
}

.cmsMainRightPanelTRCtable .paginate_button.next {
	font-size: 0px !important;
	width: 8px;
	height: 14px;
	background: url(../img/pagination-next-icon.png) center no-repeat;
	padding: 0px 5px !important;
}

.cmsMainRightPanelTRCtable .paginate_button.next.disabled {
	background: url(../img/pagination-next-icon.png) center no-repeat !important;
	opacity: 0.5;
}

.cmsMainRightPanelTRCtable .paginate_button.next:hover {
	border: none !important;
	background: url(../img/pagination-next-icon.png) center no-repeat transparent !important;
}

/*.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	background: transparent !important;
	border: none !important;
}*/

.cmsMainRightPanelTRCtable .cancel {
	color: #FF0000;
}

.cmsMainRightPanelTRCtable .dispute {
	color: #E58400;
}

.cmsMainRightPanelTRCtable table tr td:last-child {
	width: 10% !important;
}

.notificationLink {
	position: relative;
	float: right;
}

.notificationDropdown {
	position: absolute;
	top: 50px;
	width: 400px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #FFF;
	box-shadow: 0 3px 20px 0 rgba(0,0,0,.29);
	-webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,.29);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 1;
	display: none;
}

.notificationDropdown:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}

.notificationDropdownInner {
	padding: 20px;
}

.notificationDropdownTitle {
	background: #009877;
	padding: 10px 15px;
}

.notificationDropdownTitle h3 {
	display: block;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 500;
}

.notificationDropdownContainer {

}

.notificationDropdownContainer ul {
	padding: 0px;
	margin: 0px;
}

.notificationDropdownContainer ul li {
	list-style-type: none;
	border-bottom: 1px dashed #707070;
}

.notificationDropdownContainer ul li a {
	float: none;
	margin: 0px;
	padding: 15px 10px;
	display: block;
}

.notificationDropdownContainer ul li a p {
	float: left;
	font-size: 14px;
	line-height: 18px;
	width: calc(100% - 80px);
	font-weight: normal;
	text-transform: none;
}

.notificationDropdownContainer ul li a span {
	float: right;
	font-size: 14px;
	line-height: 18px;
	color: #868484;
	font-weight: normal;

}

.notificationDropdownFooter {
	margin: 20px 0px 0px;
	text-align: center;
}

.notificationDropdownFooter a {
	float: none;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	color: #009877;
	text-decoration: underline;
	margin-left: 0px;
}

.cmsMainRightPanelAddNewsBtn input[type="button"] {
	padding-right: 50px;
	background: url(../img/add-new-icon.png) center right 20px rgb(0, 152, 119) no-repeat;
}

.cmsMainLeftBottomSubList {
	display: none;
}

.cmsMainLeftBottomSubList ul {
	padding: 0px;
	margin: 0px;
	/*padding-left: 100px;*/

	text-align: right;
    padding-right: 50px;
}

.cmsMainLeftBottomSubList ul li {
	list-style-type: none;
}

.cmsMainLeftBottomSubList ul li a {
	padding: 15px 20px;
	color: #000000 !important;
	font-weight: 600;
	display: block;
	text-transform: uppercase;
	background: transparent !important;
}

.cmsMainLeftBottomSubList ul li a.active {
	color: #009877 !important;
}

.cmsMainLeftBottomSubList ul li::after {
	display: none;
}

.cmsMainLeftBottomSubList ul li a:hover {
	background: transparent;
	color: #009877 !important;
}

.cmsMainLeft.minimize .cmsMainLeftBottomSubList {
	position: absolute;
    left: 100%;
    top: 0px;
	background-color: #009877;
	z-index: 1;
	    min-width: 200px;
}

.cmsMainLeft.minimize .cmsMainLeftBottomSubList ul li a {
	text-align: left;
}

.cmsMainLeft.minimize .cmsMainLeftBottomSubList ul li a:hover {
	color: #FFF !important;
}

.cmsMainLeft.minimize .cmsMainLeftBottomSubList ul {
	padding-right: 0px;
}

.cmsMainRightCommonFieldList {

}

.cmsMainRightCommonFieldList select {
	/*float: left;*/
	width: calc(50% - 24px);

	display: inline-block;
    vertical-align: middle;
}

.cmsMainRightCommonFieldList p {
	/*float: left;*/
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0px 10px;

	display: inline-block;
    vertical-align: middle;
}

.cmsMainRightPanelFullTitle {

}

.cmsMainRightPanelFullTitle h2 {
	float: left;
}

.cmsMainRightPanelFullTitle h2:last-child {
	float: right;
}

.companyDetailRow {
	border-bottom: 1px solid #707070
}

.companyDetailRow:last-child {
	border-bottom: none;
}

.companyDetailRowInner {
	padding: 35px 50px;
}

.companyDetailRowInner h3 {
	font-size: 21px;
    line-height: 25px;
    font-weight: 700;
    color: #000;
    display: block;
    text-transform: uppercase;
}

.companyDetailRowListContainer {
	margin-top: 30px;
}

.companyDetailRowList {
	float: left;
	width: calc(33.3333% - 34px);
	margin-left: 50px
}

.companyDetailRowList:first-child {
	margin-left: 0px;
}

.companyDetailRowListContent {
	margin-bottom: 40px;
}

.companyDetailRowListContent:last-child {
	margin-bottom: 0px;
}

.companyDetailRowListContent p {
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	color: #575757;
}

.companyDetailRowListContent h6 {
	font-weight: 600;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
}

.companyDetailRowListContent h6 a {
	color: #FF0000;
	text-decoration: underline;
}

.companyDetailFooterBtnContainer {
	margin-top: 30px;
}

.companyDetailFooterBtnContainer input[type="button"],
.companyDetailFooterBtnContainer input[type="submit"] {
	/*background-color: rgb(0, 152, 119);
    color: rgb(255, 255, 255);
	font-size: 16px;
    line-height: 16px;
	font-weight: 600;
	float: right;
	padding: 20px 50px;
    text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	margin-left: 20px;*/

	background: #009877;
	border: none;
	padding: ;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	padding: 15px 30px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 130px;
	float: right;
	text-transform: uppercase;
	margin-left: 20px;
}

.cmsMainRightPanelTRCdate {
	float: left;
	margin-top: -6px;
}

.cmsMainRightPanelTRCdate > p {
	color: #8E8E8E;	
}

.cmsMainRightPanelTRCdateList {
	float: left;
}

.cmsMainRightPanelTRCdateList input[type="text"] {
	border: none;
	border-bottom: 1px solid #707070;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 0px;
	max-width: 120px;
}

.cmsMainRightPanelTRCdateInner > p {
	float: left;
    margin: 0px 20px;
    padding: 10px 0px;
}

.cmsMainRightPanelTRCdateInner input[type="submit"] {
	text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    display: block;
    padding: 15px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #009877;
    border: none;
	margin-top: -5px;
    color: #FFF;
    float: left;
    margin-left: 20px;
}

.cmsMainRightPanelTRCtable .disputed {
	color: #ED7E1E;
}

.cancelationContainer tr td:first-child span {
	color: #B2B0B0;
	font-size: 12px;
	line-height: 12px;
	display: block;
	margin-top: 3px;
}













@media only screen and (max-width: 1440px) {


}


@media only screen and (max-width: 1024px) {


}


@media only screen and (max-width: 768px) {


}


@media only screen and (max-width: 480px) {


}


@media only screen and (max-width: 400px) {

}


@media only screen and (max-width: 320px) {


}

