/*--------------------------------------------------
	Common
--------------------------------------------------*/ 
.dropdown1 /*this is to hide regular drop down until custom dropdown css gets applied to it*/
{
    display:none;
}

/*.ui-selectmenu-dropdown {
    color:#3c4959 !important;
}*/
section h5 {
		color:#3c4959;
		font-size:16px;
		font-weight:600;
		margin:7px 0;
		padding:0 0 11px;
	}

.centerAlign {
    text-align:center;
}

.sub-section-header {
    margin:0;
	padding-left:12px;
}

.sub-section-header > text {
    font-size:15px; 
}

.transparent-section {
    background-color:transparent;
    border:0px;
    margin:5px 0 15px;
}

.do-not-show-bar {
    margin-top:15px;
    padding:10px;
    text-align:center;
}

.main-wrapper {
    text-align:center;
    padding:0px 0px 10px;
    border:solid 1px #3c4959;
    margin:auto;
    background-color:white;
    width:900px;
}

.maincontent-childwrapper {
    border: solid 1px #3c4959; 
    padding-top: 0px !important ; 
    background-color: white;
    height: auto;
    overflow: hidden;
    width:100%
}

.maincontent-childwrapper section {
    border:none;
    margin-top:15px;
}

/*geo and seg page*/
.client-seg-help-icon {
    width: 12px;
    height: 12px;
    position: relative;
    top: 3px;
}
/*----------------------------------------------
    fancy box
-------------------------------------------------*/
#fancyConfirm_ok{
    float:left;
}

#fancyconfirm_cancel{
    float:right;
}
div.fancyModalButton {
    margin:15px 2px;
}

.fancyboxModal {
    min-width:300px;
    padding:10px 5px;
}

/*--------------------------------------------------
	Dashboard
--------------------------------------------------*/

.dashBoardPanel .sub-heading
{
    font-size:16px;
}
.dashboard-button-holder
{
    float:right;
    margin-top:18px;
}

.dashboard-left {
    width:470px;
    float:left;
}

.dashboard-label {
    font-size:15px;
    margin-left:20px;
    line-height:4;
}

.dashboard-content
{
    position:absolute;
    margin-left:10px;
    width:310px;
    font-size:13px;
    margin-top:18px;
}

.whitetextbox
{
    background-color:white !important;

}
    
 .dashBoardPanel hr{
    margin: 15px 0px;
}


/*--------------------------------------------------
	Order menu
--------------------------------------------------*/
.step-status-incomplete,
.step-status-incomplete:hover,
.customization-incomplete,
.customization-incomplete:hover {
    color:#f28300 !important;
}

/*--------------------------------------------------
	Order Help & Steps Popup
--------------------------------------------------*/

#initial-orderstep-popup .tips-help {
    margin:15px auto;
    padding:48px 20px 0;
    width:600px; 
}

	#initial-orderstep-popup .tips-help h1 {
    	padding:0;
	}
	
	#initial-orderstep-popup .tips-help .tips-content {
    	height:auto;
    	margin:48px auto;
    	position:relative;
	}

		#initial-orderstep-popup h3 {
    		font-size:15px;
    		margin:18px 0px;
		}
	
		#initial-orderstep-popup .tips-help span {
    		display:block;
    		font-size:13px;
    		line-height:21px;
    		width:480px;
		}
	
		#initial-orderstep-popup img {
    		position:absolute;
    		right:0;
    		top:0;
		}

/*--------------------------------------------------
	segment
--------------------------------------------------*/
.segment {
    width:800px;
    text-align:left;
}

    .segment table {
        width:730px;
        margin:18px auto;
        text-align:left;
    }

#divAgentCustomer {
    border:solid 1px #d6d9dc;
    margin:36px auto 0;
    text-align:center;
	width:100%;
}

h2 + #divAgentCustomer {
	margin:24px 0;
	width:900px;
}

#divAgentCustomer .sub-section-header {
    text-align:left;
}

#tblCustomerLists {
    margin:15px auto;
}

#divAgentCustomer .note-content {
    font-size:11.5px;
	margin:18px 112px 0;
}

#divAgentCustomer small {
    display:block;
    padding:18px 30px 0;
}

