/* Minification failed. Returning unminified contents.
(1359,1): run-time error CSS1019: Unexpected token, found '}'
(1609,30): run-time error CSS1046: Expect comma, found '102'
(1609,38): run-time error CSS1046: Expect comma, found '/'
(1653,30): run-time error CSS1046: Expect comma, found '102'
(1653,38): run-time error CSS1046: Expect comma, found '/'
(1786,2): run-time error CSS1019: Unexpected token, found '}'
(2292,29): run-time error CSS1046: Expect comma, found '222'
(2292,37): run-time error CSS1046: Expect comma, found '/'
 */

@media only screen and (min-width: 320px) and (max-width: 480px) {
	#saveButton {
		z-index:20;
	}
	.dashboard-stat {
		margin-bottom: 15px !important;
	}
	.page-header-menu {
		padding-bottom: 20px !important;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown.opened > .dropdown-menu {
		background:#f3f3f3 !important;
	}
	#searchPortlet .floating-search-btn {
		position: relative !important;
		bottom: 0px !important;
		right: 0px !important;
		height: 40px !important;
		border-radius: 0;
		width: 100% !important;
	}
	.page-head .page-toolbar {
		float:left!important;
	}
	.portlet.light > .portlet-title > .inputs .portlet-input .form-control {
		float:left;
		margin-bottom:5px;
	}
	.field-per-table-width {
		width:100% !important;
	}
	.portlet.light {
		width:100%;
	}
	.panel-body {
		width:100%;
		overflow:scroll;
	}
	ul.page-breadcrumb {
		margin-top:24px !important;
	}
}
@media (max-width: 991px){
	.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
		padding: 15px;
	}
}

body {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
	 will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
.ui-autocomplete-loading {
	background: url(../Content/Images/input-loader.gif) no-repeat right center !important;
}

.login {
	
}
.login .content .create-account p a + a
{
	margin-left:50px;
}
.login .content label, .login .content p
{
	text-align:center;
}

ul.page-breadcrumb {
	margin-top: 20px;
}
.breadcrumb .fa
{
	font-size:inherit;
}


#Researches .portlet > .portlet-title {
	margin-bottom: 0px;
	padding: 0 10px;
}

#Researches .table-bordered {
	border: none;
}

	#Researches .table-bordered td:first-child {
		width: 20%;
	}

#Researches input[type="radio"] {
	margin-left: -8px;
}
.productCountSize {
	margin-top:5px;
}
.productCountSize span {
	background: #f3f3f3;
	padding: 1px 10px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
}
.widthAuto {
	width: auto !important;
}

.padLeft-0 {
	padding-left: 0 !important;
}

.add-image-container {
	/*clear: both;
	display: inline-block;
	margin: 25px;
	padding: 10px;
	background-color: #CCC;
	width: 300px;*/
}

.sort-question-box .caption {
	color: #FFF;
}

.total-count {
	border: 1px solid #dddddd;
	background: #eee;
	color: #333;
	padding: 5px 10px;
	font-size: 13px;
	float: right;
	font-weight: bold;
}

.page-header .page-header-top .page-logo .logo-default {
	margin: 0 !important;
}

.page-header .page-header-top .page-logo img {
	width:68px;
}

.page-header .page-header-top .top-menu img.country-flag {
	height: auto !important;
	margin-top: 10px !important;
}

/* here you can put your own css to customize and override the theme */
.non-margin {
	margin: 0 !important;
}

.sort-table, .sort-table span {
	display: block;
	width: 20px;
	height: 20px;
}

	.sort-table .asc {
		background: url(/Themes/metronic/assets/global/plugins/datatables/media/images/sort_asc.png) 0 0 no-repeat;
	}

	.sort-table .desc {
		background: url(/Themes/metronic/assets/global/plugins/datatables/media/images/sort_desc.png) 0 0 no-repeat;
	}

.form-group.clearfix {
	margin-bottom: 10px;
}

	.form-group.clearfix .radio, .form-group.clearfix .checkbox {
		margin-top: 0;
	}

#MainGridDiv .pagination {
	margin-top: 0;
}

#MainGrid.small-table *
{
	font-size: 12px !important;
}

.loading {
	background: url('../Content/Images/list-loader.gif') center center no-repeat;
}

#pageLoading {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999;
	background: #fff;
	cursor:progress;
	opacity: 0.8;
}

	#pageLoading .loading {
		width: 100%;
		height: 100%;
	}

.modal-box {
	margin: 0 !important;
}

#successMessage {
	color: #35aa47;
}

#ErrorMessage {
	padding-bottom: 15px;
}

.sortable-items {
	padding-left: 25px !important;
	background-image: url(/Content/Images/sort-icon.png) !important;
	background-position:10px center !important;
	background-repeat: no-repeat !important;
}


.sortable-inputs {
	padding-left: 25px !important;
	background: url(/Content/Images/sort-icon.png) 10px center no-repeat;
}

.customSortableItem
{
	cursor: move;
}

.sort-Product {
	cursor: move;
}

.ui-sortable-helper
{
	background:#ccc;
	cursor:move;
}

.portlet.box > .portlet-title > .tools > a.expand-groups {
	background-image: url(/Themes/metronic/assets/global/img/portlet-expand-icon-white.png);
}

.portlet > .portlet-title > .tools > a.expand-groups {
	background-image: url(/Themes/metronic/assets/global/img/portlet-expand-icon.png);
	width: 14px;
}

.portlet.box > .portlet-title > .tools > a.on {
	background-image: url(/Themes/metronic/assets/global/img/portlet-collapse-icon-white.png);
}

