/****************************************************************************************
****************************** TABLE OF CONTENTS ***************************************/
/****************************************************************************************

  1. GLOBAL 
  2. DIVISION
  3. MODAL
  4. IMPRINT
  5. SHIPPING / REVIEW

  - If you are making changes here, changes may need to be made in 
  the con/responsive.css file as well

*****************************************************************************************
*****************************************************************************************
*****************************************************************************************
****************************************************************************************/



/****************************************************************************************
************************************* 1. GLOBAL *****************************************
****************************************************************************************/
/*** Remove sr_ error text from Basket, Review, Accept pages ***/
.previewcell pre { display: none; }

/*** make Admin Menu Bar opaque to see the logo ***/
.menu-knob-bar{ opacity: .8; }

/*** Sometimes on sites, you'll see the catalog move down, then back up, this will load cleaner ***/
.catalog form { overflow: visible !important; }

/*** add space at the main container ***/
.main {
    margin-top: 30px;
}


/*** BACKGROUND IMAGE ***/
body {
    background-size: cover;
    -webkit-background-size: cover;
    background-color: #000;
}

/*** HEADER LOGO ***/
#header_logo img {
    float: left;
}

/*** HEADER QUESTIONS & COMMENTS BUTTON ***/
.hdr_qc_button {
    background-color: #e7a614;
    padding: 12px;
    border-radius: 4px;
    text-decoration: none;
    color: #FFF !important;
    font-weight: 300;
    letter-spacing: .5px;
}
#header_title a:hover{
    background-color: #d29815 !important;
    box-shadow: 0 20px 38px rgba(0,0,0,.16)!important;
    transition-duration: .45s;
}

/*** form input and dropdown list (select) - font color ***/
.main input, .main select {
  color: #555;
}

/*** DROPDOWN-LIST FIELD ***/
select {
      border-radius: 4px;
      height: 24px;
}

/*** INPUT FIELD ***/
input{
    padding: 5px 0 5px 5px;
    border-radius: 4px;
    border: rgb(118, 118, 118) solid 1px;
}

/*** BUTTON ***/
button {
    letter-spacing: 2.5px;
    font-weight: 300;
}
button:hover {
    box-shadow: 0 20px 38px rgba(0,0,0,.16)!important;
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition-duration: .45s;
}



/*Move Upload Icon*/
p.uploadIcon {
    position: relative;
    left: 370px;
    top: 25px;
}

/*SSO Emphasis */
#details_select11_extras > div::before{
  content: '*';
  color: red;
}

#details_select11_extras > div{
  font-size: 14px;
  font-style: italic;
  padding-right: 10px;
  text-align: left;
}

#details_select11_extras > div::after{
  content: '*';
  color: red;
}

/*per HLP240696*/
#all_options > tbody > tr:nth-child(1){display: none;}


/**** Matt's Assistance ****/
     /** Global **/
     table.steps tr td { min-width:161px !important; } /* Expanding steps width, had less steps than standard template */

     /** Review Page **/
     div.review div.pageinstructions { margin-top: 0 !important; } /* Review page text blurb, removing negative top margin */

     /** Get an Estimate Page **/
     #blurb-and-image {
       width: 30% !important; /* Reducing width of left column */
     }

     /** Catalog Page **/
     td.left.choosespec { padding: 0 10px !important; }  /* Padding between cells */
     td.left.choosespec button { text-align: center !important; } /* Alignment of text in button */
     div.select-items table.vertical-shell td.tab-upper div.after { border: 0 !important; } /* Removing border around shopping cart box */
     table.vertical-shell td.tab-section { /* Widening left catalog column */
       width: 290px !important;
       min-width: 290px !important;
       max-width: 290px !important;
     }
/******************************/


/*Shut off Proof Section on Approval Page - Bradley*/
#approval-proof-table { display:none }


/****************************************************************************************
*********************************** 2. DIVISION ******************************************
****************************************************************************************/

/* Special Divisions page (corp.cgi) formatting. */

.corp-table {
  margin-left: auto;
  margin-right: auto;
}

.corp-cell {
  width: 250px;
}

button#button_cancel.button{
  visibility: hidden;
}

div.review table#review-items-table tr td.total {
  vertical-align: text-bottom;
}

table.steps tr td.right-side {
    max-width: 50px !important;
    min-width: 50px !important;
    width: 50px !important;
}



/****************************************************************************************
************************************ 3. MODAL *******************************************
****************************************************************************************/

/* ---- Modal Pop-Up Controls ---- */
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0,0,0, .9);
  transition: opacity .25s ease;
  font-size:16px;
}
 
.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
 
.modal-state {
  display: none;
}
 
.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}
 
.modal-state:checked + .modal .modal__inner {
  top: 0;
}
 
.modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 35%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: 35%;
}
 
.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}
 
.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}
 
.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}
 
.modal__close:before {
  transform: rotate(-45deg);
}
 
/* ALLOW FOR WIDER MODAL IN MOBILE */
@media screen and (max-width: 768px) {
  .modal__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}


/****************************************************************************************
********************************** 4. IMPRINT *******************************************
****************************************************************************************/

.imprint #blurb-and-image #curr_item_name {
  display: none;
}

.imprint .pagetitle {
  text-align:center;
}

/****************************************************************************************
********************************** 5. SHIPPING / REVIEW *******************************************
****************************************************************************************/

.shipping #shipping-pricetable td:nth-child(2), .shipping #shipping-pricetable th:nth-child(2), .review #review-items-table td:nth-child(2), .review #review-items-table th:nth-child(2) {
   display: none;
}