/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-size: 13px;
	font: inherit;
	font-family: 'CenturyGothic', Arial, Calibri;
	vertical-align: baseline;
	color: #434242;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {
	height: 100%;
	position: relative;
}

body { 
	line-height: 1;
    width: 100%;
}

.group-builder {	
	position: relative;	
	width: 100%;	
	display: block;	
	height: 100px;
}

.querybuilder {
	width: 90%;	
	position: absolute;	
	left: 0;	
	height: 100%;	
	outline: 0;	
	border-right: 0;	
	padding: 10px;	
	font-size: 11px;
}

.submitquery {
	width: 10%;	
	position: absolute;	
	right: 0;	
	height: 100%;	
	font-size: 12px;	
	background: #2dcc70;	
	color: #fff;
}

.credits {
	font-size: 10px;
    width: 90%;
    max-width: 360px;
    margin: 0 auto;
    text-align: right;
	color: #696969;
	display: block;
	margin-top: 10px;
}

.main-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.approval-code-accepted {
	font-size: 14px;
	display: block;
	border-bottom: 3px double #ccc;
	padding-bottom: 10px;
}

.form-field-group label small {
	font-size: 12px;
	font-style: italic;
}

.tv-icon {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba( 255, 255, 255, 0.5 );
	background-image: url('../images/icons8-tv-48.png');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 99999;
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake 2s; 
    /* When the animation is finished, start again */
    animation-iteration-count: infinite; 
}

.delete-button-ico {
	background-image: url('../images/icons8-delete-25.png');
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	display: block;
	background-color: transparent;
	border: 0;
	margin: 0 auto;
}
.delete-button-ico:hover {
	background-image: url('../images/icons8-delete-25-active.png');
}

.beta-testing {
    position: fixed;
    text-align: center;
    top: 20px;
    width: 100%;
    z-index: 99999;
}
.beta-testing p {
	display: inline-block;
    padding: 20px 20px 20px 50px;
    font-size: 71px;
    color: #a5a5a3;
}

@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}

#site-dialog i {
	font-style: italic;
}

strong, b, .bold {
	font-family: 'CenturyGothicBold';
}

.small {
	font-size: 10px;
}

.medium {
	font-size: 13px;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
	min-height: 100%;
	max-height: auto;
    width: 100%;
	position: relative;
}

.loading-state-wrapper {
	/*background-image: url( '../images/index.earth-globe-map-spinner.gif' );
	background-image: url( '../images/index.colorful-progress-loader.gif' );*/
	/* background-image: url( '../images/messenger-typing-preloader.gif' ); */
	background-image: url( '../images/devant-progress-bar-preloader.gif' );
	background-position: center;
	/*background-size: 250px;*/
	background-repeat: no-repeat;
	background-color: rgba( 255, 255, 255, 0.4 );
	/*background-color: rgba( 255, 255, 255, 0.5 );
	background-image: url('../images/icons8-tv-48.png');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 99999;
    animation: shake 2s; 
    animation-iteration-count: infinite; */
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	display: none;
}

.process-text {
    position: absolute;
    top: 50%;
    font-size: 13px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
	font-family: 'CenturyGothicBold';
	color: #434242;
}

body.loading .loading-state-wrapper {
	display: block;
}

strong, b, .bold, .strong {
	font-family: 'CenturyGothicBold';
}

.loading-login .fake-overlay {
	display: block;
}

.fake-overlay {
	width: 100%;
	height: 100%;
	background: rgba( 255, 255, 255, 0.6 );
	position: fixed;
	z-index: 9;
	display: none;
}

.ttr {
	text-align: right !important;
}

.ttl {
	text-align: left !important;
}

.ttc {
	text-align: center !important;
}

.uppercase {
	text-transform: uppercase !important;
}

.lowercase {
	text-transform: lowercase !important;
}

.go-left {
	float: left;
}

.go-right {
	float: right;
}

.clear {
	height: 1px;
	width: 100%;
	position: relative;
	display: block;
	clear: both;
	content: ' ';
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.inner-wrapper {
	padding: 20px;
}

.inner-wrapper-10 {
	padding: 10px;
}

.inner-wrapper-50 {
	padding: 50px;
}

/* begin custom */
.header-wrapper {
	z-index: 3;
	position: relative;
	margin: 0 20px 20px 20px;
	display: block;
	padding: 20px 0 25px 0;
	border-bottom: 3px double #f2f2f2;
}


.main-site-title {
	padding: 20px 10px 10px 10px;
	color: #fff;
	overflow: hidden;
	width: 280px;
	background: #2dcc70;
}

.main-site-title span {
	display: block;
	font-family: 'CenturyGothicBold';
}

.main-site-title .m-title {
	font-size: 14px;
	letter-spacing: 2px;
	overflow: hidden;
	color: #fff;
}

.main-site-title .m-desc {
	font-size: 13px;
	margin-top: 5px;
	padding-bottom: 10px;
	color: #fff;
}

.burger-nav {
	width: 35px;
	height: 28px;
	display: block;
	position: relative;
	padding: 7px 5px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	-o-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out;
	font-size: 13px;
	font-family: 'CenturyGothicBold';
	z-index: 9;
}

.pattie.first {
}

.pattie {
	width: 100%;
	height: 2px;
	content: ' ';
	background: #434242;
	display: block;
	margin: 0 auto;
	margin-bottom: 4px;
}

.pattie.last {
	margin-bottom: 0;
}

.active-nav .pattie-open-nav {
	display: none;
}

.pattie-closed-nav {
    width: 100%;
	color: #fff;
    font-size: 18px;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 13px;
	display: none;
}

.active-nav .pattie-closed-nav {
	display: block;
}

.site-main-navigation {
	display: block;
	/* background: #34495e; */
	position: fixed;
	width: 0%;
	height: 100%;
	-moz-box-shadow:    inset -7px 0 9px -7px #000000;
	-webkit-box-shadow: inset -7px 0 9px -7px #000000;
	box-shadow:         inset -7px 0 9px -7px #000000;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: width;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    /* Standard syntax */
    transition-property: width;
    transition-duration: .5s;
    transition-timing-function: linear;
	display: block;
	z-index: 2;
	overflow: hidden;
	overflow-y: auto;
	top: 0;
}

.site-main-navigation-fake {
	height: 100%;
	width: 0%;
	background: #34495e;
	display: block;
    position: fixed;
	content: ' ';
    -webkit-transition-property: width;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    /* Standard syntax */
    transition-property: width;
    transition-duration: .5s;
    transition-timing-function: linear;
	top: 0;
	z-index: 1;
}

.site-main-navigation-fake {
	width: 280px;
}

.site-main-navigation {
	width: 280px;
}

.x-button {
    display: none;
    cursor: pointer;
    background: rgba( 0, 0, 0, 0.7 );
	color: #fff;
    padding: 5px 10px;
	position: absolute;
	right: 8px;
	top: 0;
	font-size: 21px;
	font-family: 'CenturyGothicBold';
	border-radius: 100%;
	border-radius: 0 0 100% 100%;
	background: #2dcc70;
}

.x-button i {
	transform: rotate(-45deg);
	font-family: 'CenturyGothicBold';
	display: block;
}

.contents {
	background: #fff;
	position: relative;
	width: 100%;
	max-width: 820px;
	transition: all .5s ease-in-out;
	margin-left: 280px;
	margin-bottom: 40px;
	padding: 0 20px;
}

.contents-content {
	padding: 0 20px;
	margin-bottom: 100px;
}

#main-content-id {
	display: block;
}

.active-nav {
	overflow-x: hidden;
}


.burger-nav:hover, .active-nav .burger-nav {
	background: #434242;
	color: #fff;
}

.burger-nav:hover .pattie, .active-nav .burger-nav .pattie {
	background: #fff;
}


.menu ul {
	font-size: 0;
	overflow: hidden;
	width: 100%;
	display: block;
	z-index: 99999999;
}
	
.menu ul li {
	display: block;
}

