html,
body {
    height: 100%;
}

.clear20 {clear:both; height:20px}
.clear30 {clear:both; height:30px}
.clear40 {clear:both; height:40px}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.icon-hint {
    float: right;
    font-size: 18px;
    cursor: pointer;
    margin-left:5px;
}

.icon-hint-white {
    float: right;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

.tooltip-inner {
    max-width: 300px;
    min-width: 220px;
}
#display-password-box {
    display:none;
}
.mb-1 {
    margin-bottom: 5px;
}
.ml-10 {
    margin-left: 10px;
}

table.kv-grid-table td {
    font-size:12px;
}
table.kv-grid-table th {
    font-size:13px;
}
.wrapped {
    white-space: normal !important;
    text-align: center;
}

.answer {
    cursor: pointer;
}

.dns-record {
    margin-bottom: 10px;
}

#add-record-panel {
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
}

.chart {
    height:250px;
}
.panel .panel-orange:first-child {
    background-color: #ec971f !important;
    color:white;
}
.row-red {
    background-color: #bb0000;
    color: white;
}
.row-red a {
    color: white;
}

.row-grey {
    background:#ccc !important;
}

.mb-24 {
    margin-bottom: 24px;
}

.bg-grey {
    background-color: #F5F5F5;
}

.btn-purple {
    color: #fff;
    background-color: #925281;
    border-color: #925281;
}
.btn-purple:focus,
.btn-purple.focus {
    color: #fff;
    background-color: #703B92;
    border-color: #703B92;
}
.btn-purple:hover {
    color: #fff;
    background-color: #703B92;
    border-color: #703B92;
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
    color: #fff;
    background-color: #703B92;
    border-color: #703B92;
}
.mb-5 {
    margin-bottom: 5px;
}
.list-domain .label, .list-certificate .label, .domain-index .btn .label, .certificate-index .btn .label {
    font-weight: 500;
}
#main-menu li.default-hide {
    display: block;
    font-family: 'Open Sans', sans-serif;
    line-height: 100%;
}
#main-menu li.default-hide > ul {
    display: none;
}
#main-menu > li.default-hide > a {
    padding: 8px 12px 8px 26px;
}
#main-menu li.default-hide:before {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-size: 15px;
    cursor: pointer;
    position: absolute;
    top: 13px;
    left: 7px;
}

.form-control[placeholder] {
    font-size:12px;
}
.ajax-loader.ajax-loader-small {width:25px; height:25px; margin-left:0px}
.select2-results {font-size:12px;}

