/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/* Global styles */
html {background: #222;}
.html-panel {background: #F9F9F9;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
body {background:#fff; font-size:100%; color:#333; font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;}

a {color:#000; text-decoration:none}
a:hover {text-decoration:none}
a.sortlabel{ text-decoration: underline !important; cursor: pointer !important}
a.sortlabel:hover {text-decoration:none !important}

.alert{
    padding: 20px;
    margin: 20px;
    text-align: center;
    border-radius: 10px;
	color: white;
}

.alert-danger{
	color: #721c24;
}

.alert-error{
	background-color: #a51a1a;
}

.alert-success{
	background-color: #00801e;
}

.alert-up-form-error{
	color: #a51a1a;
	margin: 1.25rem;
}

.alert-up-form-success{
	color: #00801e;
	margin: 1.25rem;
}

.alert-form-error{
	color: #a51a1a;
}

.alert-form-error ul{
	margin: 1.25rem;
}

.alert-form-error li{
	list-style-type: none;
}

form[name="new_password"] ul{
	list-style-type: none;
	color: #a51a1a;
}

.payments_cc_assigned{
	border: 1px solid black;
	max-width: 280px;
	margin: 0 auto;
	background-color: white;
    box-shadow: 5px 1px 9px;
    border-radius: 7px;
}

.color-red{
	color: red;
}

.account-settings-icon-size{
	font-size: 80px;
    margin: 10px 0px 20px 0px;
    color: #e96d28;
}

input[readonly="readonly"]{
	background-color: #ebebeb;
    color: #b5b5b5;
}

#credit_card_invoice_info td{
	text-align: left !important;
}

/* styles from AT */
#popupData {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:99999;
    background: rgba(0,0,0,0.3);
}
#popupData > div.inner {
    position:relative;
    margin:30px auto;
    width:90%;
    max-height:85%;
    overflow:auto;
    background-color:#EFEFEF;
    box-shadow:5px 5px 10px rgba(0,0,0,0.4);
}
#popupData > div.inner tr th {
	background: #6b717e;
	color: #fff;
	border: 1px solid #8b929f;
}
#popupData div.close {
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer;
    background: #FFA20F;
    color: #fff;
    font-weight: bold;
    padding: 0.2em 0.85em;
    z-index: 1;
}

#popupData div.close span {
	display: inline-block;
	font-size: 2em;
	transform: rotate(45deg);
}

#popupData div.close:hover {
	background: #262B35;
}

span.popup-data { 
    cursor:pointer;
    text-decoration:underline;
}
.suboption {
	font-size:0.9em;
}
#popupData div.loader, #popupData div.info { text-align:center }

table.reportTable thead{
	background-color: #f9f9f9;
}
table.customReportTable thead{
	background-color: #f9f9f9;
}
table.reportTable th .fas.fa-search{
	float: left;
	margin: 0px 0px 0px 5px;
}
table.customReportTable th .fas.fa-search{
	float: left;
	margin: 0px 0px 0px 5px;
}
.at_mark {
    background: #b903030d !important;
}
.table-main-selector{
	cursor: pointer;
}
.cnfg-wrapper {
	position:  relative;
	z-index:  1002;
}
.cnfg-wrapper h3{
	margin: 0px 0px !important;
	cursor: pointer;
}
.display-none{
	display: none;
}
.invisible {
	visibility: hidden;
	overflow: hidden;
	height: 0px;
}


.at-checkbox-container label{
	display: inline !important;
}

.at-checkbox-container input{
	display: inline;
    float: left;
    margin: 0px 5px 0px 0px !important;
    margin-top: 0.25em !important;
}

.at-two-ranges{
	width: 100%;
	display: inline-flex;
}

.at-two-ranges div{
	width: 100%;
}

a img {border:0;}

