/*************************/ .ppg-modal-wrapper { position:fixed; width: 100%; height: 100%; top: 0px; left: 0; margin-top:10px; z-index: 90; display: table; overflow:scroll; } .ppg-modal-wrapper .ppg-modal-center { position: relative; display: table-cell; text-align: center; vertical-align: middle; } .ppg-modal-wrapper .ppg-modal-center .ppg-modal { text-align: left; position: relative; display: inline-block !important; background: #fff; border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3); -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3); -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3); transition: all .5s; -webkit-transition: all .5s; } .ppg-modal-wrapper .ppg-modal-center .ppg-modal .close { display: inline-block; position: absolute; background: #fff; font-weight: bold; cursor: pointer; font-size: 13px; line-height: 7px; top: -6px; right: -6px; width: 12px; height: 10px; padding: 7px 6px 7px 6px; vertical-align: top; text-align: left; border-radius: 50% 50% 50% 50%; -o-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; z-index: 1; } .ppg-modal-wrapper .ppg-modal-center .ppg-modal .close a { float: left; text-indent: 100%; white-space: nowrap; overflow: hidden; height: auto !important; color: rgba(0,0,0,0); background-size: 227.08em 25em; display: inline-block; vertical-align: baseline; width: 2em; padding-bottom: 2em; height: 0; width: 25px; height: 25px; content: ""; display: inline-block; background-position: 25px 25px; background-image: url(..//images/sprite.svg); -webkit-background-size: 20em 19em; -moz-background-size: 20em 19em; background-size: 20em 19em; display: inline-block; padding-bottom: 1em; width: 1em; vertical-align: baseline; vertical-align: -.125em; font-size: 2.1em; vertical-align: -.33em; font-size: 1.5em; background-position: 26.31578947368421% 55.55555555555556%; margin-top: -5px; margin-left: -3px; } .ppg-modal-wrapper .ppg-modal-center .ppg-modal .title { display: block; border-bottom: 1px solid #a3a1a2; padding: 12px 0; margin: 5px 20px 0 20px; color: #585858; font-size: 14px; line-height: 17px; font-weight: normal; } #loginFrame .footer { float: left; max-width: 370px; width:100%; background: #731965; padding: 20px 0px; margin-top: 10px; border-radius: 0px 0px 3px 3px; -o-border-radius: 0px 0px 3px 3px; -ms-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; } input[type=text], input[type=check_email], input[type=password], input[type=date], textarea { max-height: 29px; padding: 5px 3px 3px 3px; border: 1px solid #9e9e9e; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 12px; color: #000; background: #f8f8f8; background: -moz-linear-gradient(top,#f8f8f8 0,#fefefe 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f8f8f8),color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top,#f8f8f8 0,#fefefe 100%); background: -o-linear-gradient(top,#f8f8f8 0,#fefefe 100%); background: -ms-linear-gradient(top,#f8f8f8 0,#fefefe 100%); background: linear-gradient(to bottom,#f8f8f8 0,#fefefe 100%); border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: inset 1px 1px 2px 0 #ddd; -webkit-box-shadow: inset 1px 1px 2px 0 #ddd; line-height: 20px; width: 100px; } textarea.ordertext{ width:98%; max-width:98%; min-height:50px; border:0px; background: #fff; -webkit-box-shadow: none; overflow: scroll; font-family: 'Open Sans', sans-serif; font-size:11px } a, input, :focus { outline: 0; } #loginFrame .form { padding: 20px; } #loginFrame .form1{ padding: 0px 0px; height: 115px; } .movtitle1{ margin-left:17px; font-size: 11px; padding-top: 4px; font-weight: 600; } .movtitle1 input{ font-weight: 600; } .movtitle1 select{ font-weight: 600; height:24px } .Form { margin-bottom: 10px; } body.iframe { background: #fff; } #loginFrame .footer * { color: #fff; } .ppg-modal-background { z-index: 89; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(115,25,101,0.7); } #loginFrame .footer.success, #loginFrame .footer.errors { background-color: #d03030; border-color: #d40000; color: #fff; }