.menu ul li a {
    font-size: 13px;
    color: #434242;
    color: #fff;
    display: block;
    padding: 10px;    
	padding: 15px 10px;
    text-transform: uppercase;
	width: 100%;
	font-family: 'CenturyGothicBold';
	white-space: nowrap;
	border-left: 4px solid transparent;
	letter-spacing: 1px;
}

.menu ul li a:hover, .sa-menu.menu ul li.active a.parent-link {
	background: rgba( 255, 255, 255, 0.2 );
}

.menu ul li li a:hover {
	background: none;
	color: #d64d55;
}

.menu ul li a.active-nav-link {
	border-left: 4px solid #d64d55;
	background: rgba( 255, 255, 255, 0.4 );
}

.menu ul li li a {
	padding-left: 20px;
}

.menu ul li li a.active-nav-link {
	border-left: 4px solid transparent;
	background: none;
	color: #d64d55;
}

.parent-link {
	position: relative;
}



.sa-menu .has-subs .parent-link:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: ' ';
    border-top: 5px solid #fff;
	position: absolute;
	margin-left: 10px;
	top: 20px;
	display: inline-block;
}

.sa-menu .has-subs.active .parent-link:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: ' ';
    border-bottom: 5px solid #fff;
	border-top: 0;
}

.sa-menu .parent .child {
    max-height: 0;
    transition: max-height 0.1s ease-in;
    overflow: hidden;
}

.sa-menu .parent.active .child {
    max-height: 500px;
    transition: max-height 0.5s ease-out;
}

.contents .content-title {
	font-size: 27px;
}


.form-field-group {
	display: block;
	margin-bottom: 20px;
}

.inline-checkbox {
	display: inline-block;
	margin-right: 10px;
}

.inline-checkbox-label {
	display: inline-block;
	font-size: 12px;
	font-family: 'CenturyGothic';
}

.form-field-group span, .form-field-group a {
	font-size: 13px;
	/*margin-top: 10px;*/
}

.search-serial-message {
	color: red;
}

.search-serial-message.success {
	color: #2dcc70;
}

.other-branch-link {
	color: #d64d55;
	font-family: 'CenturyGothicBold';
}

.serial-validation .validation-additional-field {
	display: none;
}

.serial-validation .validation-additional-field.toggled {
	display: block;
}

.serial-validation.validated .validation-additional-field {
	display: block;
}

.form-field-group label {
	font-size: 13px;
	font-family: 'CenturyGothicBold';
	display: block;
	margin-bottom: 10px;
}

.form-select:focus, .form-input:focus {
    -webkit-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
}

.form-wrapper .form-select {
	display: block;
	outline: 0;
	font-size: 13px;
	width: 100%;
	padding: 7px;
	border: 1px solid #cccccc;
}

.form-wrapper .form-input {
	display: block;
	outline: 0;
	font-size: 13px;
	width: 100%;
	padding: 7px;
	border: 1px solid #cccccc;
}

.form-input.form-width-48 {
	width: 48%;
}

.inline-checkbox {
	position: relative;
	top: 2px;
}

.checkboxes-wrapper {
	border: 1px solid #ccc;
	border-top: 0;
	border-right: 0;
	border-bottom: 3px solid #ccc;
	padding: 20px;
}

.form-wrapper .form-button {
	float: right;
	background: #434242;
	color: #fff;
	font-size: 13px;
	padding: 7px 25px;
}

.form-wrapper .form-field-button {
	display: block;
	margin-top: 40px;
}

.form-wrapper .form-input:read-only {
	background: #f2f2f2;
	font-family: 'CenturyGothicBold';
}

.approve-button-class {
	display: inline-block;
	margin-bottom: 20px;
	background: #2dcc70;
	color: #fff;
	font-size: 13px;
	padding: 7px 25px;
	border-radius: 7px;
	font-family: 'CenturyGothicBold';
}

.green-button-link {
	display: inline-block;
	margin-bottom: 20px;
	background: #2dcc70;
	color: #fff;
	font-size: 13px;
	padding: 7px 25px;
	border-radius: 7px;
	font-family: 'CenturyGothicBold';
}

label.error {
	color: red;
	display: block;
	position: relative;
	font-family: 'CenturyGothic';
	margin: 5px 0;
}

.form-input.error, .form-select.error {
    border: 1px solid #f59393;
    background: #f7b9b9;
	color: red;
}


.burger-nav {
	display: none;
}

.add-new-button, .process-button {
	background: #fff;
	font-family: 'CenturyGothicBold';
	padding: 6px 25px;
	font-size: 14px;
	background: #cccccc;
	border-radius: 7px;
	color: #434242;
	display: inline-block;
}

.no-sale-button {
	background: #fff;
	font-family: 'CenturyGothicBold';
	padding: 6px 25px;
	font-size: 14px;
	background: #d64d55;
	border-radius: 7px;
	color: #fff;
	display: inline-block;
	margin-left: 10px;
}

.process-button:disabled {
	font-style: italic;
}

tr {
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}

tr.warning,tr.row-even.warning {
    background: #f0c7c7 !important;
}

tr.success,tr.row-even.success {
    background: #c7f0d0 !important;
}

#update-status-score {
	font-size: 14px;
	line-height: 18px;
}

.add-new-button .button-span-text {
	display: inline-block;
	margin-left: 10px;
	font-size: 13px;
	position: relative;
	top: -1px;
	font-family: 'CenturyGothicBold';
}

.back-button-link {
	display: inline-block;
	color: #434242;
	font-size: 13px;
	text-transform: uppercase;
	background: #f2f2f2;
	font-family: 'CenturyGothicBold';
	padding: 6px 25px;
	float: right;
	border-radius: 7px;
}

.table-wrapper {
	display: block;
	width: 100%;
	font-size: 13px;
	margin: 20px 0;
	border: 1px solid #cccccc;
	overflow: auto;
	border-bottom: 2px solid #cccccc;
}

.row-field-value-table td.field {
	background: #f2f2f2;
	border-right: 2px solid #ccc;
}

.table tr th {
	font-family: 'CenturyGothicBold';
	background: #f2f2f2;
	/*padding: 10px;*/
	padding: 10px 5px;
	text-align: left;
	border-bottom: 3px solid #cccccc;
}

.table tr td {
	padding: 10px 5px;
	border-bottom: 1px solid #cccccc;
	text-transform: uppercase;
	vertical-align: middle;
}

.table.normal-text tr td {
	text-transform: none;
}

.table tr td a {
	
    text-decoration: underline;
    color: #0494ce;
    font-family: 'CenturyGothicBold';
}

.table.in-stock tr td,
.table.request-transfer tr td {
	padding: 5px;
}

#site-dialog tr td {
	position: relative;
}

.cancel-button {
	padding: 7px 25px;
	background: #d64d55;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	color: #fff;
	font-family: 'CenturyGothicBold';
}

.issue-return-approval.table-dialog-striped tr td {
	position: relative;
	padding: 10px;
}

.button-submit-approval {
	padding: 7px 25px;
	background: #2dcc70;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	color: #fff;
	font-size: 14px;
	font-family: 'CenturyGothicBold';
}

#site-dialog .form-abs-select, #site-dialog .form-abs-input, .issue-return-approval .form-abs-input {
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: 'CenturyGothic';
    /* top: 0; */
    left: 0;
    border: 0;
    bottom: -1px;
	padding: 0 7px;
	outline: 0;
	border-bottom: 1px solid #cccccc;
}

.table tr.row-even {
	background: #f2f2f2;
}	

.table td.col-odd {
	background: #f2f2f2;
}	

.table tr:hover td.col-odd {
	background: #ccc;
}

.table tr.pcount-true td, .table tr.pcount-true td a {
	background: #ccc;
	font-family: 'CenturyGothicBold';
}


.table.table-hover tr:hover {
	background: #cccccc;
	cursor: pointer;
}

