@charset "UTF-8"; 

/*
darkgrey: #333333 51, 51, 51
medgrey: #666666 102, 102, 102 
lightgrey #CCCCCC 204, 204, 204
*/


/*========== Start Set Font CSS  ==========*/

/*========== End Set Font CSS  ==========*/


/*==========Start Modal ==========*/

/*===== start css based on media query*/
@media (min-width: 1200px) {
  .modal-default .modal-dialogue-cq  {
    width:90%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .modal-default .modal-dialogue-cq  {
    width:90%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .modal-default .modal-dialogue-cq  {
    width:90%;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .modal-default .modal-dialogue-cq  {
    width:90%;
  }
}

@media (max-width: 480px) {
  .modal-default .modal-dialogue-cq  {
    width:90%;
  }
}
/*===== end css based on media query*/

.modal-default .modal-container {
    /*border:1px solid #FF0000;*/
  display:inline-block;
  text-align:center;
  width:100%;
}

.modal-default .modal-dialog { 
   /*border:1px solid #0000FF;*/
  background-color: rgba(255, 255, 255, 0.3);

  padding:10px 10px 10px 10px;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  -khtml-border-radius: 5px; 

  /*text-shadow: black 0.1em 0.1em 0.2em;*/
  box-shadow: 2px 3px 5px #000000, 0px 1px 1px #333;
}

.modal-default .modal-inner-dialog { 
   /*border: 1px solid #FFFFFF;*/

  border:3px solid #CCCCCC;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
}

.modal-default .modal-content {
  /*box-shadow: inset 2px 3px 5px #000000, 0px 1px 1px #333;*/
  /*box-shadow: 2px 2px 0 #828181 inset;*/
  /*border-bottom:1px solid #FF0000;*/

   background-color: rgba(255, 255, 255, 0.8)
}


.modal-default .modal-header {


 /*border:1px solid #00FF00;*/

 height:auto;
 
  color:#333333;

  border-bottom:1px solid rgba(51, 51, 51, 0.9);
  /*
  background-color: rgba(138, 37, 40, 1.0);
  padding:5px 5px 5px 5px;
  
  
  background-color: rgba(255, 255, 230, 0.9);
  
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
  */
}

.modal-default .modal-title {

   /*border:1px solid #FFFF00;*/

  font-size:28px; 
  font-family: 'Italian Old Style MT Bold', Fallback, sans-serif;

}



.modal-default .modal-body {

  display:inline-block;
  /*text-align:center;*/
  min-height:200px;
  width:100%;
  background-color: rgba(0, 0, 0, 0.2);

  border:0px solid #FF0000;
  /*border-top:1px solid #FFFFFF;*/
  /*border-bottom:1px solid #FFFFFF;*/
}

.modal-default .modal-footer {
 height:auto;
  border-top:1px solid rgba(51, 51, 51, 0.9);
}



/*==========End Modal ==========*/

.modal-default .modal-x {
font-size:40px;
  font-size:40px;
  color:#333333;
  opacity:0.8;
}


.modal-default .modal-x:hover {
  color:#666666;
}


/*
.modal-default .modal-button {
background-color: rgba(138, 37, 40, 0.5);
color:#FFFFE6;
}


.modal-default .modal-button: hover {
background-color: rgba(138, 37, 40, 1.0)!important;
color:#FFFFE6!important;
}
*/

/*override bootstrap button*/
.modal-default .modal-footer .btn-secondary {
  background-color: rgba(50, 50, 50, 0.7);
  color:#FFFFFF;
  border-color: #CCCCCC;
}

.modal-default .modal-footer .btn-secondary:hover, .btn-secondary:focus,  .btn-secondary:active,  .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
  background-color: rgba(50, 50, 50, 1.0);
  color:#FFFFFF;
  border-color: #CCCCCC;
}