﻿
/*  
================
    contactus 
================
*/
#dtf_comp_profile{text-align:center;}
#dtf_comp_profile .Comp_name h1{font-size:23pt;margin-bottom:5px;}
#dtf_comp_profile .Comp_name p{margin:0px 0px 10px;}

#dtf_comp_profile .dtf_address{margin:20px 0 20px 0px} 
#dtf_comp_profile .dtf_address h2{margin:0px 0px 10px 0px}
#dtf_comp_profile .fa-map-marker{font-size:20pt;color:#686868}

#dtf_comp_profile .dtf_phones{margin:20px 0 20px 0px}
#dtf_comp_profile .dtf_phones h2{margin:0px 0px 10px 0px}
#dtf_comp_profile .fa-phone{font-size:20pt;color:#686868}

#dtf_comp_profile .dtf_web{margin:20px 0 20px 0px}
#dtf_comp_profile .dtf_web h2{margin:0px 0px 10px 0px}
#dtf_comp_profile .fa-globe{font-size:20pt;color:#686868}


#dtf_comp_profile .dtf_biz_hours{margin:20px 0 20px 0px}
#dtf_comp_profile .fa-clock-o{font-size:20pt;color:#686868}

#dtf_comp_profile .dtf_license{margin:20px 0 20px 0px}
#dtf_comp_profile .fa-file-text{font-size:20pt;color:#686868}

#dtf_comp_profile .dtf_email{margin:20px 0 20px 0px}
#dtf_comp_profile .dtf_email h2{margin:0px 0px 10px 0px}
#dtf_comp_profile .fa-envelope{font-size:20pt;color:#686868}

/* ********************************   REVIEWS ***************************** */

#reviews{}
#reviews .noreviews{text-align:center;padding-top:100px;}

#acctLayer {font-size:14pt !important}
#myLogin{text-align:left;font-size: 14 pt !important}
#myLogin h4{font-size:16pt !important;} 
#myLogin .recoverPass {text-align:right;font-size:11pt;}
/*  
================
    begin input forms  style 10/30/2020 
================
*/


.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
  padding: 0.75rem;  /*este se cambia */
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
 /* color:#004b88; */
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 0.9em;
  color: #f00000;
/*  font-weight:bold; controls label after input entered. */  
}	

/* 
========
sc shipping module alerts
========
 */
#scShipAlerts {margin:3px 0px;}
#scShipAlerts .sc-ShipAlertMssg{color:#fff; background-color:#a864a8;border-color:#b8daff;}
#scShipAlerts .sc-ShipAlertMssg h5{font-size:20px;}
#scShipAlerts .sc-InterShipMethAlert{color:#000; background-color:#f7941d;border-color:#cabd00;}
#scShipAlerts .sc-InterShipMethAlert h5{font-size:20px;}

/* 
========
module comments
========
 */

.commentFormLayer{margin-bottom:16px; background:#eaeaea; border:2px solid #cccccc; padding:20px;}
.commentFormLayer .commentResponseMsg{border:2px solid #d5243f; padding:6px;}
.commentFormLayer .commentResponseMsg ul{margin-top:1px; margin-bottom:1px; margin-left:1em; padding-left:1em; list-style-position:inside;/*<-ie9*/}
.commentFormLayer .commentResponseMsg ul li{font-weight:normal; color:#d5243f;}
.commentFormLayer .commentFormTitle{font-weight:bold; padding:6px 0px;}
.commentFormLayer .commentFormInstructions{padding:6px 0px;}
.commentFormLayer .commentFieldRequired{color:#d5243f;}
.commentFormLayer label.commentLabel{display:inline-block; margin-top:6px; cursor:pointer;}
.commentFormLayer input.commentInput{display:block; width:360px; font:normal 10pt Verdana;}
.commentFormLayer textarea.commentTextarea{display:block; width:360px; height:6em; font:normal 10pt Verdana;}
.commentFormLayer table.commentCaptchaTB{}
.commentFormLayer table.commentCaptchaTB td.Label{vertical-align:middle; text-align:right; padding:2px;}
.commentFormLayer table.commentCaptchaTB td.CaptchaImg{vertical-align:middle; text-align:left; padding:2px;}
.commentFormLayer table.commentCaptchaTB td.CaptchaImg img{border:2px solid #024b88;}
.commentFormLayer table.commentCaptchaTB td.CaptchaInput{vertical-align:middle; text-align:left; padding:2px;}
.commentFormLayer table.commentCaptchaTB td.CaptchaInput input{width:65px; font:bold 17px Verdana; padding-left:15px;}


.commentListLayer{margin-bottom:16px; border:2px solid #cccccc; padding:20px;}
.commentListLayer .commentMainTitle{font-weight:bold; padding-bottom:10px; /*border:1px solid navy*/}
.commentListLayer .commentItemLayer{padding:10px;}
.commentListLayer .commentItemLayer2{background:#f9f9f9;}
.commentListLayer .commentItemLayer .commentItemName{font-weight:bold;}
.commentListLayer .commentItemLayer .commentItemName .commentItemSays{font-weight:normal; color:#999999;}
.commentListLayer .commentItemLayer .commentItemDate{font-size:80%; color:#0066cc;}
.commentListLayer .commentItemLayer .commentItemTemp{font-style:italic; color:#ff0000;}
.commentListLayer .commentItemLayer .commentItemText{}
.commentListLayer .commentPagination{padding:10px; /*border:1px solid red*/}
.commentListLayer .commentPagination a{color:#0066cc; text-decoration:none;}
.commentListLayer .commentPagination a:hover{text-decoration:underline;}
.commentListLayer .commentPagination span{font-weight:bold;}

/* end module comments */