body {font-family: 'Poppins', sans-serif;  font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff; }
a {
color: #286da8;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
a:hover {
text-decoration: none;
color: #1e527f;
}
a:focus {
text-decoration: none;
color: #1e527f;
}
.btn {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.btn .fa {
color: #fff;
margin-right: 5px;
}
.btn-md { padding:8px 20px; font-size:16px;}
.btn-theme {
background: #286da8;
border: 1px solid #286da8;
color: #fff;
}
.btn-theme:hover {
background: #1e527f;
border: 1px solid #1e527f;
color: #fff;
}
.btn-theme:active,
.btn-theme:focus {
color: #fff;
}
.form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.form-control:focus {
border-color: #286da8;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
blockquote {
font-size: 14px;
}
.text-highlight {
color: #0b1d2c;
}
.note {
font-family: 'Covered By Your Grace', cursive;
font-size: 22px;
}
.row-end {
margin-right: 0;
padding-right: 0;
}

::-webkit-input-placeholder {
/* WebKit browsers */
color: #999;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #999;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #999;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #999;
}
.offset-header {
padding-top: 90px;
}

.pl0 { padding-left:0px !important;}
.pr0 { padding-right:0px !important;}
.pb0 { padding-bottom:0px !important;}
.pt0 { padding-top:0px !important;}

.ml { margin-left:10px !important;}
.nr { margin-right:10px !important;}
.mb { margin-bottom:10px !important;}
.mt { margin-top:10px !important;}
.mb-lg { margin-bottom:20px !important;}


/* ======= Header ======= */
.header {
padding:0;
background: #fff;
z-index: 9999;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.header .logo { float:left; margin:10px 0px;}
.header .logo a { vertical-align:middle;}
.header .logo-head { border-left:1px solid #ccc; margin:10px 10px 0; display:inline-block; padding:5px 10px; vertical-align:top; font-size:16px; color:#333;}

.tb-contact { font-size:16px; margin:23px 0px 0px;}
.tb-contact a { margin-left:20px;}

/* ======= navbar ======= */
/*.navbar-collapse {color:#fff; padding:0px;}*/
.navbar-collapse ul {margin:0px; padding:0px;}
.navbar-toggle {  font-size: 21px;font-weight: 300;margin-bottom:5px;margin-right: 0;margin-top: 5px;}
.navbar-nav { width:100%; margin:0px; padding:0px;}
.navbar-nav > li > a {  float: none; font-weight: 400; text-decoration: none; font-size:15px; color:#fff; padding:13px 20px; margin-right:1px;}
.navbar-nav > li > a i { color:#fff; margin-left:3px;}
.navbar-nav > li.active i { color:#fff;}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {color: #ffffff;}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {color: #ffffff;}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {color: #ffffff;}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav .dropdown:hover .parent {
background: #353535; color:#fff; }
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
background:#353535; }

.navbar-nav .dropdown-menu li a { padding:7px 20px;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background: #353535; color:#fff;}
.page-title { border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:10px; margin-top:0px;}
.page-top { margin-top:120px;}
.or-divider {border-bottom:1px dashed #e2e2e2; position:relative; margin-bottom:30px; margin-top:30px; }
.or-divider span { position:absolute; width:40px; height:40px; line-height:40px; text-align:center; left:30px; top:-20px; background:#fff; border-radius:100%;}


/* ======= Footer ======= */
.footer-section {  border-top:1px solid #e2e2e2; padding-top:15px; font-size:14px; color:#4b4b4b; margin-top:20px;}
.footer-section a { color:#4b4b4b; }
.footer-section a:hover { font-weight:bold;}

.page-section {     margin: 0px 0px 100px;}
.page-section h1 { margin:0px; color:#333; font-size:50px;}
.page-section .box-block { padding:20px;}
.page-section .box-block i { font-size:40px; margin:25% 0 10%; margin-right:20px;}


.nav-section {background: #ddd;padding: 0;position: relative;}
.nav-section li { float:left; list-style:none;}
.nav-section ul  { margin:0px; padding:0px;}
.nav-section ul li a {font-size:15px;display: block;text-align: center;text-decoration: none;padding:10px 20px 12px; border-top:3px solid #ddd;}
.nav-section ul li.active a, .nav-section ul li a:focus {background: #ffffff; color:#f36f24; border-top:3px solid #f36f24; outline:none;}

.nav-vertical  { margin:25px 0px; padding:0px;}
.nav-vertical li { list-style:none;}
.nav-vertical li a {font-size:15px;display: block; text-decoration: none;padding:10px 17px; background:#eee; border-left:3px solid #eee; margin-bottom:2px; }
.nav-vertical li.active a, .nav-vertical li a:focus { color:#f36f24;  outline:none; border-left:3px solid #f36f24;}

.nav-tools-box { box-shadow:2px 2px 2px rgba(0,0,0,0.1); border-radius:6px;}
.nav-tools-box .list-group-item { padding:7px 15px;}
.nav-tools-box .list-group-head, .nav-tools-box .list-group-head:hover { font-weight: 600;
    background: #f4ebf9;
    color: #000;padding:10px 15px;}
.nav-tools-box a {color:#72309b;}
.nav-tools-box .active-item { font-weight:bold; color:#72309b;}
.toolpanel-container { box-shadow:2px 2px 2px rgba(0,0,0,0.1);  background:#fff; padding:10px 20px 30px;
    /*margin-left:-15px; */
    border-radius:4px; border:1px solid #ddd;}
.toolpanel-container .page-title  {     font-size: 18px;
    color: #72309b;}

#selectboxval { width:30%;display:inline-block;color:#333333; }

.converter-section .form-label { padding-top:5px; }
.converter-section .form-label .label { margin-top:3px;}

.alert.alert-danger { position:fixed; top:17px; left:35%; text-align:center; z-index:9999 !important; width:550px; padding:7px 10px; }
.converter-section .random-labels label { font-weight:normal;}
textarea { resize:none;}
.pass-box textarea {width:auto;}
#autodetect .highlighted {color: red; }
.ssl-section{padding:0px;}
.ssl-checker{padding:20px;}
/*.searchSec{display: flex;}*/
.searchSec .input-group-addon{width: 100px;line-height: 21px;}
.featurette{margin-top: 60px;overflow: auto;}
.mt-2{margin-top:20px;}
.toolpanel-container{padding:10px 20px 30px !important;}
.ssl_output{padding-left: 15px !important; margin-top:28px;}
.ssl_output .text-center, .ssl_output  {color: green !important;}
.w-100{width:100%;}
.breadcrumb{
    background-color:#fff;
    margin-bottom: 0px;
    padding: 0.75rem 0rem;
}
.btn-primary {
    background: #e96f28;
    border-color:#e96f28;
    background:linear-gradient(170deg,#fd3f3f,#f27024);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background:linear-gradient(170deg,#f27024,#fd3f3f);
    border-color:#e96f28;
}
.btn {
    font-size: 14px;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
}
label.form-label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
}
.encryptionSec label.form-label {
    display: inline;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
}
.form-control { font-size: 14px;}
.randomSec p label{font-weight: 500;}
.randomSec p .form-control{width: auto;}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.grecaptcha-badge {
    visibility: hidden;
}
.toolpanel-section .page-heading{padding-bottom: 5px;}
.toolpanel-section .page-heading h2{font-size: 18px;color: #72309b;margin-bottom: 0px !important;}
.toolpanel-section .page-heading span{ color: #999;font-size: 12px;}


.mandatory {
    color: red
}

.cursorPointer {
    cursor: pointer;
}

@media (max-width: 768px) {
    div.msgBox{
        left: 3% !important;
    }
}