.table.table-hover tr {
	position: relative;
	vertical-align: middle;
}
/*
.table.table-hover tr td .icon {
	content: ' ';
	display: block;
	width: 15px;
	height: 15px;
}*/

.icon {
	content: ' ';
	display: block;
	width: 15px;
	height: 15px;
}

.icon.inline-block {
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 10px;
}

.row-transfer-field td, .row-pullout-field td {
	display: none;
}

.stock-transfer-dialog.pullout-field .row-pullout-field td {
	display: table-cell;
    border-top: 1px solid #ccc;
}

.stock-transfer-dialog.transfer-field .row-transfer-field td {
	display: table-cell;
    border-top: 1px solid #ccc;
}

.form-read-only {
	background: #ccc;
	font-family: 'CenturyGothicBold';
}

.form-button-transfer-disable {
	display: none;
}

.row-action-links, tr .return-replace-requests.serial-no {
	text-decoration: underline;
	color: #0494ce;
	font-family: 'CenturyGothicBold';
}

.external-buttons {
	display: inline-block;
	margin: 0 20px 20px 0;
	font-size: 12px;
	background: #2dcc70;
	color: #fff;
	padding: 7px;
}

/* green #2dcc70 */

.pcount-info {
	display: block;
	font-size: 13px;
}

.pcount-info span {
	display: block;
	line-height: 21px;
}

.init-button {
	display: block;
	font-size: 13px;
	color: #fff;
	background: #2dcc70;
	padding: 7px 25px;
	font-family: 'CenturyGothicBold';
	clear: both;
	margin: 10px 0;
}

.icon.icon-status-1, .icon.icon-status-9 {
	background: url( '../images/icons8-approval-15.png' );
}

.icon.icon-status-2 {
	background: url( '../images/icons8-high-priority-15.png' );
}

.icon.icon-heart {
	background: url( '../images/icons8-heart-15.png' );
}

.icon-heart:hover, a:hover .icon-heart {
	background: url( '../images/icons8-heart-outline-15.png' );
}

.icon.icon-heart-fill {
	background: url( '../images/icons8-heart-outline-15.png' );
}

.pagination-links {
	display: block;
}

.pagination-links a, .pagination-links strong {
	padding: 7px 10px;
	display: inline-block;
	font-size: 13px;
	color: #434242;
	margin-right: 5px;
	border: 1px solid #cccccc;
	border-radius: 7px;
}

.pagination-links strong {
	background: #2dcc70;
	border: 1px solid #2dcc70;
	color: #fff;
}

.pagination-links a:hover {
	background: #2dcc70;
	border: 1px solid #2dcc70;
	color: #fff;
}

.table-summary {
	font-size: 12px;
}

.tab-wrapper {
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}

.tab-menu li {
	display: inline-block;
	margin-right: 10px;
}

.tab-menu li a {
	font-size: 13px;
	padding: 10px 15px;
	border: 1px solid #cccccc;
	border-bottom: 0;
	display: inline-block;
	color: #434242;
	border-radius: 8px 8px 0 0;
	font-family: 'CenturyGothicBold';
}

.tab-menu li a:hover, .tab-menu li a.active-tab {
	background: #f2f2f2;
}

.search-filter-wrapper {
	display: block;
	position: relative;
	/*margin: 10px 0;*/
	margin-top: 10px;
}

.group-inputs {
	display: block;
	position: relative;
	margin-bottom: 10px;
}

.small-circle {
    color: #fff;
    background: #d64d55;
    font-size: 10px;
    font-family: 'CenturyGothicBold';
    padding: 0 4px 1px 4px;
    line-height: 10px;
    border-radius: 8px;
    position: relative;
    top: -1px;
}

.search-filter-wrapper select {
	font-size: 13px;
	outline: 0;
	border: 1px solid #cccccc;
	padding: 7px 10px;
}

.search-filter-wrapper input {
	font-size: 13px;
	outline: 0;
	border: 1px solid #cccccc;
	padding: 8px 10px;
}

.clear-filter-text {
	color: #0093fc;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'CenturyGothicBold';
}

.dialog-input-file {
	padding: 7px;
	border: 1px solid #cccccc;
	font-family: 'CenturyGothic' !important;
	display: block;
	width: 100%;
}

.form-input-dateto {
	padding-right: 70px;
}

.search-filter-wrapper .form-width-50 {
	width: 50%;
}

.search-filter-wrapper .form-width-80 {
	width: 80%;
}

.search-filter-wrapper .form-width-100 {
	width: 100%;
}

.table-dialog-striped {
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}

.table-dialog-striped tr td {
	padding: 5px;
	border-bottom: 1px solid #cccccc;
}

.table-dialog-striped tr td.label {
	background: #f2f2f2;
	font-family: 'CenturyGothicBold';
}

.ui-datepicker-calendar tr td {
	font-size: 13px;
}
.ui-datepicker-calendar tr th {
	font-size: 13px;
	font-family: 'CenturyGothic';
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}

.form-abs-search {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
    color: #fff;
    background: #2dcc70;
    font-size: 13px;
    padding: 7px 25px;
    font-family: 'CenturyGothicBold';
    text-transform: uppercase;
}

.form-abs-search:disabled {
	color: #fff;
	background: #cccccc;
}

#form-return-idwrapper {
	display: none;
}

#form-return-idwrapper.validated-transaction {
	display: block;
}

#return-replace-wrapper {
	display: none;
}

#return-replace-wrapper.validated-serial {
	display: block;
}

.form-returnreplace-button {
    color: #fff;
    background: #2dcc70;
    font-size: 13px;
    padding: 7px 25px;
    font-family: 'CenturyGothicBold';
    text-transform: uppercase;
}

.err-return-transaction {
	color: red;
	font-size: 13px;
	display: block;
	margin-top: 20px;
}

/* ui widget */
#site-dialog {
	line-height: 21px;
}

#ui-datepicker-div select {
	font-family: 'CenturyGothic';
	padding: 3px;
	text-align: center;
	font-size: 13px;
}

.ui-widget.ui-widget-content {
    -webkit-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
}

.ui-widget-header {
	font-weight: 400;
	border: 0;
	background: #ffffff;
}

.ui-dialog .ui-dialog-title {
	font-family: 'CenturyGothicBold';
	font-size: 13px;
	text-transform: uppercase;
}

.ui-dialog .ui-dialog-content {
	font-size: 13px;
	font-family: 'CenturyGothic';
}

.ui-dialog .ui-dialog-buttonpane {
	border: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
	font-family: 'CenturyGothic';
	font-size: 13px;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 0;
	margin-left: 10px;
}

.ui-dialog.pop-up-action-dialog .ui-dialog-buttonpane button {
	font-family: 'CenturyGothicBold' !important;
}

.ui-datepicker-calendar .ui-state-default {
    border: 1px solid #f2f2f2;
    background: #f6f6f6;
    font-weight: normal;
    padding-bottom: 9px;
    padding-top: 9px;
    color: #454545;
    border-radius: 100%;
}

.ui-datepicker-calendar .ui-state-default:hover {
	color: #fff;
    background: #2dcc70;
}

.ui-datepicker-calendar .ui-state-default.ui-state-active {
	color: #fff;
    background: #2dcc70;
}

.contents-wrapper {
	margin: 20px 0;
}

.grid {
	display: block;
	clear: both;
	margin-bottom: 20px;
}

.grid .rows {
	display: inline-block;
}

.row-3 {
	width: 30%;
	padding: 20px;
	margin: 1%;
	font-size: 13px;
	word-break: break-word;
}

.grid .rows h1 {
	font-family: 'CenturyGothicBold';
	display: block;
	margin-bottom: 10px;
}

.grid .rows p.jumbo {
	font-size: 31px;
}

/*LOGIN */
.login-wrapper {
	width: 90%;
	max-width: 360px;
	margin: 0 auto;
	text-align: center;
	padding: 40px;
	border: 1px solid #e1ebe0;
	background: rgba( 255, 255, 255, 0.8 );
	border-radius: 15px;
}