.segment-sub-head {
    font-style: italic;
    text-transform: none !important;
}
.popup-help h2{
    font-weight:bold;
    font-size:20px;
    margin-bottom:15px;
}
.popup-help h3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 12px;
    margin-top:12px;
}
.popup-help .popup-help-list p,
.popup-help .popup-help-list table tr td 
{
    font-size: 12px !important;
}
/*--------------------------------------------------
    Bottom Order Nav
    ------------------------------------------------*/
.bottom-orderstep-nav {
    position: relative;
    padding: 10px 0px;
    height: 35px;
    margin: 15px 0px;
}

.bottom-orderstep-nav > #Previous{
    float:left;
}

.bottom-orderstep-nav > #Next{
    float:right;
}


/*--------------------------------------------------
    Mailer list
    ------------------------------------------------*/
	
.mailer-view-thumbnails {
    border:2px solid #abafb2;
    display:block;
    height:120px;
    padding:2px;
    width:120px;
}

.mailer-selected {
    border:2px solid #1abc9c;
}

.mailerList {
    width:800px;
}

/*--------------------------------------------------
    Mailer 
    ------------------------------------------------*/
	
.mailer-view-gallery {
    display:inline-block;
}

.select-thumb {
    float:left;
    margin:12px 6px 0;
    overflow:visible;
    text-align:center;
    width:auto;
}

.select-thumb:hover {
	text-decoration:none;
}

	.select-thumb span {
    	color:#3c4959;
    	display:block;
    	font-size:12px;
    	margin-top:9px;
	}

.mailer > .golden-main {
    border:0px;
    margin-bottom:20px;
    
}
.mailer-sidebar {
	border:0px;
	text-align:left;
    width:260px !important;
}

.mailer > .golden-main > .mailerview-wrapper > img {
    border:1px solid #d6d9dc;
    margin:18px 6px;
    max-width:580px;
}

/*geo*/
.location input[type=text]
{
    width:250px;
}
section.geo {
    padding-bottom:20px;
    margin-bottom:25px;
}

div.geo-location {
    border-top:1px solid #d6d9dc;
    padding-top:3px;
    text-align:left;
}

	div.geo-location h2 {
		margin:30px 0 18px;
	}
	
	div.geo-location .content.location {
		padding-left:0;
    	padding-right:0;
	}

.geo-location-header {
	background-color:#707e8d;
    border-radius:4px 4px 0 0;
    box-sizing:border-box;
    color:#f7f8f8;
    height:30px;
    line-height:30px;
    margin:0;
    padding:0 18px;
    width:422px;
}

.geo {
    padding:24px 30px;
}

div.geo-split {
    display:inline-block;
    height:auto;
    vertical-align:top;
    width:442px;
}

div.geo-button {
	height:36px;
    margin-top:24px;
	text-align:right;
    width:422px;
}

	div.geo-button input {
		padding:0 14px;
	}

        div.geo-button input[type=text] {
            padding-right: 20px !important;
        }
div.geo-count {
    float:right;
    height:auto;
    padding:0 0 26px;
    width:420px;
}

div#divMapContent .PostalCodesDisclaimer {
	color:red; 
    margin:24px 0 10px 0;
    font-size:11px;
    font-style:italic;
}

div.geo-split > #PostalCodes {
    margin:0 0 0;
    padding:12px;
    width:396px;
}

	div.geo-split > #PostalCodes + .geo-button {
		margin-top:12px;
	}

div.geo-split > .zipcode-link {
    width:390px;
}

.zipcode-link > #btnShowProspects {
    margin-left:120px;
}

.geo-count > table {
    margin-top:0px;
}

.geo-button input[type=text] {
    margin:0 6px;
    text-align:right;
    width:48px;
}

.geo-button > input.active[type="button"] {
    margin:0 0 0 4px;
    min-width:0 !important;
    width:auto !important;
}

.geo-button > small {
	margin-right:12px;
}

.map-container {
    border:solid 1px #808080;
}

.geotype-subnote
{
    color:red;
    font-size:8pt;
    font-weight:normal;
}

.geo-count-childsegment
{
    margin:0px!important;
    font-size:10px!important;
    font-style:italic;
}
/********/

/*------------------
    ZipFinder
--------------------*/
.zip-container
{
    margin-top:30px;
}
.zip-container span:last-child .list-comma{
    display: none;
}

#ZipFinder select {
    width:200px;
}