.portlet > .portlet-title > .tools > a.on {
	background-image: url(/Themes/metronic/assets/global/img/portlet-collapse-icon.png);
	width: 14px;
}

#validateMessage
{
	margin-top:30px;
}

#ListContent:empty
{
	text-align: center;
	font-size: 13px;
	color: #666;
	padding: 40px;
}
#ListContent:empty::before
{
	content:"No Results";
}

.datepicker
{

}
.datepicker td.day
{
	text-align:center;
}
.datepicker td.range.day
{
	background: #ccc;
}
.datepicker td.selected.day
{
	font-weight: bold !important;
	color: #fff !important;
}
.datepicker td.disabled {
	background: #E4E4E4;
	color: #989898;
}
.datepicker td.day.today {
	background: #FFFFA9 !important;
}

#Dashboard .portlet-body
{
	/*min-height: 280px;*/
}
#Dashboard .portlet-body.min-height
{
	min-height: 360px;
}
.dashboard-stat .more
{
	font-size:10px !important; 
}
.custom-portlet-filters
{

}
.custom-portlet-filters .custom-portlet-filter-company, .custom-portlet-filters .custom-portlet-filter-period
{
	
}
.custom-portlet-filters .custom-portlet-filter-company
{

}
.custom-portlet-filters .input-circle-right
{
	border-left: none !important;
}
.custom-portlet-filters input, .custom-portlet-filters select
{
	width: 150px !important; 
}

.portlet.light > .portlet-title > .inputs .portlet-input .form-control {
	height: 30px;
	padding: 3px 10px;
	font-size: 13px;
}

.form-control.form-control-error
{
	/*border-top: 2px solid !important;
	border-color: #D05454 !important;*/
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: block;
  min-width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

.ui-autocomplete .ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
}

.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
  color: #ffffff;
  text-decoration: none;
  background: #0088cc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
	border: none;
	background: #444D58;
	font-weight: normal;
	color: #B0C2CB;
	margin: 0 !important;
}

.CustomScrollArea
{

}

.toast-top-right
{
	right: 32px !important;
}

.fancybox-close {
    top: 13px !important;
    right: 23px !important;
    background-image: url('/Content/Images/fancybox_close.png');
    width: 32px;
    height: 32px;
    background-size: 32px 64px;
}
.fancybox-close:hover
{
	background-position: 0 -32px;
}

.fancybox-outer, .fancybox-inner {
	/*-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;*/
}

body.iframe-body {
	overflow-x: hidden;
}

body.iframe-body::-webkit-scrollbar {
	width: 14px;
	height: 18px;
}
body.iframe-body::-webkit-scrollbar-thumb {
	height: 6px;
	border: 4px solid rgba(0, 0, 0, 0);
	background-clip: padding-box;
	-webkit-border-radius: 7px;
	background-color: rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
body.iframe-body::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}
body.iframe-body::-webkit-scrollbar-corner {
	background-color: transparent;
}

body.iframe-body .portlet
{
	margin-bottom: 0 !important;
}

.no-resize
{
	resize:none;
}
.no-border-radius {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.no-border-h
{
	border-left:none !important;
	border-right: none !important;
}

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

.padding-top-4
{
	padding-top:4px !important;
}
.padding-top-5 {
	padding-top: 5px !important;
}
.padding-top-6 {
	padding-top: 6px !important;
}
.padding-top-7 {
	padding-top: 7px !important;
}
.padding-top-8 {
	padding-top: 8px !important;
}
.padding-top-9 {
	padding-top: 9px !important;
}
.padding-top-10 {
	padding-top: 10px !important;
}
.padding-top-15
{
	padding-top:15px !important;
}

.width-hundred
{
	width:100px !important;
}

#TaskReportsChart
{
	/*background: #3f3f4f;
	color:#ffffff;*/
	height:400px;
	/*margin:-19px -20px -20px -20px;
	border-radius: 0px 0px 4px 4px;
	padding:20px;*/
}

.ChartLoader,.ChartNoData,.ChartNoData2,.ChartLoaderDisable {
	position: relative;
}
.ChartLoader:before {
	content:"";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background: #fff url('../Content/Images/list-loader.gif') center center no-repeat;
}
.ChartLoaderDisable:before {
	content:"";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background: #fff url('../Content/Images/list-loader.gif') center center no-repeat;
}
    .ChartNoData:before {
        content: "No Results";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 999;
        background: #F7F7F7;
        text-align: center;
        line-height: 200px;
        color: red;
        font-weight: lighter;
        font-size: 16px;
    }
.ChartNoData2:before {
	content: attr(data-no-result);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background: #F7F7F7;
	text-align: center;
	padding-top: 20%;
	color: #999;
	font-weight: lighter;
	font-size: 16px;
}
a[title="JavaScript charts"]
{
	display: none !important;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 90% !important;
	}
	.page-header .page-header-top .page-logo .logo-default {
	}
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}

#searchPortlet {
	position:relative;
}
	#searchPortlet .floating-search-btn {
		position: absolute;
		bottom: 30px;
		right: -34px;
		height: 100px;
		border-radius: 0;
		background: #ee397c;
		color: #fff;
		border: 1px solid #ee397c;
	}
		#searchPortlet .floating-search-btn:hover {
			position: absolute;
			bottom: 30px;
			right: -34px;
			height: 100px;
			border-radius: 0;
			background: #fff;
			border: 1px solid #ee397c;
			color: #ee397c;
		}

#CustomPageLoading {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999;
	background: #fff;
	cursor:progress;
}

	#CustomPageLoading #CustomPageLoadingLogo {
		background: url(../Content/Images/logonew.png) no-repeat 0 0;
		width: 105px;
		height: 68px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -52px;
		margin-top: -34px;
		z-index: 5;
	}