body.login {	
	background-image: url('../images/pattern.jpg');
	padding-top: 10% !important;
}

body.rain {
	background-image: url('../images/tenor.gif' );
}
body.snow {
	background-image: url('../images/snow3.gif' );
}

.login-wrapper-title {
	color:black;
	padding: 10px;
	border-bottom: 3px double #D7DADD;
	margin: 10px;
	margin-top: -20px;
	font-size: 25px;
	
}

.login-wrapper img {
	margin-bottom: 20px;
	
}

.login-wrapper input {
	font-family: 'CenturyGothicBold';
	background: #f2f2f2;
	border: 0;
	outline: 0;
	padding: 10px 25px;
	display: block;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 7px;
	font-size: 13px;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	border: 1px solid #ccc;
	
}

.login-wrapper .form-select {
	font-family: 'CenturyGothicBold';
	background: #f2f2f2;
	border: 0;
	outline: 0;
	padding: 10px 20px;
	display: block;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 7px;
	font-size: 13px;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	border: 1px solid #ccc;
}

.login-wrapper input:focus, .login-wrapper select:focus {
	background: #f2f2f2;
    -webkit-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
}

.login-wrapper button {
	font-family: 'CenturyGothicBold';
	background: #2dcc70;
	border: 0;
	outline: 0;
	padding: 10px 25px;
	display: block;
	width: 100%;
	margin: 20px 0;
	border-radius: 7px;
	font-size: 13px;
	color: #ffffff;
}

.login-wrapper .error-message {
	background: #f76969;
	color: #ffffff;
	font-size: 13px;
	border-radius: 7px;
}

.login-wrapper .error-message p {
	padding: 20px;
	color: #fff;
	text-align: left;
}

.login-wrapper.error .error-message {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
	border-radius: 7px;
}

.transaction-reason-wrapper {
	padding: 6px;
	width: 100%;
	display: block;
	clear: both;
	font-size: 12px;
	font-family: 'CenturyGothic';
}

.transaction-reason-wrapper.error {
	border: 1px solid red;
	background: #f7b9b9;
	color: red;
}

.replacement-details-header {
	font-family: 'CenturyGothicBold';
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	border-top: 3px double #cccccc;
	padding-top: 10px;
}

.transfer-pullout {
	background: url('../images/icons8-truck-20.png');
	width: 20px;
	height: 20px;
	opacity: 0.5;
}

.button-action-dialog {
	background: url('../images/icons8-action-20.png');
	width: 20px;
	height: 20px;
	opacity: 0.5;
}

.my-icon {
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.my-icon p {
	position: absolute;
	bottom: -45px;
	display: none;
	background: rgba( 0,0,0, 0.8);
	padding: 5px;
	color: #fff;
	border-radius: 10px;
	min-width: 300px;
	line-height: 14px;
	left: -8px;
	z-index: 99999;
	font-size: 10px;
	text-align: left;
}

.my-icon p:before {
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: ' ';
    border-bottom: 5px solid rgba( 0, 0, 0, 0.8 );
    margin: 0 auto;
    top: -5px;
	left: 10px;
    position: absolute;
}

.last .my-icon p {
    position: absolute;
    top: -45px;
	bottom: auto;
    display: none;
    background: rgba( 0,0,0, 0.8);
    padding: 5px;
    color: #fff;
    border-radius: 10px;
    min-width: 300px;
    line-height: 14px;
    left: -8px;
    z-index: 99999;
    font-size: 10px;
    text-align: left;
}

.last .my-icon p:before {
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: ' ';
	border-bottom: 0;
    border-top: 5px solid rgba( 0, 0, 0, 0.8 );
    margin: 0 auto;
    bottom: -5px;
	top: auto;
    left: 10px;
    position: absolute;
}

.my-icon:hover p {
	display: block;
}

.custom-select-wrapper {
   /*  position: absolute; */
    width: 100%;
}
.custom-select-placeholder {
    padding: 0 10px;
	cursor: pointer;
}

.custom-select-placeholder .text-holder {
    width: 200px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.custom-select-placeholder .arr {
	display: inline-block;
	float: right;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: ' ';
    border-top: 5px solid rgba( 0, 0, 0, 0.8 );
	position: relative;
    top: 10px;
}

.custom-select-wrapper.active .custom-select-placeholder .arr  {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: ' ';
	border-top: 0;
    border-bottom: 5px solid rgba( 0, 0, 0, 0.8 );
}


.custom-select-content-wrapper {
	display: none;
}

.custom-select-wrapper.active .custom-select-content-wrapper {
	display: block;
}

.custom-select-content-wrapper ul:before {
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: ' ';
	border-bottom: 5px solid #ccc;
	top: 25px;
	left: 28px;
	position: absolute;
}
.custom-select-content-wrapper ul li {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.custom-select-content-wrapper ul li.muted {
	color: #ccc;
}

.custom-select-content-wrapper ul li:hover {
	background: #f2f2f2;
}

.custom-select-content-wrapper ul li.active-list {
	background: #ccc;
	color: #434242;
}

.custom-select-content-wrapper ul li .custom-checkbox {
    top: 3px;
	position: relative;
    margin-right: 5px;
}

.custom-select-content-wrapper {
   /*  position: absolute; */
    z-index: 9999;
	margin: -3px;
    width: 100%;
    border: 1px solid #ccc;
    -webkit-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
}


.approve-icon {
	background: url('../images/icons8-thumbs-up-15.png');
}

.disapprove-icon {
	background: url('../images/icons8-thumbs-down-15.png');
}

.approve-icon.passive-icon {
	opacity: 0.3;
}

.transfer-pullout-x {
	background: url('../images/icons8-truck-20-x.png');
	width: 20px;
	height: 20px;
	opacity: 0.5;
}

tr:hover .transfer-pullout,
tr:hover .button-action-dialog {
	opacity: 1;
}

.user-info-wrapper {
	padding: 20px 10px;
	display: block;
	height: auto;
	line-height: 21px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'CenturyGothicBold';
}

.tridi-border {
	width: 100%;
	height: 3px;
	display: block;
	box-shadow: inset 0 -7px 1px -7px #000000;
    -webkit-box-shadow: inset 0 -7px 1px -7px #000000;
    -moz-box-shadow: inset 0 -7px 1px -7px #000000;
    -o-box-shadow: inset 0 -7px 1px -7px #000000;
    border-bottom: 1px solid #536c84;
}

.submit-multiple-serial {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	padding: 7px;
	font-family: 'CenturyGothicBold';
	display: none;
}

.count-x {
	font-size: 12px;
	font-family: 'CenturyGothicBold';
	display: inline-block;
	margin-right: 5px;
}

.btn_uniq_dr {
	display: inline-block;
	font-size: 12px;
	margin-bottom: 15px;
	margin-right: 10px;
	padding: 7px;
	background: #f2f2f2;
	border: 1px solid #ccc;
}

.btn_uniq_dr:hover, .btn_uniq_dr.checked {
	background: #434242;
	color: #fff;
	border: 1px solid #434242;
}

.btn_uniq_dr.checked .count-x, .btn_uniq_dr:hover .count-x {
	color: #fff;
}


#main_menu li a small {
	background: #fff;
	color: #34495e;
	padding: 2px 5px;
	font-size: 10px;
	font-family: 'CenturyGothicBold';
	border-radius: 100%;
}

#main_menu li a.active-nav-link small, #main_menu li a:hover small {
	background: #d64d55;
}

#main_menu li a small.x {
	border-radius: 10px;
}

.tab-menu li a small {
	background: #d64d55;
	color: #fff;
	padding: 2px 5px;
	font-size: 10px;
	font-family: 'CenturyGothicBold';
	border-radius: 100%;
}

.tab-menu li a small.x {
	border-radius: 10px;
}

.choose-access-branch-lnk, .choose-allowed-models-lnk {
	color: #34495e;
	font-family: 'CenturyGothicBold';
	/*display: none;*/
}

