/* Scss Document */
/* Scss Document */
pre, code, kbd, samp {display: block; padding: 5px 7px;margin: 0 0 12.5px; line-height: 1.6; word-break: break-all; word-wrap: break-word; color: #494949; background-color: #f5f5f5; border: 1px solid #cccccc; font-family: monospace,monospace; font-size: 1em; }
.toolsdtl .article-entry { padding: 50px 0px; border-top: 1px solid #c7c7c7; }
.toolsdtl .article-entry h3 { line-height: 30px; padding-bottom: 5px; }
.toolsdtl .article-entry h5 { color: #898989; }
.toolltimg { width: 172px; float: left; }
.toolrttxt { width: 79%; float: right; }
.toolrttxt .btn-green { float: right; }
.toolrtimg { float: right; }
.toollttxt { width: 79%; float: left; }
.checkhostname { border-top: 1px solid #c7c7c7; padding: 40px 0 0; /*border-bottom: 1px solid #c7c7c7; padding: 40px 0px; margin-bottom: 25px; */ }
.checkhostname .form-row { float: left; width: 100% !important; }
.checkhostname .form-row + .form-row { margin-top: 20px; }
.checkhostname .field { border: 1px solid #898989; box-sizing: border-box; color: #000000; font-size: 15px; padding: 12px; width: 100%; }
.checkhostname .form-label { font-weight: bold; float: left; margin-right: 20px; line-height: 43px; width: 150px; }
.checkhostname .checkbtn { padding-left: 170px; }
.checkhostname .form-controls { float: left; margin-right: 25px; width: 450px; }
.form-hint { color: #000000; font-size: 12px; font-style: italic; line-height: 1; padding-bottom: 0px; padding-top: 13px; }
.greendownarrow { padding: 30px 0px; text-align: center; }
.orangelock { background: url(../images/checker-orangelock.png) no-repeat right bottom #efeeee; }
.greenlock { background: url(../images/checker-greenlock.png) no-repeat right bottom #efeeee; }
.domaindtl { padding-bottom: 25px; }
.article-entry .csrgreybox .list-green-bullets { margin-left: 0px; }
.csrbox { border-top: 1px solid #c7c7c7; padding: 40px 0px 0; }
.csrbox textarea { border: 1px solid #898989; box-sizing: border-box; color: #000000; font-size: 15px; padding: 12px; width: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; height: 410px; }
/*.csrbox .checkbtn { padding-top: 40px; }
.csrbox .btn-green { float: right; }*/
.error { color: #FF0000; display: block; font-size: 12px; }/* Added on 10/14/2015 by alpesh requested by Kamlesh*/
.success { color: #56b114; }
.csrinfo { background: url(../images/csrinfoimg.png) no-repeat right bottom #efeeee; }
.csrinfo ul li span { color: #00b373; }
.sslconvert-form .radiobox { float: left; width: 100%; padding-top: 13px; }
.sslconvert-form .radiobox .radio { float: left; margin-right: 20px; }
.sslconvert-form .radiobox .radio:nth-child(4n) { margin-right: 0; }
.sslconvert-form .field { padding: 10px; background: #ffffff; }
.sslconvert-form .convertbtn { padding-left: 33%; }
.convertdecp { padding-top: 40px; }
.convertdecp p strong { display: block; }
.keymatcher { border-top: 1px solid #c7c7c7; padding: 20px 0px 0; }
.keymatcher textarea { border: 1px solid #898989; box-sizing: border-box; color: #000000; font-size: 15px; padding: 12px; width: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.keymatcher .form-controls { padding-bottom: 30px; }
/*#privatekey_match .btn-green , #csr_match .btn-green{ float: right; }*/
.form-billing .form-labeldata { float: left; text-align: right; width: 30.6%; padding-top: 7px; }
.form-billing .form-labeldata label { font-weight: bold; display: block; line-height: 14px; }
.form-billing .form-labeldata label strong { color: #ff0000; }
.form-billing .form-labeldata span { display: block; font-size: 14px; }
.generatecsr-form .form-controls { padding: 0px 0px 0px 20px; width: 65%; float: left; }
.generatecsr-form .convertbtn { padding-left: 33%; }
.generatecsr-form .select { width: 40%; }
.generatecsr-form .form-label { font-weight: bold; }
.urldtl { margin-top: 25px; }
.generatedcsr { margin-top: 50px; }
/*# sourceMappingURL=ssltools.css.map */
#results p { padding: 0;}
.form-billing { background: #efeeee; padding: 30px 0px 15px 0px; }
.form-billing .form-label { float: left; width: 30.6%; text-align: right; line-height: 43px; }
.form-billing .form-label strong { color: #fc2d2d; }
.form-billing .field { font-size: 15px; /*color: #fc2d2d;*/ border: 1px solid #898989; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; color: #000000; }
.form-billing .form-row { padding-bottom: 18px; }
.form-billing select { font-size: 15px; }
.form-billing .field-small { width: 141px; }
.form-billing .form-col-size12 { width: 64%; float: left; margin-right: 7%; }
.form-billing .form-col-size13 { width: 28.2%; float: left; }
.form-billing .form-hint { font-size: 12px; color: #000000; font-style: italic; padding-left: 10px; padding-top: 13px; padding-bottom: 0px; line-height: 1; }
.sslconvert-form .form-controls { padding: 0px 0px 0px 20px; width: 40%; float: left; }
.csrgreybox table { font-size: 15px; }
.generatecsr-form .field { width: 60%; }
.notification-error { background: url(../images/ico-msg-error.png) 10px 12px no-repeat #efa3a3; color: #9c4242; margin-bottom: 20px; padding: 10px 10px 10px 40px !important; font-size: 15px; }
.notification-sucess { background: url(../images/ico-msg-sucess.png) 10px 12px no-repeat #dff2bf; color: #64ae14; margin-bottom: 20px; padding: 10px 10px 10px 40px !important; font-size: 15px; }
.notification-notice { background: url(../images/ico-msg-warning.png) 10px 12px no-repeat #f8f7d3; color: #8f8d5d; margin-bottom: 20px; padding: 10px 10px 10px 40px !important; font-size: 15px; }
.toolrttxt a:hover { text-decoration: none; }
textarea.error, .field.error { border: 1px solid #F00 !important; }
.alertmsg { position: relative; }
.close { position: absolute; right: 7px; top: 7px; height: 10px; display: block; cursor: pointer; }
.close img { vertical-align: top; }
.csrbox .form-row + .form-row { margin-top: 20px; }
.whynopadlock .form-label strong { color: #F00; }
.domainchecktbl{border: 1px solid #CCC; font-size:13px;}
.domainchecktbl tr:first-child{background: #dfdfdf; font-weight:bold;}
.domainchecktbl tr:first-child td{padding: 10px;}
.domainchecktbl tr td{padding:5px 10px;}
.domainchecktbl tr + tr td{border-top: 1px solid #CCC;}
.domainchecktbl tr td + td{border-left: 1px solid #CCC; text-align:center;}
.bigalertmsg {padding: 15px !important; background-image: none; font-size: 20px; line-height: 26px; } 
.g-recaptcha .error {margin-top: -10px;}
.note {color: #7a7a7a; font-weight: normal; font-size: 12px; line-height: 16px; margin-top: 5px;}

.checkhostname #caa_generator .form-label{width:200px;}
#caa_generator .g-recaptcha .error{margin-top:-10px;}
.cacheck {display: inherit}

.mrgbotnone{margin-bottom: 0 !important;}

/* Breadcrumbs css start here */
.breadcrumbs { padding-bottom: 20px; font-weight: bold;}
.breadcrumbs ul { list-style: none; margin: 0; padding: 0; }
.breadcrumbs ul li { float: left; margin: 0; padding: 0; color: #4e5a60; }
.breadcrumbs ul li span.currentprod { color: #06DFC7; }
.breadcrumbs ul li a {color: #4e5a60; text-decoration: none; background: url(../images/black-arrow.png) right center no-repeat; padding: 0 15px 0 0; margin: 0 10px 0 0;}
.breadcrumbs ul li a.current{background:none}
.breadcrumbs ul li a:hover{color: #06DFC7;}
/* Breadcrumbs css End here */



/* ============================================================
   SSL Converter Tool Styles
   Add these to /ssltools/css/ssltools.css
   ============================================================ */

/* --- Page Layout --- */
.ssl-converter { padding: 20px 0; }
.page-title h1 { font-size: 2.2rem; padding-bottom: 0; color: #89c5cb; }
.page-title p { max-width: 800px; color: #5a6c7d; padding-bottom: 5px; }

/* --- Conversion Section --- */
.conversion-section { background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 30px; margin-bottom: 40px; }
.section-title { font-size: 1.3rem; margin-bottom: 20px; color: #2c3e50; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; }

/* --- Dropdowns --- */
.conversion-form { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; justify-content: center; background: #f8fafc; padding: 25px; border-radius: 8px; margin-bottom: 30px; }
.select-wrapper { position: relative; flex: 1; min-width: 200px; }
.select-wrapper select { width: 100%; padding: 12px 15px; border: 1px solid #d1d9e6; border-radius: 6px; background-color: white; font-size: 1rem; color: #333; appearance: none; cursor: pointer; transition: all 0.3s; }
.select-wrapper select:focus { outline: none; border-color: #4a90e2; box-shadow: 0 0 0 3px rgba(74,144,226,0.2); }
.select-wrapper::after { content: "▼"; font-size: 0.8rem; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; color: #7b8a9c; }
.convert-text { font-weight: 600; color: #5a6c7d; }

/* --- Buttons --- */
.btn { background-color: #06DFC7 !important; color: white !important; border: none; padding: 12px 25px; border-radius: 6px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s; text-decoration: none; display: inline-block; }
.btn:hover { background-color: #206272 !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(74,144,226,0.3); }

/* --- Cards Grid --- */
.conversion-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; }
.conversion-card { background: white; border: 1px solid #e1e8f0; border-radius: 8px; padding: 20px; transition: all 0.3s; cursor: pointer; text-decoration: none; display: block; }
.conversion-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: #4a90e2; }
.conversion-card h3 { color: #2c3e50; margin-bottom: 10px; font-size: 1.1rem; }
.conversion-card p { color: #7b8a9c; font-size: 0.9rem; }
.file-types { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.file-type { background: #f0f4f8; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; color: #4a5568; }

/* --- File Input Groups --- */
.file-input-group { margin-bottom: 20px; padding: 15px; background: white; border-radius: 6px; border: 1px solid #e1e8f0; }
.file-input-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #2c3e50; }
.file-input-group small { color: #555; display: block; margin-top: 4px; }
.file-input { width: 100%; padding: 12px; border: 1px solid #d1d9e6; border-radius: 6px; background: white; }
.password-input { width: 100%; padding: 12px; border: 1px solid #d1d9e6; border-radius: 6px; margin-top: 10px; }
.input-hint { font-size: 0.85rem; color: #6c757d; margin-top: 5px; }
.warning-text { color: #856404 !important; }

/* --- Status Messages --- */
.status-message { margin-top: 12px; font-weight: 600; }
.status-message.success { color: #155724; }
.status-message.error { color: #721c24; }

/* --- OpenSSL Section --- */
.openssl-section { margin-top: 40px; padding-top: 30px; border-top: 2px solid #eee; }
.openssl-section h2 { color: #2c3e50; margin-bottom: 15px; font-size: 1.5em; }
.openssl-section p { color: #666; line-height: 1.6; margin-bottom: 20px; }

/* --- Options Group --- */
.options-group { margin: 20px 0; display: flex; gap: 20px; flex-wrap: wrap; }
.option-checkbox { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: #f8f9fa; border-radius: 4px; }
.option-checkbox input[type="checkbox"] { margin: 0; }
.options-note { display: block; margin-top: 5px; color: #6c757d; font-size: 0.85em; }

/* --- Command Box --- */
.command-box { background: #f8f9fa; padding: 20px; border-radius: 8px; border: 1px solid #dee2e6; margin: 20px 0; }
.command-box label { font-weight: 600; color: #2c3e50; display: block; margin-bottom: 10px; }
.command-content { display: flex; align-items: flex-start; gap: 15px; }
.command-content code { flex: 1; background: #fff; padding: 15px; border-radius: 6px; border: 1px solid #e9ecef; font-family: "Courier New", monospace; font-size: 0.9em; white-space: pre-wrap; word-break: break-all; line-height: 1.4; color: #e83e8c; display: block; }
.copy-btn { background: #6c757d; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; font-size: 0.9em; white-space: nowrap; transition: background-color 0.2s; margin-top: 7px; }
.copy-btn:hover { background: #5a6268; }
.command-note { font-size: 0.9em; color: #666; font-style: italic; margin-top: 10px; }
.command-note code { background: #f8f9fa; padding: 2px 6px; border-radius: 3px; font-size: 0.85em; display: inline; color: #e83e8c; border: none; }

/* --- Info Note --- */
.info-note { background: #d1ecf1; border: 1px solid #bee5eb; border-radius: 6px; padding: 15px; margin-top: 20px; }
.info-note p { color: #0c5460; }

/* --- Responsive --- */
@media (max-width: 768px) {
    .conversion-form { flex-direction: column; }
    .select-wrapper { min-width: 100%; }
    .options-group { flex-direction: column; gap: 10px; }
    .command-content { flex-direction: column; }
    .conversion-grid { grid-template-columns: 1fr; }
}