#CustomPageLoading #CustomPageLoadingLoader {
	background: url('../Content/Images/CustomPageLoading.gif') center center no-repeat;
	background-size:100%;
	width:150px;
	height:150px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -75px;
	margin-top: -75px;
}
.CustomPageLoadingNoScroll
{
	overflow:auto;
}

.table-head-vertical-align
{

}
.table-head-vertical-align thead tr
{

}
.table-head-vertical-align thead th, .table-head-vertical-align thead td
{
	vertical-align: middle !important;
}

.height-100
{
	height:100%;
}

.popover
{
		z-index: 9060 !important;
}

.images-container .image-area
{
	position: relative;
	margin-right: 7px;
}

.images-container .image-area .deleteAuditImage,
.images-container .image-area .removecell,
.images-container .image-area .deleteRGPetaImage,
.images-container .image-area .deleteRGQImage,
.images-container .image-area .deleteRGTespaImage,
.images-container .image-area .deleteRGPriceImage,
.images-container .image-area .deleteDisplayAnswerImage{
        display: block;
        background: #EF4836;
        color: #fff;
        width: 30px;
        height: 30px;
        position: absolute;
        top: -9px;
        right: -7px;
        z-index: 999;
        border-radius: 50%;
        padding-left: 10px;
        padding-top: 5px;
}

.images-container .image-area .firstAuditSpImage {
		display: block;
		background: #EF4836;
		color: #fff;
		width: 30px;
		height: 30px;
		position: absolute;
		top: -9px;
		right: -7px;
		z-index: 999;
		border-radius: 50%;
		padding-left: 10px;
		padding-top: 5px;
}


.images-container .image-area .deleteAuditImage:hover,
.images-container .image-area .removecell:hover,
.images-container .image-area .deleteRGPetaImage:hover,
.images-container .image-area .deleteRGQImage:hover,
.images-container .image-area .deleteRGTespaImage:hover,
.images-container .image-area .deleteRGPriceImage:hover,
.images-container .image-area .deleteDisplayAnswerImage:hover{
    background: #D91E18;
}

.images-container .image-area .firstAuditSpImage
{	
	background: #6ebbd6;
}
.page-header .page-header-top .menu-toggler{	
	background: url(/themes/metronic/assets/admin/layout3/img/menu-toggler.png) center center no-repeat!important;
}

.workOrderFiles
{
	display: inline-block;
	position: relative;
	width: 75px;
	height: 75px;
}
.workOrderFiles .badge
{
	position: absolute;
	bottom: -6px;
	right: -6px;
}