.access-branch-fancybox {
	width: 620px;
}

.access-branch-fancybox ul {
	font-size: 0;
	padding: 0;
	margin: 0;
}

.access-branch-fancybox ul li {
	font-size: 12px;
}

.access-branch-fancybox ul.branch-groups li {
	margin: 0;
	border: 1px solid #ccc;
}

.access-branch-fancybox ul.branch-groups li.first {
	border-radius: 7px 0 0 0;
}

.access-branch-fancybox ul.branch-groups li.last {
	border-radius: 0 0 0 7px;
}

.access-branch-fancybox ul li a {
	display: block;
	padding: 5px;
	position: relative;
}

.access-branch-fancybox ul li:hover, .access-branch-fancybox ul li.active {
	background: #ccc;
}

.branch-groups {
	width: 30%;
	display: inline-block;
	float: left;
}

.group-code-branches {
	width: 66%;
	display: inline-block;
	float: right;
	
}

.group-code-branches h1 {
	font-size: 21px;
}

.dialog-remarks-area {
	width: 100%;
	display: block;
	margin-top: 10px;
	font-family: 'CenturyGothic' !important;
	padding: 5px;
}

#approval_code-error, #remarks-error, 
#stock_transfer_remarks-error, #stock_transfer_waybill-error, 
#stock_transfer_pocode-error, #stock_transfer_branch-error,
#input_serial_remarks-error {
	display: none !important;
}

.form-abs-input.error, .form-abs-select.error {
    border: 1px solid #f59393;
    background: #f7b9b9;
	color: red;
}

.no_of_branches {
	background: #434242;
	border-radius: 7px;
	position: absolute;
	right: 20px;
}