/* ----- change layout ------ */
.navbar {
    min-height:7.2rem;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 40%);
}
.navbar-brand  {
    margin-top: 1rem;
}
.navbar-toggle {
    margin-top: 1.8rem;
}
.navbar .dropdown ul {background:#4a4a4a; }
.navbar .dropdown-menu > li > a { color:#9d9d9d}
.navbar .dropdown-menu > li > a:hover, .navbar .dropdown-menu > li.active > a {color:#fff; background:#000}
.navbar .dropdown > a .glyphicon {top:2px}

.label, .btn, .input-group {
    box-shadow: 3px 3px 5px -3px rgb(0 0 0 / 40%);
}

.wrap * {
    border-radius: 0px !important;
}

.btn:hover {
    box-shadow: none;
}

.input-group-btn .btn {box-shadow:  none}


.navbar-nav > li > a {line-height: 40px}
.navbar-nav li {border-left:1px solid #666}
.navbar-nav li:first-child {border-left:none}
.btn:focus {outline: 0 !important;}

.glyphicon-lifesaver {width:14px; height:14px;  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojMDAwO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxnIGRhdGEtbmFtZT0iMTQwLUhlbHAiIGlkPSJfMTQwLUhlbHAiPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTUiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2IiBjeT0iMTYiIHI9IjYiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxMyIgeDI9IjYiIHkxPSIxMSIgeTI9IjQiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxOSIgeDI9IjI2IiB5MT0iMTEiIHkyPSI0Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTIiIHgyPSI1IiB5MT0iMjAiIHkyPSIyNyIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjIwIiB4Mj0iMjciIHkxPSIyMCIgeTI9IjI3Ii8+PC9nPjwvc3ZnPg==);}
h4 {font-size:14px; margin-top:6px; margin-bottom: 6px;}
.sidebar-menu #csp-main-menu > li > a {background: #4a4a4a; color:#9d9d9d}
.min-height-190 {min-height:190px;}
@media (min-width: 1245px) {
    .equal-btn {width: 450px;}
}
.glyphicon-question-sign.icon-hint::before {width:23px; height:25px;  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAYAAADaILXQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGz2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0xMS0yMFQxNDoxMjoxNCswMTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMTEtMjBUMTQ6NDk6MDcrMDE6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTEtMjBUMTQ6NDk6MDcrMDE6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUyNzVjM2YzLWRiZGMtN2Q0OC05YmZlLTRhZjg3Yzk0MzdjMSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmYyOTBhMGY1LTljZDktNWE0ZC1iOGNkLWI4YTgxNDYyZDZmNSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjlmNTFlODkxLWFjYmItMTQ0MS05N2MwLWM5NGVkMDM4NGRjMiI+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3NDBlOTdlNC04MTY5LWUwNDgtYmJjZi0wOTFmNTU2M2MwODY8L3JkZjpsaT4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ZjUxZTg5MS1hY2JiLTE0NDEtOTdjMC1jOTRlZDAzODRkYzIiIHN0RXZ0OndoZW49IjIwMjEtMTEtMjBUMTQ6MTI6MTQrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Mjc1YzNmMy1kYmRjLTdkNDgtOWJmZS00YWY4N2M5NDM3YzEiIHN0RXZ0OndoZW49IjIwMjEtMTEtMjBUMTQ6NDk6MDcrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5MdHRjAAAD7klEQVRIibWWT0wcVRzHv/Pmz84uswuzC6wbicUlVGKiNWBqSFsiNZi0wZL2SkttYk3xqu3JxINXb9qLRxJB2m0kKdKLTbQXMR4MG0Oi0FDXhWXp4q7dZWbf7DLjYd8rj2GLXvwlv0wmv9/7/P68eb83kud5+L9E+hdbM/UEddnzP8M5RAag+J5gsF2mdaYu00PhIjTQ1dUVHhkZuaIHAv2qqr5OCIm6rptzHOdny7Z/nJqamgFQBVBjuq8SyQdWAGgAgpcuXrxkmuYNWZafe1bZ9Xr9963Hjz+dnZ1dYEEcVpEHoVSecQBAy/tXr37W1tZ2gxBicFAoFCqpqmqrqkprtZoOAISQWDgcvvDS0aPVpaWlX/zt4Zk/Bb97+fJ10zSvcwfDMIrvjI6Went7uyVJkgBgZWXl0d35+XC5XI5xv2w2+97tVGoOwA6rwJWFdgSHTp16JZlMfskXmKaZn7x2LRSPxzs5GABisVjbwMCAlE6nn1BKQyyJN/P5/NelUsnirSEMrgLQ+/r6PhJ7evLEiR1d10MAYFlWZXV1NWtZVgUANE0Lnj1zZof7EkIiQ0NDV1gHFACSAoCwFz0YDJ4U4d/dv98eDof/TCQSrV/cvClTSrs6Ojo2P5icNACgs7PTEP2Nlpa3AXwOwAbgiHCNENIqOtu2HZmemYns7u5WZVnWDcMovnX6tMPtxWLRFv1VVT0iZE4U1hYeoKnIsqy/2N2dGR8ff16WZRMAHMehC/fu7VvDkuMHTuJGfiqbiqIo1YmJiRf4+9raWvZ2KhWxbTvuc/VYopIIb1g8ryZJktosQH5rayugadr29nb5q+npLs/zDiRTq9XW9yWFvQHkOo6TCQQCPf5Fruuqi4uL5Ug4jFwuJzcDA4Bl279hb9Z4BHuDyMnlcneaLdI0rTp27lzP8PBwz9jYWKyZDwA8XF1NoTFj6gBcwqLUANBv5uZSlNI1/yJx5odCIcNvB4BSqfT9Dw8e/ITGjKkD8PgJ5bNFLlcqv/Ykk2f9vVcU5dHGxkZpeXm5mM1mo6KNUvrH7K1bH1JKCwDKACiAuggOAogAaH/t2LH+wcHBT3RdP/KsFnCpVCpLd+fnP97c3FwDsM3gVQC7fGMIGiOABzABRC+cPz+RSCRGNU1r90Or1Womk8nMfbuwcAfAXwCKAJ6IbRF3XQxgsCCtbxw/3h+Px1+ORqOvqqoaoZQWCoVCen19Pb2UTi8D+JtBKwLYBQ5eFk9HAYAQ0xYWUGM+Lhoj1UZjvFpMHRHsh4sVyKwKDY1ZobGg/Ouqo7FplEFrEG6gw+BiFbJPeeYu9i5oDj3wF3DYrwW3i8rF82lT+QdhL3nLAQFQ2AAAAABJRU5ErkJggg==');}
.glyphicon-question-sign.icon-hint {top:-3px; left:2px;}
.label-gray {background:#4a4a4a; color:#ddd}
.main-bell {font-size:20px; top:5px;}
.main-bell.active { padding:10px; color:red}
.mb-0 {margin-bottom: 0}
#main-banner {width:100%; height:250px; background-size: auto 100%; background-position: top right; background-repeat: no-repeat}

.input-group-btn .btn-default,
.sidebar-menu #csp-main-menu > li > a,
.navbar.navbar-inverse,
.panel.panel-default .panel-heading:first-child {background: #5d5d5d; color:#ddd}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {color:#ddd}

@media (max-width: 900px) {
    #main-banner {background-size:100%; }
}
.label {font-weight: normal;}
.input-group-primary {color: #fff;     background-color: #337ab7;    border-color: #2e6da4;}
.bulb-info { margin-bottom: 2px;}

.force-bold {
    font-weight: bold !important;
}