/*----------------------------------------
    Location Segment Count
-------------------------------------*/
#LocationSegment
{
    overflow:auto;
    max-height:450px;
    margin-top:10px;
    /*width:950px;*/
}

/*----------------------------------------
    Quantity
-------------------------------------*/

#sectionQuantity {
    margin-bottom:20px;
}

.info-bar {
    background:#f7f8f8;
	height:20px;
	margin:0px 0px 15px;
	padding:5px 15px;
	position:relative; /* allows absolute positioning of elements inside */
	width:auto;
	z-index:1;
}

.postage {
    margin-left:15px;
}

#tblQty {
	margin:18px auto 0;
    width:auto;
    /*min-width:800px;*/
}

#tblQty input[type=number], 
#tblQty input[type=text] {
    direction:rtl;
    padding-right:0;
    text-align:right;
    text-indent:7px;
    width:50px;
    height:26px;
}

#tblQty tbody tr td.subinfo,
#tblQty thead tr td.subinfo,
#tblQty tfoot tr td.subinfo {
    padding-left:0px;
    padding-right:0px;
    font-style:italic;
    margin-left:0px;
    margin-right:0px;
    text-align:left;
}

#tblQty tbody tr td
{
    padding:5px 9px;
}

table.qty-price-grid thead tr 
{
    height:26px;
}

table.qty-price-grid thead tr:first-child td
{
    border-bottom:solid 1px silver;
    padding-bottom:2px;
}

table.qty-price-grid thead tr td.sub-heading
{
    padding-top:0px;
    
    padding-bottom:0px;
}

table.qty-price-grid tbody tr td
{
    padding:5px;
    min-height:0px;
}

table.qty-price-grid tbody tr
{
    min-height:0px;
}

#promoDiscountInfoLink {
    text-decoration:underline;
    
}

.promoDiscountColor {
    color:red !important ;
}

#tblQty .extra-border{
	border-right:1px solid #d6d9dc;
}

#tblQty .extra-border-foot{
	border-right:1px solid #1abc9c;
}

#tblQty .extra-border-head{
	border-right:1px solid #d6d9dc;
}

.customer-feed-list thead tr td{
    cursor:pointer;
}

.customer-feed-list tbody tr td{
    padding:1px 9px !important;
    min-height:0px;
    height:26px;
}

.customer-feed-list-sort
{
    color:#df7a0e;
    font-style:italic;
    margin-top:10px;
    font-size:11px;
}

/*----------------------------------------
    Seed/Over
-------------------------------------*/
.additionalMailers
{
    width:650px !important;
}

.additionalAddress div
{
    margin:5px 0px;

}
.additionalAddress span
{
    width:100px; 
    margin-right:15px; 
    font-weight:bold;

}

.additionalAddress input
{
    width:150px !important;

}
.additionalAddress table
{
    width:100%;
}

#tblOverPriceGrid {
    width:150px;
    margin-top: 0;
   
}

#tblOverPriceGrid thead tr td,
#tblOverPriceGrid tbody tr td {
    padding:5px;
    min-height:0px;
}

#tblOverPriceGrid thead tr,
#tblOverPriceGrid tbody tr {
    min-height:0px;
}

#tblMailerPriceGrid {
    margin: 0 0 10px 10px;
    width:150px;
} 



/*******************************
    AvailablePromoList
********************************/

.promoAvailableColorCode {
    border:solid 1px #3c4959;
    margin:0px 25px;
    padding:5px;
}

.promoNotApplicable {
    background-color:silver;
}

/*******************************
    Schedule
********************************/

.deadlineInfo {
    font-size:10px;
    color:red;
}

.scheduleForm {
    font-size:12px;
}

.scheduleForm input, .scheduleForm select, .scheduleForm .dropdown1 {
    width:210px;
}

#sectionSchedule .content {
   padding-right:5px;
}

#tblBackMailPriceGrid {
    width:310px;
}

#divScheduleDates {
    padding:20px 30px;
}

#divMailingCost {
    padding-right:10px;
}

#divMailingCost table.basic {
	margin:0;
}

.full-schedule {
    border-bottom:1px solid #d6d9dc;
}

	.full-schedule > td {
    	padding:12px 0 !important;
	}

/*******************************
    Customization
********************************/

.customization-complete,
.customization-complete:hover {
    color:#1abc9c !important;
    font-weight:bold;
}