.no_of_branches span {
	font-size: 11px;
	padding: 4px;
	color: #fff;
	
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


.serial-status-wrapper {
	font-size: 12px;
}

.serial-status-wrapper em {
	color: #0494ce;
	font-family: 'CenturyGothicBold';
}

.serial-infos table {
	margin: 20px 0;	
	border: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
}


.serial-infos table tr td, .serial-infos table tr th {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	word-break: break-word;
}

.serial-infos table tr td a {
	color: #0494ce;
	font-family: 'CenturyGothicBold';
}

.serial-infos table tr td a em {
	background: yellow;
}

.serial-infos table tr th {
	font-family: 'CenturyGothicBold';
	border-bottom: 3px solid #ccc;
}

.serial-infos table tr.row-odd {
	background: #f2f2f2;
}

.row-adjustments-data.not-included td {
	text-decoration: line-through;
	color: #ccc !important;
}

.account-info-update {
    float: right;
    position: absolute;
    top: 10px;
    right: 0;
}

.account-info-update ul li {
	display: inline-block;
	line-height: 14px;
	position: relative;
	width: 150px;
}

.account-info-update ul .toggle-theme {
    width: auto;
}

.account-info-update ul li.parent a {
	font-size: 14px;
	position: relative;
	margin-right: 10px;
}

.account-info-update ul li.parent .child li a {
	font-size: 10px;
}

.account-info-update ul li.parent .child li, .account-info-update ul li.parent .child li a {
	display: block;
}

.account-info-update ul li .child {
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	position: absolute;
	/*width: 200px;*/
	display: none;
	right: 0;
	-webkit-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
}

.account-info-update ul li.parent:hover .child {
	display: block;
}

.account-info-update ul li .child:before {
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: ' ';
    border-bottom: 5px solid #ccc;
	top: -5px;
	left: 28px;
	/*right: 45%;*/
	position: absolute;
}

.account-info-update ul li a span {
	position: relative;
	top: -8px;
	margin-left: 10px;
}

.table-form {
	width: 100%;
}

.table-form .label {
	font-family: 'CenturyGothicBold';
}

.table-form .form-field-tables {
	width: 100%;
	display: block;
	padding: 7px;
	font-size: 12px;
	font-family: 'CenturyGothic';
	margin-bottom: 10px;
}

.table-form label.error {
	font-size: 12px;
	margin: 0;
	display: block;
}

.ast {
	color: red;
	display: inline-block;
	margin-right: 5px;
}

.table-message-wrapper.error {
	background: #fdb4b4;
	padding: 7px;
	color: red;
	margin-top: 10px;
	display: block;
	border-left: 2px solid red;
}

.dashboard-wrapper .dashboard-item-title {
	font-size: 16px;
	font-family: 'CenturyGothicBold';
	display: block;
}

.view-announcement-lnk {
	color: #0494ce;
	font-family: 'CenturyGothicBold';
}

.dashboard-announcement-items {
	font-size: 14px;
	line-height: 21px;
}

.dashboard-announcement-items .item-title {
	font-family: 'CenturyGothicBold';
}

.dashboard-announcement-items .item-creator {
	font-size: 12px;
	display: block;
	margin-bottom: 20px;
	color: #ccc;
	font-style: italic;
}

.dashboard-announcement-items .item-creator strong {
	color: #ccc;
}

.dashboard-announcement-items .announcement-items {
	display: block;
	padding: 20px 0;
	border-bottom: 1px dotted #ccc;
}

.item-actions {
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 5px;
}

.mark-as-read-link {
	float: right;
	font-size: 10px;
	font-family: 'CenturyGothicBold';
}

.item-external {
	margin-top: 10px;
	font-size: 12px;
}

.validator-message {
	font-size: 11px;
	color: red;
}

.validator-message p {
	font-size: 11px;
	color: red;
	padding: 10px 0;
}

.circle-profile {
	border-radius: 100%;
	width: 150px;
	height: 150px;
	background: #ccc;
	display: block;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.circle-profile .default-wrapper {
	position: relative;
	padding: 25px;
	-webkit-border-radius: 100%;-o-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: 'CenturyGothicBold';
}

.click-to-upload {
	display: block;
	font-size: 10px;
	line-height: 10px;
	z-index: 9999;
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}

#blah {
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: 100%;
	width: 150px;
	height: 150px;
}

.profile-picture {
	width: 25px;
	height: 25px;
	-webkit-border-radius: 100%;-o-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
}

.passive {
	font-style: italic;
	font-size: 12px;
	color: #ccc;
}

h1.variable-title {
	font-size: 41px;
	display: block;
	margin-bottom: 20px;
}

h2.variable-help {
	font-size: 14px;
}

.picture-listing-wrapper {
	display: inline-block;
	width: 65px;
	height: 65px;
	border-radius: 100%;
	text-align: center;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.picture-holder-name {
	background: #ccc;
}

.picture-listing-wrapper p {
    position: relative;
    top: 18px;
    font-size: 25px;
    font-family: 'CenturyGothicBold';
}

.userlist-with-photo h1 {
	display: block;
	font-size: 16px;
	font-family: 'CenturyGothicBold';
	padding-bottom: 10px;
}

.userlist-with-photo ul {
	list-style: none;
}

.userlist-with-photo ul li {
	display: block;
	padding: 10px 0;
	list-style: none;
}

.right-photo-info {
	display: inline-block;
}

.user-name, .user-pos {
	font-size: 12px;
	display: block;
}

.userlist-with-photo tr td {
	padding: 10px;
	vertical-align: middle;
}

.photo-wrap {
	display: inline-block;
}

.right-photo-info {
	line-height: 14px;
	border-left: 1px solid #ccc;
}

.item-content {
	/*height: 150px;*/
}

.item-content ul {
	list-style: disc;
	margin-left: 10px;
	display: block;
}

.item-content ul li {
	margin-left: 10px;
}

.form-initialized-pcount {
	font-family: 'CenturyGothicBold';
	font-size: 13px;
	padding: 5px 10px;
	background: #2dcc70;
	color: #fff;
	margin-top: 10px;
	border-radius: 7px;
	display: block;
}

.form-initialized-pcount:disabled {
	background: #ccc;
}

.pmsg-prompt {
	font-size: 14px;
}

.download-pcount-template {
	display: inline-block;
	padding: 5px 10px;
	font-size: 13px;
	margin: 10px 0 0 0;
	font-family: 'CenturyGothicBold';
	background: #2dcc70;
	color: #fff;
	border-radius: 7px;
}

.branch-groupings {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
}

.group-item {
	width: 30%;
	position: relative;
	margin: 0 auto;
	display: inline-block;
	min-height: 250px;
	max-height: 250px;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 10px;
	border-radius: 7px;
	float: left;
}

.group-item h1 {
	font-size: 14px;
	font-family: 'CenturyGothicBold';
	margin-bottom: 10px;
}

.branch-item-wrapper {
	min-height: 200px;
	max-height: 200px;
	overflow: auto;
}

.branch-items.row-even {
	background: #f2f2f2;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.branch-items.row-even.last {
	border-bottom: 0;
}

.branch-items a {
	font-size: 10px;
	text-align: left;
	display: block;
	padding: 7px;
    transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
}

.branch-items a:hover {
	background: #ccc;
}

.fancybox-button-form {
	font-size: 13px; 
	padding: 7px 10px;
	border-radius: 8px;
	font-family: 'CenturyGothicBold';
	text-transform: uppercase;
	background: #2dcc70;
	color: #ffffff;
}

.fancybox-button-form:disabled {
	color: #fff;
	background: #ccc;
}

.fancybox-contents {
	min-width: 520px;
	max-width: 920px;
	position: relative;
	overflow: hidden
}

.fancybox-contents h1 {
	font-size: 21px;
	font-family: 'CenturyGothicBold';
}

.fancybox-table-form {
	border: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
}

.fancybox-table-form .field {
	background: #ccc;
	padding: 7px;
	font-family: 'CenturyGothicBold';
	font-size: 14px;
}

.fancybox-table-form .value {
	border-bottom: 1px solid #ccc;
	padding: 7px;
	font-family: 'CenturyGothicBold';
	font-size: 14px;
}

.image_file_view {
	width: 100px;
	height: auto;
	display: block;
}

.fancybox-table {
	border: 1px solid #ccc;
	border-bottom: 3px solid #ccc;
	width: 100%;
}

.fancybox-table tr th {
	text-align: left;
	border-bottom: 3px solid #ccc;
	padding: 7px;
	font-family: 'CenturyGothicBold';
	font-size: 14px;
}

.fancybox-table tr td {
	padding: 7px;
	position: relative;
	font-size: 12px;
}

.fancybox-table tr td.main-column {
	padding: 0;
	margin: 0;
}

.add-this-button {    
	color: #2dcc70;
    border: 3px solid #2dcc70;
    padding: 2px 6px;
    font-family: 'CenturyGothicBold';
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    position: absolute;
    line-height: 15px;
    right: 10px;
}

.add-this-button:hover {
	color: #fff;
    background: #2dcc70;
}

.jumbo {
	font-size: 14px;
	font-family: 'CenturyGothicBold';
	margin-bottom: 10px;
}

.submit-competitor {    
	color: #1a99a5;
    font-size: 13px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* border: 1px solid #ccc; */
    text-transform: uppercase;
    background: #ffffff;
    font-family: 'CenturyGothicBold';
}

.save_changes {
    text-transform: uppercase;
	padding: 7px 15px;
	background: #2dcc70;
	color: #fff;
	
}

.specs-column {
	background: #f2f2f2;
	border-bottom: 1px solid #ccc;
}

.submit-column {
	border: 0;
}


.min-table-on-table label.error {
	display: none !important;
}

.min-table-on-table input.error {
	background: pink;
}
 
.qty-column {
	border-bottom: 1px solid #ccc;	
	border-left: 1px solid #ccc;	
}

.competitor-inputqty {
	border: 0;
	/*
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;*/
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	padding: 0 7px;
}

.message-absolute {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, 0.7);
    font-family: 'CenturyGothicBold';
	display: none;
}

.message-absolute span {
	font-family: 'CenturyGothicBold';
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
}

.competitor-item-wrapper .form-wrapper {
	margin-top: 20px;
	display: block;
	border: 1px solid #ccc;
}

.competitor-dashboard-table tr th {
	text-align: left;
	font-family: 'CenturyGothicBold';
	font-size: 13px;
	padding: 5px;
	background: #f2f2f2;
	border-bottom: 3px solid #ccc;
}

.competitor-dashboard-table tr td {
	font-size: 12px;
	padding: 5px;
}

.competitor-dashboard-table tr.row-even {
	background: #f2f2f2;
}

@media (max-width: 1020px) { 
	.contents {
		max-width: 420px;
		padding: 0;
	}
	
	.group-item {
		width: 100%;
		float: none;
		display: block;
		clear: both;
	}
	.account-info-update {
		float: right;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	
	.account-info-update a span {
		display: none;
	}

	.account-info-update ul li {
		width: 35px;
		margin: 0;
	}
	
	.account-info-update ul li ul li {
		width: auto;
		margin: 0;
	}
	
	.account-info-update ul li .child {
		width: 150px;
	}
	
	.account-info-update ul li .child:before {
		top: -5px;
		left: auto;
		right: 16px;
		position: absolute;
		border-bottom: 5px solid #fff;
	}
	.account-info-update ul .toggle-theme {
	    width: 35px;
	}

}

@media (max-width: 720px) {
	
	.burger-nav {
		display: block;
	}
	
	.contents .content-title {
		text-align: center;
		margin-top: -20px; 
		font-size: 18px;
		font-family: 'CenturyGothicBold';
		position: relative;
		display: block;
		clear: both;
		color: #fff;
	}
	
	.contents {
		margin-left: 0px;
		max-width: 100%;
	}

	.active-nav .contents {
		margin-left: 280px;
	}
	
	.site-main-navigation, .site-main-navigation-fake {
		width: 0%;
	}
	
	.active-nav .site-main-navigation-fake {
		width: 280px;
	}

	.active-nav .site-main-navigation {
		width: 280px;
	}
	
	
	.add-new-button {
		font-family: 'CenturyGothicBold';
		width: 50px;
		text-align: center;
		font-size: 31px;
		padding: 3px 0;
		display: block;
		float: none;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-o-border-radius: 100%;
		background: #fff;
		color: #2dcc70;
		border: 5px solid #2dcc70;
		position: fixed;
		bottom: 60px;
		right: 60px;
	}

	.add-new-button .button-span-text {
		display: none;
	}
	
	.header-wrapper {
		background: #2dcc70;
		color: #fff;
		margin: 0;
		border: 0;
		padding: 15px  20px 20px 20px;
		margin-bottom: 40px;
		color: #fff;
		position: fixed;
		top: 0;
		width: 100%;
	}
	
	.main-site-title {
		background: none;
		box-shadow: inset 0 -7px 1px -7px #000000;
		-webkit-box-shadow: inset 0 -7px 1px -7px #000000;
		-moz-box-shadow: inset 0 -7px 1px -7px #000000;
		-o-box-shadow: inset 0 -7px 1px -7px #000000;
		border-bottom: 1px solid #536c84;
		padding: 0;
		margin: 18px 15px;
		margin-bottom: 0;
		width: 240px;
	}
	
	
	.burger-nav:hover, .active-nav .burger-nav {
		background: #2dcc70;
		color: #fff;
	}
	
	.pattie {
		background: #ffffff;
	}
	
	#main-content-id {
		padding-top: 80px;
	}
	
	
	.fancybox-contents {
		min-width: 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 500px) {
	
	.beta-testing p {
		font-size: 21px;
	}
	
	.header-wrapper {
		background: #2dcc70;
		margin: 0;
		padding: 10px 20px 5px 20px;
	}
	
	.contents .content-title {
		margin: 0;
		bottom: 23px;
	}
	
	.table tr td, .table tr th {
		font-size: 10px !important;
	}
	
	
	.tab-wrapper {
		display: block;
		position: fixed;
		bottom: 0;
		border: 0;
		border-top: 1px solid #cccccc;
		background: #fff;
		z-index: 1;
		left: 0;
		right: 0;
		text-align: center;
		margin: 0;
	}

	.tab-menu {
		font-size: 0;	
	}
	
	.tab-menu li {
		display: inline-block;
		margin-right: 0;
	}

	.tab-menu li a {
		font-size: 10px;
		padding: 15px;
		border: 0;
		display: inline-block;
		border-radius: 0;
		border-right: 1px solid #cccccc;
		margin-top: -1px;
	}
	
	.tab-menu li a.last {
		border-right: 0;
	}

	.tab-menu li a:hover, .tab-menu li a.active-tab {
		background: none;
		color: #2dcc70;
	}
	
}

@media (max-width: 420px) {
	
	.active-nav .x-button {
		display: block;
	}
	
	.header-wrapper {
		/* border: 0; */
	}
	
	.burger-nav {
		display: block;
		left: -15px;
		width: 30px;
		bottom: -4px;
	}
	
	.header-wrapper {
		padding: 10px 20px 8px 20px;
	}
	
	.active-nav .burger-nav {
		display: block;
	}
	
	.contents .content-title {
		bottom: 17px;
		font-size: 14px;
	}
	
	.active-nav .pattie-closed-nav {
		display: none;
	}
	
	.search-filter-wrapper .form-width-50 {
		width: 100%;
		font-size: 10px;
	}
	
	.search-filter-wrapper .form-width-50.go-right {
		margin-top: -1px;
	}
	
	.search-filter-wrapper .form-abs-search {
		bottom: 0;
	}
	
}

@media (max-width: 300px) {
	.x-button{ 
		right: 20px;
	}
	
	.contents .content-title {
		margin: 0;
	}
	
}

@media (max-width: 280px) {
	.x-button{ 
		right: 40px;
		top: 0;
		border-radius: 0 0 100% 100%;
		background: #2dcc70;
	}
}

.filter-wrapper-form {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	display: block;
}

.custom-dd-wrapper {
	display: block;
	position: relative;
}

.custom-dd-list {
	max-height: 250px;
	overflow: auto;
	display: none;
    -webkit-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.25);
	border-left: 1px solid #ccc;
	position: absolute;
	z-index: 999;
	width: 100%;
	background: #fff;
}

.custom-dd-ul {
	font-size: 0;
}

.custom-dd-ul li {
	font-size: 14px;
	list-style: none;
}

.custom-dd-ul li a label {
	display: block;
	cursor: pointer;
}

.custom-dd-ul li a {
	padding: 5px 10px;
	display: block;
}

.custom-dd-ul li a:hover {
	background: #f2f2f2;
}

.custom-dd-header {
	position: relative;
	padding: 7px 10px;
	cursor: pointer;
	border: 1px solid #ccc;
}

.custom-dd-header .placeholder {
	font-size: 14px;
	font-family: 'CenturyGothicBold';
}

.custom-dd-header:hover .header-button, .custom-dd-wrapper.active-class .header-button {
    background-color: #2dcc70;
}

.custom-dd-wrapper.active-class .custom-dd-list {
	display: block;
}

.header-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background-color: #ccc;
	background-image: url('../images/filter_arrow.png');
	background-repeat: no-repeat;
	background-position: center;
}

