﻿
.container {
    /*border:1px solid red;*/
    max-width: 980px !important;
    padding:0px;
}
#DivRowGeneral, #DivGeneralTitle {
    width: 90%;
    margin: auto;
    padding: 0px;
}
#DIVRowRegister {
    width: 95%;
    margin: auto!important;
}
#btn_editCust, #myBtn, #btn_NewCust {
    height: 30px;
    font-size: 13px;
    font-weight: bold;
    width: 120px;
    margin-bottom: 20px;
}
#DivGeneralTitle {
    margin-bottom: 10px;
}
.firstword, #Divfirstword, #Divfirstword2, #DivPdateCust, .divPdate, .divPCust {
    padding: 0px;
    margin: 0px;
}
.row {
     margin-bottom: 0px;
}
.txtEdit{
    padding-top:2px;
}
.control-label {
    margin: 0 auto;
}
#labelImageCheck, .label-btn, .labelCVV, #labelExp {
    height: auto;
}
.tittle {
    width: 100%;
    margin-left: 40px;
}
.divPdate, .divPCust {
    font-size: 12px;
    stroke-width: 160px !important;
    width: 100% !important;
    text-align: right;   
}
.helpPass{
    margin-left:-1px;    
}
.Pdate, .custName {
    width: 40px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: bold;
    color: #000000;
}
.custName {
    width: 120px;
}
#txtdate {
    color: #808080;
}
input[type="text"], #password, #confirm_password, #ddlstate, #sendmail, #authoach, #ddlstateCC, #ddlCountry, #CREDITCARDNO, #cvv {
	width: 266px;
	height: 30px;
}
#EXPIREMMEdit, #EXPIREYYEdit {
    max-width: 133px;
    height: 30px;
    display: inline-block;
    margin-bottom: 5px;
}
#cvv{
    margin-top:5px;
}
#txtCustmerName {
    color: #808080;
    font-weight: normal;
}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 150px; /* Place the button at the bottom of the page */
    right: 50px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #28a745; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    /*padding: 10px;  Some padding */
    border-radius: 5px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    height: 30px;
    width:80px;
    font-size: 16px;
}
#myBtn:hover {
     background-color: green; /* Add a dark-grey background on hover */
}
.btnBacktoLog{
    border:0px;
    background:transparent;
    cursor:pointer;
}
.imgReset{
    width:90%;
}
.detail_main {    
    display: inline-block;  
    width:98%!important;
    z-index: 1;
}
.reqPassG {
   margin-top: 20px;
   color: red;
   margin-bottom: 5px;
   font-size: 11px;
}
.reqPassG2 {
   margin-top: 0px;
}
.reqPass {
   font-size: 11px;
   color: #808080;
}
.note {
   margin-bottom: 5px; 
}
.iconDetPssw {
   margin-bottom: 0px;
   width: 50px;
   float: right;
   margin-top: -25px;
}
.imghelp {
   cursor: pointer;
   vertical-align: top;
   margin-top: 0px;
}
.strength {
    display: block;
    width:90px;
    height:25px;
    margin-top: -30px;
    margin-left: 180px;
    color: #808080;
    font-size: 12px;
    margin-bottom:0px;
}
.notice-success {
    /*border-color: #80D651;*/
    border-right: 3px solid #80D651;
}

.notice-danger {
    /*border-color: #ff0000;*/
    border-right: 3px solid #ff0000;
}
:-ms-input-placeholder {
   color: #585858 !important;
}

input::-webkit-input-placeholder {
   color: #585858 !important;
} 
/*******************MEDIA QUERY**********************************/
@media (max-width: 575px) {
	.page_body {
		/*border: 2px solid blue !important;*/
	}
	.control-label, .control-labelA {
		text-align: left;
		padding-left: 4%;
		height: 25px;
		color: #807f83 !important;
	}
	#DivfirstwordRegister2{
		width:90%;
	}


}

/*Medium devices (tablets, 767px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.page_body, .container {
		/*border: 2px solid green !important;*/
		overflow-x: hidden !important;
	}
	.container {
	/*	border: 2px solid green !important;*/
		width: 100%;
	}
	.bloq1 {
		/*border: 2px solid red !important;*/
	}
	.helpPass, #tittlePaymentInf {
		display: none !important;
	}
	.row {
		margin: auto;
		margin-bottom:15px;
		/*height: 70px;*/
	}
	.control-label, .control-labelA {
		margin-left: 0px;
		text-align: left;
		font-size: 20px !important;
		z-index: 2;
		background: transparent !important;
		color: #807f83 !important;
	}
	.bloq1 > div:first-child > label{
		height:30px;
	}
	input[type="text"], #password, #confirm_password, #ddlstate, #sendmail, #authoach, #ddlstateCC, #ddlCountry, #CREDITCARDNO, #cvv {
		width: 160%;
		height: 50px;
		margin-left: -82%;
		padding-top: 35px !important;
		font-size: 20px;
	}
	.Div_ConfPssw {
		margin-top: 70px;
	}
	#rowBankDetail, #rowCCDetail {
		height: 50px!important;
	
	}
	.form-check-inline {
		padding: 10px 10px 10px 0px;
		font-size: 18px;
		transform: scale(1);
	}
	#btnAddCC {
		margin-top: 10px;
		transform: scale(1.5);
	}
	#btn_NewCust{
		margin-top:40px;
		width:180%!important;
		margin-left:-80%;
		height:50PX;
		font-size:20PX;
	}
	#btnSaveCC, #btnCancelCC{
		height:70px;
		margin-top:15px;
		width:49%;
		font-size:30px;
	}
	#btnLoadInfo {
		float: right;
		height: 50px !important;
		margin-top: -70px;
		margin-right: 20px;
		font-size: 25px !important;
	}
	#EXPIREMM, #EXPIREYY{
		height:80px!important;
		max-width:48%!important;
		font-size:25px;
	}
	.imgboton {
		margin-bottom: 0px;
		/*	position: absolute;*/
	}
	#footerContact {
	/*	position: fixed;*/
		bottom: 0;
		width: 100%;
	}
	#btnBacktoLogAP{
		font-size:30px;
	}
	.firstword{
		font-size:30px;
	}
 
}


