@font-face {
    font-family: 'proxima-light';
    src: url('/fonts/ProximaNova-Light.otf');
}
@font-face {
    font-family: 'proxima-bold';
    src: url('/fonts/ProximaNova-Bold.otf');
}
@font-face {
    font-family: 'proxima-boldlt';
    src: url('/fonts/ProximaNova-Boldlt.otf');
}
@font-face {
    font-family: 'proxima-semibold';
    src: url('/fonts/ProximaNova-Semibold.otf');
}
@font-face {
    font-family: 'proxima-extrabold';
    src: url('/fonts/ProximaNova-Extrabold.otf');
}
@font-face {
    font-family: 'proxima-regular';
    src: url('/fonts/ProximaNova-Regular.otf');
}
@font-face {
    font-family: 'proxima-black';
    src: url('/fonts/ProximaNova-Black.otf');
}
.proxima-regular {font-family:'proxima-regular';}
.proxima-bold {font-family:'proxima-bold';}
.proxima-boldlt {font-family:'proxima-boldlt';}
.proxima-semibold {font-family:'proxima-semibold';}
.proxima-extrabold {font-family:'proxima-extrabold';}
.proxima-light {font-family:'proxima-light';}
.proxima-black {font-family:'proxima-black';}

html,body { margin: 0; padding: 0; border: 0; overflow-x:hidden;word-wrap:break-word;}
html { font-size: 100%; -webkit-touch-callout:none; -webkit-text-size-adjust:none;font-family:'proxima-regular';
 -ms-text-size-adjust:100%;}
 article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, 
section { display:block; }
.body-fd {opacity:0.2;transition:all .15s;}
/*login*/
#body,#create-user-body {background:radial-gradient(gray,rgba(50,50,50,1));}

#login {background:white;width:350px;margin:0 auto;height:450px;}

#login img {display:block;position:relative;top:90px;width:116px;height:40px;margin:0 auto;}
#login .form-w-i {width:100%;position:relative;top:140px;}
#login .form-group {width:86%;margin-left:7%;margin-bottom:30px;}
#login input {width:100%;border:1px solid silver;height:55px;}
#loginInTimeTable {width:90%;text-align:center;}
#loginInTimeTable th {background:#1ebebe;color:white;}
.c-pw #login {height:650px;}
a.sign-link {text-decoration:none;width:100%;text-align:center;}
.sign-link-w {width:100%;text-align:center;padding:10px;}
#oops .alert {width:90%;margin-left:5%;line-height:21px;font-size:18px;}

::-webkit-input-placeholder {color: silver;padding-left:25px;}
:-moz-placeholder {color: silver;}
::-moz-placeholder {color: white;}
:-ms-input-placeholder {color: silver;}

#login button {cursor:pointer;width:80%;margin-left:10%;height:45px;color:white;background:#1ebebe;border:none;}  
select {width:50%;height:40px;}

.nav-w {
    width: 100%;
    height: 70px;
    position: relative;
    background: rgba(50,50,50,1);
}
.nav-i {width:1280px;text-align:left;margin:0 auto;padding-top:12px;position:relative;}
.nav-i a {display:block;position:absolute;top:20px;right:30px;text-decoration:none;color:white;}

.f-nav-w {width: 100%;
    height: 70px;
    position: relative;
    background: rgba(50,50,50,1);
    margin-top:5%;}
.f-nav-i {width:1280px;margin:0 auto;padding-top:12px;position:relative;text-align:center;color:white;}
.f-nav-i a {text-decoration:none;color:white;}
.container {width:100%;}
.left_nav {width:25%;float:left;}
.main_content {width:65%;float:left;}
.left_nav {text-align:left;}
.left_nav ul {margin-left:70px;}
.left_nav ul li a {text-decoration:none;color:black;font-size:22px;padding:2% 0;display:block;}
.left_nav ul li span {font-size:27px;padding:15px 0;display:block;border-bottom:1px solid black;margin-bottom:15px;}
p.seperator {width:100%;text-align:center;padding:2% 0;background:black;color:white;}

/*profile*/
.app_fields {padding:1% 10px; font-weight: bold;}
.field-val {padding:0.5%;}
.submitted_field {background: #33FFA8 !important;
    padding:1% 10px;}
