@CHARSET "ISO-8859-1";

@font-face {
    font-family: "OpticSansLight";
    src: url("../fonts/OpticSans-101-Light.woff") format('woff');
	}
@font-face {
    font-family: "OpticSansLight";
    src: url("../fonts/OpticSans-102-LightItalic.woff") format('woff');
    font-style: italic;
	}
@font-face {
    font-family: "OpticSansBook";
    src: url("../fonts/OpticSans-201-Book.woff") format('woff');
    font-weight: bold;
	}
@font-face {
    font-family: "OpticSansBook";
    src: url("../fonts/OpticSans-202-BookItalic.woff") format('woff');
    font-weight: bold;
    font-style: italic;
	}
@font-face {
    font-family: "OpticSansMedium";
    src: url("../fonts/OpticSans-301-Medium.woff") format('woff');
	}
@font-face {
    font-family: "OpticSansMedium";
    src: url("../fonts/OpticSans-302-MediumItalic.woff") format('woff');
    font-style: italic;
	}
@font-face {
    font-family: "OpticSansMedium";
    src: url("../fonts/OpticSans-401-Bold.woff") format('woff');
    font-weight: bold;
	}
@font-face {
    font-family: "OpticSansMedium";
    src: url("../fonts/OpticSans-402-BoldItalic.woff") format('woff');
    font-weight: bold;
    font-style: italic;
	}
@font-face {
    font-family: "OpticSansHeavy";
    src: url("../fonts/OpticSans-501-Heavy.woff") format('woff');
	}
@font-face {
    font-family: "OpticSansHeavy";
    src: url("../fonts/OpticSans-502-HeavyItalic.woff") format('woff');
    font-style: italic;
	}
	
/* template CSS */
	
body {
	font-family: 'OpticSansBook', sans-serif;
	}
.float-left{float:left;}
.float-right{float:right;}
.clear-float{clear:both;}
#page-wrapper {
	padding: 0;
	}
	
.row {
	margin: 0;
	}

.navbar-default {
    background: #000000; /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom,  #262626 , #333333); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom,  #262626 , #333333); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	height: 100%;
	border-right: solid 1px black;
	}

.navbar-default .nav > li > a:focus,
.navbar-default .nav > li > a:hover {
  	background-color: #f2f2f2;
  	color: #000000;
	}
.nav-header {
	color: #ffffff;
	background: #8e191c;
	text-align: center;
	padding: 22px 0 22px 0;
	}
.nav-header img {
	margin-bottom: 30px;
	}
	
.nav-label {
	text-transform: uppercase;
	}

div.sidebar-collapse > ul.nav > li > a {
	color: #ffffff;
	font-size: 13px;
	}
div.sidebar-collapse > ul.nav > li.active > a {
  color: #000000;
	}
.nav > li.active {
	border: none;
	background: #f3f3f4;
	}
	
.nav-second-level li a {
	color: #000000;
	background: #dadde1;
	padding-left: 40px;
	}
	
.nav-second-level li.readonly {
	background: #dadde1;
	padding: 7px 10px 7px 40px;
	}
	
.nav-second-level li:last-child {
	margin-bottom: 0px;
	}
	
.title-action input {
	height: 33px;
	width: 280px;
	padding-left: 8px;
	margin-right: 10px;
	}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
  	background-color: #cc0000;
  	}
nav.navbar {
	color: #515459;
	background: #dadde2;
	margin:0;
	z-index:1000;
	}
.nav.navbar-right > li > a {
	color: #515459;
	}
	
.mini-navbar .nav-second-level {
	padding: 1px;
	border: 1px #000000 soild;
	}
.mini-navbar .nav-second-level li a {
	padding: 10px 20px 10px 20px;
	}
	
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
	border-radius: 0px;
	}
	
.breadcrumb {
	background: none;
	}