.page-header .page-header-menu, .page-footer {
	background: #ee397c;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a{ color:#fff; }
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i{ color:#fff; }
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i, 
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, 
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i{ color:#fff; }
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a{color:#fff; }
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover{ color:#fff; }
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a{ color:#fff; }
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i{ color:#fff; }
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i{ color:#fff;}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i{ color:#fff; }


	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
		background: #ee397c;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
		background: #b51852 !important
	}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after{ color:#fff; }
	.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
	.page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
	.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
		background: #b51852 !important
	}
	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
		background: #b51852 !important;
	}
		.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
		.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
		.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
		.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
			background: #ee397c !important;
		}
		.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li .dropdown-submenu a span.arrow {
			background: #b51852 !important;
			color: red !important
		}

#WorkOrderMap
{
	border: 1px solid #ddd;
}
.sp-detail-small
{
	font-size:75%;
	padding-top:3px;
}
.sp-detail-label
{

}
.table-td-fix-width-25, .table-td-fix-width-25 tr:first-child td, .table-td-fix-width-25 tr:first-child th
{
	border-top: 0 !important;
}
.table-td-fix-width-25 td, .table-td-fix-width-25 th
{
	font-size:13px !important;
	vertical-align: middle !important;
}
.table-td-fix-width-25 th
{
	width:15% !important;
}
.table-td-fix-width-25 td
{
	width:35% !important;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.white
{
	background-image:url("../Themes/metronic/assets/global/img/accordion-plusminus-white.png") !important;
}

.audit-detail-panel {
	margin-bottom: 10px;
}

	.audit-detail-panel .sales-point-name {
		font-size: 20px;
	}

	.audit-detail-panel .task-id {
		margin-top: 4px;
	}

.audit-appeal-btn-wrapper {
	position: relative;
}

	.audit-appeal-btn-wrapper .label {
		line-height: 40px;
	}


.modal-footer .audit-appeal-action-btn {
    position: relative !important;
    top: 0px !important;
    right: 0px !important;
}
.modal-footer .audit-appeal-evaluation-action-btn {
	position: relative !important;
	top: 0px !important;
	right: 0px !important;
}

.audit-appeal-action-btn {
	position: absolute;
	top: 3px;
	right: 5px;
}

.audit-appeal-evaluation-action-btn {
	position: absolute;
	top: 3px;
	right: 5px;
}

.btn-modal-one  {
    position:absolute;
    top:3px;
    right:5px;
}.audit-appeal-notification {
    text-align: left;
}

.audit-appeal-detail-table .title {
	font-weight: 700 !important;
	background: inherit !important;
}

.fancybox-inner .portlet
{
	margin-bottom: 0 !important;
}
.fancybox-slide--iframe .fancybox-content {
	width:80% !important;
}


#auditDetailPopup .exa-score
{
	border: 2px solid #ccc;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-size: 14px;
	font-weight: 400;
	padding-top: 8px;
	display: inline-block;
	text-align: center;
	margin-top: -8px;
	margin-left: 10px;
}

#auditDetailPopup .sales-point-info th
{
	
}
#auditDetailPopup .sales-point-info td, #auditDetailPopup .sales-point-info th
{
	vertical-align: middle;
	font-size:12px;
}

#auditDetailPopup .sales-point-info .sales-point-image {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px
}

#auditDetailPopup .sales-point-info .sales-point-image .badge {
	position: absolute;
	bottom: -6px;
	right: -6px
}
#auditDetailPopup .research-group-images img
{
	border: 1px solid #ddd;
	padding: 1px;
	width:30px;
	height:30px;
}
#auditDetailPopup .research-group-images i {
	border: 1px solid #ddd;
	padding: 1px;
	width: 30px;
	height: 30px;
	font-size: 24px;
	line-height: 26px;
}
#auditDetailPopup .research-group-images img.big
{
	width:40px;
	height:40px;
}
#auditDetailPopup .research-group-images img:hover
{
	border-color: #bbb;
}

.audit_popup_note
{
	padding: 10px 15px;
	background: #E4E4E4;
	margin-bottom: 10px;
	font-size: 12px;
}
.audit_popup_mobile_note
{
	margin-bottom: 10px;
	padding: 10px 15px;
	background: #e4e4e4;
	font-size: 12px;
	border: 1px solid #ccc;
}
.audit_popup_mobile_note .title
{
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 14px;
}
.audit_popup_mobile_note .title .importance
{
	font-size: 12px;
	line-height: 14px;
}
.audit_popup_mobile_note .title i.fa
{
	font-size: 12px;
	line-height: 14px;
}
.audit_popup_mobile_note .text
{
	margin: 0;
	font-size: 13px;
}
/*Low*/
.audit_popup_mobile_note.mobile_note_importance_0
{
	border-color: #95A5A6;
}
.audit_popup_mobile_note.mobile_note_importance_0 .title
{
	color: #95A5A6;
}
/*Medium*/
.audit_popup_mobile_note.mobile_note_importance_1
{
	border-color: #F36A5A;
}
.audit_popup_mobile_note.mobile_note_importance_1 .title
{
	color: #F36A5A;
}
/*High*/
.audit_popup_mobile_note.mobile_note_importance_2
{
	border-color: #D91E18;
}
.audit_popup_mobile_note.mobile_note_importance_2 .title
{
	color: #D91E18;
}

.lightboxOverlay
{
	z-index: 999999 !important;
}
.lightbox
{
	z-index: 1000000 !important;
}

.timeline:before {
	display: none;
}

.timeline-badge > .userTitle {
	opacity: 0;
	transition: 300ms ease-in-out;
}

.timeline-badge:hover > .userTitle {
	opacity: 1;
}

/*Map: Info Window*/
#infowWindow
{

}
#infowWindow .scrollFix 
{
	line-height: 1.35;
	overflow: hidden;
	white-space: nowrap;
	padding-bottom: 2px;
	padding-top: 2px;
}
#infowWindow .custom-info-window
{
	width: 550px;
}
.no-border-radius
{
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}

#SelectButtons
{
	margin-bottom:17px;
}
.table-bordered {
	table-layout:fixed;
	word-wrap:break-word;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	text-align:center;
	vertical-align:middle;
}

#MainGrid.ab {
	table-layout: fixed;
}

.btn.purple:not(.btn-outline) {
	margin-left: -3px;
	margin-right: auto;
}

input.custom-file-input[type="file"] {
	cursor: pointer !important;
	font: 300 13px "Open Sans",sans-serif;
	color: #9e9e9e
}

	input.custom-file-input[type="file"]::-webkit-file-upload-button {
		font: 700 13px "Open Sans",sans-serif;
		background: #009688;
		border: 0;
		padding: 12px 25px;
		cursor: pointer;
		color: #fff;
		text-transform: uppercase
	}

	input.custom-file-input[type="file"]::-ms-browse {
		font: 700 13px "Open Sans",sans-serif;
		background: #009688;
		border: 0;
		padding: 12px 25px;
		cursor: pointer;
		color: #fff;
		text-transform: uppercase
	}


/* MAGNIFY */
html.magnifying > body {
	overflow-x: hidden !important;
}

.magnify {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	/*Lets create the magnifying glass*/

	.magnify .large {
		width: 240px;
		height: 240px;
		position: absolute;
		border-radius: 100%;
		/*Multiple box shadows to achieve the glass effect*/
		box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
		/*Lets load up the large image first*/
		/*hide the glass by default*/
		display: none;
	}
	/*To solve overlap bug at the edges during magnification*/

	.magnify .small {
		display: block;
		width: 100%;
		height: 100%;
	}

/* COLORBOX MODIFY */
#cboxLoadedContent {
	position: relative;
	overflow: hidden !important;
}

#cboxOverlay {
	background: #000 !important;
}

.validation-summary-valid
{
	display: none;
}

.validation-summary-errors
{
	display: block;
}

#hide-statusChanel {
	margin-right:0 !important;
	margin-left:0!important;
}
#hide-projecId {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.project-ready-deadtime {
	margin-top:20px !important;
	margin-bottom:20px;
}

.audit-modal.modal .modal-footer {
    border:none!important;
}
.audit-modal.modal .modal-title {
    font-size: 20px;
    margin-left: 15px;
    font-weight: 500;
    color: #2ab4c0 !important;
}
.p-0 {
	padding: 0px !important;
}
.audit-modal.modal .form-group {
    padding:0px;
    margin-bottom:20px;
    margin-top:20px;
}

    .audit-modal.modal .form-group label {
        padding-top: 8px;
        font-size: 14px;
        color: #888888;
        opacity: 1;
        filter: alpha(opacity=100);
        text-align: right;
    }
