/*
we need explicit in/valid on top of pseudoselectors so js can also set this, not only the browser 
and we need them after the pseudo ones so they can override those
*/
input.invalid {
  background: #fff url(../images/invalid.png) no-repeat 98% center;
  box-shadow: 0 0 5px #d45252;
  border-color: #b03535;
}
input.valid {
  /* when a field is considered invalid by the browser */
  background: #fff url(../images/valid.png) no-repeat 98% center;
  border-color: #4ac188;
}

#site { min-width:1010px;}

.paging a.active {
    background: #277897;
    color: #ffffff;
}

.paging li.num { display:none;}
.paging li.num.show { display:inherit;}
.paging li.num.dots { display:inherit; padding:0 5px;}
.paging.count_1 { display:none;}

/* the login box as an overlay */
.login-wrap.login { display:none;}
body.logged_in .login-wrap.login { display:none;}
.login-wrap.login .badge { display:none;}

/* show no site until logged in or not is determined */
#site { display:none;}
body.logged_in #site { display:block;}
body.page_login .login-wrap { display:block;}
body.page_login-pass-reset #site { display:block;}

/* don't show regular issuer-admin unless we have an issuer */
.sidebar .super-admin { display:none;}
.sidebar .issuer-admin { display:none;}
.sidebar .sidebar_group.issuername { display:none;}

.sidebar #menu-user { display:block;}

/* do away with demo badges in designer tpls */
form div.badge-error, form div.badge-success { display:none}

/* pass reset: hide boxes until we figure out context in js */
.login-pass-reset .step2,
.login-pass-reset .step1 { display:none;}

/* no korak* in issuer-new */
body.page_issuer-new ul.paging { display:none;}

/* issuer view */
.page_issuer-view .content-box header a.btn { float:right;margin:0 1em;}

/* issuers list */
body.page_issuers table .buttons { display:block;}


.ajaxwait {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: relative;
  animation: loader10 1s ease alternate infinite;
  animation-delay: 0.2s;
  top: 60%;
  margin: -7.5px auto 0;
}