/* .ibox-content { */
/* 	padding: 0; */
/* 	border-color: #b7b7b7; */
/* 	border-style: solid; */
/* 	border-width: 1px; */
/* 	margin-bottom: 30px; */
/* 	} */
#col3{margin-top:10px;}
.ibox{background: #fff;}
.ibox-inner-content h1{font-size:22pt;font-weight:400;}
.ibox-inner-content h1 hr{margin:5px 0!important;}
.ibox-inner p {
	padding: 4px;
	margin: 0;
	}
	
.header-content {
	color: #ffffff;
	background: #171719;
	padding: 10px 30px 10px 10px;
	position: relative;
	}
.header-content span {
	position: relative;
	top: 5px;
	}
.header-content a {
	color: #ffffff;
	}

.footer {
	color: #ffffff;
	background: #8e191c;
	border-top: none;
	padding: 26px 26px 0px 26px;
	position: static;
	min-width:320px;
  	}
.footer div {
	padding-bottom: 26px;
	}
.footer a {
  	color: #ffffff;
  	margin: 0 8px; 0 8px;
  	}
.footer a:hover,
.footer a:focus {
  	color: #ffffff;
  	text-decoration: underline;
	}

.mobileMenuAdditionallinks{display:none!important;}
.gray-bg,.navbar-static-top{min-width:320px;}  

@media (max-width: 560px) {
	.navbar-top-links li {
  		display: block;
  		clear: both;
  		padding: 0;
  		margin: 0;
  		text-align: center;
  		}
  	.title-action {
  		text-align: center;
  		}
  	.title-action a {
  		margin-top: 10px;
  		}
  	.wrapper-content {
  		clear: ;
  		}
	.footer a {
  		display: block;
  		padding: 2px 0 2px 0;
  		}
  	.footer-divider {
    	display: none;
  		}
	}

.carousel-inner {
	background: #676869;
	}
	
.loadingData {
	padding: 15px;
	font-size: 14px;
	text-align: center;
}


@media (max-width:376px){
.mycsa-content-wrapper-grad,.mycsa-content-wrapper-white,.mycsa-content-wrapper-gray{border:none; padding:0;width:100%;background:none;}
.csa-msg-box{padding-bottom:0;}	
}

.myCSA-breadcrumb{font-size: .7em;
    color: #999;}
    .myCSA-breadcrumb li a:hover{
    color: #CC0000;}
    
.scroll-to-top{position:fixed;right:20px;bottom:20px;display:none;width:60px;height:50px;text-align:center;color:white;background:rgba(52, 58, 64, 0.9);line-height:45px;z-index:1000;font-size:1.2em;padding-top:3px;}
.scroll-to-top:focus, .scroll-to-top:hover{color:white;outline:none;}
.scroll-to-top:hover{background:#343a40;}
.rounded{border-radius:.25rem!important;}
/* mobile header */
 #navbar-header-hamburger-mobile{display:none;}
 #navbar-header-hamburger-desktop{display:block;}
 #navbar-top-links-mobile-logo{display:none;}
 #navbar-header-close-mobile{z-index:1;display:none;}
 #navbar-header-close-mobile a{font-size:1.2em;line-height:55px;}
 #navbar-top-right-links-mobile{margin-right: 15px;}
 
 
 @media (min-width:0) and (max-width:768px){#navbar-header-hamburger-mobile{display:block;}
 #navbar-header-hamburger-desktop{display:none;}
 .nav-header img{margin-bottom:0;width:150px;}
#nav-header{padding:0;}
.profile-element > a{display:none;}
.footer{padding-bottom:60px!important;}
.scroll-to-top{position:fixed;right:0;bottom:0;display:none;width:100%;height:50px;text-align:center;color:white;background:rgba(52, 58, 64, 0.9);line-height:45px;z-index:1000;font-size:1.2em;}
.rounded{border-radius:0rem!important;}


 }
 @media (min-width:0px) and (max-width:560px){#navbar-top-right-links-mobile{display:none;}
 .minimalize-styl-2{margin:14px 5px 14px 20px;}
 nav.navbar{background:#fff;border-bottom:#ccc solid 1px;overflow:hidden;width:100%;}
 #navbar-top-links-mobile-logo{display:block;float:right;line-height:60px;margin-right:20px;}
 #navbar-top-links-mobile-logo img{margin:8px 0;width:65%;float:right;}
 #configurator-lvl-option-wrapper{background:#dadde2;border-bottom:none;}
.mobileMenuAdditionallinks{display:block!important;}
.welcome-message{display:block;padding:15px;color:#FFF;cursor:default;}
.mobileMenuAdditionallinksUserName{background:#000;}
.mobileMenuAdditionallinksWrapper{background:#dadde1;}
.mobileMenuAdditionallinksWrapper a{color:#000!important;}
 }
 @media (min-width:560px) and (max-width:1100px){#userpreferences{display:none;}
 }
 
 
 
 /*---Common Classes col--------------------------------------------------------------------------------------------------------*/
.ui-multiselect{padding:9px;}
.ui-widget span.ui-icon-triangle-2-n-s {
    margin-top: -4px!important;
}
input,select,a,a:visited,a:active,a:hover,a:link{outline: none;}
textarea{resize:none;box-sizing:border-box;}
.table-responsive{border:1px #ccc solid;}
.table{margin-bottom:0;}
.mycsa-table-bordered{border:1px solid #CCC;}
.dataTables_wrapper .dataTables_processing {margin-top: 35px!important;padding-top: 10px!important;}
.csa-asterisk{font-size: 7px;vertical-align: top;padding-top: 4px;color:#CC0000;}
.mycsa-hr{border-bottom:1px #ccc solid;width:100%;margin: 15px 0 0 0;}
.mycsa-alert-small{ padding: 6px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 3px;}
/* alerts ref
	blue:alert-primary
	blue:alert-danger
	yellow:alert-warning
	green:alert-success
	light-blue:alert-info	
*/
.mycsa-bottom-alert-wrapper{margin-top:20px;}
.mycsa-input-select{height:29px;padding:2px 10px;}
.mycsa-content-wrapper-grad{border:1px solid #ccc; padding:15px;background-image: linear-gradient(#fff, #f4f4f4);width: 97%;margin: 0 auto;}
.mycsa-content-wrapper-white{border:1px solid #ccc; padding:15px;background:#fff;width: 97%;margin: 0 auto;}
.mycsa-content-wrapper-gray{border:1px solid #ccc; padding:15px;background:#f4f4f4;width: 97%;margin: 0 auto;}
.mycsa-gb-white{background:#fff;}

.mycsa-page-header{padding:0 10px 10px 15px;color:#B72323;font-size:22px;}
.mycsa-page-header-title{color:#B72323;font-size:22px;}
.mycsa-page-header-title-hr{border-bottom:1px #ccc solid;width:100%;margin: 10px 0;display:none;}
.mycsa-page-sub-header-title{color:#333;font-size:12pt;}

.mycsa-btn-right{float:right;margin-left:10px;margin-bottom:10px;}
.mycsa-btn-left{float:left;margin-right:10px;}

.csa-msg-box-wrapper{width:100%;padding:0 10px;}
.csa-msg-box{color:#000;border-top:1px #ccc solid;padding:5px 10px 20px 10px;background-image: linear-gradient(#f4f4f4, #fff 50%);}

.mycsa-obj-side-wrap{padding:0 15px;}
.mycsa-obj-wrapper-outer{width:100%;margin:20px auto;margin-right:0!important;margin-left:0!important;padding:0 15px;}
.mycsa-obj-wrapper-inner{width:100%;margin:10px auto;margin-right:0!important;margin-left:0!important;padding:0 15px;}
.mycsa-obj-wrapper-inner-hidden{width:100%;margin:0 auto;margin-right:0!important;margin-left:0!important;padding:0 15px;}
.mycsa-obj-wrapper-inner-no-margin{width:100%; margin-right: 0!important;margin-left: 0!important;}

.mycsa-col2-search-input-wrapper{float:left;margin-right:1%;width:48%;margin-bottom: 15px;}
.mycsa-col3-search-input-wrapper{float:left;margin-right:1%;width:32.3%;margin-bottom: 15px;}
.mycsa-col4-search-input-wrapper{float:left;margin-right:1%;width:24%;margin-bottom: 15px;}

.mycsa-search-btn-wrapper{margin-top:15px;}

.mycsa-half-page-splitter{border-bottom: 1px #ccc solid;width: 100%;margin-top:10px;}

.mycsa-form-main-wrapper{border:1px #ccc solid;padding:10px;width:100%;max-width:800px;}
.mycsa-form-info-box{background: #fff;border:1px #ccc solid;border-top: 10px solid #000;padding:15px;transition:400ms;float: left;margin:0 auto;margin-bottom: 25px;width: 100%;}
.mycsa-form-info-box:hover{box-shadow:0 10px 10px rgba(0,0,0,.2);transition:400ms;border:1px #999 solid;border-top: 10px solid #000;}
.mycsa-form-header-title{font-size:1.3em;color:#000;}
.mycsa-form-info-main-wrapper{border-top:1px #ccc solid;background:#f4f4f4;padding:15px;margin-top:5px;}
.mycsa-form-info-item-wrapper{float:none;width:100%;}
.mycsa-form-info-item-text-label{float:left;padding:4px;margin-top:2px;color: #B72323;width:30%;}
.mycsa-form-info-item-data{float:left;padding: 4px;margin-top:2px;width:70%;}
.mycsa-form-info-item-data select,.mycsa-form-info-item-data input{height: 29px;
    width: 100%;}
.mycsa-form-info-item-radio-data{float:left;padding: 4px;margin-top:2px;width:70%;} 
.mycsa-form-info-item-checkbox-data{float:left;padding: 4px;margin-top:2px;width:70%;} 
    
#custLocTbl_wrapper,#meterReadingTbl_wrapper,#SupplyRequestTbl_wrapper,#invoiceRequestTbl_wrapper,#openRequestTbl_wrapper{padding:0;} 
    
    
 
    
     
    
    @media (min-width:1200px){
.mycsa-form-info-item-text-label{width:20%;text-align: left;}
.mycsa-form-info-item-data,.mycsa-form-info-item-radio-data{width:80%;},.mycsa-form-info-item-checkbox-data{width:80%;}

.mycsa-form-info-item-data select{margin-bottom:11px;}
}
    
    
@media (max-width:1200px){
.mycsa-form-info-item-text-label{width:30%;text-align: right;}
.mycsa-form-info-item-data,.mycsa-form-info-item-radio-data{width:70%;},.mycsa-form-info-item-checkbox-data{width:70%;}
.mycsa-form-info-item-data select{margin-bottom:11px;}
}
@media (max-width:992px){
.mycsa-col3-search-input-wrapper,.mycsa-col4-search-input-wrapper{width:48%;}	

.mycsa-form-info-item-text-label{width:25%;text-align: right;}
.mycsa-form-info-item-data,.mycsa-form-info-item-radio-data{width:75%;},.mycsa-form-info-item-checkbox-data{width:75%;}



}

@media (max-width:576px){
.mycsa-col2-search-input-wrapper,.mycsa-col3-search-input-wrapper,.mycsa-col4-search-input-wrapper{width:100%;margin:12px auto;float:none;}		

.mycsa-form-info-item-text-label{width:100%;text-align: left;}
.mycsa-form-info-item-data,.mycsa-form-info-item-radio-data{width:100%;},.mycsa-form-info-item-checkbox-data{width:100%;}
.mycsa-input-select{width:100%;}

div.sidebar-collapse > ul.nav > li > a {
 
    font-size: 14px;
    padding:15px;
}
.nav-second-level li a {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}




}
@media (max-width:376px){
 .mycsa-btn-margin-bottom{margin-bottom:0;}
 .mycsa-btn-right,.mycsa-btn-default{float:none;width:95%;margin-bottom:10px;margin-top:10px;margin-left:7px;}
.mycsa-content-wrapper-gray{width:100%;padding:0;margin:0;background:none;border:none;}
 .mycsa-form-main-wrapper {border: none;padding: 0;width: 100%;}


#mycsa-infoliner-wrapper{padding:0;}   


 }
 
 


/*---ends common classes=================================================================================================================---*/

 @media (max-width:376px){
 
 #dBoardWrapper{border: none;
    padding: 0;
    background-image: none;
    width: 100%;
    margin: 0;}
 }


/*---updated8-20-18:Dashboard View (dboard.htm?view=dboardView)---*/
.stndrdHeight .ibox{height:170px;margin-bottom:0;}
.stndrdHeight,.stndrdHeightTable{float:left;margin-left:2%;margin-right:2%;}
.stndrdHeightTable{height:250px;}

.ui-jqgrid .ui-jqgrid-bdiv{overflow-y:scroll;}
.ui-jqgrid .ui-jqgrid-btable{table-layout:fixed!important;}
.dash-row-hr{width:95%;margin:40px auto;margin-top:20px;}
.mycsa-dash-header-icon{position:absolute;right:10px;}
 @media (max-width:576px){.stndrdHeight,.stndrdHeightTable{width:98%;float:none;margin:0 auto;}
 .stndrdHeight{height:150px;}
 .stndrdHeight .ibox{height:160px;}
 }
 @media (min-width:577px){.stndrdHeight,.stndrdHeightTable{width:46%;}
 .stndrdHeight{width:48%;margin-left:1%;margin-right:1%;height:130px;}
 .stndrdHeight .ibox{height:160px;}
 }
 @media (min-width:992px){.stndrdHeight{width:23%;margin-left:1%;margin-right:1%;height:170px;}
 .stndrdHeight .ibox{height:180px;}
 }
 @media (min-width:1200px){.stndrdHeight{width:23%;margin-left:1%;margin-right:1%;height:130px;}
 .stndrdHeight .ibox{height:160px;margin-bottom:0;}
}


 
 

 
 /*---updated8-22-18:canonCpAccountSupportRequest.jsp (accountSupport.htm)---*/
#mycsa-account-support-serial-search{background:#fff;}
.mycsa-account-support-comment-box{margin-top:1px;}

.mycsa-no-bottom-border{border-bottom:none!important;}
#commentq2:focus{outline:none;}
.mycsa-account-support-user-info{width:100%;margin:5px 0px;padding:5px 0 5px 5px;font-size:1em;border:1px #ccc solid;}
.mycsa-account-support-user-info-wrapper{float:left;width:100%;margin:1%;}
#mycsa-account-support-user-ext{border:none;}
.mycsa-account-support-user-phone-input-wrapper{width:22%;margin:5px 5px 0 0;float:left;}
.mycsa-account-support-user-phone-input{border:1px #ccc solid;border-radius:0!important;width:100%;padding:5px 0;}
 #pExtension{border-radius:4px!important;border-bottom-left-radius:0!important;border-top-left-radius:0!important;}
 #mycsa-phone-ext-label{border:1px solid #ccc;padding:5px 0 5px 8px;border-right:none;border-bottom-left-radius:4px;border-top-left-radius:4px;background:#f4f4f4;}
 @media (min-width:1200px){.mycsa-account-support-user-info-wrapper{width:30%;}
#mycsa-account-support-user-phone-wrapper{width:30%;}
#pareaCode-wrapper,#pfirstThree-wrapper,#plastFour-wrapper{width:15%;}
#phone-ext-wrapper{width:25%;}
}
@media (max-width:1200px){.mycsa-account-support-user-info-wrapper{width:48%;margin:1%;}
#mycsa-account-support-user-phone-wrapper{width:55%;}
}
 @media (max-width:992px){.mycsa-account-support-user-info-wrapper{width:48%;}
#mycsa-account-support-user-phone-wrapper{width:75%;}
}
 @media (max-width:892px){.mycsa-account-support-user-info-wrapper{width:90%;float:none;margin:0 auto;}
#mycsa-account-support-user-phone-wrapper{width:90%;float:none;margin:0 auto;margin-bottom:20px;}
}
 @media (max-width:576px){#phone-ext-wrapper{width:30%;margin-top:15px;}
}
 select,option{cursor:pointer;}
#commentq2{border:none;left:0!important;background:#f4f4f4;padding:5px 15px;cursor:default;}
#otherqlist2{padding:8px 15px;}
 .mycsa-box-shadow{transition:400ms;}
 .mycsa-box-shadow:hover{box-shadow:0 5px 5px rgba(0,0,0,.2);}
#SerialNumber{padding:15px;}
 .mycsa-account-support-search-form-obj{float:left;margin:5px 5px 5px 0;}
 input.mycsa-account-support-search-form-obj{max-width:300px;}
@media (min-width:768px) and (max-width:820px){input.mycsa-account-support-search-form-obj{max-width:100%;}
}
 @media (max-width:605px){input.mycsa-account-support-search-form-obj{max-width:100%;}
}
.mycsa-account-support-search-form-label{line-height:2em;font-size:1.2em;color:#8e191c;}
.mycsa-radio-wrapper{border:1px #ccc solid;padding:10px;}
#addressLayer{border-top:1px solid #ccc;padding:15px;background:#f4f4f4;margin-bottom:15px;}
.mycsa-radio-label{width:100%;padding:10px;padding-top:5px;font-size:1.15em;color:#8e191c;}
 .mycsa-user-info-label{padding-left:0;}
#slLocationDIv{}
.slLocationDIvClass{border-top:1px solid #ccc;margin:15px auto;background:#f4f4f4;padding:5px 15px;padding-bottom:15px;}
 @media (max-width:376px){#commentq2{height:150px;}
}
@media (max-width:412px){.mycsa-account-support-search-form-obj{margin-left:6px;}
 input.mycsa-account-support-search-form-obj{width:95%;}
}
 @media (min-width:376px){#commentq2{height:130px;}
}
 @media (min-width:576px){#commentq2{height:70px;}
}
 @media (min-width:992px){#commentq2{height:50px;}
}
/*---updated8-23-18:canonCpSpecialRequest.jsp (specialrequest.htm)---*/


.csa-subject-header-title{color: #B72323;font-size: 1.25em;}
.mycsa-specialRequest-form-wrapper{border:1px solid #ccc;padding: 20px;}
.mycsa-specialRequest-user-information-wrapper{border-top: 1px #CCC solid;background: #f4f4f4;padding: 20px 30px;overflow-x:auto;}
.mycsa-specialRequest-label,.mycsa-specialRequest-label-content{float:left;margin:5px 5px 5px 0;}
 .mycsa-specialRequest-label-content{margin:5px 15px;}
 @media (max-width:420px){
.mycsa-specialRequest-user-information-wrapper {padding: 10px 15px;}
}
.mycsa-specialRequest-form-description-wrapper{width: 100%;float: none;margin: 0 2px;}
.mycsa-specialRequest-form-element-wrapper{    width: 31%;margin: 1% 1% 1% 1%;float: left;}
.mycsa-specialRequest-form-element-wrapper input, .mycsa-specialRequest-form-element-wrapper select {width:100%;}
#specialRequestdescription{width:100%;height: 70px;overflow:auto;margin-top:1px;}
.mycsa-specialRequest-form-input input{padding: 5px;margin-top:1px;}
.mycsa-specialRequest-form-input select{padding: 7px 5px;}
@media (max-width:992px){#mycsa-specialRequest-form-subject-wrapper{width:100%;}
#mycsa-specialRequest-form-serial-wrapper,#mycsa-specialRequest-form-send-wrapper{width:48%;}
#mycsa-specialRequest-form-serial-wrapper{float:right;}
}
@media (max-width:640px){#mycsa-specialRequest-form-subject-wrapper{width:100%;float:none;}
#mycsa-specialRequest-form-serial-wrapper,#mycsa-specialRequest-form-send-wrapper{width:100%;float:none;}

}

@media (max-width:576px){#mycsa-specialRequest-form-element-inner{padding:0;}
#mycsa-specialRequest-wrapper-outer{padding:5px;}}


/*---updated8-23-18:canonCpOderSupplies.jsp (ordSup.htm)---*/
.infoDescription > p{padding:15px 0;}
.mycsa-orderContractSupplies-search-input-wrapper{float:left;margin-right:1%;width:24%;}
.mycsa-orderContractSupplies-search-btn-wrapper{margin-top:15px;}
#ordSupTbl{border:1px #ccc solid;}
.table-responsive-no-border{border:none;}
#cartViewBtn{margin-bottom: 10px;}
.mycsa-orderContractSupplies-search-input-wrapper input,.mycsa-orderContractSupplies-search-input-wrapper select{height:29px;}

@media (max-width:992px){
	.mycsa-orderContractSupplies-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-orderContractSupplies-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-orderContractSupplies-search-btn-wrapper{margin-top:30px;}
	
}


#itmTbl_wrapper > #itmTbl{    border-collapse: collapse;}
#itmTbl_wrapper > #itmTbl tr{width:100%;}
#itmTbl_wrapper > #itmTbl tr td{width:100%;table-layout:auto;word-wrap: break-word;}
    
#itmTbl_wrapper > #itmTbl td,#itmTbl_wrapper > #itmTbl th {
   
    vertical-align: inherit;
}


#itmTbl_wrapper > #itmTbl tbody{width:100%;}


/*---updated8-24-18:canonEmsdProductOrder.jsp (emsd/productOrder.htm?view=productOrder#)---*/
.mycsa-productCatalog-product-header-wrapper{background:#000;padding:10px 15px;color:#fff;}
.mycsa-productCatalog-product-inner-wrapper{width:95%;margin:10px auto;}
.mycsa-productCatalog-product-header-name{font-size: 1.5em;}
.mycsa-productCatalog-item-image-col div{width:100px;}
.mycsa-productCatalog-item-select-col{padding-left: 30px!important;}
.mycsa-productCatalog-product-display-box{background: #fff;border:1px solid #ccc;  transition:300ms;width:100%;padding-bottom: 10px;}
.mycsa-productCatalog-product-display-box:hover{border:1px solid #000; box-shadow:0 4px 8px rgba(0,0,0,.3);transition:300ms;}
.mycsa-productCatalog-product-checkbox{padding:10px;float:right;}
.mycsa-productCatalog-product-checkbox > input{cursor:pointer}
.mycsa-productCatalog-product-checkbox-label{color:#8e191c;cursor: default;font-size: 1.4em;}
.mycsa-productCatalog-product-image{max-width:150px;width:30%;float:left;padding:10px;}
.mycsa-productCatalog-product-features{width:70%;float:left;}
.mycsa-productCatalog-product-features-header{color: #8e191c;font-size:1.5em;border-bottom:1px #ccc solid;margin-bottom:15px;padding-bottom:3px;}
.mycsa-productCatalog-product-features table tr td{padding: 4px!important;vertical-align: text-top!important;}
.mycsa-productCatalog-square{color: #8e191c;}
#itemListTbl{border: 1px #ddd solid;margin-bottom: 20px;background: #f4f4f4;}	

#tbl_container #itemListTbl_wrapper{padding-bottom:0;}

@media (max-width:576px){
.mycsa-productCatalog-product-image{max-width:160px;width:35%;float:none;margin:0 auto;}
.mycsa-productCatalog-product-features{width:95%;float:none;margin:0 auto;}

}
@media (max-width:376px){
#itemListTbl_wrapper{padding:0;}	
}


/*---updated8-24-18:canonCpOrderInquiry.jsp (emsd/orderInquiry.htm?view=orderInquiry)---*/


.mycsa-orderInquiry-search-input-bottom-wrapper{float:right;margin-left:1%;width:58%;margin-bottom:15px;}
.mycsa-orderInquiry-search-day-input-wrapper{float:left;margin-right:1%;width:38%;margin-bottom:15px;}

.mycsa-orderInquiry-search-input-label{    padding: 4px 15px;
    background: #f4f4f4;
    border: 1px #ccc solid;
    border-radius: 50px;}
.mycsa-orderInquiry-search-input-wrapper input,.mycsa-orderInquiry-search-input-wrapper select{height:29px;}
@media (max-width:1060px){
	
}
@media (max-width:992px){
	
.mycsa-orderInquiry-search-input-bottom-wrapper{margin-left:1%;width:68%;margin-bottom:15px;}
.mycsa-orderInquiry-search-day-input-wrapper{margin-right:1%;width:28%;margin-bottom:15px;}
}

@media (max-width:850px){

.mycsa-orderInquiry-search-input-bottom-wrapper{margin-left:1%;width:76%;margin-bottom:15px;}
.mycsa-orderInquiry-search-day-input-wrapper{margin-right:1%;width:22%;margin-bottom:15px;}
}
@media (max-width:576px){
.mycsa-orderInquiry-search-day-input-wrapper{width:100%;margin:12px auto;float:none;}

	
.mycsa-orderInquiry-search-btn-wrapper{margin-top:15px;}
.mycsa-orderInquiry-search-input-bottom-wrapper{float:none;margin-right:0;width:100%;}
.mycsa-orderInquiry-search-input-label{width:100%;margin:5px auto;}
.mycsa-orderInquiry-search-input-label-text{width:100%;}

 

}

/*---updated8-24-18:CanonCpInvoiceInquiry.jsp (invoiceInquiry.htm?view=invoiceInquiry)---*/
.mycsa-invoice-inquiry-multi-dropdown{height: 29px!important;font-weight: normal;font-family: OpticSansBook, sans-serif;width:100%;border-radius:0!important;}
.mycsa-invoceInquiry-search-input-wrapper{float:left;margin-right:1%;width:32.3%;margin-bottom: 15px;}
.mycsa-invoceInquiry-search-btn-wrapper{margin-top:15px;}





.mycsa-invoceInquiry-search-radio-input{padding: 15px;
    background: #f4f4f4;
    border: 1px solid #ccc; height: 140px;}
.mycsa-obj-wrapper-outer-no-side{padding:20px 0!important;}

.mycsa-invoceInquiry-search-radio-input > div{font-size: 1.2em;}
.mycsa-invoceInquiry-search-radio-input > label{margin:5px;}
@media (max-width:992px){
	.mycsa-invoceInquiry-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-invoceInquiry-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-invoceInquiry-search-btn-wrapper{margin-top:30px;}
.mycsa-hr-ccc{margin: 10px 0 20px 0;}
.mycsa-obj-wrapper-outer-no-side{padding-bottom:0;}
}

@media (max-width:781px){.mycsa-invoceInquiry-search-radio-input {
 
    height: 150px;
}}
@media (max-width:768px){.mycsa-invoceInquiry-search-radio-input {
 
    height: 140px;
}}
@media (min-width:992px){.mycsa-invoceInquiry-search-radio-input {
 
    height: 150px;
}}
@media (min-width:1014px){.mycsa-invoceInquiry-search-radio-input {
 
    height: 140px;
}}


/*---updated8-27-18:CanonCpInvoicePayment.jsp (invoicePayment.htm?view=invoicePayment)---*/
.mycsa-invoice-payment-multi-dropdown{    font-weight: normal;font-family: OpticSansBook, sans-serif;width:100%;}
.mycsa-invocePayment-search-input-wrapper{float:left;margin-right:1%;width:32.3%;margin-bottom: 15px;}
.mycsa-invocePayment-search-btn-wrapper{margin-top:15px;}
.mycsa-obj-wrapper-outer-no-side{padding:20px 0;}

.mycsa-invocePayment-search-radio-input > div{font-size: 1.2em;}
.mycsa-invocePayment-search-radio-input > label{margin:5px;}
@media (max-width:992px){
	.mycsa-invocePayment-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-invocePayment-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-invocePayment-search-btn-wrapper{margin-top:30px;}
.mycsa-hr-ccc{margin: 10px 0 20px 0;}
}

@media (max-width:781px){.mycsa-invocePayment-search-radio-input {
 
    height: 150px;
}}
@media (max-width:768px){.mycsa-invocePayment-search-radio-input {
 
    height: 120px;
}}
@media (min-width:992px){.mycsa-invocePayment-search-radio-input {
 
    height: 150px;
}}
@media (min-width:1014px){.mycsa-invocePayment-search-radio-input {
 
    height: 120px;
}}

/*---updated9-11-18:CanonCpCFSInvoices.jsp (emsd/CFSInvoices.htm?view=CFSInvoices)---*/

.mycsa-CFSInvoices-search-input-wrapper{float:left;margin-right:1%;width:32.3%;margin-bottom: 15px;}
.mycsa-CFSInvoices-search-btn-wrapper{margin-top:15px;}


@media (max-width:992px){
	.mycsa-CFSInvoices-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-CFSInvoices-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-CFSInvoices-search-btn-wrapper{margin-top:30px;}

}









/*---updated8-27-18:canonCpServiceRequest.jsp (emsd/orderInquiry.htm?view=orderInquiry)---*/

.mycsa-serviceRequest-search-input-wrapper{float:left;margin-right:1%;width:24%;}
.mycsa-serviceRequest-search-btn-wrapper{margin-top:15px;}
.mycsa-serviceRequest-search-input-bottom-wrapper{float:left;margin-right:1%;width:48%;margin-bottom:15px;}

.mycsa-serviceRequest-search-input-label{    padding: 4px 15px;
    background: #f4f4f4;
    border: 1px #ccc solid;
    border-radius: 50px;}

@media (max-width:1060px){
	.mycsa-serviceRequest-search-input-bottom-wrapper{width:85%;margin-bottom: 15px;}	
}
@media (max-width:992px){
	.mycsa-serviceRequest-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-serviceRequest-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-serviceRequest-search-btn-wrapper{margin-top:15px;}
.mycsa-serviceRequest-search-input-bottom-wrapper{float:none;margin-right:0;width:100%;}
	.mycsa-serviceRequest-search-input-label{width:100%;margin:5px auto;}
.mycsa-serviceRequest-search-input-label-text{width:100%;}


}

/*---updated8-27-18:canonCpOpenServiceRequest.jsp (emsd/service.htm?view=openServiceRequest
)---*/

.mycsa-openServiceRequest-search-input-wrapper{float:left;margin-right:1%;width:32.3%;margin-bottom: 15px;}
.mycsa-openServiceRequest-search-btn-wrapper{margin-top:15px;}

@media (max-width:992px){
	.mycsa-openServiceRequest-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-openServiceRequest-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-openServiceRequest-search-btn-wrapper{margin-top:30px;}
.mycsa-hr-ccc{margin: 10px 0 20px 0;}
}

/*---updated8-27-18:canonCpClosedServiceRequest.jsp (emsd/service.htm?view=closedServiceRequest)---*/

.mycsa-closedServiceRequest-search-input-wrapper{float:left;margin-right:1%;width:32.3%;margin-bottom: 15px;}
.mycsa-closedServiceRequest-search-btn-wrapper{margin-top:15px;}

@media (max-width:992px){
	.mycsa-closedServiceRequest-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-closedServiceRequest-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-closedServiceRequest-search-btn-wrapper{margin-top:30px;}

}


/*---updated8-27-18:canonCpAssignDevices.jsp (emsd/mydevices.htm?mthd=ad)---*/

.mycsa-assignDevices-search-input-wrapper{float:left;margin-right:1%;width:24%;}
.mycsa-assignDevices-search-btn-wrapper{margin-top:15px;}
.mycsa-serviceRequest-search-bottom-btn-wrapper{margin-bottom: 40px;}
@media (max-width:992px){
	.mycsa-assignDevices-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-assignDevices-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-assignDevices-search-btn-wrapper{margin-top:15px;}

}


/*---updated8-27-18:canonCpRequestSerialNumber.jsp (accountdevices.htm?mthd=rd#)---*/

.mycsa-requestSerialNumber-search-input-wrapper{float:left;margin-right:1%;width:24%;}
.mycsa-requestSerialNumber-search-btn-wrapper{margin-top:15px;}
.mycsa-requestSerialNumber-search-bottom-btn-wrapper{margin-bottom: 40px;}
@media (max-width:992px){
	.mycsa-requestSerialNumber-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-requestSerialNumber-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-requestSerialNumber-search-btn-wrapper{margin-top:15px;}

}

/*---updated8-27-18:canonCpCtrBillingReport.jsp (emsd/ctrBill.htm)---*/

.mycsa-ctrBillingReport-search-input-wrapper{float:left;margin-right:1%;width:24%;margin-bottom: 15px;}
.mycsa-ctrBillingReport-search-btn-wrapper{margin-top:15px;}
.mycsa-ctrBillingReport-search-bottom-btn-wrapper{margin-bottom: 40px;}
.mycsa-ctrBillingReport-search-input-label{line-height: 2em;}
.mycsa-hr-ccc-no-bottom{
	border-bottom: 1px #ccc solid;
    width: 100%;
    margin: 20px 0 0px 0;
}
   
@media (max-width:992px){
	.mycsa-ctrBillingReport-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-ctrBillingReport-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-ctrBillingReport-search-btn-wrapper{margin-top:15px;}
.mycsa-ctrBillingReport-search-input-label{line-height: 0.5em;}

}
@media (max-width:440px){
.mycsa-ctrBillingReport-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-ctrBillingReport-search-btn-wrapper{margin-top:15px;}
.mycsa-ctrBillingReport-search-input-label{line-height: 0.5em;}
.mycsa-btn-ctrBillingReport-top{width:100%;margin:0 auto;float:none;margin-top:15px;}
}

 

/*---updated8-27-18:canonCpUserRegBySerial.jsp (emsd/userRegist.htm?view=userRegBySerial)---*/
.mycsa-RegBySerial-box-wrapper{border:1px solid #ccc;padding:15px;}
.mycsa-RegBySerial-search-input-wrapper{float:left;margin-right:1%;margin-left:1%;width:48%;margin-top: 15px;}
.mycsa-RegBySerial-search-btn-wrapper{margin-top:15px;}


.mycsa-RegBySerial-search-input-wrapper input{height:29px;}

@media (max-width:992px){
	.mycsa-RegBySerial-search-input-wrapper{width:48%;margin-top: 15px;}	
}
@media (max-width:576px){
.mycsa-RegBySerial-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-RegBySerial-search-btn-wrapper{margin-top:30px;}

}


/*---updated8-28-18:canonCpUserCreateUser.jsp (emsd/userRegist.htm?view=userRegBySerial)---*/

.mycsa-userCreateUser-search-input-wrapper{float:left;margin-right:1%;width:24%;margin-bottom: 15px;}
.mycsa-userCreateUser-search-btn-wrapper{margin-top:15px;float:left;}
.mycsa-userCreateUser-search-bottom-btn-wrapper{margin-bottom: 40px;}
.mycsa-userCreateUser-search-input-label{line-height: 2em;}
.mycsa-margin-top-bottom{margin-top:15px;margin-bottom:15px;}
.mycsa-userCreateUser-header-title{border-top:#ccc 1px solid;padding-top:5px;}
.mycsa-userCreateUser-margin-top{margin-top:15px}
@media (max-width:992px){
	.mycsa-userCreateUser-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-userCreateUser-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-userCreateUser-search-btn-wrapper{margin-top:15px;}
.mycsa-userCreateUser-search-input-label{line-height: 0.5em;}

}
@media (max-width:440px){
.mycsa-userCreateUser-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-userCreateUser-search-btn-wrapper{margin-top:15px;}
.mycsa-userCreateUser-search-input-label{line-height: 0.5em;}
.mycsa-btn-userCreateUser-top{width:100%;margin:0 auto;float:none;margin-top:15px;}

}


/*---updated8-30-18:canonCpUserRegByModel.jsp (emsd/userRegist.htm?view=userRegByModel
)---*/
.mycsa-RegByModel-box-wrapper{border:1px solid #ccc;padding:15px;}
.mycsa-RegByModel-search-input-wrapper{float:left;margin-right:1%;margin-left:1%;width:48%;margin-top: 15px;}
.mycsa-RegByModel-search-btn-wrapper{margin-top:15px;}
.mycsa-RegByModel-search-input-wrapper input{height: 29px;}
@media (max-width:992px){
	.mycsa-RegByModel-search-input-wrapper{width:48%;margin-top: 15px;}	
}
@media (max-width:576px){
.mycsa-RegByModel-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-RegByModel-search-btn-wrapper{margin-top:15px;}

}

/*---updated8-30-18:canonCpUserRegistrationByLocation.jsp (emsd/userRegist.htm?view=userRegByLoc)---*/
.mycsa-RegByLocation-box-wrapper{border:1px solid #ccc;padding:15px;}
.mycsa-RegByLocation-search-input-wrapper{float:left;margin-right:1%;margin-left:1%;width:48%;margin-top: 15px;}
.mycsa-RegByLocation-search-btn-wrapper{margin-top:15px;}

.mycsa-RegByLocation-search-input-wrapper input{height:29px;}
@media (max-width:992px){
	.mycsa-RegByLocation-search-input-wrapper{width:48%;margin-top: 15px;}	
}
@media (max-width:576px){
.mycsa-RegByLocation-search-input-wrapper{width:100%;margin:12px auto;float:none;}	

}
.mycsa-RegByGridMsg-message-wrapper{margin-top:10px;}

/*---updated8-30-18:canonCpUserRegistrationByNotes.jsp (emsd/userRegist.htm?view=userRegByNot)---*/
.mycsa-RegByNotes-box-wrapper{border:1px solid #ccc;padding:15px;}
.mycsa-RegByNotes-search-input-wrapper{float:left;margin-right:1%;margin-left:1%;width:48%;margin-top: 15px;}
.mycsa-RegByNotes-search-btn-wrapper{margin-top:15px;}
.mycsa-RegByNotes-search-input-wrapper input{height:29px;}
@media (max-width:992px){
	.mycsa-RegByNotes-search-input-wrapper{width:48%;margin-top: 15px;}	
}
@media (max-width:576px){
.mycsa-RegByNotes-search-input-wrapper{width:100%;margin:12px auto;float:none;}	

}



/*---updated8-30-18:canonCpUserRegCopyUser.jsp (emsd/userRegist.htm?view=copyUser)---*/

.mycsa-RegByCopyUser-box-wrapper{border:1px solid #ccc;padding:15px;}
.mycsa-RegByCopyUser-searchTextBox{float:left;width:75%;padding: 6px;border-bottom-left-radius:3px;border-top-left-radius:3px;border:1px #ccc solid;}
.mycsa-RegByCopyUser-searchBtn{float:left;width:25%;border-bottom-left-radius:0;border-top-left-radius:0;}
@media (max-width:576px){
.mycsa-RegByCopyUser-searchTextBox{width:100%;border-bottom-left-radius:0;border-top-left-radius:0;}
.mycsa-RegByCopyUser-searchBtn{width:100%;border-bottom-left-radius:3px;border-top-left-radius:3px;margin-top:15px;}

}



/*---updated8-30-18:canonCpUserRegCopyUser.jsp (emsd/userRegist.htm?view=copyUser)---*/
.mycsa-RegByMass-search-btn-wrapper{margin-top:15px;}
.mycsa-RegByMass-box-wrapper{border:1px solid #ccc;padding:15px;}
.mycsa-RegByMass-search-btn{margin-top:10px;}


/*---updated8-30-18:canonCpUserManagement.jsp (emsd/userManagement.htm?view=userMgmt)---*/
.mycsa-userManagement-box-wrapper{border:1px solid #ccc;padding:15px;}
.mycsa-userManagement-search-input-wrapper{float:left;margin-right:1%;margin-left:1%;width:48%;margin-top: 15px;}
.mycsa-userManagement-search-btn-wrapper{margin-top:15px;}

@media (max-width:376px){
	.mycsa-userManagement-search-input-wrapper{float:none;width:100%;margin-top: 15px;margin-right: 0;margin-left:0;}
}

/*---updated8-30-18:canonCpSubmitMeterReads.jsp (emsd/meter.htm?view=submitMeterRead)---*/
.mycsa-submitMeterReads-search-input-wrapper{float:left;margin-right:1%;width:32%;margin-bottom: 15px;}
.mycsa-submitMeterReads-search-btn-wrapper{margin-top:15px;}
#meterReadingTbl_wrapper{padding:0;}
.mycsa-submitMeterReads-search-input-wrapper input,.mycsa-submitMeterReads-search-input-wrapper select{height:29px;}
.mycsa-submitMeterReads-submit-btn-wrapper{background: #f4f4f4;
    padding: 25px;margin-top: 30px;}

    

@media (max-width:992px){
	.mycsa-submitMeterReads-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-submitMeterReads-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-submitMeterReads-search-btn-wrapper{margin-top:30px;}
	
}


/*---updated8-31-18:canonCpMeterReadHistory.jsp (emsd/meterhistory.htm?view=meterReadHistory)---*/
.mycsa-meterReadHistory-search-input-wrapper{float:left;margin-right:1%;width:32%;margin-bottom: 15px;}
.mycsa-meterReadHistory-search-btn-wrapper{margin-top:15px;}

.mycsa-meterReadHistory-search-input-wrapper input,.mycsa-meterReadHistory-search-input-wrapper select{height:29px;}

@media (max-width:992px){
	.mycsa-meterReadHistory-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-meterReadHistory-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-submitMeterReads-search-btn-wrapper{margin-top:30px;}
	
}
@media (max-width: 376px){
.mycsa-meterReadHistory-top-btn{margin-top: 10px;margin-bottom: 10px;}
}

/*---updated9-5-18:canonCPSupplyOrderDetails.jsp (emsd/trackSupplies.htm)---*/
.mycsa-orderDetails-info-wrapper{border:1px #ccc solid;border-top: 10px solid #000;padding:15px;transition:400ms;float: left;margin-bottom: 25px;margin-right: 1%;margin-left: 1%;width: 31%;}
.mycsa-orderDetails-info-wrapper:hover{box-shadow:0 10px 10px rgba(0,0,0,.2);transition:400ms;border:1px #999 solid;border-top: 10px solid #000;}
.mycsa-orderDetails-info-item-wrapper-outer{border-top:1px #ccc solid;background:#f4f4f4;padding:15px;margin-top:5px;}
.mycsa-orderDetails-info-item-wrapper{float:left;width:48%;}
.mycsa-orderDetails-info-item-label{float:left;padding:4px;margin-top:2px;color: #B72323;}
.mycsa-orderDetails-info-item-data{float:left;padding: 4px;
  margin-top:2px;}
.mycsa-orderDetails-header-title{font-size:1.3em;color:#000;}
#divaddressInfo{width:98%;margin: 0 auto;}

@media (max-width:1200px){
	
	.mycsa-orderDetails-info-wrapper{width:48%;}
	#mycsa-orderDetails-billToLocation{width:98%;}
}
@media (max-width:576px){
	
	.mycsa-orderDetails-info-wrapper{width:98%;}
	#mycsa-orderDetails-billToLocation{width:98%;}
}
@media (max-width:376px){
	.mycsa-orderDetails-info-item-wrapper{float:none;width:100%;}
	
	
}


/*---updated9-5-18:canonCpServiceRequestHistory.jsp (emsd/service.htm?view=serviceRequestHist)---*/

.mycsa-closedServiceRequestHistory-search-input-wrapper{float:left;margin-right:1%;width:32.3%;margin-bottom: 15px;}
.mycsa-closedServiceRequestHistory-search-btn-wrapper{margin-top:15px;}

@media (max-width:992px){
	.mycsa-closedServiceRequestHistory-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-closedServiceRequestHistory-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-closedServiceRequestHistory-search-btn-wrapper{margin-top:30px;}

}




/*---updated9-7-18:canonCpCreateServiceRequest.jsp (emsd/service.htm?mthd=csr)---*/
.mycsa-createServiceRequest-form-wrapper{border:1px #ccc solid;width: 100%;
    max-width: 800px;padding-bottom:10px;margin-left:10px;}

.mycsa-createServiceRequest-info-wrapper:hover{box-shadow:0 10px 10px rgba(0,0,0,.2);transition:400ms;border:1px #999 solid;border-top: 10px solid #000;}
.mycsa-createServiceRequest-info-item-wrapper-outer{border-top:1px #ccc solid;background:#f4f4f4;padding:15px;margin-top:5px;}
.mycsa-createServiceRequest-info-item-wrapper{float:none;width:95%;}
.mycsa-createServiceRequest-info-item-label{float:left;padding:4px;margin-top:2px;color: #B72323;width:30%;line-height:2em;}
.mycsa-createServiceRequest-info-item-text-label{float:left;padding:4px;margin-top:2px;color: #B72323;width:30%;}
.mycsa-createServiceRequest-info-item-data{float:left;padding: 4px; margin-top:2px;width:70%; line-height:2em;}
#continue{margin-bottom:10px;}
.mycsa-createServiceRequest-header-title{font-size:1.3em;color:#000;}
#divaddressInfo{width:98%;margin: 0 auto;}

.mycsa-createServiceRequest-info-item-data > #otherBillLoc{width:197px;}

.lovModalBody-instructions{padding:10px 20px;background:#f4f4f4;}
.lovModalBody-search-wrapper{padding: 20px;}
.lovModalBody-search-label{}
.lovModalBody-search-input{}
.lovModalBody-search-btn{margin-top: 10px;}

.mycsa-orderDetails-info-item-data #ilLov{margin-top:8px;}

.mycsa-createServiceRequest-info-item-data #workAreaCode,.mycsa-createServiceRequest-info-item-data #workNumber,.mycsa-createServiceRequest-info-item-data #workExtension,
.mycsa-createServiceRequest-info-item-data #requestorWorkAreaCode,.mycsa-createServiceRequest-info-item-data #requestorWorkNumber,.mycsa-createServiceRequest-info-item-data #requestorWorkExtension
{	
    float: left;
  
}

.mycsa-createServiceRequest-info-item-data #workAreaCode,.mycsa-createServiceRequest-info-item-data #workExtension{width:38%;margin-right:2%;}
.mycsa-createServiceRequest-info-item-data #workExtension{margin-top:5px;}
.mycsa-createServiceRequest-info-item-data #workNumber{width:60%;}

#mycsa-createServiceRequest-business-hour-from{float:left;width:30%;margin-right:2%;margin-top: 0;}
#mycsa-createServiceRequest-business-hour-from-ampm{float:left;width:30%;margin-top: 0;}
#mycsa-createServiceRequest-business-hour-to{float:left;width:30%;margin-right:2%;margin-top: 0;}
#mycsa-createServiceRequest-business-hour-to-ampm{float:left;width:30%;margin-top: 0;}
#ilLov{margin-top:15px;}

@media (min-width:576px){
	.mycsa-createServiceRequest-form-wrapper{}
	.mycsa-createServiceRequest-info-item-wrapper{float:left;width:98%;}

	.mycsa-createServiceRequest-info-item-data #workAreaCode{width:23%;margin-right:2%;}
	.mycsa-createServiceRequest-info-item-data #workNumber{width:48%;margin-right:2%;}
	.mycsa-createServiceRequest-info-item-data #workExtension{width:23%;margin-top:0;}
	
	.mycsa-createServiceRequest-info-item-data #requestorWorkAreaCode{width:23%;margin-right:2%;}
	.mycsa-createServiceRequest-info-item-data #requestorWorkNumber{width:48%;margin-right:2%;}
	.mycsa-createServiceRequest-info-item-data #requestorWorkExtension{width:23%;margin-top:0;}
}
@media (max-width:992px){
	

	.mycsa-createServiceRequest-form-wrapper{width:98%;margin:0 auto;}
}


@media (max-width:576px){
	

	.mycsa-createServiceRequest-info-item-label{float:none;width:100%;line-height:1em;}
.mycsa-createServiceRequest-info-item-text-label{float:none;width:100%;}
.mycsa-createServiceRequest-info-item-data{float:none;width:100%;}
	.mycsa-createServiceRequest-info-item-data #workAreaCode{width:38%;margin-right:2%;}
	.mycsa-createServiceRequest-info-item-data #workNumber{width:60%;margin-right:0;}
	.mycsa-createServiceRequest-info-item-data #workExtension{width:38%;margin-top:5px;}
	
	.mycsa-createServiceRequest-info-item-data #requestorWorkAreaCode{width:38%;margin-right:2%;}
	.mycsa-createServiceRequest-info-item-data #requestorWorkNumber{width:60%;margin-right:0;}
	.mycsa-createServiceRequest-info-item-data #requestorWorkExtension{width:38%;margin-top:5px;}
}
@media (max-width:376px){ 
	.mycsa-createServiceRequest-form-wrapper{width:100%;margin:0 auto;border:none;padding:0;}
	.mycsa-createServiceRequest-form-wrapper{width:100%;margin:0 auto;border:none;padding:0;}
	.mycsa-createServiceRequest-info-item-wrapper{float:none;width:100%;}
	.lovModalBody-search-btn button{width: 100%;margin-left:0;}
	#lovModalBody{padding:0;}
	.mycsa-orderDetails-info-item-data #ilLov{width: 100%;margin-left:0;margin-top:8px;}
	#lovModal .modal-footer button{width: 100%;margin-left:0;}
}


/*---updated9-10-18:canonCpAccountDeviceDetails.jsp (emsd/accountdevices.htm?view=accountDeviceDetail&serialNumber=)---*/
.mycsa-AccountDeviceDetails-main-wrapper{border:1px solid #ccc; padding:5px 15px;width:100%;background-image: linear-gradient(#fff, #f4f4f4);}
.mycsa-AccountDeviceDetails-search-btn button{margin-bottom:10px;}
.mycsa-AccountDeviceDetails-device-status,.mycsa-AccountDeviceDetails-device-history{border:1px solid #ccc;margin:15px 0;transition:350ms;}
.mycsa-AccountDeviceDetails-device-status:hover,.mycsa-AccountDeviceDetails-device-history:hover{border:1px solid #000;transition:350ms;box-shadow:0 5px 8px rgba(0,0,0,.2);}
#mycsa-AccountDeviceDetails-device-details:hover{border:1px solid #000;transition:350ms;box-shadow:0 5px 8px rgba(0,0,0,.2);}
#mycsa-AccountDeviceDetails-device-details{float:left;width:69%;border: 1px #ccc solid;margin: 15px 0;background: #fff;transition:350ms;}
#mycsa-AccountDeviceDetails-device-status{float:right;width:29%;}
#mycsa-AccountDeviceDetails-hightlight-serial-number{margin-bottom: 15px;}



@media (max-width:1200px){
#mycsa-AccountDeviceDetails-device-details{float:left;width:59%;}
#mycsa-AccountDeviceDetails-device-status{float:right;width:39%;}
	
	
}
@media (max-width:992px){
	
#mycsa-AccountDeviceDetails-device-details{float:left;width:100%;}
#mycsa-AccountDeviceDetails-device-status{float:right;width:100%;}
	
}
@media (max-width:768px){
#mycsa-AccountDeviceDetails-device-details{float:left;width:49%;}
#mycsa-AccountDeviceDetails-device-status{float:right;width:49%;}
	
}
@media (max-width:576px){
#mycsa-AccountDeviceDetails-device-details{float:left;width:100%;}
#mycsa-AccountDeviceDetails-device-status{float:right;width:100%;}
	
}
@media (max-width:376px){
	.mycsa-AccountDeviceDetails-main-wrapper {
    border: none;
    padding:0;
    width: 100%;
    background-image:none;
}
	
}


/*---updated9-11-18:canonCpGSDOrderSupplyHist.jsp
 (emsd/orderSupplyHist.htm?view=orderSupplyHist)---*/

.mycsa-GSDOrderSupplyHist-search-input-wrapper{float:left;margin-right:1%;width:32.3%;margin-bottom: 15px;}
.mycsa-GSDOrderSupplyHist-search-btn-wrapper{margin-top:15px;}

@media (max-width:992px){
	.mycsa-GSDOrderSupplyHist-search-input-wrapper{width:48%;margin-bottom: 15px;}	
}
@media (max-width:576px){
.mycsa-GSDOrderSupplyHist-search-input-wrapper{width:100%;margin:12px auto;float:none;}	
.mycsa-GSDOrderSupplyHist-search-btn-wrapper{margin-top:30px;}

}





#mycsa-custLoc-body-wrapper{padding:15px;}
#mycsa-locate-cust-location{height:200px;overflow-y:scroll;}








@media (max-width:376px){}
@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}