#reminsertform {
    display: none;
}
.user-edit-remusertype {
    padding: 0;
    margin-top: 2px;
}
input.activeSubmit {
    background-color: #4B77BE !important;
    border-color: #4B77BE !important;
}
.field-per-table-height {
    min-height: 400px;
    overflow-y: auto;
    max-height: 400px;
}
.field-per-table-width {
    width:49%;
}
.field-per-table-width:first-child {
    margin-right:2%;
}

.text-c-like {
    color: #5cb85c !important;
}
.text-c-dislike {
    color:red !important;
    font-weight:bold !important;
}
.customPosReport {
	display: inline-block;
	float: right;
	color: #7f9aac;
	background: #f7f7f7;
}
.btnLoading {
	margin-right:5px;
}
.customPOSedit {
	z-index: 999;
	margin-top: -3.7%;	
}
.customPosReported {
	display: inline-block;
	float: right;
	color: #7f9aac;	
}
.customPosUnReportText {
	font-weight: 200
}
.btn-secondaryDelete {
	background: #f3f3f3;
	color: #333 !important;
	display: inline-block;
	margin-left: 20px;
}
.custom-big-title {
	background-color: #b40527;
	margin-left: -20px !important;
	margin-right: -20px !important;
	text-align: center;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
	.custom-big-title label {
		color: #fff !important;
		text-align: center;
		line-height: 0;
		
	}
.custom-big-title-icon {
	color:#fff;
	margin-right:5px;
}
.custom-form-margin {
	margin-left:10px;
}
.checkbox-title-left{
	float:left;
	margin-right:11px;	
}
.checkbox-title {
	font-size: 14px;
	color: #888888;
	opacity: 1;
	filter: alpha(opacity=100);
}
.form-horizontal .form-group.form-md-line-input {
	margin: 0 -15px 5px -15px !important;
}
.rawdata-checkbox-c {
	margin-top:6px;
}
.raw-data-input-c {
	height:55px;
}
}
.fancybox-slide--iframe {
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.daterangepicker .calendar {
	display:block;
	max-width:223px !important;
}
.daterangepicker .ranges {
	width: auto !important;
	float: left;
}
	.daterangepicker .ranges ul {
		width:270px !important;
	}

@media (min-width: 564px){

	.daterangepicker .ranges ul {
		width: 270px !important;
		min-width: 145px !important;
	}
	.daterangepicker .ranges li {
		font-size: 12px;
		width: 130px;
		float: left;
		margin-right: 5px;
	}
}
.daterangepicker .ranges ul {
	list-style: none;
	margin: 0 auto; 
	padding: 0;
}
.range_inputs {
	clear:both;
}
.custom-userProfile {
	width:50%;
	float:left;
}
.custom-excel-btn {
	float: left;
	display: inline-block;
	width: 42%;
	margin-right: 10px;
}
.enableRed {
	color: #e27777;
}
	.enableRed.md-checkbox label > .check {
		border-color: #e27777;
	}

.productList {
	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	font-size: 12px;
}
.productList-text-area {
	width: 100%;
	height: 200px;
	box-shadow: rgb(211, 211, 211) 2px 2px 2px 2px;
	border:none !important;
	font-size:14px;
}
.productList-text-area-tespa {
	width: 100%;
	height: 200px;
	box-shadow: rgb(211, 211, 211) 2px 2px 2px 2px;
	border: none !important;
	font-size: 14px;
}

.checkBoxButton {
	margin-top:1.2%;
}
.CheckBoxAlert {
	margin-top: 15px;
	font-size:15px;
	margin-bottom: 5px;
	color: #bf3c3c;
	font-weight: 600;
	width:100%;
}
.checkboxrg {
	box-shadow: rgb(211, 211, 211) 2px 2px 2px 2px;
	padding: 10px;
	text-align:center;
	font-size:15px;
}
.notFoundRg div {
	color: #bf3c3c;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
.notFoundRg h5 {
	margin-top: 13px;
	color: red;
	font-weight: 600;
	margin-left: 5px;
	margin: 0;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: center;
	display: block !important;
}
.FoundRg h5 {
	margin-top: 13px;
	color: #10bb12;
	font-weight: 600;
	margin-left: 5px;
	margin: 0;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: center;
	display:block !important;
}
.foundRgBg {
	box-shadow: rgb(211, 211, 211) 2px 2px 2px 2px;
	padding: 10px 30px;
	margin-top: 10px;
	font-size: 15px;
}
.boProductModal .modal-title  {
	font-size:20px;
	font-weight:500;
}

.imageThumbWrapperCustom {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	padding: 15px;
}

	.imageThumbWrapperCustom i {
		font-size: 68px;
		padding-top: 18px;
	}

.imageThumbCustom {
    margin-top: 3px;
    margin-right: 7px;
    width: 22%;
    box-shadow: black;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 0px rgba(95, 95, 95, 0.75);
}

.many-columns thead tr th {
	font-size: 11px !important;
}
.custom-detail-title {
	font-size: 16px;
	padding-bottom: 10px;
	display: block;
}
.audit-detail-progress-value {
	font-size: 20px;
	position: absolute;
	color: #fff;
	left: 47%;
	right: 53%;
	display: block;
	margin-top: 7px;
}
.RevomeProduct {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.col-md-2-5 {
	width: 20%;
	float: left;
}

.col-md-1-5 {
	width: 12%;
	float: left;
}
.CustomScrollArea {
	position: relative;
	overflow: hidden;
	width: auto;
	height: 410px;
	overflow-y: scroll;
}
.CompanyRemUserList .md-checkbox label {
	margin-left: 85px;
}

	.CompanyRemUserList .md-checkbox label span {
		margin-left: 80px;
	}
.yellow-dark {
	background: #f3c200 !important;
	color: #fff;
}
.dp-flex-column {
	display: flex;
	flex-direction: column;
}
.product-barcode {
	font-size: 11px;
}
.customPriceColumn {
	padding-left: 45px;
	text-align: left !important;
}
.form-group.form-md-line-input .form-control.input-validation-error {
	color: red !important;
	border-bottom: 1px solid red !important;
}

.select2-selection {
	border: 0 !important;
	border-bottom: 1px solid #c2cad8 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
	color: #4d6b8a !important;
	box-shadow: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	font-size: 14px !important;
}

.select2-selection__rendered {
	color: #4d6b8a !important;
	padding-left: 4px !important;
}

.select2-container *:focus {
	outline: none;
}

.select2-results__options {
	overflow-x: hidden;
}
.datepicker-months.dropdown-menu {
	box-shadow: 5px 5px rgb(102 102 102 / 10%);
	border: 1px solid #efefef;
	width: 250px;
}

.datepicker-months .month {
	width: 100%;
	padding: 5px;
	width: 33%;
	float: left;
	text-align: center;
}

.datepicker-months table td {
	color: #000;
	font-weight: 300 !important;
	font-family: 'Open Sans' !important;
}

.datepicker-months td.month {
	text-align: center;
}

.datepicker-months .table-condensed {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

	.datepicker-months .table-condensed .prev {
		padding-right: 20px;
	}

	.datepicker-months .table-condensed .next {
		padding-left: 20px;
	}

.datepicker-months .active {
	border-radius: 5px;
	color: #fff;
}

.datepicker-years.dropdown-menu {
	box-shadow: 5px 5px rgb(102 102 102 / 10%);
	border: 1px solid #efefef;
	width: 250px;
}

.datepicker-years .year {
	width: 100%;
	padding: 5px;
	width: 33%;
	float: left;
	text-align: center;
}
.datepicker-years table td {
	color: #000;
	font-weight: 300 !important;
	font-family: 'Open Sans' !important;
}

.datepicker-years td.year {
	text-align: center;
}

.datepicker-years .table-condensed {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

	.datepicker-years .table-condensed .prev {
		padding-right: 20px;
	}

	.datepicker-years .table-condensed .next {
		padding-left: 20px;
	}


.custom-portlet-filters .ui-corner-all {
	border-radius: 25px;
	margin: 0px;
	display: block;
	float: left;
	margin-right: 4px;
	height:30px;
	overflow-y:auto;
}
	.custom-portlet-filters .ui-corner-all span {
		font-size: 13px;
		padding: 3px 10px;
		color: rgb(85, 85, 85);
		font-weight: 500;
		font-family: "Open Sans", sans-serif;
	}
	.custom-portlet-filters .ui-corner-all .ui-iconc {
		font-size: 10px;
		color: #333;
		float: right;
		padding: 5px 6px 5px 0px;
	}
	.custom-portlet-filters .ui-corner-all.ui-state-hover {
		background: #fff;
		border: 1px solid #cccccc;
		margin-right: 4px !important;
		float: left;
		border-radius: 25px;
	}
	.custom-portlet-filters .ui-corner-all.ui-state-focus {
		background: #fff;
		border: 1px solid #cccccc;
		margin-right: 4px !important;
		float: left;
		border-radius: 25px;
	}

.ui-multiselect-header {
	border: none !important;
	border-bottom: 1px solid #333 !important;
	padding: 3px 0 3px 4px !important;
	border-radius: 0px !important;
	background: transparent !important;
	color: #333 !important;
	margin: 5px 0px !important;
	padding-bottom:5px !important;
	display:flex;
	justify-content:center;
	align-content:center;
	flex-direction:column;

}
.ui-multiselect-filter {
	margin-bottom:10px !important;
}
.ui-multiselect-filter input {
	width: 150px !important;
}
.ui-multiselect-header a {
	color: #333;
	font-size: 12px;
	text-align: center;
	padding-left: 10px;
}
.ui-multiselect-menu {
	background:#fff !important;
	border-radius:8px;
}
.ui-multiselect-checkboxes label input {
	margin-right:7px;
	margin-top:0px;
}
.ui-multiselect-checkboxes label {
	font-size: 12px;
	padding: 0px !important;
	margin: 0px;
	display: flex !important;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	padding: 2px 2px !important;
}
	.ui-multiselect-checkboxes label.ui-state-hover {
		font-size: 12px;
		padding: 0px !important;
		margin: 0px;
		display: flex !important;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		padding: 2px 2px !important;
		background: #1872e0;
		color: #fff;
		border:1px solid transparent;
	}
	}

.pink-mint {
	background-color: #ee397c !important;
	border-color: #ee397c !important;
	color: #fff !important;
}
	.pink-mint:hover {
		background-color: #fff !important;
		border-color: #ee397c !important;
		color: #ee397c !important;
	}
.dropdown-menu > li:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li.active:hover > a {
	background-color: #ee397c !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #ee397c !important;
}
.d-flex {
	display:flex;
}

#AMT {
    font-family: 'Open Sans';
    font-size: 13px;
    position: relative;
    height: 800px;
}
#amtMap {
    width: calc(100% - 500px);
    height: 800px;
    float:left;
}
#AMT.minimized #amtMap {
    width: 100%;
}
#amtPersonSelector {
    max-width: 330px;
    height: 40px;
    font-size: 12px;
    border: solid 1px #ccc;
}
.amt_panel {
    width: 500px;
    height: 805px;
    padding: 80px 20px 20px;
    background: #f0f0f0;
    float: right;
}
#AMT.minimized .amt_panel {
    display:none;
}
.amt_person_list {
    background: #f5f5f5;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 10px;
    max-height: 640px;
    overflow: scroll;
}
    .amt_person {
        padding: 10px 0 15px 40px;
        border-bottom: solid 1px #ddd;
        color: #999;
        text-decoration: none;
        float:left;
        width:100%;
        display:block;
        position:relative;
        background-repeat:no-repeat;
        background-position: 13px 15px;
        overflow:hidden;
    }
    .amt_person:hover {
        background-color: #e5e5e5;
    }
    .amt_person > .amt_p_name, .amt_person > .amt_p_email {
            float:left;
            display:block;
            width:100%;
            clear:left;
        }
    .amt_person > .amt_p_email {
        font-size: 11px;
        color: #999;
    }
    .amt_person .amt_stats {
        position:absolute;
        top: 15px;
        right: 5px;
        color: #999;
    }
        .amt_stats > span {
            font-size: 16px;
            margin-left: 15px;
        }
        .amt_stats > span > .fa {
            font-size: 15px;
            line-height: 16px;
            vertical-align: text-top;
            margin-top: 4px;
        }
        .amt_stats b {
            font-weight: normal;
        }
    .amt_p_status {
        display:block;
        position: absolute;
        bottom: 2px;
        left: 0;
        height: 2px;
        background-color: #ddd;
    }
    .amt_person:last-child {
        border-bottom: none;
    }
    .amt_p_active > span {
        color: #333;
    }
    .amt_p_active .amt_p_count {
        color: #4b77be;
    }
    .amt_p_active .amt_p_time {
        color: #e7505a;
    }
    .amt_person .amt_p_star {
        display: none;
        color: #ebb00f;
    }
    .amt_person.amt_has_audits .amt_p_star {
        display: inline-block;
        margin-left: 5px;
    }
    .amt_p_active.amt_on_target .amt_p_time {
        color: #26c281;
    }
    .amt_p_active.amt_over_target .amt_p_time {
        color: #a463b4;
    }
    .amt_p_active .amt_p_status {
        background-color: #e7505a;
    }
    .amt_p_active.amt_on_target .amt_p_status {
        background-color: #26c281;
    }
    .amt_p_active.amt_over_target .amt_p_status {
        background-color: #a463b4;
    }

    .amt_controllers {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 460px;
    }
    .amt_controllers .amt_save_area {
        display: none;
    }
    .amt_controllers.amt_show_save .amt_save_area {
        display: block;
    }
    .amt_controllers.amt_show_save .amt_default_buttons {
        display: none;
    }
    #AMT.minimized .amt_controllers {
        background: #fff;
        right: 52px;
        padding: 5px;
        top: 10px;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
        border-radius: 2px;
        width: 340px;
    }
        .amt_button {
            display:block;
            float:left;
            width: 40px;
            height: 40px;
            margin-right: 10px;
            font-size: 20px;
            line-height: 40px !important;
            text-align: center;
            background-color: #5245b4;
            color: #fff;
            text-decoration: none;
            border-radius: 2px;
            box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
						text-decoration: none !important;
        }
					.amt_select_buttons a {
						font-size: 13px;
						width: auto;
						height: auto;
						line-height: 30px;
						margin-top: 12px;
						padding: 0 20px;
						float: right;
						margin-right: auto;
						margin-left: 10px;
					}
        .amt_select_buttons a.amt_select_stars {
            color: yellow;
        }
        .amt_controller_cancel_save {
            float: right;
        }
        .amt_controller_final_save {
            float: right;
            background-color: #5d9655;
        }
        #AMT.minimized .amt_button {
            width: 30px;
            height: 30px;
            font-size: 16px;
            line-height: 30px;
        }
				.amt_button:hover, .amt_button:active, .amt_button:focus {
					background-color: #6a5bda;
					box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
					color: #fff;
				}
        .amt_controller_final_save:hover {
            background-color: #77df69;
        }
        .amt_controller_minimize {
            background-color: #666;
        }
        .amt_controller_minimize:hover {
            background-color: #333;
        }
        .amt_button.disabled {
            cursor: not-allowed;
            background: #ddd;
            color: #999;
            box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
        }
        .amt_stats {
            position:absolute;
            top: 10px;
            right: 5px;
            color: #444;
            font-size: 16px;
            font-weight: bold;
        }
        #AMT.minimized .amt_stats {
            color: #777;
            font-size: 16px;
            top: 9px;
            right: 10px;
        }
        #amtAlert {
            position: absolute;
            display: none;
            top:0;
            left:0;
            width: 100%;
            height: 800px;
            background: rgba(255,255,255,0.8);
            z-index: 3;
        }
        .amt_alert_box {
            position: absolute;
            top: 200px;
            left: calc(50% - 275px);
            padding: 50px 25px;
            background: #fff;
            border: solid 2px #ddd;
            border-radius: 10px;
            width: 500px;
            font-size: 16px;
            box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
            text-align: center;
        }
        .amt_alert_box .amt_button {
            display:inline-block;
            float: none;
            width: auto;
            padding: 0 20px;
        }
        .amt_alert_box .amt_alert_close {
            background-color: #999;
        }
        .amt_alert_box .amt_alert_close:hover {
            background-color: #555;
        }
        .amt_alert_task , .amt_alert_user {
            font-weight: bold;
            color: #6a5bda;
        }

