/*REMOVE THIS AFTER UPLOADED ALL CSS ON PLAYGROUND START*/
/*ChaparralPro Regular*/
@font-face { font-family:'ChaparralProRegular'; src:url('../assets/fonts/chaparralpro-regular.eot'); src:url('../assets/fonts/chaparralpro-regular.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/chaparralpro-regular.woff') format('woff'), url('../assets/fonts/chaparralpro-regular.ttf') format('truetype'), url('../assets/fonts/chaparralpro-regular.svg#chaparralproregular') format('svg'); font-weight:normal; font-style:normal; font-smooth:1em; }

/*ChaparralPro Bold*/
@font-face { font-family:'ChaparralProBold'; src:url('../assets/fonts/chaparralpro-bold.eot'); src:url('../assets/fonts/chaparralpro-bold.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/chaparralpro-bold.woff') format('woff'), url('../assets/fonts/chaparralpro-bold.ttf') format('truetype'), url('../assets/fonts/chaparralpro-bold.svg#chaparralprobold') format('svg'); font-weight:normal; font-style:normal; font-smooth:1em; }

/*Archivo Bold*/
@font-face { font-family:'archivo_narrowbold'; src:url('../assets/fonts/archivonarrow-bold-webfont.eot'); src:url('../assets/fonts/archivonarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/archivonarrow-bold-webfont.woff2') format('woff2'),  url('../assets/fonts/archivonarrow-bold-webfont.woff') format('woff'),  url('../assets/fonts/archivonarrow-bold-webfont.ttf') format('truetype'),  url('../assets/fonts/archivonarrow-bold-webfont.svg#archivo_narrowbold') format('svg'); font-weight:normal; font-style:normal; }

/*Archivo Regular*/
@font-face { font-family:'archivo_narrowregular'; src:url('../assets/fonts/archivonarrow-regular-webfont.eot'); src:url('../assets/fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/archivonarrow-regular-webfont.woff2') format('woff2'),  url('../assets/fonts/archivonarrow-regular-webfont.woff') format('woff'),  url('../assets/fonts/archivonarrow-regular-webfont.ttf') format('truetype'),  url('../assets/fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg'); font-weight:normal; font-style:normal; }


/*RobotoSlab Bold*/
@font-face { font-family:'roboto_slabbold'; src:url('../assets/fonts/robotoslab-bold-webfont.eot'); src:url('../assets/fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/robotoslab-bold-webfont.woff2') format('woff2'),  url('../assets/fonts/robotoslab-bold-webfont.woff') format('woff'),  url('../assets/fonts/robotoslab-bold-webfont.ttf') format('truetype'),  url('../assets/fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg'); font-weight:normal; font-style:normal; }

/*RobotoSlab Light*/
@font-face { font-family:'roboto_slablight'; src:url('../assets/fonts/robotoslab-light-webfont.eot'); src:url('../assets/fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/robotoslab-light-webfont.woff2') format('woff2'),  url('../assets/fonts/robotoslab-light-webfont.woff') format('woff'),  url('../assets/fonts/robotoslab-light-webfont.ttf') format('truetype'),  url('../assets/fonts/robotoslab-light-webfont.svg#roboto_slablight') format('svg'); font-weight:normal; font-style:normal; }

/*RobotoSlab Regular*/
@font-face { font-family:'roboto_slabregular'; src:url('../assets/fonts/robotoslab-regular-webfont.eot'); src:url('../assets/fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/robotoslab-regular-webfont.woff2') format('woff2'),  url('../assets/fonts/robotoslab-regular-webfont.woff') format('woff'),  url('../assets/fonts/robotoslab-regular-webfont.ttf') format('truetype'),  url('../assets/fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg'); font-weight:normal; font-style:normal; }

