/**
*
*      div_dialogs V3.0
*
*      By James Mussman
*      Inroads.us
*
*/
.div_dialog {
  /*CMS_HIDE*/
  position: fixed;
  /*background-color: #E6E6E6;
  padding: 6px;*/
  box-shadow: 0px 0px 5px #00000050;
  z-index: 9999;
  max-height: 100%;
  max-width: 100%;
  overflow: visible;
}
.div_dialog_header {
  /*CMS_HIDE*/
  background-color: #ffffff;
  font-size: 12px;
  /*height:25px;*/
  height: 50px;
  position: relative;
  border-color: #D4D4D4 #D4D4D4 transparent;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  z-index: 1;
}
.div_dialog_header.draggable {
  /*CMS_HIDE*/
  cursor: move;
}
.div_dialog_header_close {
  /*CMS_HIDE*/
  cursor: pointer;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
}
.div_dialog_header_close:after{
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2em;
  padding: 10px 14px;
  font-weight: 900;
    top: -5px;
    font-size: 1.5em;
}
.div_dialog_content {
  /*CMS_HIDE*/
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  border-color: transparent #D4D4D4;
  border-style: none solid;
  border-width: 0 1px;
    padding:0 30px 5px;
}
.div_dialog_footer {
  /*CMS_HIDE*/
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  border-color: transparent #D4D4D4 #D4D4D4;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  padding-bottom: 5px;
}
.div_dialog_modal {
  /*CMS_HIDE*/
  background: #000;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
}
.div_dialog_content div.container {
  /*width: 323px;/*total=353*/
  box-sizing: border-box;
  text-align: center;
}
.div_dialog_content div.container h1 {
  padding: 0 0 7px 0;
  margin: 0 0 0 0;
  text-align: left;
  font-weight: 300;
}
.div_dialog_content div.container h2 { 
  padding: 0px;
  margin: 0 0 0 0;
  text-transform: capitalize;
  text-align: center;
  font-size: 1.8rem;
}
#product-list .div_dialog#dialog_productViewPopup{ width: 70% !important; }
.div_dialog_content div.symbol { /*width: 75px;height: 75px; float: left; display: block;margin: 0 auto;*/ }
.div_dialog_content div.timer {
  background: none;
}
.div_dialog_content div.warning {
  background: none;
}
.div_dialog_content div.phone {
  background: none;
}
.div_dialog_content div.email {
  background: none;
}
.div_dialog_content div.error {
  background: none;
}
.div_dialog_content div.smiley {
  background: none;
}
.div_dialog_content div.question {
  background: none;
}
.div_dialog_content div.lock {
  background: none;
}
.div_dialog_content div.carterror {
  background: none;
}
.div_dialog_content div.search {
  background: none;
}
.div_dialog_content div.success {background: none;}
.div_dialog_content div.home {
  background: none;
}
.div_dialog_content div.date {
  background: none;
}
.div_dialog_content div.credit {
  background: none;
}
.div_dialog_content div.download {
  background: none;
}
.div_dialog_content div.cart {
  background: none;
}
.div_dialog_content div.money {
  background: none;
}
.div_dialog_content div.tooltip {
  background: none;
}
.div_dialog_content div.frown {
  background: none;
}
.div_dialog_content div.timer {
  background: none;
}
.div_dialog_content div.main {
  float: left;
  padding: 0px 10px 10px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  text-transform: capitalize;
}
.div_dialog_content div.secondary { 
  display:block;
  padding: 0px 10px 10px;
  text-align: left;
}
/*.div_dialog_content div.secondary {
width: 323px;
text-align: center;
padding-top: 10px;
clear: both;
}*/
.div_dialog_content div.secondary ul {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  padding-left: 20px;
}
.div_dialog_content div.secondary ul.errors li{
  font-size: 16px;
  padding-bottom: 5px;
}
.div_dialog_content div.secondary *:first-child {
  padding-top: 0;
}
.div_dialog_content div.confirm_controls {
  padding-top: 10px;
  clear: both;
  margin: 0 auto;
  width: 75%;
}
.div_dialog_content div.confirm_controls input {
  cursor: pointer;
  padding: 5px 30px;
  border: 1px solid #d2d2d2;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #dddddd;
  background: -moz-linear-gradient(top, #efefef, #dddddd 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), color-stop(100%, #dddddd));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddddd');
}
.div_dialog_content input.confirm_cancel_control {
  float: left;
}
.div_dialog_content input.confirm_ok_control {
  float: right;
}
@media only screen and (max-width: 955px) {
  .div_dialog {
    /*CMS_HIDE*/max-height:none;position: fixed;overflow: auto;}
}

/* dialog2 CSS for modal popups */
/*Changed by Aditya Patel */
#dialog_1, #dialog_2{
  left: 50%;
  top: 50%;
  width: 600px;
}