/* Helpers */
.clearfix:after { 
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both;
}
#CMT {
    font-family: 'Open Sans';
    font-size: 13px;
    position: relative;
    height: 800px;
		display:flex;
}
#CMT .CmdContent {
	display:flex;
	flex-direction:column;
	margin-right:-15px;
}
#cmtMap {
	width: calc(100% - 260px);
	height: 800px;
	float: left;
}
#CMT.minimized #cmtMap {
    width: 100%;
}
#cmtCompanySelector {
    max-width: 330px;
    height: 40px;
    font-size: 12px;
    border: solid 1px #ccc;
}
.cmt_panel {
	width: 260px;
	height: 100%;
    display:flex;
    flex-direction:column;
	padding: 13px 26px 0px;
	background: #f0f0f0;
}
#CMT.minimized .cmt_panel {
    display:none;
}
.cmt_company_list {
    background: #f5f5f5;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 10px;
    max-height: 350px;
    overflow:scroll;
}
.cmt_company_list_add {
    background: #f5f5f5;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 10px;
    max-height: 300px;
    overflow: scroll;
    text-decoration:none;
}
.cmt_company_add {
    padding: 13px 0 13px 40px;
    border-bottom: solid 1px #ddd;
    color: #999;
    text-decoration: none;
    float: left;
    width: 100%;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: 13px 10px;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    text-decoration:none;
    align-items:center;
}
    .cmt_company_add:last-child {
        border-bottom:none;
    }
    .cmt_company_add.active {
        color: #333;
    }
