body.modal-box { overflow: hidden; position: fixed; } .modal-box { display: none; position: fixed; z-index: 999999; width: 98%; max-width: 650px; left: 50%; right: 50%; top: 80px; margin-left: -250px; background: white; border-bottom: 1px solid #aaa; border-radius: 4px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.1); background-clip: padding-box; } .modal-box header, .modal-box .modal-header { padding: 1.25em 1.5em; border-bottom: 1px solid #ddd; } .modal-box header h3, .modal-box header h4, .modal-box .modal-header h3, .modal-box .modal-header h4 { margin: 0; } .modal-box .modal-body { padding: 1em 1.5em; } .modal-box footer, .modal-box .modal-footer { padding: 1em; border-top: 1px solid #ddd; background: rgba(0, 0, 0, 0.02); text-align: right; } .modal-overlay { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) !important; } a.close { line-height: 1; font-size: 1.5em; position: absolute; top: 2%; right: 2%; text-decoration: none; color: #bbb; border: none !important; } a.close:hover { color: #222; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; } .button-link { padding: 4px 8px; background: #EEE; color: #000 !important; border: 1px solid #ccc !important; cursor: pointer; display: inline-block; font-size: 14px; margin-bottom: 0; height:45px !important; width: 200px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-sizing:border-box; } .clear { clear: both } .icon-link-ext:before { content: '\f08e'; } h1.entry-titile { text-align: center; font-size: 21px; line-height: 1.2; padding: 8px; margin: 0; color: #fff; background: #0072c6; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); backface-visibility: hidden; -webkit-backface-visibility: hidden; clear: both; } .iframe-main { } .ifram-row { width: 100%; clear: both; margin: 0px -5px; } .guideline { font-size: 12px; } .ifram-row .btn { display: block; height: 35px; font-size: 12px !important; width: 100%; line-height: 25px; padding: 5px; box-sizing: border-box; text-align: center; background-color: #EEE; cursor: pointer; color: #333; border-radius: 4px; box-shadow: none; border: 1px solid #EEE; } .ifram-sm, .ifram-lg { padding: 0px 5px; box-sizing: border-box; display: inline-block; float: left; } .ifram-lg { width: 100%; } .ifram-sm { width: 25%; } .ifram-sm span, .qcld-span-label { font-size: 12px !important; } .igcode_textarea { font-size: 12px; box-sizing: border-box; max-width: 100%; } body.modalOn { overflow: hidden; } .ifram-sm > input, .ifram-sm > select { height: 35px; font-size:14px; line-height: 35px; border: 1px solid #EEE; padding: 5px; width: 100%; box-sizing: border-box; } .qcopd_embed_container{text-align: right;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;} .igcode_textarea{width:100%; height:120px;} .qcopd_iframe_sm{width: 70px;}