.cust-menu-title {
    text-align:center;
    font-size:18px;
    font-weight:bold;
}

.cust-viewproof {
	background:#d6e5f8 !important;
    position:absolute;
    right:29px;
    top:18px;
}

/*******************************
    EditArea
********************************/

.cust-locaddress {
	background-color:#8191a1;
    color:#fff;
    font-size:11px;
    font-weight:400;
    height:32px;
    line-height:32px;
    padding:0 12px;
}

#btnSpellCheck {
    display:block;
    float:right;
    margin:12px 3px 30px 0;
}

#sectionEditAreaFields
{
    width:470px;
}

#sectionEditAreaFields table tr td {
    font-size:11px;
    padding-right:3px;
}

.cust-fields .dropdown1 {
    width:370px;
}

.cust-fields input {
    width:362px !important;
}

.cust-fields textarea {
    width:362px !important;
}
.cust-fields .placeorder {
    color:red;
}

#sectionEditAreaImage img {
    max-width:450px;
}

.coupon-editarea-col {
    background-color:#f7f8f8;
    border:1px dashed #b3bdc7;
    box-sizing:border-box;
    float:left;
    height:250px;
    line-height:14px;
    margin:12px 12px 0 0;
    overflow:hidden;
    padding:9px 12px;
    width:202px;
}

.coupon-editarea-col:nth-child(2n+1) {
	margin-right:0;
}

	.coupon-editarea-col a {
    	float:right;
	}

	.coupon-editarea-col label {
    	font-size:11px;
    	margin:0 0 6px;
	}
	
	.coupon-editarea-col strong {
    	font-size:10px;
    	margin-top:9px;
	}
	
	.coupon-editarea-col small {
    	letter-spacing:0.01em;
    	line-height:15px;
	}
	
.loc-cust-list {
	margin-right:12px;
    padding:20px 12px 36px;
    text-align:center;
}

.loc-cust-scroll {
	overflow-x:scroll;
}

.cust-loc-desc {
    width:150px;
}

.cust-fields-applysame
{
    margin:70px 30px;
    color:#3c4959;
    font-size:13px;
}
.loc-cust-table thead tr td,
.loc-cust-table tbody tr td {
	width:100px;
}

.loc-cust-table tbody tr td a {
    text-decoration:underline;
}

.loc-cust-table tbody tr td a.customization-incomplete {
    color:red !important;
}

.sidebar-pad span {    
	line-height:24px;
    vertical-align:top;
}

.editarea-field-label{
    font-size:10px;
}

/*******************************
    Map Builder
********************************/

.content.map {
    padding:30px 18px 24px;
}

#divMapArea {
	float:right;
    width:230px;
}

#imgMapArea {
	width:280px;
}

#MapBuilder {
    float:left;
    margin:0px 20px;
    width:302px;
}

.map-view-wrapper {
    width:302px;
}

#divMapTemplate .cust-locaddress {
    margin-left:5px;
    margin-right:auto;
}

.map-template {
	border:1px solid #b3bdc7;
    float:left;
    margin: 12px 0 30px 7px;
    position:relative;
    text-align:center;
	width:170px;
}

.map-template label {
    background-color:#b3bdc7;
    margin-top:0;
    padding:5px;
	text-align:left;
	width:auto;
}

.mapstyles-wrapper {
    width:100%;
}

#divMapWrapper {
    width:600px;
    margin:auto;
    text-align:center;
}

#map-google {
    /*float:left;*/
    width:280px;
    height:260px;
    margin:20px;
}

#map-reference {
    /*float:right;*/
    width:250px !important;
    height:225px !important;
    border:solid 2px #3c4959;
    margin:20px;
    /*padding-top:2px;*/
}

.outside-map-container{
    margin:10px auto;
}

.map-steps {
	float:left;
    width:320px;
    padding:0 10px;
}

.map-steps table {
    margin:0;
    width:300px;
}

.map-steps table thead tr td,
.map-steps table tbody tr td {
   padding:9px 6px;
}

.map-steps input[type=text] {
    width:180px;
}

.map-steps input[type=button] {
    width:60px;
    padding-left:5px;
    padding-right:5px;
    margin:0px;
}

.text-direction-div {
    margin-left:100px !important;
}

.text-directions  input[type=text] {
    margin:5px auto;
}

.text-directions-maxlength {
    color:#ff0000;
    height:15pt;
    font:9pt arial;
    margin-left: 10px;
}