.cmt_company_add.active .cmt_click_count {
    display: inline-block;
    background: #337ab7;
    color: #fff;
    border-radius: 50px;
    padding: 1px 7px;
    margin-left: 30px
}
.cmt_company_add .cmt_click_count {
    display: inline-block;
    border-radius: 50px;
    padding: 1px 7px;
    margin-left: 30px;
    background:#dddddd;
    color:#333;
    text-decoration:none;
}
    .cmt_company {
        padding: 13px 0 13px 40px;
        border-bottom: solid 1px #ddd;
        color: #999;
        text-decoration: none;
        float: left;
        width: 100%;
        display: block;
        position: relative;
        background-repeat: no-repeat;
        background-position: 13px 10px;
        overflow: hidden;
    }
.cmt_company_add:hover {
    text-decoration:none;
}
.cmt_company:hover {
    background-color: #e5e5e5;
}
.cmt_company > .cmt_p_name {
    float:left;
    display:block;
    width:100%;
    clear:left;
}
.cmt_company:last-child {
    border-bottom: none;
}
.cmt_p_active > span {
    color: #333;
}

.cmt_controllers .form-control-static {
	display: block;
	padding: 0;
	margin-left: 25px;
	margin-bottom: 15px;
}
.cmt_controllers .cmt_excel {
	margin-left: 27px;
	margin-bottom: 5px;
}

