/*
    This is the RheemModifications file for the MyRheem site, it probably does not match the one in 
    the developer site.  All css modifications from the Metronics standard should go into this file.
*/
.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #fff !important;
    -ms-opacity: 0.1;
    opacity: 0.1;
}

.top-cart-block {
    padding: 19px 0;
}

.top-cart-block .fa-shopping-cart {
    position: relative !important;
    right: 17px !important;
}

.btn-primary {
  color: white;
  background-color: #428bca;
  border-color: #357ebd;
}

    input.transparent-input{
       background-color:transparent !important;
       color:white !important;
       border:none !important;
    } 

	.slider-item-1 .large_bold_white,
.slider-item-2 .large_bold_white {
  font: 800 75px/83px "Roboto", Arial, sans-serif;
  text-transform: uppercase;
}
.displayoption .bigCheck, .displayoption .checkboxLabel {
    display: inline-block;
    vertical-align: middle;
}
.styledList label, .displayoption label {
    cursor: pointer;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 13px;
    top: 11px;
}

.bigCheck input[type=radio], .bigCheck input[type=checkbox] {
    visibility: hidden;
}

.bigCheck {
    width: 57px;
    height: 57px;
    background: url(/static/images/ahriImages/bigCheck-bkgrd.png);
    position: relative;
}

.styledList label:hover, .displayoption label:hover {
    background: url(/static/images/ahriImages/bigCheck-hover.png);
}

.styledList input[type=radio]:checked + label, .displayoption input[type=checkbox]:checked + label {
    background: url(/static/images/ahriImages/bigCheck-marked.png);
}
.continueBtn {
    width: 274px;
    height: 81px;
    display: inline-block;
    overflow: hidden;
    text-indent: 9999px;
    background: url(/static/images/ahriImages/continue-btn.png) no-repeat;
}


ul.pagination {
    white-space: normal !important;    
}
.fldRequired {
    border-color:#ff0000;
}
.tbpersonDiv {
    background-color: white;
    border: 1px solid #e5e5e5;   
}
.ptsframetable {
    border-collapse: collapse;
    border-width: 2px;
    border-style: solid;
    left: 0;
    right: 0;
    border-color: #3399FF;
    font-family: Arial;
    font-size: 12pt;
    table-layout: fixed;
    width: 100%;   
}
.ptsframetable tbody tr td a {
    word-break: break-all;
}
/*Setting visibility to none for serialnumber.html*/
#divStartDate, 
#divEndDate {
    visibility:hidden;
}
/*fixing the table css for logisticsshippingstatus.html*/
#tblShippingByDate > tbody > tr > th,
#tblShippingByDate > tbody > tr > td,
#tblShippingByDate > thead > tr > th {
    padding: 1px!important;
}
#tblOpenUnitsByMonth{
    height:764px!important;
}
/*.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td,*/ 
#tblOpenUnitsByMonth>thead>tr>th{
    padding:6px;
}
.top-buffer{
    margin-top:20px;
}
#ddlModel option {
    font-size: 15px;
}
/*----Text align----*/
.text-align-left {
    text-align: left!important;
}

/*------Define the basic CSS for tooltips-----*/
.tooltip.in {
    opacity: 1 !important;
}

.tooltip-inner {
    background-color: #fff;
    color: #737373;
    border: 1px solid #737373;
    font-weight: bold;
}

/* This will turn off the ability to attch an image to summernote */
/* Removed from all summernot files due to Monday Item - https://rheem-hq.monday.com/boards/384568967/pulses/418588789 CAM */
.note-group-select-from-files {
    display: none;
}

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.portlet > .portlet-body.grey-cararra,
.portlet.grey-cararra {
    background-color: #fff;
}

.portlet.grey-cararra {
    margin-bottom: 0px;
}

.portlet-title.grey-cararra {
    margin-bottom: unset;
    border-bottom: unset;
}

.portlet-body.grey-cararra {
    padding-top: unset;
}