.map-steps tr.inactive td {
    background-color:#f7f8f8;
    color:#CCCCCC;
}

.map-steps tr.inactive td input[type=text] {
    color:#CCCCCC;
}

.map-streets a.inactive, .map-steps a.inactive {
	color:#d6d9dc !important;
	cursor:not-allowed;
}

.map-top-section
{
    padding-bottom : 20px;
}

.corporate-map-image
{
    padding:5px !important;
    width:290px;
    height:290px;
}
/*******************************
    Payment
********************************/

#divPayment .basic {
    font-size:11px;
}

#divPayment input[type="text"] {
	width:252px;
}

.payment-field-label {
    font-size:13px;
    font-weight:300;
	letter-spacing:0.01em;
    width:180px;
}

#tblApprovalCodes {
    width:462px;
}

.golden-main .content.form h3 {
	font-weight:300;
    letter-spacing:0.01em;
    margin:12px 0;
}
			
.golden-main .content.form small {
	display:block;
    margin-top:9px;
}

/*******************************
    Order History
********************************/

.order-history .content {
    padding:10px 30px;
}

.order-history .button-bar {
    background-color:transparent;
}

.order-history .sub-heading {
    font-size:18px;
    margin-bottom:10px;
}

.order-history table.basic {
    margin-top:5px;
    font-size:12px;
}

.order-history h6 {
    font-size:13px;
}

/******PPCReport*/

#divReportList {
	margin-top:30px;
}

	#divReportList .slides_main {
		padding:0 !important;
	}

	#divReportList table.data {
		margin:0;
	}
	
	#divReportList table.data tfoot tr {
		border-right:1px solid #d6d9dc;
		border-bottom:1px solid #d6d9dc;
		border-left:1px solid #d6d9dc;
	}
	
		#divReportList table.data tfoot tr td {
    		line-height:14px;
    		padding:9px;
		}

table.PPCTotal td,
table.PPCTotal td:hover {
	background-color:#d2e9f5 !important;
	color:#1f5387 !important;
	cursor:pointer;
}

table.sub-table {
    margin: 0px;
    padding: 0px;
    border: none !important;
    background: none !important;
    border-collapse:initial;
}
    table.sub-table tr
    {
        border:none;
        background:none !important;
        background-color:none !important;
        
    }
        table.sub-table tr th,
            table .sub-table tr td {
            margin: 0px;
            width: 30px;
            padding: 0px 5px !important;
            border: none !important;
            background: none;
            line-height: normal;
            text-align:center;
            
        }

        table.sub-table tr th{
            color:white ;
        }

table.shopcart-sub-table tr,
table.shopcart-sub-table tr td {
    border: none !important;
    background: none !important;
    background-color: none !important;
    padding-bottom: 2px !important;
    padding-top:0px !important;
}

    table.shopcart-sub-table tr td.order-total {
        padding-top:1px !important;
        border-top:1px solid #d6d9dc !important;
        background: none;
        background-color: none !important;
    }

table.mailer-feature {
    font-size: 10px;
    font-style: italic;
    color: #2D99E2;
    width: 100%;
    margin-bottom: 10px;
}

table.mailer-feature thead tr td{
    font-weight:700;
    text-align:left;
    
}

    table.mailer-feature tbody tr td {
        text-align: left !important;
        padding-left: 10px !important;
    }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.checkout-addl {
    border-bottom: solid 1px #d6d9dc;
    margin: 5px 30px;
    padding:10px 3px;
}

    .checkout-addl span {
        font-size: 13px;
        font-weight: 700;
        
    }

    .checkout-addl div {
        margin-left: 30px;
        margin-top: 7px;
    }

table.overs-table
{
    margin:5px auto;
    width:600px;
}
    table.overs-table thead tr td{
        font-size:10px;
    }

    table.overs-table thead tr td,
    table.overs-table tbody tr td,
    table.overs-table tfoot tr td {
        padding: 10px 9px;
    }

.manager-pack
{
    margin-left:40px;
    margin-right:40px;
}
.managers-pack-table{
  
}
.managers-pack-table input[type=text] {
    width: 150px;
}
.managers-pack-table thead tr td,
.managers-pack-table tbody tr td {
    padding: 4px 6px !important;
}

.schedule-page-help {
    width: 650px !important;
}