#export_pcount_dashboard {
    display: block;
    margin: 10px 0 10px 0;
    font-size: 14px;
    background: #2dcc70;
    color: #fff;
    padding: 7px;
	font-family: 'CenturyGothicBold';
}

table.min-table-on-table.successfully-updated tr td.specs-column {
    background: green !important;
	color: #fff;
}

#OrderTable {
	font-size: 12px;
}

#OrderTable tr td {
	position: relative;
}

#OrderTable select, #OrderTable input {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

.abs-textarea {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	padding :5px;
}

.branch-dealers-pcount tr td {
    position: relative;
    border: 1px solid #ccc;
}

.branch-dealers-pcount .form-input-number {
    border: 0;
    outline: 0;
    position: absolute;
    text-align: center;
    padding: 0 25px;
    font-family: 'CenturyGothicBold';
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
}

.button-pcount-cnt {
    position: absolute;
    width: 25px;
    text-align: center;
    height: 100%;
    font-size: 18px;
    top: 0;
    z-index: 1;
    font-family: 'CenturyGothicBold';
}

.form-search-dealers-branch {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
}

.button-ps-pcount-minus {
    left: 0;
}

.button-ps-pcount-plus {
    right: 0;
}

.button-pcount-update {
    padding: 6px 25px;
    font-size: 10px;
    background: #2dcc70;
    color: #ffffff;
    display: block;
    margin: 0 auto;
}

.manage-dealers-wrapper {
    width: 50%;
}

.manage-dealers-pcount-wrapper {
    padding: 20px 0 20px 20px;
}

@media (max-width: 900px) {
    
    .manage-dealers-wrapper {
        width: 100%;
    }
    .manage-dealers-pcount-wrapper {
        padding: 20px 0 0 0;
    }

    
}

.add-new-button-sir {
	font-family: 'CenturyGothicBold';
	padding: 6px 25px;
	font-size: 14px;
	background: #2dcc70;
	border-radius: 7px;
	color: #fff;
	display: inline-block;
}
.tab-menu li a:hover, .tab-menu li a.active-tab {
    background: #2dcc70;
    border: 1px solid #2dcc70;
    border-bottom: 0;
    color: #fff;
}
.staging-overlay {
	display: none;
	position: fixed;
	font-family: 'CenturyGothicBold';
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 5px;
	background: #f2f2f2;
	color: #696969;
	z-index: 999;
}

.stage-dev .staging-overlay {
	display: block;
}

.stage-dev {
	padding-top: 26px !important;
}

.stage-dev .site-main-navigation {
	top: 26px;
}

.timex {
    display: block;
    padding: 20px;
    width: 100%;
    font-family: 'CenturyGothicBold';
    text-align: right;
    position: fixed;
    font-size: 13px;
	text-transform: uppercase;
		background: transparent !important;
}