/*RobotoSlab Thin*/
@font-face { font-family:'roboto_slabthin'; src:url('../assets/fonts/robotoslab-thin-webfont.eot'); src:url('../assets/fonts/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/robotoslab-thin-webfont.woff2') format('woff2'),  url('../assets/fonts/robotoslab-thin-webfont.woff') format('woff'),  url('../assets/fonts/robotoslab-thin-webfont.ttf') format('truetype'),  url('../assets/fonts/robotoslab-thin-webfont.svg#roboto_slabthin') format('svg'); font-weight:normal; font-style:normal; }

/*Roboto Bold*/
@font-face { font-family:'robotobold'; src:url('../assets/fonts/roboto-bold-webfont.eot'); src:url('../assets/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/roboto-bold-webfont.woff2') format('woff2'),  url('../assets/fonts/roboto-bold-webfont.woff') format('woff'),  url('../assets/fonts/roboto-bold-webfont.ttf') format('truetype'),  url('../assets/fonts/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight:normal; font-style:normal; }

/*Roboto Medium*/
@font-face { font-family:'robotomedium'; src:url('../assets/fonts/roboto-medium-webfont.eot'); src:url('../assets/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/roboto-medium-webfont.woff2') format('woff2'),  url('../assets/fonts/roboto-medium-webfont.woff') format('woff'),  url('../assets/fonts/roboto-medium-webfont.ttf') format('truetype'),  url('../assets/fonts/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight:normal; font-style:normal; }

/*Roboto Regular*/
@font-face { font-family:'robotoregular'; src:url('../assets/fonts/roboto-regular-webfont.eot'); src:url('../assets/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../assets/fonts/roboto-regular-webfont.woff2') format('woff2'),  url('../assets/fonts/roboto-regular-webfont.woff') format('woff'),  url('../assets/fonts/roboto-regular-webfont.ttf') format('truetype'),  url('../assets/fonts/roboto-regular-webfont.svg#robotoregular') format('svg'); font-weight:normal; font-style:normal; }

:root {
    --color-blue: #206272;
    --color-orange: #ED5527;
    --color-green: #57A34C;
    --color-yellow: #ffc20e;
    --color-body: #58534F;
    --color-lightblue: #89C5CB;
    --color-gray: #666666;
    --color-lightgray: #F6F6F6;
    --color-white: #FFFFFF;
}

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: #333333; background-color: #f5f5f5;
	border: 1px solid #cccccc; font-family: monospace,monospace; font-size: 1em; }
.text-white{color:#fff!important}
.cotextin{ background:none !important; border:none !important; border-radius:0px!important;}

.headbar {background:#ff7146 !important; padding:15px 20px 14px 15px !important; border-bottom:none !important; height:auto !important; border-radius:0px !important;}
.headbar h1{color:#fbfaf6 !important; font-family:'archivo_narrowbold'!important; font-size:36px !important; font-weight:normal !important; letter-spacing:normal !important; line-height:36px !important; padding:0px !important; background:none !important;}
.headbar h3{color:#fff !important; font-family:'archivo_narrowbold'!important; font-weight:normal !important; letter-spacing:normal !important; line-height:36px !important; padding:0px !important; background:none !important;}
.contentarea h2 {color:#ff7146!important; font-family:'archivo_narrowbold'!important; font-size:28px!important; font-weight:normal!important; margin-bottom:10px!important; line-height:34px!important; letter-spacing:0 !important;}

h1 { color:#206272; font-size:38px; font-weight:normal; font-family:'archivo_narrowbold';}
h2 { color:#58534f; font-size:30px; font-weight:normal; font-family:'archivo_narrowbold';}
h3 { color:#ff7146; font-size:24px; font-weight:normal; font-family:'archivo_narrowbold';}
h4 { color:#ff7146; font-size:20px; font-weight:normal; font-family:'archivo_narrowbold';}
h5 { color:#58534f; font-size:18px; font-weight:normal; font-family:'archivo_narrowbold';}
h6 { color:#58534f; font-size:14px; font-weight:normal; font-family:'archivo_narrowbold';}

.rightcontext{ background:none!important; border:none!important; border-radius:0px !important; padding:0px !important;}
/*New Design CSS*/
.dashpadzero{padding:12px 0px 0 0px !important;}
.dashzero{padding:0px !important;}
.marzero{margin:0px !important;}

/*REMOVE THIS AFTER UPLOADED ALL CSS ON PLAYGROUND END*/
#recaptcha_response_field{background:#ffffff !important; border:solid 1px #cdcdcd !important;}
.ssltoolwrap{width:100%;}
.ssltoolwrap p{font-family: 'roboto_slabregular'; color:#58534f; font-size:14px; line-height:22px; margin:0 0 10px 0;}
.stoolspace{float:right !important;}
.ssltoolbox{width:380px; background:url(../images/imgboxbg.png) repeat-y left top #f6f6f6; float:left; margin-bottom:20px; min-height:247px; overflow:hidden; margin-right:20px;}
.ssltoolbox .imgbox{width:116px; float:left; padding:5px 10px 0 10px; min-height:235px; box-sizing:border-box;}
.ssltoolbox .imgbox a{ display:block;}
.ssltoolbox .txtbox{width:260px; padding:12px 13px 15px 13px; float:left; min-height:285px; height:auto; box-sizing:border-box;}
.ssltoolbox .txtbox .toolhd{color:#ff7146; font-family:'archivo_narrowbold'; font-size:20px; line-height:20px; font-weight:normal;}
.ssltoolbox .txtbox .tooltxt{color:#58534f; font-size:14px; line-height:20px; font-family:'roboto_slabregular'; }
.ssltoolbox .txtbox .tooltxt a{color:#ff7146 !important; text-decoration:underline; font-weight:bold;}
.ssltoolbox .txtbox .tooltxt a:hover{color:#58534f; text-decoration:none;}
.ssltoolbox:nth-child(2n){margin-right:0px;}
/*SSL Tools*/
.ssltoolscover{width:100%;}
.sslchecker{display:block; float:left; height:200px; width:220px; color:#FFF;}
.sslchecker p{background:#29306c; color:#FFF; text-align:center; font-size:22px; line-height:34px; padding:0 0 5px 0; letter-spacing:-0.011em; display:block; font-family:'ChaparralProRegular';}
.sslchecker p a{text-decoration:none; color:#FFF; display:block;}
.sslchecker p a:hover{text-decoration:none; color:#a6aeef;}
.destxt{font-family:'roboto_slabregular';  font-size:14px; line-height:16px; color:#58534f; font-weight:bold; text-align:center; padding:5px 0 0 0;}
.topspace{margin-right:20px;}
.btmspace{margin-bottom:20px;}
.chrbox{border-bottom:dotted 2px #cdcdcd; padding:0 0 15px 0; font-family:'roboto_slabregular';  font-size:14px;}
.chrboxone{width:180px; float:left; color:#58534f;}
.chrboxone span{color:#58534f;}
.chrboxtwo{width:430px; float:left;}
.chrboxthree{width:75px; float:left; display:block;}
.chrbtn{padding:2px 16px 5px !important;}
.whybx{padding:0 0 15px 0; font-family:'roboto_slabregular';  font-size:14px;}
.whybxone{width:100px; float:left; color:#58534f; display:block; padding:6px 0 0 0;}
.whybxtwo{width:510px; float:left; display:block; color:#58534f;}
.whybxtwo span{font-size:12px; margin-top:5px; display:block;}
.whybxthree{width:75px; float:left; display:block;}
.whyinputbig{width:480px !important; border:solid 1px #b2b2b2; background:url(../images/inputbillbg.png) repeat-x left bottom; padding:7px 10px; font-size:14px; color:#5b5b5b;}
.chkimg{padding:15px 0 15px 0;}
.chkimg img{margin-left:auto; margin-right:auto;}
.chkchain{background:url("../images/img-ssltool-chain.png") no-repeat scroll right bottom #f6f6f6; border:1px solid #cdcdcd; margin:0 0 0; padding:15px 0; width:100%; box-sizing:border-box;}
.chkchain ul{font-family:'roboto_slabregular';  font-size:14px; margin:0 0 0 25px;}
.chkchain ul li{background:url(../images/img-ssltool-dot.png) no-repeat left 8px; list-style:none; padding-left:16px; line-height:24px; color:#58534f; font-family: 'archivo_narrowregular'; }
.chkchain ul li a{text-decoration:none; color:#58534f;}
.chkchain ul li a:hover{text-decoration:none; color:#58534f;}
.chkinputool{width:390px !important; border:solid 1px #cdcdcd; background:#ffffff !important; padding:7px 10px; font-size:14px; color:#5b5b5b; display:block;}
.chkinputbxbig{width:728px !important;}
.inbig{width:475px !important;}
.chkinputbxsml{width:185px !important;}
.chkinputbxmini{width:150px !important;}
.chkinputbx{width:300px; border:solid 1px #cdcdcd; background:#ffffff !important; padding:7px 10px; font-size:14px; color:#5b5b5b;}
.chkcmnbx{padding:0 0 15px 0; font-family:'roboto_slabregular';  font-size:14px;}
.chkcmn{font-family:'roboto_slabregular';  font-size:14px; line-height:22px; margin-bottom:10px; color:#58534f;}
.radmar{margin-right:5px;}
/*Result Display*/
.csrehd{background:#ff7146; font-family: 'archivo_narrowbold'; border-bottom:none; padding:15px 10px 15px 20px; box-sizing:border-box; color:#FFF; font-size:36px; line-height:34px; font-weight:normal;}
.csresult{background:url(../images/img-ssltool-info.png) no-repeat left bottom #f6f6f6; padding:17px 160px 17px 30px; font-family:'roboto_slabregular';  font-size:14px; }
.csresult ul{font-family:'roboto_slabregular';  font-size:14px;}
.csresult ul li{background:url(../images/img-ssltool-dot.png) no-repeat left 12px; list-style:none; padding-left:16px; font-size:18px; line-height:30px; color:#206272; font-family: 'archivo_narrowregular'; }
.csresult ul li span{color:#58534f;}
.csresult ul li a{text-decoration:none; color:#58534f;}
.csresult ul li a:hover{text-decoration:none; color:#58534f;}
.csresult ul ul, .chkserver ul ul { margin-bottom: 10px; margin-top: 5px; }
.csresult ul ul li, .chkserver ul ul li{ background: none; padding-left: 0;}
.csresult .san-count li:last-child { border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; background: none;}
.csresult .san-count li:last-child span { margin-right: 5px;}
.sslconv{padding:0px 0 10px 15px;}
.sslconv ul{font-family:'roboto_slabregular';  font-size:14px;}
.sslconv ul li{background:url(../images/img-ssltool-dot.png) no-repeat left 8px; list-style:none; line-height:18px; color:#58534f; padding:3px 0px 3px 15px;}
.sslconv ul li a{text-decoration:none; color:#58534f;}
.sslconv ul li a:hover{text-decoration:none; color:#58534f;}
.sslconvoli{padding:0px 0 10px 0; margin:0 0 0 35px;}
.sslconvoli ol{font-family:'roboto_slabregular';  font-size:14px; margin:0px; padding:0px;}
.sslconvoli ol li{color:#58534f; padding:3px 0px 3px 0px; font-size:14px; line-height:20px;list-style:decimal;}
.sslconvoli ol li a{text-decoration:none; color:#58534f;}
.sslconvoli ol li a:hover{text-decoration:none; color:#58534f;}
/*SSL Convertor*/
.sslcnvrow{width:100%; margin:0px 0px 20px 0px; color:#58534f; font-size:14px; line-height:30px;}
.sslcnvrow dl{font-family: 'robotoregular'; font-size:14px;}
.sslcnvrow dl dt{color:#58534f; font-weight:normal; float:left; width:240px; text-align:right; display:block; min-height:30px; padding:3px 5px 3px 5px;}
.sslcnvrow dl dt span{color:#ff0000; font-weight:normal; padding-right:3px;}
.sslcnvrow dl dd{color:#58534f; display:block; min-height:22px; padding:5px 0 5px 5px; width:518px; float:right; margin:0px !important;}
.sslcnvtpnone{border-top:none !important;}
#pgroup_name_0, #pgroup_name_1, #pgroup_name_2, #pgroup_name_3, #pgroup_name_4, #pchn_group_name_0, #pchn_group_name_1, #pchn_group_name_2{width:60px; display:inline-block;}
#pgroup_name_0 label, #pgroup_name_1 label, #pgroup_name_2 label, #pgroup_name_3 label, #pgroup_name_4 label{cursor:pointer;}
/*SSL Convertor*/
.csrgener{width:100%; margin:0px 0px 20px 0px; color:#58534f; font-size:14px; line-height:20px;}
.csrgener dl{font-family: 'robotoregular'; font-size:14px; line-height:16px;}
.csrgener dl dt{color:#58534f; font-weight:bold; float:left; width:200px; text-align:right; display:block; min-height:30px; padding:0px 5px 0 0px;}
.csrgener dl dt span{color:#58534f; font-weight:normal; font-size:12px; line-height:16px;}
.csrgener dl dd{color:#58534f; display:block; min-height:22px; padding:0px 0 5px 5px; width:560px; float:right; margin:0px 0 10px 0px !important;}
.csrgener dl dd span{color:#58534f; font-weight:normal; font-size:12px; line-height:16px; margin-top:2px;}
.spnred{color:#F00 !important;}
/*.ssltoolbtn{background:url(../images/btn-addtocart.png) repeat-y 0 -51px #f36b3f; font-size:20px; line-height:34px; font-family:'BebasNeueRegular'; color:#FFF; border:none; font-weight:normal; padding:4px 20px 0 20px; text-transform:uppercase; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; letter-spacing:-0.024em; min-height:34px; margin:0px;}
.ssltoolbtn:hover{background:#b8431e; -webkit-transition:background-color 2s; -moz-transition:background-color 2s; -o-transition:background-color 2s; -ms-transition:background-color 2s; transition:background-color 2s;}*/

.ssltoolbtn { background:#ff7146; font-size: 18px; line-height: 18px !important; font-family: 'archivo_narrowbold'; color:#FFF; border: none; font-weight: normal; padding: 8px 10px 7px 10px; text-transform: uppercase; margin: 10px 0 0 0; cursor:pointer;}
.ssltoolbtn:hover { background: #ff7146; color:#206272;}


.alert{font-family: 'roboto_slabregular'; color:#C09853; background-color:#fcf8e3; border:1px solid #fbeed5; padding:5px 10px; margin-bottom:10px; font-size:14px; line-height:22px; clear:both;}
.alert-success{font-family: 'roboto_slabregular'; color:#468847; background-color:#dff0d8; border-color:#d6e9c6; padding:12px; margin-bottom:10px; font-size:14px; line-height:22px;}
.alert-error{font-family: 'roboto_slabregular'; color:#b94a48; background-color:#f2dede; border-color:#eed3d7; padding:5px; margin-bottom:10px; font-size:14px; line-height:22px;}
.alert-info{font-family: 'roboto_slabregular'; color:#3a87ad; background-color:#d9edf7; border-color:#bce8f1; padding:5px; margin-bottom:10px; font-size:14px; line-height:22px;}
.bigalertmsg{font-size:20px;}

.chrpoints{padding:15px 0px;}
.chkserver{background:url(../images/img-ssltool-server.png) no-repeat right bottom #f6f6f6; width:100%; border:solid 1px #cdcdcd; padding:17px 0 17px 0; margin:20px 0 0 0; box-sizing:border-box;}
.chkserver ul{font-family:'roboto_slabregular';  font-size:14px; margin:0 0 0 25px;}
.chkserver ul li{background:url(../images/img-ssltool-dot.png) no-repeat left 10px; list-style:none; padding-left:16px; line-height:24px; color:#58534f; font-family: 'archivo_narrowregular'; }
.chkserver ul li a{text-decoration:none; color:#58534f;}
.chkserver ul li a:hover{text-decoration:none; color:#58534f;}
.chkimg{padding:15px 0 15px 0;}
.chkimg img{margin-left:auto; margin-right:auto; display:block;}
.commontooluli{list-style:none; margin:0 0 10px 0; padding:0px;}
.commontooluli ul{margin:0px 0 0 25px; padding:0 0 0 0; list-style-type:none !important;}
.commontooluli li{background:url("../images/icon-checkmark.png") no-repeat scroll left 6px transparent; font-family: 'robotoregular'; color:#58534f; font-size:14px; line-height:26px; margin:0; padding:0 0 3px 20px; list-style-type:none !important; clear:both; font-weight:normal;}
.commontooluli li span{padding:3px 5px 0 0;}
.commontooluli li a{color:#58534f; text-decoration:underline;}
.commontooluli li a:hover{color:#58534f; text-decoration:none;}
.ssltoolresult{border-bottom:solid 1px #cdcdcd; margin-bottom:10px; padding:0 0 10px 0;}
.ssltoolresult p{font-size:14px; line-height:20px; padding-bottom:5px;}
label.error{color:#FF0000; display:inline; font-size:12px; width:250px;}
.breadcrumbsbar{width:100%; margin:5px 0 0px 0; height:40px; background:#FFF;}
#breadcrumbs {display: inline; float: left; margin: 0; width: 100%; color: var(--color-orange); font-family: robotoregular;}
#breadcrumbs li{display:inline; font-size:14px; line-height:1em; color: var(--color-orange);}
#breadcrumbs li a{color:#7c7066; text-decoration:none;}
#breadcrumbs li a:link, #breadcrumbs li a:visited { color: #58534f; text-decoration: none; }
#breadcrumbs li a:link, #breadcrumbs li a:hover, #breadcrumbs li a:focus{color:#7c7066;}
#breadcrumbs li a::nth-first-child{padding-left:0px;}
.bcrumb-2{padding-left:0px;}
.breadactive{color: var(--color-orange) !important; background:none !important;}

.commonuli li{background:url("../images/icon-checkmark.png") no-repeat scroll left 3px rgba(0, 0, 0, 0); clear:both; color:#58534f; font-family: 'archivo_narrowregular'; font-size:16px; line-height:24px; list-style-type:none !important; margin:0; padding:0 0 3px 20px;}
.error-icon{background:url("../images/icon-cancel.png") no-repeat scroll left 3px transparent !important;}
.sslchkbtn{margin-left:180px; margin-top:0px !important; margin-bottom:0px !important;}
.topmar{margin-top:15px;}

.pronote{font-size:12px; line-height:22px;}

.domainchecktbl{border: 1px solid #CCC; font-size:13px; border-collapse: inherit;}
.domainchecktbl tr:first-child{background: #dfdfdf; font-family:'archivo_narrowbold';}
.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;}
.cagenerat {margin-top:20px;}

.symccertdtl{background:#f6f6f6; width:100%; border:solid 1px #cdcdcd; padding:15px; margin:20px 0; box-sizing:border-box;}
.symccertdtl ul li + li{margin-top:5px;}

#recaptcha_area .recaptchatable{border-collapse: inherit !important;}
.sslcnvrow dl dd{position: relative;}
.sslcnvrow dl dd label.error{position: absolute; bottom: -18px; left: 0;}

@media screen and (max-width: 992px){
	.csresult { background-image: none; padding: 10px 15px 10px 15px; }
}
/********************* CSR Generate ********************/
html,body{background:#fff!important}
.csr-form{background:#F6F6F6;padding:25px}
/********************* End CSR Generate ********************/

@media only screen and (max-width:800px) {
	.contentarea h3, .rightsection h2{font-size:22px !important;/* Remove this important*/ font-weight:normal !important;}
	#recaptcha_reload_btn{display:block; margin-bottom:2px !important;}
	.recaptchatable td img{margin:3px 0 3px 0 !important;}
	.sboxtxt li{ margin-bottom:5px;}/*need to remove once responsive css changes uoloaded on live 21122015*/
	.ssltoolbox{width:100%; box-sizing:border-box; min-height:180px; height:auto; margin-right:0px;}
	.ssltoolbox .imgbox{min-height:180px; height:auto;}
	.ssltoolbox .txtbox{width:78%; min-height:10px; padding:10px; box-sizing:border-box;}
	.sslchkbtn{margin-left:0px;} 
	.chrboxone, .chrboxtwo{width:100%; float:none;}
	.chkcmnbx {margin-bottom:15px; padding-bottom:0px !important; display:inline-block; width:100%;}
	.chkinputbxbig{width:100% !important; padding:5px; box-sizing:border-box;}
	.chkserver ul, .chkchain ul{margin-left:10px;}
	.chkserver{width:100%; padding:10px; background:#f6f6f6; box-sizing:border-box;}
	.chkchain{width:100%; padding:10px; background:#f6f6f6; margin:0 0 10px 0; box-sizing:border-box;}
	
	.csrehd{width:auto; font-size:22px; line-height:24px; border:none;}
	.csrehd.mt-3 { margin-top: 1.5rem; }
	.csresult{width:auto; border-top:none; background:#f6f6f6;}
	.csresult ul li{font-size:14px; line-height:24px; color:#206272; word-wrap:break-word; background-position:left 10px;}
	.csresult ul li span {color:#58534f; display:inline-block; width:39%;}
	
	.sslcnvrow dl dt{width:100%; float:none; text-align:left; padding:0px;}
	.sslcnvrow dl dd{width:100%; float:none; padding:0px;}

	.csrgener dl dt{width:100%; float:none; text-align:left; padding:0px 0 5px 0;}
	.csrgener dl dd{width:100%; float:none; padding:0px;}
	.csrgener dl dd span{width:100%; display:inline-block;}
	
	.mobhide{display:none !important;}
}

@media only screen and (max-width:767px) {
.ssltoolbox .txtbox{width:80%;}
.csrehd{padding:15px 10px 15px 15px}
.ssltoolbox .txtbox .tooltxt{font-size:13px; line-height:20px;}
.capwrap{width:100%;}
.ssltoolbtn{margin-top:15px;}
.csrdecotop{margin-top:20px;}/*CSR decoder result top space*/
.chkserver ul li, .chkchain ul li, .commonuli li{font-size:13px; line-height:20px; color:#58534f;}
.commonuli li{padding-bottom:0px;}
.commonuli li hr{margin:0.8em 0;}
#results div{text-align:left !important;}
#results .csrwrap{box-sizing:border-box; padding:5px; width:auto; word-break:break-all;}

.commonuli ul{margin:0 0 0 15px;}
.ssltoolscover{margin-top:15px;}
.chrboxtwo{margin-bottom:0px;}
.chrboxthree{width:100%; float:none; margin-bottom:15px;}
.chkcmnbx h3, .ssltoolscover h3{font-size:14px !important; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold !important;}
.ssltoolscover h3{margin-top:15px;}

/*.ssltoolscover, .csrwrap{margin-top:0px;}*/
.chrpoints{padding:0px 0 10px 0; /*margin-top:20px;*/}
.convernow{box-sizing:border-box; padding:5px 15px; margin-bottom:15px;}
.convernow .convertnowbox{padding:10px 0px;}
.convernow .convertnowbox label{text-align:left; width:100%; padding:0 10px 0 0; box-sizing:border-box;}
.convertnowbox.bdrbtmnone > label{display:none;}
.sslconverter .commonuli{background-size:0 auto; margin-bottom:0px;}
.convernow .convertnowbox p{float:left; margin-bottom:0px;}
.convernow .convertnowbox .chkinputbxmini{width:100% !important; box-sizing:border-box;}

.marzero{margin:0px;}
.whybxthree{width:100%;}

.whybxone, .whybxtwo{ width:100%;}
.whybx{padding-bottom:0px;}
}

span.note {
    color: #7a7a7a;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
}

/* === SSL Generator Start === */
.ssl-converter .tabs { display: flex; justify-content: center; margin-bottom: 20px; border-bottom: 1px solid #7c7066;}
.ssl-converter .tab { padding: 10px 20px; cursor: pointer; border-bottom: 3px solid transparent; transition: 0.3s; font-size: 14px; color: #7c7066;}
.ssl-converter .tab.active { border-bottom: 3px solid #ec5728; color: #ec5728;}
.ssl-converter .tab-content { display: none; margin: 0 auto;}
.ssl-converter .tab-content.active { display: block;}
.ssl-converter form { display: flex; flex-direction: column; gap: 15px; font-family: roboto_slabregular;}
.ssl-converter .input-group label { color: #615c58; float: left; display: block; line-height: 18px; margin-bottom: 5px; font-size: 14px;}
.ssl-converter .input-group label span, .ssl-converter .input-group .error {color: #ff0000;}
.ssl-converter .input-group .error{font-size: 12px;}
.ssl-converter .input-group input[type="file"]{cursor: pointer}
.ssl-converter .input-group input, .ssl-converter .input-group textarea{ width: 100%; background: #ffffff; border: solid 1px #cecece; font-size: 14px; color: #5b5b5b; padding: 8px 10px;}
.ssl-converter .btn { background: var(--color-orange); font-size: 18px; line-height: 18px; font-family: "archivo_narrowbold"; color: #FFF; border: none; font-weight: normal; padding: 8px 10px 7px 10px; text-transform: uppercase; text-decoration: none; cursor: pointer; width: 160px; margin: 0 auto;}
.ssl-converter textarea { min-height: 500px; resize: vertical;}

/* ==== SSL Generator End ==== */


@media only screen and (max-width:568px) {
.contentarea h3, .rightsection h2{font-size:20px !important/* Remove this important*/; line-height:24px !important/* Remove this important*/;}
.ssltoolbox .imgbox{padding:15px 0 15px 10px;}
.ssltoolbox .txtbox{width:77%; min-height:auto;}
.ssl-converter .tab { padding: 6px 10px; font-size: 13px;}
}

@media only screen and (max-width:480px) {
.ssltoolbox{background:#f6f6f6;}
.ssltoolbox .imgbox{width:100%; padding:10px; text-align:center; box-sizing:border-box; background:#89c5cb;}
.ssltoolbox .txtbox{padding:10px; width:100%; border-top-right-radius:0px;}
.ssltoolbox .txtbox .toolhd{padding:0 0 10px; line-height:22px;}

.chkserver ul li{background-position:left 9px;}
.commontooluli ul{margin:0px;}
.chkinputool{width:100% !important; box-sizing:border-box;}

}

@media only screen and (max-width:360px) {
.csresult ul li {background-position: left 8px;}
.csresult ul li span{color:#58534f; width:100%; display:inline-block;}
}
 @media only screen and (max-width:320px) {
}

/* ============================================================
   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: #ED5527 !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; transition: opacity 0.2s, background-color 0.2s; }
.option-checkbox input[type="checkbox"] { margin: 0; }
.option-checkbox.disabled,
.option-checkbox input:disabled + label {
    opacity: 0.5;
    cursor: not-allowed;
}
.option-checkbox input:disabled {
    cursor: not-allowed;
}
.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; line-height: 1.5; white-space: pre-line; }
.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; }
}