.button, button, input[type="button"], input[type="submit"] {display:inline-block; width:auto; margin:0 0 1rem 0; padding:0.75em 1em; font-family:"Montserrat"; font-weight:600; background:#ccc; text-align:center; cursor:pointer; -webkit-appearance:none; vertical-align:middle; border:1px solid transparent; font-size:1em; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; transition:box-shadow 300ms ease-in;}
.button.yellow { background: #ff6f00; color:#fff;}
.button.yellow:hover { background: #ff801f;}
.button.blue { background: #0c4dbd; color: #fff;}
.button.disabled {background:#ccc; color:#fff;}
.button:hover, .mobile-close:hover {background: #1a5ed4;}
.button.tiny:hover {box-shadow:0 5px 5px -2px rgba(0,0,0,0.5);}

.button.yellow.hollow {background:transparent; border:2px solid #ff6f00; color:#ff6f00}
.button.yellow.hollow:hover {background:#ff6f00; color:#fff;}

.button.blue.hollow {background:transparent; border:2px solid #0c4dbd; color:#0c4dbd}
.button.blue.hollow:hover {background:#0c4dbd; color:#fff;}

.button.form_export_btn {background: #FFA20F; color: #fff;}
.button.form_export_btn:hover {background: #ff801f;}

.button.mini {font-size:0.65rem}
.button.tiny {font-size:0.8rem}
.button.medium {font-size:0.9em}
.button.large {font-size:1.05em}
.button.huge {font-size:1.25em}
.button.expanded {width:100%;}


.select-images option.top20 {
  display: block;
  background-image:url('/img/top20.png');
  background-repeat:no-repeat;
  background-position: right;
  background-size: 50px;
}

.button.cnfg{ background-color: #262B35; color: white; }
.button.cnfg:hover{ background-color: #000000; }
.button.red{ background-color: #bd0000; color: white; }
.button.red:hover{ background-color: #7c0000; }
.button.active, .button.active:hover{ background-color: #ff801f; color: white; cursor: not-allowed; }
.message {margin:1em 0; padding:0.75em 0.9375em; color:#2199e8; overflow:auto; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
.message.neutral {background:#2199e8; color:#fff;}
.message.positive {background:#01b62c; color:#fff;}
.message.negative {background:#d21e38; color:#fff;}
.message.warning {background:#f8aa14; color:#fff;}
.message.disabled {background:#ccc; color:#fff}
.message.short {display:inline-block;}

.message a {text-decoration:underline; color:#fff;}
.message a.button {margin:0; color:#fff; text-decoration:none;}

.badge {position:static; margin:0 0.3em; display:inline-block; padding:0.3em 0.4em; font-size:0.75em; background:#2199e8; color:#fff; text-transform:uppercase; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.badge.left {float:left; margin-right:0.5em; margin-left:0;}
.badge.right {float:right; margin-left:0.5em; margin-right:0;}
.badge.positive {background:#01b62c; color:#fff;}
.badge.neutral {background:#2199e8; color:#fff;}
.badge.disabled {background:#ccc; color:#fff;}
.badge.positive {background:#01b62c; color:#fff}
.badge.negative {background:#d21e38; color:#fff}
.badge.warning {background:#f8aa14; color:#fff}
.badge.white {background:#fff; color:#222}
.badge.tiny {font-size:0.4rem}
.badge.small {font-size:0.6rem}
.badge.medium {font-size:0.75rem}
.badge.large {font-size:1.35rem}

/* Tables */
.table {width:100%; margin:1em 0; border-collapse:collapse; border-spacing:0; border:0}
.table thead th {font-weight:bold; text-align:left; border-bottom:1px solid #ddd}
.table th, table td {padding:0.9375em 0.46875em}
.table th {padding-bottom:1.5em !important;}
.table.bordered {-webkit-border-radius:5px !important;}
.table.bordered td, table.bordered th, table.bordered tr {border:1px solid #ddd; -webkit-border-radius:5px !important;}
.table.bordered thead th {background:#f9fafb;}
.table.lined td {border-bottom:1px solid #ddd;}

h1, h2, h3, h4, h5, h6 {margin:0 0 0.5rem 0; font-weight:bold; color:#000; line-height:1.1; font-family:"Montserrat";}
h1 {font-size:3.3rem;}
h2 {font-size:2.6rem;}
h3 {font-size:1.9rem;}
h4 {font-size:1.55rem;}
h5 {font-size:1.25rem;}
h6 {font-size:1rem;}

p {line-height:1.4}
img {max-width:100%;}

ul, ol {margin:0; padding:0;}
ul, ol, dl {line-height:1.6; margin-bottom:1rem; list-style-position:outside; }
ul {list-style-type:disc; margin-left:1.25rem;}
ol {margin-left:1.25rem;}
ul ul, ol ul, ul ol, ol ol {margin-left:1.25rem; margin-bottom:0.2em;}
dl {margin-bottom:1rem;}
dl dt {margin-bottom:0.3rem; font-weight:bold;}
dl dd {margin-left:0; margin-bottom:0.5em;}

hr {clear:both; height:0; margin:1.25rem auto; border-top:0; border-right:0; border-bottom:1px solid #cacaca; border-left:0;}

.clear, .clearfix {width:100%; display:block; clear:both;}
.clearfix:before, .clearfix:after {display:table; content:" ";}
.clearfix:after {clear:both;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}
.left {float:left;}
.right {float:right;}
.center {float:none !important; margin-left:auto; margin-right:auto;}
.float-none {float:none;}
.inline {display:inline-block; width:auto; clear:none;}
.block {display:block !important;}
.hide {display:none !important;}

.breadcrumb {}
.breadcrumb a {}
.breadcrumb .divider {}
.breadcrumb .disabled {}

.breadcrumbs {width:100%; display:block; margin:0 0 1rem 0; list-style-type:none;}
.breadcrumbs li {float:left; color:#888; font-size: 0.7rem;}
.breadcrumbs li:after {color:#cacaca; content:"/"; margin:0 0.75rem; position:relative; top:1px; }
.breadcrumbs li:last-child:after {margin:0; content:""}
.breadcrumbs a {color:#888;}
.breadcrumbs a:hover {color:#2199e8;}

/* Form, inputs */
input, textarea, select, input.price-range-field {width:100%; display:block; margin:0.8em 0; padding: 0.55em 1em; font-size:0.85em; background:#fff; font-family:inherit; border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -webkit-appearance:none; -moz-appearance:none;}
input.price-range-field {height: auto;}
input:hover, textarea:hover, select:hover {border-color:#aaa;}
input[type="submit"], input[type="button"], button {border:0}
button:focus {outline:none;}
input[type="range"] {width:100%; margin:1em 0; border:0;}

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {border-color: #0c4dbd; outline:solid 1px #0c4dbd;}

textarea {height:auto;}

input.negative, textarea.negative {border-color:#d21e38;}
input.warning, textarea.warning  {border-color:#f8aa14;}
input.positive, textarea.positive {border-color:#01b62c;}


input[type="checkbox"] {width:auto; -webkit-appearance:checkbox; -moz-appearance:checkbox;}
.checkbox input[type="checkbox"] {width:auto; padding:0.6em; -webkit-appearance:none; -moz-appearance:none;}
.checkbox input[type="checkbox"] {position:absolute; cursor:pointer; visibility:hidden;}
.checkbox label {display:inline-block !important; margin:0.8rem 0; padding-top:0.1em; font-size:0.9em; position:relative; top:2px; cursor:pointer}
.checkbox label:before {width:1.3em; height:1.3em; margin-right:0.25em; vertical-align:middle; display:inline-block; position:relative; top:-2px; text-align:center; content:" "; border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; transition:all 300ms ease-in; background-position:center center;}
.checkbox:hover label:before {border-color:#ccc}
.checkbox input[type="checkbox"]:checked + label:before {color:#2199e8; content:" "; background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiMyMTk5RTgiIHBvaW50cz0iMjIuODE0LDcuNjI1IDEzLjg3OSwxNi41NjIgOC41MTgsMTEuMTk5IDQuOTQzLDE0Ljc3NCAxMy44NzksMjMuNzA5IDI2LjM5MSwxMS4xOTkgIi8+PC9zdmc+") no-repeat center center; background-size:1.15em 1.15em;}

.radio input[type="radio"] {position:absolute; cursor:pointer; left:-100%;}
.radio label {display:inline-block !important; margin:0.8rem 0; padding-top:0.1em; position:relative; top:2px}
.radio label:before {width:1.3em; height:1.3em; margin-right:0.25em; vertical-align:middle; display:inline-block; text-align:center; content:" "; border:1px solid #ddd; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; transition:all 300ms ease-in; background-position:center center;}
.radio input[type="radio"]:hover + label:before {border-color:#ccc}
.radio input[type="radio"]:checked + label:before {color:#2199e8; content:" "; background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iIzIxOTlFOCIgY3g9IjE1IiBjeT0iMTUiIHI9IjEwIi8+PC9zdmc+") center center no-repeat; background-size:1.1em 1.1em;}

fieldset legend {margin-left:-0.4em; padding:0.5em 0.5em; font-size:0.8em; font-weight:bold}

select {padding-right:1.8em !important; transition:none; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzMyJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMzIgMjQnPjxwb2x5Z29uIHBvaW50cz0nMCwwIDMyLDAgMTYsMjQnIHN0eWxlPSdmaWxsOiByZ2IoMTAwLCAxMDAsIDEwMCknPjwvcG9seWdvbj48L3N2Zz4="); background-size: 9px 6px; background-position: right -1rem center; background-origin:content-box; background-repeat: no-repeat;}

input.disabled, textarea.disabled, select.disabled, input:disabled, textarea:disabled, select:disabled {background:#f1f1f1; cursor:not-allowed !important;}

.field, #form > div, #change_password > div, {width:100%; display:block; clear:both; position:relative}
.field label, #form > div label, #change_password > div label {display:block; margin:1.35em 0 0.25em 0; font-size:0.8em;}
.field input, .field textarea, .field select, #form > div input, #form > div textarea, #form > div select, #change_password > div input, #change_password > div textarea, #change_password > div select {margin-top:0.4em}
.field input + i, #form > div label + i,  #change_password > div label + i {top:50%;}
.field label + input + i, #form > div label + input + i, #change_password > div label + input + i {top:2.42em; -webkit-margin-before:-0.2em;}
.field i, #form > div i, #change_password > div i {float:right; right:1em; display:inline-block; position:absolute;}
.field .upload-button, #form > div .upload-button, #change_password > div .upload-button {margin-top:0.4em;}

.field.l1, .field.l2, .field.l3, .field.l4, .field.l5, .field.l6, .field.l7, .field.l8, .field.l9, .field.l10, .field.l11, .field.l12, 
.field.m1, .field.m2, .field.m3, .field.m4, .field.m5, .field.m6, .field.m7, .field.m8, .field.m9, .field.m10, .field.m11, .field.m12,
.field.s1, .field.s2, .field.s3, .field.s4, .field.s5, .field.s6, .field.s7, .field.s8, .field.s9, .field.s10, .field.s11, .field.s12,
.field.xs1, .field.xs2, .field.xs3, .field.xs4, .field.xs5, .field.xs6, .field.xs7, .field.xs8, .field.xs9, .field.xs10, .field.xs11, .field.xs12 {clear:none}

input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px #fff inset;}

/* Grid */
.row {width:100%; max-width:76.875rem; margin:0 auto; clear:both; padding-left:0.9375rem; padding-right:0.9375rem;}
.row:after {clear:both;}
.row:after, .row:before {content:" "; display:table;}
.row.expanded {width:100%}

.col, .column {width:100%; float:left; padding-left:0.9375rem; padding-right: 0.9375rem; }

.l-hide {display:none !important}
.l-show {display:block !important;}
.l-show-inline {display:inline-block !important;}

.l1 {width:8.33333%; float:left;}
.l2 {width:16.66667%; float:left;}
.l3 {width:25%; float:left;}
.l4 {width:33.33333%; float:left;}
.l5 {width:41.66667%; float:left;}
.l6 {width:50%; float:left;}
.l7 {width:58.33333%; float:left;}
.l8 {width:66.66667%; float:left;}
.l9 {width:75%; float:left;}
.l10 {width:83.33333%; float:left;}
.l11 {width:91.66667%; float:left;}
.l12 {width:100%; float:left;}

.push-1, .l-push-1 {position:relative; left:8.33333%; right:auto; }
.push-2, .l-push-2 {position:relative; left:16.66667%; right:auto; }
.push-3, .l-push-3 {position:relative; left:25%; right:auto; }
.push-4, .l-push-4 {position:relative; left:33.33333%; right:auto; }
.push-5, .l-push-5 {position:relative; left:41.66667%; right:auto; }
.push-6, .l-push-6 {position:relative; left:50%; right:auto; }
.push-7, .l-push-7 {position:relative; left:58.33333%; right:auto; }
.push-8, .l-push-8 {position:relative; left:66.66667%; right:auto; }
.push-9, .l-push-9 {position:relative; left:75%; right:auto; }
.push-10, .l-push-10 {position:relative; left:83.33333%; right:auto; }
.push-11, .l-push-11 {position:relative; left:91.66667%; right:auto; }

.pull-1, .l-pull-1 {position: relative; right: 8.33333%; left: auto; }
.pull-2, .l-pull-2 {position: relative; right: 16.66667%; left: auto; }
.pull-3, .l-pull-3 {position: relative; right: 25%; left: auto; }
.pull-4, .l-pull-4 {position: relative; right: 33.33333%; left: auto; }
.pull-5, .l-pull-5 {position: relative; right: 41.66667%; left: auto; }
.pull-6, .l-pull-6 {position: relative; right: 50%; left: auto; }
.pull-7, .l-pull-7 {position: relative; right: 58.33333%; left: auto; }
.pull-8, .l-pull-8 {position: relative; right: 66.66667%; left: auto; }
.pull-9, .l-pull-9 {position: relative; right: 75%; left: auto; }
.pull-10, .l-pull-10 {position: relative; right: 83.33333%; left: auto; }
.pull-11, .l-pull-11 {position: relative; right: 91.66667%; left: auto; }
.dont-push, .dont-pull, .l-dont-push, .l-dont-pull {right:0; left:0}
th.sorted {
	text-decoration: underline;
}

.chart-container{
    min-height: 400px;
}
.gif-spinner{
    padding-top:120px;
}
.loading-gif{
    min-height: 400px;
}

/* Grid styles for resolution up to 970px (M) */
@media only screen and (max-width:60.625rem) {

    .m-hide {display:none !important;}
    .m-show {display:block !important;}
    .m-show-inline {display:inline-block !important;}

    .m1 {width:8.33333%; float:left;}
    .m2 {width:16.66667%; float:left;}
    .m3 {width:25%; float:left;}
    .m4 {width:33.33333%; float:left;}
    .m5 {width:41.66667%; float:left;}
    .m6 {width:50%; float:left;}
    .m7 {width:58.33333%; float:left;}
    .m8 {width:66.66667%; float:left;}
    .m9 {width:75%; float:left;}
    .m10 {width:83.33333%; float:left;}
    .m11 {width:91.66667%; float:left;}
    .m12 {width:100%; float:left;}

    .m-push-1 {position:relative; left:8.33333%; right:auto; }
    .m-push-2 {position:relative; left:16.66667%; right:auto; }
    .m-push-3 {position:relative; left:25%; right:auto; }
    .m-push-4 {position:relative; left:33.33333%; right:auto; }
    .m-push-5 {position:relative; left:41.66667%; right:auto; }
    .m-push-6 {position:relative; left:50%; right:auto; }
    .m-push-7 {position:relative; left:58.33333%; right:auto; }
    .m-push-8 {position:relative; left:66.66667%; right:auto; }
    .m-push-9 {position:relative; left:75%; right:auto; }
    .m-push-10 {position:relative; left:83.33333%; right:auto; }
    .m-push-11 {position:relative; left:91.66667%; right:auto; }

    .m-pull-1 {position: relative; right: 8.33333%; left: auto; }
    .m-pull-2 {position: relative; right: 16.66667%; left: auto; }
    .m-pull-3 {position: relative; right: 25%; left: auto; }
    .m-pull-4 {position: relative; right: 33.33333%; left: auto; }
    .m-pull-5 {position: relative; right: 41.66667%; left: auto; }
    .m-pull-6 {position: relative; right: 50%; left: auto; }
    .m-pull-7 {position: relative; right: 58.33333%; left: auto; }
    .m-pull-8 {position: relative; right: 66.66667%; left: auto; }
    .m-pull-9 {position: relative; right: 75%; left: auto; }
    .m-pull-10 {position: relative; right: 83.33333%; left: auto; }
    .m-pull-11 {position: relative; right: 91.66667%; left: auto; }
    .m-dont-push, .m-dont-pull {right:0; left:0}

}

/* Grid styles for resolution up to 800px (S) */
@media only screen and (max-width:50rem) {

    .s-hide {display:none !important;}
    .s-show {display:block !important;}
    .s-show-inline {display:inline-block !important;}

    .s1 {width:8.33333%; float:left;}
    .s2 {width:16.66667%; float:left;}
    .s3 {width:25%; float:left;}
    .s4 {width:33.33333%; float:left;}
    .s5 {width:41.66667%; float:left;}
    .s6 {width:50%; float:left;}
    .s7 {width:58.33333%; float:left;}
    .s8 {width:66.66667%; float:left;}
    .s9 {width:75%; float:left;}
    .s10 {width:83.33333%; float:left;}
    .s11 {width:91.66667%; float:left;}
    .s12 {width:100%; float:left;}

    .s-push-1 {position:relative; left:8.33333%; right:auto; }
    .s-push-2 {position:relative; left:16.66667%; right:auto; }
    .s-push-3 {position:relative; left:25%; right:auto; }
    .s-push-4 {position:relative; left:33.33333%; right:auto; }
    .s-push-5 {position:relative; left:41.66667%; right:auto; }
    .s-push-6 {position:relative; left:50%; right:auto; }
    .s-push-7 {position:relative; left:58.33333%; right:auto; }
    .s-push-8 {position:relative; left:66.66667%; right:auto; }
    .s-push-9 {position:relative; left:75%; right:auto; }
    .s-push-10 {position:relative; left:83.33333%; right:auto; }
    .s-push-11 {position:relative; left:91.66667%; right:auto; }

    .s-pull-1 {position: relative; right: 8.33333%; left: auto; }
    .s-pull-2 {position: relative; right: 16.66667%; left: auto; }
    .s-pull-3 {position: relative; right: 25%; left: auto; }
    .s-pull-4 {position: relative; right: 33.33333%; left: auto; }
    .s-pull-5 {position: relative; right: 41.66667%; left: auto; }
    .s-pull-6 {position: relative; right: 50%; left: auto; }
    .s-pull-7 {position: relative; right: 58.33333%; left: auto; }
    .s-pull-8 {position: relative; right: 66.66667%; left: auto; }
    .s-pull-9 {position: relative; right: 75%; left: auto; }
    .s-pull-10 {position: relative; right: 83.33333%; left: auto; }
    .s-pull-11 {position: relative; right: 91.66667%; left: auto; }
    .s-dont-push, .s-dont-pull {right:0; left:0}
    
}

/* Grid styles for resolution up to 640px (XS) */
@media only screen and (max-width:40rem) {

    .xs-hide {display:none !important;}
    .xs-show {display:block !important;}
    .xs-show-inline {display:inline-block !important;}

    .xs1 {width:8.33333%; float:left;}
    .xs2 {width:16.66667%; float:left;}
    .xs3 {width:25%; float:left;}
    .xs4 {width:33.33333%; float:left;}
    .xs5 {width:41.66667%; float:left;}
    .xs6 {width:50%; float:left;}
    .xs7 {width:58.33333%; float:left;}
    .xs8 {width:66.66667%; float:left;}
    .xs9 {width:75%; float:left;}
    .xs10 {width:83.33333%; float:left;}
    .xs11 {width:91.66667%; float:left;}
    .xs12 {width:100%; float:left;}

    .xs-push-1 {position:relative; left:8.33333%; right:auto; }
    .xs-push-2 {position:relative; left:16.66667%; right:auto; }
    .xs-push-3 {position:relative; left:25%; right:auto; }
    .xs-push-4 {position:relative; left:33.33333%; right:auto; }
    .xs-push-5 {position:relative; left:41.66667%; right:auto; }
    .xs-push-6 {position:relative; left:50%; right:auto; }
    .xs-push-7 {position:relative; left:58.33333%; right:auto; }
    .xs-push-8 {position:relative; left:66.66667%; right:auto; }
    .xs-push-9 {position:relative; left:75%; right:auto; }
    .xs-push-10 {position:relative; left:83.33333%; right:auto; }
    .xs-push-11 {position:relative; left:91.66667%; right:auto; }

    .xs-pull-1 {position: relative; right: 8.33333%; left: auto; }
    .xs-pull-2 {position: relative; right: 16.66667%; left: auto; }
    .xs-pull-3 {position: relative; right: 25%; left: auto; }
    .xs-pull-4 {position: relative; right: 33.33333%; left: auto; }
    .xs-pull-5 {position: relative; right: 41.66667%; left: auto; }
    .xs-pull-6 {position: relative; right: 50%; left: auto; }
    .xs-pull-7 {position: relative; right: 58.33333%; left: auto; }
    .xs-pull-8 {position: relative; right: 66.66667%; left: auto; }
    .xs-pull-9 {position: relative; right: 75%; left: auto; }
    .xs-pull-10 {position: relative; right: 83.33333%; left: auto; }
    .xs-pull-11 {position: relative; right: 91.66667%; left: auto; }
    .xs-dont-push, .xs-dont-pull {right:0; left:0}
    
}

/* Grid styles for resolution up to 480px (XXS) */
@media only screen and (max-width:30rem) {

    .xxs-hide {display:none !important;}
    .xxs-show {display:block !important;}
    .xxs-show-inline {display:inline-block !important;}

    .xxs1 {width:8.33333%; float:left;}
    .xxs2 {width:16.66667%; float:left;}
    .xxs3 {width:25%; float:left;}
    .xxs4 {width:33.33333%; float:left;}
    .xxs5 {width:41.66667%; float:left;}
    .xxs6 {width:50%; float:left;}
    .xxs7 {width:58.33333%; float:left;}
    .xxs8 {width:66.66667%; float:left;}
    .xxs9 {width:75%; float:left;}
    .xxs10 {width:83.33333%; float:left;}
    .xxs11 {width:91.66667%; float:left;}
    .xxs12 {width:100%; float:left;}

    .xxs-push-1 {position:relative; left:8.33333%; right:auto; }
    .xxs-push-2 {position:relative; left:16.66667%; right:auto; }
    .xxs-push-3 {position:relative; left:25%; right:auto; }
    .xxs-push-4 {position:relative; left:33.33333%; right:auto; }
    .xxs-push-5 {position:relative; left:41.66667%; right:auto; }
    .xxs-push-6 {position:relative; left:50%; right:auto; }
    .xxs-push-7 {position:relative; left:58.33333%; right:auto; }
    .xxs-push-8 {position:relative; left:66.66667%; right:auto; }
    .xxs-push-9 {position:relative; left:75%; right:auto; }
    .xxs-push-10 {position:relative; left:83.33333%; right:auto; }
    .xxs-push-11 {position:relative; left:91.66667%; right:auto; }

    .xxs-pull-1 {position: relative; right: 8.33333%; left: auto; }
    .xxs-pull-2 {position: relative; right: 16.66667%; left: auto; }
    .xxs-pull-3 {position: relative; right: 25%; left: auto; }
    .xxs-pull-4 {position: relative; right: 33.33333%; left: auto; }
    .xxs-pull-5 {position: relative; right: 41.66667%; left: auto; }
    .xxs-pull-6 {position: relative; right: 50%; left: auto; }
    .xxs-pull-7 {position: relative; right: 58.33333%; left: auto; }
    .xxs-pull-8 {position: relative; right: 66.66667%; left: auto; }
    .xxs-pull-9 {position: relative; right: 75%; left: auto; }
    .xxs-pull-10 {position: relative; right: 83.33333%; left: auto; }
    .xxs-pull-11 {position: relative; right: 91.66667%; left: auto; }
    .xxs-dont-push, .xxs-dont-pull {right:0; left:0}

}

/* Agritrac Styles */

p {font-size:1.05em; color:#555;}
.blue {color:#0C4DBD;}
.mb {margin-bottom:2em;}

header {width:100%; padding-top:2em; padding-bottom:2em; border-bottom:1px solid #ddd; background:#fff;}
header nav {text-align:right;}
header nav ul {display:inline-block; margin:0; padding:0; list-style-type:none;}
header nav ul li {display:inline-block; margin:0 0.55em;}
header nav ul li a {font-family:"Montserrat"; font-weight:600; position:relative;}
header nav ul li a:after {display:block; width:100%; height:2px; position:absolute; bottom:-8px; background:#ff6f00; content:""; opacity:0; transition:opacity  300ms ease-out, bottom 300ms ease-out;}
header nav ul li a:hover:after {opacity:1; bottom:-5px;}
header nav .button {display:inline-block; margin:0 0.55em 0;}
header .mobile-menu, header .mobile-close {display:none;}

main {background:url(../img/bg.png) center bottom no-repeat; background-size:cover;}
main.features {padding-top:4em; padding-bottom:4em; background:url(../img/bg_features.png) center bottom no-repeat; background-size:cover; text-align:center;}
main.features h1 {color:#0C4DBD;}
main.features.pricing {background:transparent;}
.hero {height:85vh; min-height:500px; padding-top:3em; padding-bottom:3em; position:relative;}
.hero h1 {font-size:2.6em;}
.hero p {font-size:1.125em; color:#555;}
.hero input[type="text"] {max-width:50%; float:left; font-size:1rem; border:0; box-shadow:0 0 1px #929292 inset; border-top-right-radius:0; border-bottom-right-radius:0;}
.hero .button {display:inline-block; float:left;}
.hero > div {position:absolute; top:30%; left:0; transform:translateY(-50%);}

#brands {width:100%; padding-top:1em; padding-bottom:1em; background:#F7F7F7; border-bottom:1px solid #ddd; text-align:center;}
#brands img {margin:0 2em;}

.section {padding-top:7em; padding-bottom:7em;}
.section h2 {margin-bottom:2em; color:#0C4DBD;}
.section.lined {border-bottom: 1px solid #ddd;}

#overview h3 {margin:2em 0 1em 0; font-size:1.125em;}
#overview p.small {padding-right:1em; font-size:0.9em;}
#overview h3:before {width:20px; height:20px; margin-right:1em; display:inline-block; background:#FF9D00; content:" "; vertical-align:middle;}
#overview .text-center .button {margin-top:2em; margin-bottom:0.5em;}
#overview .text-center .check30days {font-size:0.75em; color:#999;}

#testimonials {padding-top:4em; padding-bottom:4em; background:#F7F7F7; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#testimonials h2 {margin-bottom:1em; text-align:center; color:#0C4DBD;}
#testimonials p {text-align:center;}
#testimonials .avatar {margin-top:0.5rem; float:right; border:3px solid #FF9D00; border-radius:999px; -moz-border-radius:999px;}
#testimonials .slider {display:block; margin:0; padding:0; list-style-type:none; overflow:auto;}
#testomonials .slider img {border:5px solid #FF9D00; border-radius:999px; -moz-border-radius:999px;}
#testimonials .slider p {text-align:left; font-size:1em;}
#testimonials .slider span {color:#0C4DBD;}
#testimonials .pages {display:block; clear:both; margin:2em 0 0 0; padding:0; list-style-type:none; text-align:center;}
#testimonials .pages li {display:inline-block;}
#testimonials .pages li a {width:10px; height:10px; display:inline-block; margin:0 0.15em; background:#bbb; border-radius:10px; -moz-border-radius:10px;}
#testimonials .pages li a.active {background:#FF9D00;}

#mobile .android, #mobile .ios {width:171px; height:51px; display:inline-block; margin-right:1em; padding:1em 2em; background:#000;}
#mobile .android {background:url(../img/android.png) 0 0 no-repeat;}
#mobile .ios {background:url(../img/ios.png) 0 0 no-repeat;}

#news {padding-top:5em; border-top:1px solid #ddd;}
#news img {width:100%;}
#news h3 {margin-bottom:3em; color:#FFA20F;}
#news .news {margin-bottom:1em; background:#F7F7F7;}
#news .news h4 {padding:0.5rem 0.75rem; font-size:1.25em;}
#news .news h4:hover {color:#FFA20F;}
#news .news p {margin:0; padding:0.5rem 0.75rem; font-size:0.85em;}

footer {padding-top:3em; padding-bottom:3em; background:#222; position: relative;}
footer img {margin-top:0.5em;}
footer p {color:#c1c1c1; font-size:0.85rem;}
footer strong {display:inline-block; margin:1rem 0 0.5rem 0; color:#fff; font-size:0.85rem;}
footer ul {margin:0 0 1em 0; padding:0; list-style-type:none;}
footer ul li {font-size:0.8em;}
footer ul li a {color:#c1c1c1;}
footer a {color:#FFA20F;}
footer p strong {margin:0;}
footer:after {height: 100vh; position: fixed; top: 100%; left: 0; right: 0; background:#222; content: ""; z-index: -1;}

img#agritrac_dashboard {margin-top:10em; position:relative; right:-100px;}

.frame {padding:2rem 1.5rem; background:#fff; border-radius:4px; -moz-border-radius:4px; border: 1px solid #ddd;}

#registerLogin {width: 100%; min-height: 60vh; display: block; position: relative; text-align:center !important; padding: 3rem 2rem;}
#registerLogin h1 {font-size:2.2em; margin:0;}
#registerLogin img {vertical-align:middle}
#registerLogin p {margin:2em 0;}
#registerLogin .frame {min-width:260px; max-width:480px; margin: 0 auto;}
#registerLogin .or {display:block; margin:0 0 1rem 0; font-size:0.75em; color:#999; text-align:center;}
#registerLogin .button {min-width:50%;}
#registerLogin .button.facebook {color:#999; font-size:0.75em; background:transparent; border:1px solid #ddd;}
#registerLogin .forgot {display:block; margin-top:1em; font-size:0.85em; color:#999;}
#registerLogin .forgot:hover {text-decoration:underline}
.margin-top {margin-top:2em;}
.margin-bottom {margin-bottom:4em;}

article {padding-top:5em; padding-bottom:5em;}
article h1 {margin-bottom:1em; color:#0C4DBD; font-size:2.2em;}

.frame.pricing {margin-bottom:2em; text-align:center;}
.frame.pricing strong {display:block; font-family:"Montserrat"; font-weight:700;}
.frame.pricing span {display:block; margin:0.5em 0 0.6em 0; font-size:1.8em; color:#777; font-family:"Montserrat";}
.frame.pricing p {font-size:0.8em; text-align:left}
.frame.pricing .button {margin:0 auto 0.5em auto;}
.frame.pricing ul {margin:0; padding:0; list-style-type:none; text-align:left}
.frame.pricing ul li {display:block; padding:0.25em 0; font-size:0.8em; color:#555;}
.frame.pricing ul li:before {width:17px; height:17px; margin-right:7px; display:inline-block; background:url(../img/li.png) 0 0 no-repeat; content:""; position:relative; top:5px;}
.frame.pricing span.gold {color:#FF9D00;}
.frame.pricing span.popular {display:inline-block; padding:0.25em 0.5em; font-size:0.7em; background:#FF9D00; color:#fff; border-radius:99px; -moz-border-radius:99px;}

.feature.important {padding-top:5em; padding-bottom:7em; border-bottom: 1px solid #ddd;}
.feature {padding-top:2em; padding-bottom:2em;}
.feature:nth-child(even) {clear:both;}
.feature h2 {margin-top:2em; color:#222; font-size:1.5em; font-weight: 700;}
.feature h4 {font-size:1.2em;}
.feature p {font-size:0.9em;}
.feature.important p {font-size:1em;}

.feature.important h2:before {width:40px; height:40px; margin-bottom:0.65em; display:block; content:""; background:url(../img/iconsBig.png) 0 0 no-repeat;}
.feature.important h2.current:before {background-position: 0 0;}
.feature.important h2.tractors:before {background-position: -40px 0;}
.feature.important h2.map:before {background-position: 0 -40px;}
.feature.important h2.mobile:before {background-position: -40px -40px;}

.feature h4:before {width:20px; height:20px; margin-right:0.5em; position:relative; top:2px; display:inline-block; content:""; background:url(../img/icons.png) 0 0 no-repeat; }
.feature h4.analyze:before {background-position: 0 0;}
.feature h4.map:before {background-position: -20px 0;}
.feature h4.selling:before {background-position: -40px 0;}
.feature h4.export:before {background-position: -60px 0;}
.feature h4.historical:before {background-position: 0 -20px;}
.feature h4.available:before {background-position: -20px -20px;}
.feature h4.models:before {background-position: -40px -20px;}
.feature h4.new:before {background-position: -60px -20px;}

.pricing h1 {margin:0 0 1em 0;}
.pricing p {margin:0 0 3em 0;}
.pricingBox {padding:2em 2em 1em 2em; border: 1px solid #ddd; border-radius: 12px; text-align:center;}
.pricingBox strong {display:block; margin:0 0 0.5em 0; font-size:1.15em; color:#222; font-family:"Montserrat"; text-align: center;}
.pricingBox span {display:block; margin:0.5em 0; color:#666; font-size:2.25em; font-family:"Montserrat"; text-align: center;}
.pricingBox span.gold {color:#FF9D00;}
.pricingBox p {font-size:0.9em;}
.pricingBox ul {text-align:left; margin:2em 0 0 0; padding:0; list-style-type:none;}
.pricingBox ul li {margin:0.55em 0; text-align:left; font-size:0.9em; color:#555;}
.pricingBox ul li:before {width:17px; height:17px; margin-right:0.5em; display:inline-block; content:" "; background:url(../img/li.png) 0 0 no-repeat; position:relative; top:3px;}
.pricingBox .popular {display:inline-block; padding:0.15em 0.85em; margin:0 auto 1em auto; font-size:0.8em; color:#fff; background:#FF9D00; font-family:"Montserrat"; border-radius:99px;}

.faq {margin-top:7em; padding-top:7em; border-top:1px solid #ddd;}
.faq h2 {margin-bottom:2em; color:#0C4DBD;}
.faq h3 {margin-bottom:1em; font-size:1.5em; font-family:"Lato"; font-weight:normal; cursor:pointer;}
.faq h3:before {width:22px; height:22px; margin-right:0.5em; content:""; display:inline-block; background:url(../img/faq.png) 0 0 no-repeat; position:relative; top:2px;}
.faq .faqBox {padding:1em 0;}
.faq .faqBox p {text-indent:-9999px; height:0; margin:0; opacity:0; transition: opacity 200ms 200ms ease-in}
.faq .faqBox.opened p {text-indent:0; height:auto; opacity:1;}

.panel {background:#F9F9F9;}

#adminAside {width:220px; height:100%; position:fixed; z-index: 9999; left:0; top:0; background:#262B35; text-align:center;}
#adminAside img {margin: 1.5em 0 0 0;}
#adminAside ul {margin:0; padding:0; list-style-type:none; font-family:"Montserrat";}
#adminAside ul li {display:block;}
#adminAside ul li a {display:block; padding:0.75rem 1.5rem; color:#949EB3; font-size:0.9em; text-align:left}
#adminAside ul li a:hover {background:#ff6f00; color: #fff;}
#adminAside ul li > ul {display:none;}
#adminAside ul li > ul li {font-size:0.85em;}
#adminAside ul li > ul li a {padding:0.5rem 1.5rem 0.5rem 3.2rem}

#adminAside ul li a:before {display:inline-block; width:20px; height:20px; margin-right:0.5em; vertical-align:middle; content:""; border-radius:0;}
#adminAside ul li a:hover:before {-webkit-filter:grayscale(100%) contrast(500%) brightness(100%); filter: grayscale(100%) contrast(500%) brightness(100%);}
#adminAside ul li a.i-dashboard:before {background:url(../img/panel/i-dashboard.svg) 0 0 no-repeat;}
#adminAside ul li a.i-table-reports:before {background:url(../img/panel/i-table-reports.svg) 0 0 no-repeat;}
#adminAside ul li a.i-maps:before {background:url(../img/panel/i-maps.svg) 0 0 no-repeat;}
#adminAside ul li a.i-agritrac:before {background:url(../img/panel/i-agritrac.svg) 0 0 no-repeat;}
#adminAside ul li a.i-hp-segments:before {background:url(../img/panel/i-hp-segments.svg) 0 0 no-repeat;}
#adminAside ul li a.i-brand-segments:before {background:url(../img/panel/i-brand-segments.svg) 0 0 no-repeat;}
#adminAside ul li a.i-units:before {background:url(../img/panel/i-units.svg) 0 0 no-repeat;}
#adminAside ul li a.i-second-hand:before {background:url(../img/panel/i-second-hand.svg) 0 0 no-repeat;}
#adminAside ul li a.i-crosstables:before {background:url(../img/panel/i-crosstables.svg) 0 0 no-repeat;}
#adminAside ul li a.i-regions:before {background:url(../img/panel/i-regions.svg) 0 0 no-repeat;}
#adminAside ul li a.i-sales:before {background:url(../img/panel/i-sales.svg) 0 0 no-repeat;}
#adminAside ul li a.i-dealers:before {background:url(../img/panel/i-dealers.svg) 0 0 no-repeat;}
#adminAside ul li a.i-custom:before {background:url(../img/panel/i-custom.svg) 0 0 no-repeat;}
#adminAside ul.opened {display:block; clear:both; animation:show 500ms ease-in-out;}

#adminContent {margin-left:220px;}
#adminContent h1, #adminContent h2, #adminContent h3, #adminContent h4 {margin-bottom:1em; font-weight:normal;}
#adminContent h1 {font-size:1.75em; color:#222;}
#adminContent h2 {font-size:1.35em; color:#919191;}
#adminContent h3 {font-size:1.1em; color:#222; font-family:Lato; font-weight:bold;}
#adminContent h4 {font-size:0.9em; color:#222; font-family:Lato; font-weight:bold;}
#adminContent .button {padding:0.45em 0.95em;}
#adminContent select {display:inline-block; clear:both;}
#adminContent .row {max-width:none;}
#adminContent .frame {overflow:hidden;}

#adminContent .button.blue {background:#ff6f00;}
#adminContent .button.blue:hover {background: #ff801f;}

#adminContent select option {line-height:2; font-size:1.15em;}
#adminContent select[multiple] {padding:0 !important;}
#adminContent select[multiple] option {width:100%; padding:0.5em 1em; font-size:1em;}

#adminContent table {width:100%; margin:1em 0 2em 0; border-collapse:collapse; overflow:hidden;}
#adminContent table thead tr th, #adminContent table thead tr td {padding:0.65em 0.5em; font-size:0.8em; font-weight:bold; background:#6b717e; color:#fff; border: 1px solid #8b929f;}
#adminContent table thead tr th:empty {border:0; background:transparent;}
#adminContent table tbody tr td, #adminContent table tbody tr th {padding:0.65em 0.5em; font-size:0.8em; border:1px solid #ddd; position:relative;}
#adminContent table thead tr th a, #adminContent table thead tr td a {color: #fff; font-size: 0.8rem; font-weight:bold;}

#adminContent table tbody tr {background:#fff;}
#adminContent table tbody tr td {text-align:center; vertical-align:middle}
#adminContent.admin table tbody tr td {background:#fff; text-align:left !important; vertical-align:middle}
#adminContent table tbody tr td:first-child, #adminContent table thead .suboption th:first-child {text-align:left;}
#adminContent table .negative {color:#E64848;}
#adminContent table .positive {color:#32A254;}

#adminContent table tr.category td {background:#f1f1f1;}
#adminContent table tr.category th {background:#f1f1f1; border: 1px solid #ddd; vertical-align: top; padding-top:0.65em;}
#adminContent .fas.fa-plus {color: #FFA20F }
#adminContent .fas.fa-minus {color: #FFA20F }

#adminContent table tbody tr:hover td {background:#0C4DBD10;}
#adminContent table tbody tr td:hover:after, #adminContent table thead tr th:hover:after { position:absolute; background-color:#0C4DBD10; left:0; top:-5000px; height:10000px; width:100%; z-index:1;}

#adminContent table.first-bold tbody tr td:first-child {font-weight:bold;}

#adminContent #top {padding-top:1em; padding-bottom:1em; margin-bottom:1.5em; background:#fff; border-bottom: 1px solid #ddd;}
#adminContent #top h1 {margin-bottom:0.1em;}
#adminContent #top #breadcrumbs {display:block;}
#adminContent #top #breadcrumbs a {font-size:0.85em; color:#888;}
#adminContent #top #breadcrumbs a:before {position:relative; top:-1px; display:inline-block; margin:0 0.25em; font-size:0.75em; content:"\f054"; font-weight:bold; color:#ddd; font-family:"Font Awesome 5 Free";}
#adminContent #top #breadcrumbs a:first-child:before {display:none;}
#adminContent #top .button {margin:1em 0 0 1.5em; padding:0; background:transparent; font-size:0.9em; color:#999; font-weight:normal; box-shadow:none;}
#adminContent #top .button:hover {color:#666;}
#adminContent #top .button i {margin-right:0.35em; font-size:1.2em; color:#ccc; vertical-align:middle; position:relative; top:-1px;}

#adminContent .box {display:block; margin-bottom:2em; text-align:center; transition:box-shadow 300ms ease-in-out;}
#adminContent .box:hover {box-shadow: 0 7px 35px rgba(0,0,0,0.2);}
#adminContent .box img {margin:1em auto 2em auto;}
#adminContent .box p {margin-bottom:0; font-size:0.85em; color:#888;}

/* Zmiana lupki na checkboxa */
#adminContent .fas.fa-search.marker:before {content: "\f14a"; font-weight: 400; color: #bbb; cursor: pointer;}
#adminContent .fas.fa-search.marker:hover:before {color: #555;}
#adminContent .at_mark .fas.fa-search.marker:before {content: "\f14a"; color: #3db341; font-weight: 600;}


/* Kalendarz */
.panel .calendar-table select {display:inline-block; padding:0.25em;}
.panel .applyBtn.btn-primary {background:#ff6f00 !important; color:#fff !important;}

.panel .daterangepicker td.in-range {background-color: rgba(255,111,0, 0.15) !important;}
.panel .daterangepicker td.active, .daterangepicker td.active:hover {background:#ff6f00 !important; color: #fff !important;}

.panel .cnfg-content .field.at-two-ranges {margin:0 -0.5em; width: auto;}
.panel .cnfg-content .field.at-two-ranges div {padding:0 0.5em;}

/* Podstrony błędów */
.error {padding-top: 3em; padding-bottom: 20em; min-height: 60vh; text-align: center;}
.error a {color: #ff6f00; text-decoration: underline;}

.at-mb-2{
	margin-bottom: 20px;
}

#adminContent form li{
	color: red;
}

.at-color-white{
	color: white;
}

#adminContent .align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: flex;
    justify-content: center;
}
#mobileMenu, #mobileMenuClose, #adminContent #top .mobileOptions {display: none;}

/* Grid styles for resolution up to 1080px */
@media only screen and (max-width:67.5rem) {
    header nav ul li a, header nav .button { font-size:0.9em;}
    header nav ul li {margin:0 0.45em;}
}

/* Grid styles for resolution up to 970px (M) */
@media only screen and (max-width:60.625rem) {
    header, header nav {text-align:center;}
    header nav {margin:2rem 0 0 0;}
    img#agritrac_dashboard {display:block; margin:5em auto 2em auto; transform:none; }

    #mobile {text-align:center;}
    #mobile img {margin-bottom:3em;}

    .mpadding {padding:3em 2em;}
}

/* Grid styles for resolution up to 800px (S) */
@media only screen and (max-width:50rem) {

    header {text-align:left;}
    header nav.opened {display:block;}
    header nav {display:none; width:100%; height:100%; position:fixed; top:0; right:0; margin:0; background:#FF9D00; z-index:9998;}
    header nav ul {width:100%; padding-top:2rem; display:block;}
    header nav ul li {display:block; margin:0;}
    header nav ul li a {display:block; padding:0.6em 0; font-size:1.25em; color:#fff;}
    header nav ul li a:after {display:none;}
    header nav ul li a:hover {background:#ff6f00;}
    header nav .button:first-of-type {margin-top:2rem;}
    header nav .button {max-width:50%; display:block; clear:both; background:#ff6f00 !important; margin:0.4rem auto; font-size:1.25em;}
    header nav .button:hover {background:#ff6f00 !important;}
    header nav .button.hollow {background:#fff !important; border:0 !important;}
    header nav .button.hollow {color:#ff6f00 !important;}
    header .mobile-close {width:24px; height:24px; padding:1.5rem; position:fixed; z-index:9999; display:block; top:2rem; right:2rem; background:#fff url(../img/mobile-close.png) center center no-repeat; text-align:center; border-radius:25px; cursor:pointer;}
    header .mobile-menu {width:24px; height:24px; margin-top:0.25rem; background:url(../img/mobile-menu.png) center center no-repeat; display:block; float:right; cursor:pointer;}

    #mobileMenuButton,#mobileMenuButtonClose {width:30px; height:30px; display:block; background:url('../img/panel/mobilemenu.svg') 0 0 no-repeat; position:absolute; top:1.75em; right:2em;}
    #mobileMenuButtonClose {display:none; background:url('../img/panel/mobilemenuclose.svg') 0 0 no-repeat;}
    
    #logo {float:left; margin-left:2em}
    #adminContent {margin-left:0}
    #adminContent #top .text-right .button {font-size:0.7em;}

    #adminAside {position:fixed; top:0; width:100%; height:auto;}
    #adminAside ul {display:none; overflow-y:auto}
    #adminAside ul.opened {display:block; clear:both;}
    #adminAside .choosePlan {position:absolute; top:2.75em; right:9em}
	#adminAside img {margin:1.5em 0;}
}

/* Grid styles for resolution up to 640px (XS) */
@media only screen and (max-width:40rem) {
    h2 {font-size:1.7em;}
    .hero {height:auto;}
    .hero > div {position:static; transform:none;}
    .hero h1 {font-size:2rem;}

    #adminAside ul li a {padding:0.45rem 1.5rem}
    #adminAside ul li > ul li a {padding:0.45rem 1.5rem 0.45rem 3.2rem}

    #adminContent #top .mobileOptions {display:block; float:right; padding:0.75em 1em; background:transparent; border:2px solid #0c4dbd; color: #0c4dbd;}
    #adminContent #top .mobileOptions:hover {background:#0c4dbd; color:#fff;}
    #adminContent #top .text-right .options {display:none; position:absolute; margin-top:3em; padding:0; right:2em; background:#fff; overflow:auto; border-radius:17px; box-shadow:0 0 15px rgba(0,0,0,0.25); }
    #adminContent #top .text-right .options.opened {display:block; animation:show 500ms ease-in-out;}
    #adminContent #top .text-right .options .button {display:block; clear:both; margin:0; padding:0.75em 1.2em; border-radius:0;}
    #adminContent #top .text-right .options .button:hover {background:#0c4dbd; color:#fff;}
	#adminAside img {margin:1.5em 0;}

}

/* Grid styles for resolution up to 480px (XXS) */
@media only screen and (max-width:30rem) {
    header nav .button:first-of-type {margin-top:7rem;}
    header nav .button {margin:0.4rem 1rem;}
    .hero {background-size:contain;}
    .hero input[type="text"], .hero input[type="submit"] {width:100%; max-width:100%; display:block; margin:0.5rem auto; border-radius:999px;}
	#adminAside img {margin:1.5em 0;}
}

@keyframes show {
    0% {opacity:0;}
    100% {opacity:1;}
}