.skill-bar {
    width: 100%;
	height: 2px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.skill-bar span {
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
    background: #4285f4;
    display: inline-block;
}
.skill-bar span {
	-webkit-animation: w70 3s ease forwards;
}
.skill-bar .w70 {
    width: 100%;
}

.toggle-theme {
	width: auto; right: 20px;
}

.serial-status-wrapper .archive-year-header {
    font-size: 21px;
    font-family: 'CenturyGothicBold';
}

.serial-status-wrapper .ast {
    font-family: 'CenturyGothicBold';
}

.dark .querybuilder {
    color: #ffffff;
    background: #434242;
}
.dark .success td {
    background: rgb(18 56 3 / 88%);
}

.dark textarea {
    color: #ffffff;
    background: #434242;
}

.item-content table tr th {
    text-align: left;
    font-family: 'CenturyGothicBold';
    border: 1px solid #434242;
    padding: 3px 5px;
    background: #d4d4d4;
}

.item-content table tr td {
    border: 1px solid #434242;
    padding: 3px 5px;
    font-size: 12px;
}

.dark .item-content table tr th {
    background: #2b2b2b;
}

.prev-pipe-next {
    margin-left: 20px;
}

.prev-pipe-next a {
    color: #04a1dc;
    font-family: 'CenturyGothicBold';
    font-size: 12px;
    position: relative;
    top: -1px;
}

@-webkit-keyframes w70 {
    0% {
		width: 0%; 
		opacity: 1;
    }
    10% {
		width: 10%; 
		opacity: 1;
    }
    15% {
		width: 15%; 
		opacity: 1;
    }
    45% {
		width: 45%; 
		opacity: 1;
    }
    100% {
		width: 100%; 
		opacity: 0;
    }
}
@media (max-width: 720px){
	.stage-dev .header-wrapper {
		background: #2dcc70;
		color: #fff;
		margin: 0;
		border: 0;
		padding: 15px 20px 20px 20px;
		margin-bottom: 40px;
		color: #fff;
		position: fixed;
		top: 26px;
		width: 100%;
	}
	
	.timex {
		text-align: center;
		position: fixed;
		bottom: 0;
		background: #202020 !important;
		color: #fff;
		padding: 10px;
		font-size: 13px;
	}
	.toggle-theme {
		width: auto; right: 0;
	}
	
}
.contents {
    max-width: 100%;
    margin-left: 0;
    padding-left: 280px;
}
.dark .form-field-group .back-button-link {
    color: #434242;
}
.dark h1 {
    color: #ffffff;
}
@media(max-width: 720px) {
    .contents {
        max-width: 100%;
        padding: 0;
    }
}

.header__snow {
    background: none;
    font-family: Androgyne;
    background-image: url('../images/s1.4adb61ee.png'),url('../images/s2.5582bf49.png'),url('../images/s3.91271c34.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
}
.cssanimations .header__snow-container {
    opacity: 0;
    z-index: 4;
    animation: fadeIn .35s ease 1.7s forwards;
}
.cssanimations .header__snow {
    animation: snow 10s linear infinite;
}

@keyframes fadeInPop{0%{transform:scale(.95);opacity:0}40%{transform:scale(1.05);opacity:.8}80%{transform:scale(.95);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInHeight{0%{opacity:0;transform:scale(.95)}to{opacity:1;height:70px;transform:scale(1)}}@keyframes fadeInTop{0%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes fadeInTopScale{0%{opacity:0;transform:scale(.8)}90%{transform:scale(1)}to{opacity:1;transform:translateY(0)}}

@keyframes snow{0%{background-position:0 0,0 0,0 0}50%{background-position:500px 500px,100px 200px,-100px 150px}to{background-position:500px 1000px,200px 400px,-100px 300px}}


/* dark as me */

body.dark div, body.dark span, body.dark table, body.dark tr, body.dark th, body.dark td, 
body.dark select, body.dark input, body.dark p, body.dark strong, html.dark, body.dark {
	color: #ffffff;
	background-color: #202020;
	background: #202020;
}

.dark .pattie {
	background: #ffffff;
}

/*
.main-site-title .m-desc, .main-site-title .m-title, .main-site-title

.dark .site-main-navigation, .dark .site-main-navigation-fake, .menu ul li a  {
	background: #292929 !important;
}
*/

.update-btn-theme {
	position: absolute !important;
    top: -24px;
}

.dark .sun {
	display: block;
}

.dark .moon {
	display: none;
}

.light .sun {
	display: none;
}

.light .moon {
	display: block;
}

body.dark span.button-span-text {
	color: #202020;
	background-color: #cccccc;
}

.dark .loading-state-wrapper {
	background-color: rgba(255,255,255,0.3) !important;
	background-image: url( '../images/devant-progress-bar-preloader.gif' ) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	/*background-size: 250px;*/
	background-repeat: no-repeat !important;
	z-index: 999999999999;	
}

.dark span.process-text {
    background-color: transparent !important;
    color: #202020 !important;
}

.dark .pattie-closed-nav {
    background: transparent !important;
}

.dark .branch-items.row-even {
    background: #393939;
}

.dark .branch-items a {
    color: #ffffff;
}

.dark .group-item h1 {
    color: #ffffff;
}
.dark .site-main-navigation {
    box-shadow: 0px 0px 0px;
    border-right: 1px solid #cccccc;
}

.dark .fancybox-contents h1 {
    color: #ffffff;
}

.dark .fancybox-overlay.fancybox-overlay-fixed {
    background: rgba(0,0,0,0.8);
}

.dark .fancybox-skin {
    border: 1px solid #ffffff;
}

.dark .dashboard-wrapper .dashboard-item-title, .dark .userlist-with-photo h1, .dark .tab-menu li a,
.dark .pagination-links a, .dark .pagination-links strong, .dark .form-field-group label, .dark .form-field-group span, .dark .form-field-group a {
    color: #ffffff;
}

.dark .form-wrapper .form-input:read-only {
    background: #404040;
}

.dark .row-field-value-table td.field {
    background: #404040;
}

.dark td.ttc.col-odd {
    background: #404040;
}

.dark #OrderTable select, .dark #OrderTable input {
    background: #ffffff;
    color: #202020;
}

.dark .table-dialog-striped tr td.label {
    background: #202020;
}

.dark .approve-icon {
    background: url('../images/icons8-thumbs-up-15.png');
}

.dark .disapprove-icon {
    background: url('../images/icons8-thumbs-down-15.png');
}

.dark .my-icon p {
    border: 1px solid #ffffff;
}

.dark .my-icon p:before {
    border-bottom: 5px solid #fff;
}

.dark .back_button_link {
    color: #434242 !important;
}

@media (max-width: 1050px) {
	.update-btn-theme {
		position: absolute !important;
       right: -5px;
	}
}

.rotate-90 {
	transform: rotate(-90deg);
	/* Legacy vendor prefixes that you probably don't need... */
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotate-45 {
	transform: rotate(-45deg);
	/* Legacy vendor prefixes that you probably don't need... */
	/* Safari */
	-webkit-transform: rotate(-45deg);
	/* Firefox */
	-moz-transform: rotate(-45deg);
	/* IE */
	-ms-transform: rotate(-45deg);
	/* Opera */
	-o-transform: rotate(-45deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
}

.allowed-models-wrapper {
	margin-top: 20px;
}

.allowed_model_item {
	padding: 10px 15px;
	background: #ccc;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	cursor: pointer;
	font-family: 'CenturyGothicBold';
	position: relative;
    display: inline-block;
}

.allowed-models-wrapper-table {
	
}

.allowed-models-wrapper-table .allowed_model_item {
	padding: 5px 10px;
	background: #ccc;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	cursor: pointer;
	font-family: 'CenturyGothicBold';
	position: relative;
    display: inline-block;
    transition: 0.2s;
}

.allowed_model_item.deleted {
	background: #851219;
	color: #fff;
}

.allowed_model_item a {
	position: absolute;
	top: -3px;
	right: -3px;
	background: #851219;
	color: #fff;
	font-size: 14px;
	border-radius: 100px;
	padding: 1px 3px 0px 3px;
	display: block;
	font-family: 'CenturyGothicBold';
	border: 1px solid #fff;
}

.allowed_model_item.shake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    animation-iteration-count: infinite;	
}

.dark .allowed_model_item {
	background: #f2f2f2;
	color: #434242 !important;
}

.update-allowed-model-wrapper {
	margin-top: 20px;
}

.allowed-model-brands {
	width: 30%;
	float: left;
	border: 1px solid #ccc;
	border-bottom: 0;
}

.allowed-model-brands ul li {
	position: relative;	
}

.allowed-model-brands ul li a {
	padding: 10px;
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #ccc;
	z-index: 1;
}

.allowed-model-brands ul li a:hover,.allowed-model-brands ul li a.active {
	background: #ccc;
}

.allowed-model-numbers ul li {
	padding: 5px;
	font-size: 14px;
}

.allowed-model-numbers ul {
	display: none;
}

.allowed-model-numbers ul.open {
	display: block;
}

.allowed-model-numbers {
	width: 70%;
	float: left;
	padding: 10px;
}

.allowed-models-checkbox {
	position: relative;
	top: 3px;
}

.allowed-model-numbers label {
	cursor: pointer;
}

.no_of_models {    
	background: #434242;
    border-radius: 7px;
    position: absolute;
    right: 20px;
    top: 9px;
	z-index: 0;
    line-height: 13px;
}

.no_of_models span {
    font-size: 11px;
    padding: 4px;
    color: #fff;
}

span.allowed_model_item.ncount-more {
    background: #2dcc70;
    color: #fff;
}

tr.ordering-not-allowed td {
    color: #cccccc;
    text-decoration: line-through;
}

.table.table-hover tr:hover .allowed_model_item {
    background: #ffffff;
    color: #434242;
}