@keyframes loader10 {
    0% { box-shadow: 0 5px 0 -5px #0052ec; }
    100% { box-shadow: 0 5px 0 #0052ec; }
}

.ajaxwait::after, .ajaxwait::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation: loader10 1s ease alternate infinite; 
}
.ajaxwait::before {
    left: -8px;
    animation-delay: 0.1s;
}
.ajaxwait::after {
    right: -8px;
    animation-delay: 0.3s;
}

.clear { clear:both;}

#textsearch, #filtersearch { display:none;}

#textsearch .btn-neutral { display:none;}
#textsearch.active .btn-neutral { display:inline-block;}

.levels h4 { margin:10px 0;}
.levels .spacing .img-basic-box { clear:both;}

/*
.spacing .img-basic-box img { padding:0;margin:0;}
.levels .spacing .img-basic-box img { display:inline-block;vertical-align:top;width:23%;height:auto;margin-right:1%;}
*/

.onelevel div { padding:4px 0;}

h5 { font-size:14px;padding-bottom:5px;margin-bottom:10px;}

.leveledit { display:none;}
.cto h5 { font-size:14px;border-bottom:1px solid #d4d4d4;padding-bottom:5px;margin-bottom:10px;}
.cto i { cursor:pointer;}
.cto .icon-angle-down { display:inline;}
.cto .icon-angle-up { display:none;}
.cto.open .icon-angle-down { display:none;}
.cto.open .icon-angle-up { display:inline;}
.cto .form-group { display:none;}
.cto.open .form-group { display:block;}

.page_clients div.export { display:none;padding:1em 0;}

.grouplist { margin:0.5em 0;}
.onegroup { margin:0.3em 0;}

.extradata-title { margin:0.5em 0;}
.cert-extradata {
	margin-top:1em;
	/* border-top:1px solid rgb(103, 106, 108);*/
}

.cert-extradata .form-group { display:none;}
.cert-extradata.flag_allow_specific_url .for_url { display:block;}
.cert-extradata.flag_anti_pharming .for_text { display:block;}

.page_client-view .content-box.seal { display:none;}
.content-box.seal textarea.generated-content { width:100%;}
.content-box.seal .output { height:120px;width:100%;overflow:auto;}
.page_certificate-view .content-box.seal .btn-error { display:none;}

.page_clients .step1 { display:none;}
.page_clients .step1 .segmentation { display:none;}
.page_clients .step1 .form-group { display:none;}
.page_clients .step1 .form-group.buttons { display:block;}
.page_clients .step1 .form-group.required { display:block;}

iframe#preview-iframe { width:100%;height:400px;}

.hidden { display:none;}

.page_newsletter .singlefile { margin-bottom:1em;}
.page_newsletter .content-box.newstpls .manage { display:none;}
/* .page_newsletter .content-box.main .sending { display:none;} */
.page_newsletter .no-hits { display:none;}

/* .content-box.main header { line-height:250%;} */

.page_clients .step1 .btn-success.long { display:none;}
.page_client-new .step1 .btn-success.quick { display:none;}

/* no korak* in client-new */
body.page_client-new ul.paging { display:none;}
body.page_client-new .step1,
body.page_client-new .step2,
body.page_client-new .step3 { display:none;}

.page_client-view .content-box.domains .table-flexibel .url { overflow:hidden;}

.sidebar .sidebar__header--title { position:relative;}
.sidebar a i.icon-logout { float:none;}
.sidebar__header { /* height:240px; */  background-color:#243545;}

.sidebar .role { display:none;}
body.role_superadmin .sidebar .role.role_superadmin { display:inline;}
body.role_admin .sidebar .role.role_admin { display:inline;}
body.role_admin.role_superadmin .sidebar .role.role_admin { display:none;}
body.role_manager .sidebar .role.role_manager { display:inline;}
body.role_manager.role_superadmin .sidebar .role.role_manager { display:none;}

.sidebar .username .sidebar__header--value { overflow:hidden;}

#issued-certs { position:relative; width:500px; height:500px;}

/* role-based in/vis action elements */


.adding-certs .domain-stuff { display:none;}
body.role_superadmin .adding-certs .domain-stuff { display:block;}

.form-group.domainless .col-1  { padding:0;}

.activity-element .well { background:transparent;}

.activity-element.type_M .well { background:#f5f5f5;}

.tab-labels { border-bottom:1px solid #d4d4d4;margin:0px -27px 15px -27px; padding:0px 22px; display:table;border-spacing:5px 0;}
.tab-label { 
    display: table-cell;
   /* vertical-align:bottom; */
    width: 18%;
    border: 1px solid #d4d4d4;
    border-top-width: 3px;
    border-top-color:#428aa6;
    margin-right: 1%;
    padding: 1%;
    height: 100%;
    position: relative;
    bottom: -1px;
    z-index:10;
    cursor:pointer;
    background:#f5f5f5;
}
.tab-label.active { border-bottom:none;background:#fff; border-top-width: 1px}
.tab-body { display:none;}
.tab-body.active { display:block;}

.page_issuers table .users-list__title {
	text-align:left;display:block;width:auto;
}

table thead i.icon-angle-down { display:none;}
table thead i.icon-angle-up { display:none;}

.page_statistics canvas { width:80%; margin:20px auto;}

.page_certificate-type-view .files span,
.page_certificate-type-view .filelist span
 { clear:both;margin-bottom:0.5em;}

.page_bulk-upload .errors {
  padding:1em;
  line-height:175%;
  border:1px solid #d4d4d4;
}

body {
  overflow-wrap: break-word;
  word-wrap: break-word;
/*
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
*/
}

/* removal of issueradmin-not-available elements */

.page_certificate-type .content-box.main .btn-warning { display:none;}
.page_certificate-type.role_superadmin .content-box.main .btn-warning { display:inline-block;}

.page_certificate-type a.edit { display:none;}
.page_certificate-type.role_superadmin a.edit { display:inline-block;}

.page_certificate-type-view .edit { display:none;}
.page_certificate-type-view.role_superadmin .edit { display:inline-block;}

.page_template-view a.edit { display:none;}
.page_template-view.role_superadmin a.edit { display:inline-block;}

.page_groups .edit,
.page_groups .delete,
.page_groups .form-group.title,
.page_groups .form-group.add,
.page_groups .form-group.buttons,
.page_groups .form-group.existing .delete { display:none;}
.page_groups td.actions { display:none;}

.page_groups.role_superadmin .form-group.title,
.page_groups.role_superadmin .form-group.add,
.page_groups.role_superadmin .form-group.buttons { display:block;}
.page_groups.role_superadmin .form-group.existing .delete { display:inline-block;}
.page_groups.role_superadmin .edit { display:inline-block;}
.page_groups.role_superadmin .delete { display:inline-block;}
.page_groups.role_superadmin #accBillingGroup button.view { display:none;}
.page_groups.role_superadmin td.actions { display:table-cell;}

.utility-bar.navbar .pull-right a { overflow-wrap:normal;}
.sidebar_group.username a { overflow-wrap:normal;}

.page_certificate-type-view .leveledit .tpls { padding-bottom:10px;}

.page_template-view .content-box.main header a.edit { display:none;}
.page_template-view.role_superadmin .content-box.main header a.edit { display:block;}

.page_templates .content-box.main header .btn-warning { display:none;}
.page_templates .content-box.main .template-list a.edit { display:none;}
.page_templates .content-box.main .template-list a.delete { display:none;}
.page_templates.role_superadmin .content-box.main header .btn-warning { display:inline-block;}
.page_templates.role_superadmin .content-box.main .template-list a.edit { display:inline-block;}
.page_templates.role_superadmin .content-box.main .template-list a.delete { display:inline-block;}

.page_issuer-profile .content-box.adding { display:none;}
.page_issuer-profile .content-box.admin .btn-small { display:none;}
.page_issuer-profile .content-box.manager .btn-small { display:none;}
.page_issuer-profile .actions { display:none !important;}
.page_issuer-profile .delete { display:none;}

.page_issuer-profile.role_superadmin .content-box.adding { display:block;}
.page_issuer-profile.role_superadmin .content-box.admin .btn-small { display:inline-block;}
.page_issuer-profile.role_superadmin .content-box.manager .btn-small { display:inline-block;}
.page_issuer-profile.role_superadmin .actions { display:table-cell !important;}
.page_issuer-profile.role_superadmin .delete { display:inline;}

.page_user-view .content-box.perms .btn-small { display:none;}
.page_user-view .content-box.perms .actions { display:none !important;}
.page_user-view .delete { display:none;}
.page_user-view.role_superadmin .content-box.perms .btn-small { display:inline-block;}
.page_user-view.role_superadmin .content-box.perms .actions { display:table-cell !important;}
.page_user-view.role_superadmin .delete { display:inline-block;}

.page_client-view .field_description { display:none;}
.page_client-view.role_superadmin .field_description { display:block;}

/* re-enabled for domains inside client view -- 2017-07 */
.page_client-view.role_superadmin .adding-domains .field_description { display:block;}

.page_certificate-view .form-group.sendpreview div div { padding-left:0;}
.page_certificate-view .form-group .filelist.templatefiles a { display:none;}

.page_user-view .content-box.language { display:none;}

#lang { display:inline-block;cursor:pointer;width:220px;}
#lang .selected .content { display:inline;}
#lang .selected { padding:5px 8px; padding-right:20px;position:relative;width:100%;}
#lang .selected i { position:absolute;right:10px;top:10px;}
#lang img { position:relative;top:2px;}
#lang ul { list-style-type:none;padding:0;margin:0;display:none;}
#lang ul li { padding:4px 8px;}
#lang ul li:hover { background:#000;color:#fff;}
#lang .lang_select { display:none;}
#lang .selected {
  border: 1px solid #ccc;
  border-radius: 0;
  overflow: hidden;
  background-color: #fff;
  background: #fff;
  position: relative;
}
#lang ul {
  padding: 5px 8px;
  border: 1px solid #ccc; border-top:0px none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#lang button { margin-top:10px;}

/* let's hide those until they become functional -- 2017-10 */
.page_clients .acc-section.export form div.checkbox { display:none;}
.page_clients button.import { display:none;}
.page_certificates button.export { display:none;}
/* end */