.red {background:#FF333F;}
.orange {background:#FFE933;}
.section_ttl {font-size:24px;width:100%;background:black;color:white;padding:2% 0;}
.profile-i {margin-left:10%;}

/* Sign Up */
.create-user-body {background: radial-gradient(rgba(250,250,250,0.8),black) no-repeat;}
.create-msg {width:100%;text-align:center;font-size:20px;}

/*new customer form*/
#new-customer-form h1 {width:100%;text-align:center;}
#new-customer-form {width:100%;text-align:center;}
.new-customer-form p {width:100%;text-align:center;font-size:23px;}
#new-customer-form p.sub-txt {font-size:18px;text-transform:capitilize;width:70%;margin-left:15%;}
#sig-w {text-align:center;}

#submit, #clear, #confirm {
    width: 50%;
    margin: 25px 0 0 0;
    padding: 15px 0px;
    text-align: center;
    cursor: pointer;
    background: #1ebebe;
    border: none;
    color: white;}

#clear, #confirm {margin-left:25%;cursor:pointer;}
fieldset {width:80%;margin-left:10%;padding-top:3%;}
fieldset div {width:25%;float:left;}
/*signature*/
.wrapper {
 position: relative;width: 400px;height: 200px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;
-ms-user-select: none;
}
.wrapper img {position:relative;left:285px;}
.signature-pad {border:1px solid black;position: absolute;left: 285px;top: 0;width:400px;height:200px;}

/*admin*/
.admin table {width:100%;}
.pointer {cursor:pointer;}
.pointer:hover {color:#1ebebe;transition:all 0.25s;}

/*CPANEL*/
header {width:100%;height:70px;position:relative;background:rgba(50,50,50,1);}
header img {width:116px;height:40px;display:block;position:absolute;top:14px;left:60px;}
header div:nth-child(2),header div:nth-child(3) {position:absolute;background:black;color:white;top:12px;height:20px;
right:60px;padding:14px 40px;}
header div:nth-child(2) a,header div:nth-child(3) a {text-decoration:none;color:white;}
header div:nth-child(2) {right:210px;}
.lNav,.rNav, .lNav_create_cc {float:left;}
.lNav {width:16%;background:rgba(50,50,50,1);min-height:1000px;padding-bottom:2%;}
.rNav {width:84%;background:rgba(230,230,230,1);height:auto;padding-bottom:2%;}
.lNav_create_cc  {width:16%;background:rgba(50,50,50,1);min-height:1200px;padding-bottom:2%;}

.l-list, .l-list-contract {width:94%;margin-bottom:2px;font-family:'proxima-bold';position:relative;
padding:19px 0px 19px 6%;cursor:pointer;font-size:14px;background:rgba(70,70,70,1);color:white;}

.l-list-contract img {display:block;position:absolute;top:20px;right:30px;}
.l-list-main img {display:block;position:absolute;top:20px;right:30px;}
.l-list img {display:block;position:absolute;top:20px;right:30px;}
.seriesUl {display:none;}
ul {list-style:none;}
ul.seriesUl li {cursor:pointer;padding-left:8%;padding-bottom:2%;cursor:pointer;font-size: 14px;
color:rgba(250,250,250,0.9);font-family: 'proxima-regular';width:92%;}
.r-nav-u {display:none;}
ul.seriesUl li.screen-sizes, ul.seriesUl li.color-list {padding:5px;width:80%;text-align:left;}
ul.seriesUl li.color-list {border:none;}
ul.seriesUl li.color-list img {width:20px;}

.frame-omega {width:86%;margin: 2% 0 0 7%;}
.frame-omega h1 {color:black;font-family:'proxima-light';}
.frame-i {width:100%;background:white;height:50px;position:relative;cursor:pointer;}
#imei-search-form {opacity:0;height:0px;position:absolute;width:100%;top:53px;display:none;}
.frame-head {background:rgba(200,200,200,1);width:98%;height:35px;padding:19px 0 0 2%;transition:all 0.6s;color:black;font-family:'proxima-bold';font-size:17px;}
.frame-head:hover {background:#1ebebe;}

.lsel,.rsel {width:70%;float:left;position:relative;}
.rsel {width:25%;padding-left:1%;}
.frame-i .lsel textarea {margin:9px 0 0 1%;width:100%;}
.frame-i .rsel button {width:50%;margin-left:25%;position:absolute;top:50px;
padding:15px 15px;text-align:center;cursor:pointer;
background:#1ebebe;border:none;color:white;}



.o,.m {color:#1ebebe;font-size:17px;font-family:'proxima-bold';margin-bottom:20px;}

.showcase {width:100%;background:white;height:600px;width:86%;margin:2% 0 0 7%;padding-bottom:3%;overflow-y:scroll;}
.showcase h2 {padding:2% 0 0 2%;}
#payload {padding:1% 2% 0 2%}
table
{
border-collapse: collapse;
border-spacing: 0px;
width:50%;
}
table, th, td
{
padding: 0.5%;
border: 1px solid black;
}
td {width:300px;}

table#admin-user-view {width:100%;}
table#admin-user-view th {background:rgba(50,50,50,1);color:white;}
.tr-blue {background:#1ebebe;color:white;}

/*footer*/
p {font-size:17px;}
footer {width:100%;background:black;text-align:center;margin-top:3%;}
footer a {text-decoration:none;color:white;}
#core_footer {color:white;padding:10px 0;}
#core_footer p {font-size:13px;}

.secondary-report {position:fixed;top:0;width:50%;right:-1000px;background:rgba(30, 30, 30, 0.99);height:900px;
box-shadow: 10px 25px 25px rgba(50,50,50,0.5) 
}
.secondary-report h2 {padding-left:4%;color:white;}
#sec-payload {padding:4%;color:white;max-height:700px;overflow-y:scroll;}
#sec-payload table, #sec-payload th, #sec-payload td
{
padding: 4%;
border: 1px solid white;
}
.td-model {cursor:pointer;}
.td-model:hover {color:#1ebebe;}
.closeX-w {width:100%;position:relative;}
.closeX {position:absolute;top:50px;right:100px;z-index:99;color:white;cursor:pointer;}

.report-by {position:absolute;top:110px;right:20%;color:white;opacity:0;}
.report-by ul li {padding:20px 25px;border:1px solid white;color:white;cursor:pointer;}
.report-by ul li:first-child {border:none;padding:25px 25px;background:#1ebebe; }
.report-by ul li:hover {background:#1ebebe;}
#suggestions ul li, #city-suggestions ul li{color:white;}

.payload-fl {float:left;width:50%;}
.payload-fl table {width:100%;}
.payload-fl div {width:80%;margin-left:10%;color:white;background:#1ebebe;text-align:center;padding:2% 0;margin-bottom:3%;cursor:pointer;}

/* Date Range */
.dateRange select {float:left;}
#start-month,#end-month {width:30%;}
#start-day,#end-day {width:20%;}
#start-year,#end-year {width:30%;}
ul.act-orders {margin-left:-30px;}
.submit-act-orders {background:#1ebebe;color:white;padding:3% 5%;width:50%;text-align:center;transition:all 0.3s;}
.submit-act-orders:hover {background:rgba(250,200,0,0.8);}

.activationsByCustomerCode span {display:inline-block;width:200px;text-align:center;font-size:19px;}
.activationsByCustomerCode-w ul {margin-left:-40px;display:none;opacity:0;}
.activationsByCustomerCode-w span {display:inline-block;width:200px;text-align:center;font-size:19px;}
.activationsByCustomerCode span.model, .activationsByCustomerCode-w span.model {width:400px;text-align:left;}
.activationsByCustomerCode-w li span {display:inline-block;width:200px;text-align:center;font-size:19px;}
.activationsByCustomerCode-w li span.subgroup-ttl {text-align:left;width:400px;}
.activationsByCustomerCode span.model, .activationsByCustomerCode-w span.model {width:400px;text-align:left;padding-left:7px;}
.act-back {background:#1ebebe;color:white;}
.model-ttl {height:35px;background:rgba(200,200,200,0.5);color:white;}
.act-back {background:#1ebebe;color:white;padding:1% 0;margin:10px 0;cursor:pointer;transition:all 0.6s;}
.act-back:hover {background:silver;}
.countAdj {padding-left:9px;}
.subsetTot {color:rgba(200,200,200,0.6)}
.values {cursor:pointer;}
.screen-sizes a {text-decoration:none;color:white;}
.heatMap-w {margin-left:-40px;}

.navList-w a {text-decoration:none;color:white;}
#c_idKey span {text-transform:uppercase;}

/* Model loop */
.lNav-series,.rNav-series {float:left;}
.lNav-series {width:10%;background:rgba(50,50,50,1);min-height:1000px;padding-bottom:2%;}
.rNav-series {width:90%;background:rgba(230,230,230,1);height:auto;padding-bottom:2%;}
.showcase-series {width:100%;background:white;min-height:600px;margin:2% 0 0 0;padding-bottom:3%;overflow-y:scroll;}
.showcase-series h2 {padding:0 0 0 2%;}
.model-w {float: left;width: 33%;margin: 2% 0;text-align: center; min-height: 410px;position:relative;}
.forecast-device {position:absolute;top:-20px;right:90px;text-align:left;cursor:pointer;}
.device-status {position:absolute;top:-20px;left:90px;text-align:right;}
.model-w figure {min-width:350px;position:relative;}
.model-w .table-w {display:none;}
#forecastSlide {width:80%;min-height:900px;background-color:rgba(50,50,50,1);z-index:99999;position:fixed;top:0px;right:-1990px;color:white;
overflow-y:scroll;}
#forecast-map {width:100%;}
#forecastSlide h1 {width:90%;margin-left:5%;}

table.slideout-table {width:90%;margin:3% 0 0 5%;}
table.slideout-table tr {width:100%;}
table.slideout-table, table.slideout-table th, table.slideout-table td {padding:8px 0;}
table.slideout-table td {padding:8px;width:150px;} 
table.slideout-table td.variant-desc-td {width:250px;}
table.slideout-table th:nth-child(odd) {background:#1ebebe;}
table.slideout-table td:nth-child(odd) {background:white;color:black;}
.slideout-title {width:90%;margin-left:5%;}
.variant-w input {width:95%;margin-left:2.5%;}
.slideout-specs-w {margin-top:35px;}
.slideout-img {float:left;width:50%;text-align:center;}
.slideout-specs {float:left;width:50%;text-align:left;}
#seriesSelections li {padding:5px 0;}
a.submit-forecast {text-decoration:none;padding:6px 0;width:250px;text-align:center;background:#1ebebe;color:white;display:block;}
a.submit-forecast:hover {background:gray;}
a.close-forecast {text-decoration:none;padding:6px 0;width:250px;text-align:center;background:black;color:white;display:block;}
a.close-forecast:hover {background:gray;}
/*create user*/
.form-group {width:100%;text-align:center;}
.form-group label {display:block;}

.form-group input, select.create_cc {width:50%;}
select.create_cc {cursor:pointer;}
.form-group input {height:40px;border:1px solid silver;}
.form-group label {font-size:20px;padding:20px 0;}
.create_cc h2 {width:100%;text-align:center;padding-top:25px;}
#create-w {background:white;width:86%;margin:2% 0 0 7%;padding-bottom:3%;}
.form-group button {width:200px;background:#1ebebe;color:white;text-align:center;padding:10px 0;border:none;cursor:pointer;}
.create_cc_sbm {padding:20px 0;}
.create_cc_sbm a {text-decoration:none;color:black;}
#signature_check {border:1px solid black;width:150px;text-align:left;padding-left:0px;margin-left:0px;}

/*admin*/
.adminCP h2 span, .adminCP h2 {font-size:13px;}


@media (max-width: 1320px) { 
    
nav-w {
    width: 100%;
    height: 70px;
    position: relative;
    background: rgba(50,50,50,1);
}
.nav-i {width:1026px;text-align:left;margin:0 auto;padding-top:12px;position:relative;}
.nav-i a {display:block;position:absolute;top:20px;right:30px;text-decoration:none;color:white;}

.f-nav-w {
    width: 100%;
    height: 70px;
    position: relative;
    background: rgba(50,50,50,1);
    margin-top:5%;
    }
.f-nav-i {width:1026px;margin:0 auto;padding-top:12px;position:relative;text-align:center;color:white;}
.f-nav-i a {text-decoration:none;color:white;}
.container {width:100%;}
.left_nav {width:15%;float:left;}
.main_content {width:85%;float:left;}
.left_nav {text-align:left;}
.left_nav ul {margin-left:0px;}
.left_nav ul li a {text-decoration:none;color:black;font-size:22px;padding:2% 0;display:block;}
.left_nav ul li span {font-size:27px;padding:15px 0;display:block;border-bottom:1px solid black;margin-bottom:15px;}
p.seperator {width:100%;text-align:center;padding:2% 0;background:black;color:white;}

/*profile*/
.app_fields {padding:1% 0;}
.field-val {padding:0.5%;}
.submitted_field {background: #33FFA8 !important;}
.red {background:#FF333F;}
.orange {background:#FFE933;}
.section_ttl {font-size:24px;width:100%;background:black;color:white;padding:2% 0;}
.profile-i {width:80%;margin-left:10%;}

/* Sign Up */
.create-user-body {background: radial-gradient(rgba(250,250,250,0.8),black) no-repeat;}
.create-msg {width:100%;text-align:center;font-size:20px;}

/*new customer form*/
#new-customer-form h1 {width:100%;text-align:center;}
#new-customer-form {width:100%;text-align:center;}
.new-customer-form p {width:100%;text-align:center;font-size:23px;}
#new-customer-form p.sub-txt {font-size:18px;text-transform:capitalize;width:70%;margin-left:15%;}
#sig-w {text-align:center;}

#submit, #clear, #confirm {
    width: 50%;
    margin: 25px 0 0 0;
    padding: 15px 0px;
    text-align: center;
    cursor: pointer;
    background: #1ebebe;
    border: none;
    color: white;}

#clear, #confirm {margin-left:25%;cursor:pointer;}
fieldset {width:80%;margin-left:10%;padding-top:3%;}
fieldset div {width:25%;float:left;}
/*signature*/
.wrapper {
 position: relative;width: 400px;height: 200px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;
-ms-user-select: none;
}
.wrapper img {position:relative;left:285px;}
.signature-pad {border:1px solid black;position: absolute;left: 285px;top: 0;width:400px;height:200px;}

/*admin*/
.admin table {width:100%;}
.pointer {cursor:pointer;}
.pointer:hover {color:#1ebebe;transition:all 0.25s;}


}

@media (max-width: 1026px) { 
nav-w {
    width: 100%;
    height: 70px;
    position: relative;
    background: rgba(50,50,50,1);
}
.nav-i {width:799px;text-align:left;margin:0 auto;padding-top:12px;position:relative;}
.nav-i a {display:block;position:absolute;top:20px;right:30px;text-decoration:none;color:white;}

.f-nav-w {width: 100%;
    height: 70px;
    position: relative;
    background: rgba(50,50,50,1);
    margin-top:5%;}
.f-nav-i {width:799px;margin:0 auto;padding-top:12px;position:relative;text-align:center;color:white;}
.f-nav-i a {text-decoration:none;color:white;}
.container {width:100%;}
.left_nav {width:100%;float:none;}
.main_content {width:100%;float:none;}
.left_nav {text-align:center;}
.left_nav ul {margin-left:0px;margin-left:-40px;}
.left_nav ul li a {text-decoration:none;color:black;font-size:22px;padding:1% 0;display:block;}
.left_nav ul li span {font-size:27px;padding:15px 0;display:block;border-bottom:1px solid black;margin-bottom:15px;}
p.seperator {width:100%;text-align:center;padding:2% 0;background:black;color:white;}
h1 {display:none;}

/*profile*/
.app_fields {padding:1% 0;}
.field-val {padding:0.5%;}
.submitted_field {background: #33FFA8 !important;}
.red {background:#FF333F;}
.orange {background:#FFE933;}
.section_ttl {font-size:24px;width:100%;background:black;color:white;padding:2% 0;}
.profile-i {width:80%;margin-left:10%;}
.mob-tbl {display:none;}
td {text-align:center;}
table, th, td {padding:2% 0;}
/* Sign Up */
.create-user-body {background: radial-gradient(rgba(250,250,250,0.8),black) no-repeat;}
.create-msg {width:100%;text-align:center;font-size:20px;}

/*new customer form*/
#new-customer-form h1 {width:100%;text-align:center;}
#new-customer-form {width:100%;text-align:center;}
.new-customer-form p {width:100%;text-align:center;font-size:23px;}
#new-customer-form p.sub-txt {font-size:18px;text-transform:capitalize;width:70%;margin-left:15%;}
#sig-w {text-align:center;}

#submit, #clear, #confirm {
    width: 50%;
    margin: 25px 0 0 0;
    padding: 15px 0px;
    text-align: center;
    cursor: pointer;
    background: #1ebebe;
    border: none;
    color: white;}

#clear, #confirm {margin-left:25%;cursor:pointer;}
fieldset {width:80%;margin-left:10%;padding-top:3%;}
fieldset div {width:25%;float:left;}
/*signature*/
.wrapper {
 position: relative;width: 400px;height: 200px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;
-ms-user-select: none;
}
.wrapper img {position:relative;left:285px;}
.signature-pad {border:1px solid black;position: absolute;left: 285px;top: 0;width:400px;height:200px;}

/*admin*/
.admin table {width:100%;}
.pointer {cursor:pointer;}
.pointer:hover {color:#1ebebe;transition:all 0.25s;}


}


@media (max-width: 797px) {
    
    nav-w {
    width: 100%;
    height: 70px;
    position: relative;
    background: rgba(50,50,50,1);
}
.nav-i {width:400px;text-align:left;margin:0 auto;padding-top:12px;position:relative;}
.nav-i a {display:block;position:absolute;top:20px;right:30px;text-decoration:none;color:white;}

.f-nav-w {width: 100%;
    height: 70px;
    position: relative;
    background: rgba(50,50,50,1);
    margin-top:5%;}
.f-nav-i {width:400px;margin:0 auto;padding-top:12px;position:relative;text-align:center;color:white;}
.f-nav-i a {text-decoration:none;color:white;}
.container {width:100%;}
.left_nav {width:100%;float:none;}
.main_content {width:100%;float:none;}
.left_nav {text-align:center;}
.left_nav ul {margin-left:0px;margin-left:-40px;}
.left_nav ul li a {text-decoration:none;color:black;font-size:22px;padding:1% 0;display:block;}
.left_nav ul li span {font-size:27px;padding:15px 0;display:block;border-bottom:1px solid black;margin-bottom:15px;}
p.seperator {width:100%;text-align:center;padding:2% 0;background:black;color:white;}
h1 {display:none;}

/*profile*/
.app_fields {padding:1% 0;}
.field-val {padding:0.5%;}
.submitted_field {background: #33FFA8 !important;}
.red {background:#FF333F;}
.orange {background:#FFE933;}
.section_ttl {font-size:24px;width:100%;background:black;color:white;padding:2% 0;}
.profile-i {width:80%;margin-left:10%;}


/* Sign Up */
.create-user-body {background: radial-gradient(rgba(250,250,250,0.8),black) no-repeat;}
.create-msg {width:100%;text-align:center;font-size:20px;}

/*new customer form*/
#new-customer-form h1 {width:100%;text-align:center;}
#new-customer-form {width:100%;text-align:center;}
.new-customer-form p {width:100%;text-align:center;font-size:23px;}
#new-customer-form p.sub-txt {font-size:18px;text-transform:capitalize;width:70%;margin-left:15%;}
#sig-w {text-align:center;}

#submit, #clear, #confirm {
    width: 50%;
    margin: 25px 0 0 0;
    padding: 15px 0px;
    text-align: center;
    cursor: pointer;
    background: #1ebebe;
    border: none;
    color: white;}

#clear, #confirm {margin-left:25%;cursor:pointer;}
fieldset {width:80%;margin-left:10%;padding-top:3%;}
fieldset div {width:25%;float:left;}
/*signature*/
.wrapper {
 position: relative;width: 400px;height: 200px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;
-ms-user-select: none;
}
.wrapper img {position:relative;left:285px;}
.signature-pad {border:1px solid black;position: absolute;left: 285px;top: 0;width:400px;height:200px;}

/*admin*/
.admin table {width:100%;}
.pointer {cursor:pointer;}
.pointer:hover {color:#1ebebe;transition:all 0.25s;}
     
}

@media (max-width: 600px) {
}