.cmt_result_wrapper {
}

#cmt_result {
	margin-top:15px;
    width: 210px;
    height: 85px;
    border: solid 1px #ccc;
    font-size: 11px;
    color: #888;
    border-radius: 5px;
    background: #eee;
    display: none;
    resize: vertical;
}

#cmt_time_result, #cmt_time_result th, #cmt_time_result td {
    border: 1px solid;
}

#cmt_time_result td, #cmt_time_result th {
    text-align: center;
}

#cmt_time_result {
    display: none;
    width: 100%;
}

/* Helpers */
.clearfix:after { 
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both;
}

.cmt_content_bottom {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    justify-items: flex-end;
    height: 100%;
}
.cmd_button_panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.company_select_all_button_add {
    margin: 10px 0 10px 0px;
    background-color: #ee337c;
    border: 2px solid #ee337c;
    transition-duration: .5s;
    box-shadow: 0 1px 22px 2px #fac0d7;
    color: #fff;
    border-radius: 3px;
    font-size: 15px;
}
    .company_select_all_button_add.disabled {
        background: #de8aab !important;
        border: 2px solid #c66387;
        cursor: no-drop;
    }
    
    .company_select_all_button_add_excell {
        margin: 10px 0 10px 10px;
        background-color: #016c37;
        color: #fff;
        transition-duration: .5s;
        box-shadow: rgb(145 222 184 / 30%) 0px 1px 22px 2px;
        border-radius: 3px;
        font-size: 15px;
        border: 2px solid #016c37;
    }
    .company_select_all_button_add_excell.disabled {
        background: #97c2ab !important;
        border: 2px solid #76af90;
        cursor: no-drop;
    }

    .company_select_all_button_add:hover {
        color: #ee337c !important;
        background-color: #fff !important;
    }
.company_select_all_button_add_excell:hover {
    color: #016c37 !important;
    background: #fff !important;
}
.company_select_all_button_add.disabled:hover {
    background: #de8aab !important;
    border: 2px solid #c66387;
    cursor: no-drop;
    color: #fff;
}
.company_select_all_button_add_excell.disabled:hover {
    background: #97c2ab !important;
    border: 2px solid #76af90;
    cursor: no-drop;
    color:#fff;
}

.closeButton {
    z-index: 44;
    font-size: 18px;
    color: red;
    margin: 5px;
    transition-delay: 0.3s;
}
    .closeButton:hover {
        color:darkred;
    }

    .cmt_p_hide {
        font-size: 18px;
        color: #333;
        margin: 0px 5px;
        transition-delay: 0.2s;
    }
    .cmt_p_hide:hover {
        color:#888;
    }
    .cmt_p_hide.active {
        color: #888;
    }

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