@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

--bs-body-font-size {.8rem}
.navbar-brand img {
    height: 25px;width:auto;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,0.55);
    border-color: rgba(0,0,0,0.1);
    font-size: 90%;
}
.region-content {padding:20px;background-color:#fff;
  box-shadow:1px 1px 20px #ddd;margin-bottom:50px;border-radius:10px;
}
body.role-authenticated .dialog-off-canvas-main-canvas {
  background-image: url("../../adp/bg-lines-circle.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* login page*/
body.role-anonymous.path-user .dialog-off-canvas-main-canvas {
  background-color: #8EC5FC;
  background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
  animation: bgmove 5s infinite;
  animation-timing-function: ease;
  background-size:cover;

}

@keyframes bgmove { from
   {
	  background-color: #8EC5FC;
  	  background-image: linear-gradient(42deg, #8EC5FC 0%, #E0C3FC 100%);
	  background-size:cover;
	}
  to {
          background-color: #E0C3FC;
          background-image: linear-gradient(162deg, #E0C3FC 0%, #8EC5FC 100%);
          background-size:cover;

	}
}
body.role-anonymous .user-form-page {
  max-width:380px;margin:40px auto;
  transition: all .2s ease-in-out; 
}
body.role-anonymous.path-user .user-form-page__user-form {padding:20px;border:1px solid #ccc;background-color:#fff;border-radius:10px;}
body.role-anonymous.path-user .user-form-page__user-form .nav-tabs {display:none;}
body.role-anonymous.path-user .user-form-page:hover {transform: scale(1.03);box-shadow:0 14px 30px rgba(0,0,0,0.1);;border-radius:10px;}


/* no access */
body.role-anonymous.path-node #block-data-content {padding:10px;}

#block-pagetitle h1 {text-align:center;}


/* hilang filename profil*/
body.path-user span.file.file--mime-image-jpeg.file--image, body.path-user span.file-size {
    display: none;
}


body.path-user .layout__region--first .views-view-grid .views-row{
  margin-left:auto;
  margin-right:auto;
  display:block;
  text-align:center;
}
body.path-user .layout__region--first .views-row img{padding:10px;margin-left:auto;margin-right:auto;display:block;}

body.path-user .layout__region.layout__region--first {
   background:#efefef;
   border-right:10px solid #fff;
/*   box-shadow:10px white inset;*/
  padding:10px;
   font-size:.9rem;
}

.layout--threecol-section--33-34-33 > .layout__region--second {
    flex: 0 1 30%;
    width: 34%;
}

body.path-user .layout__region.layout__region--second .image-widget{
   text-align:center;
}

body.path-user .layout__region.layout__region--second .image-preview img {
   margin:10px;
}
body.path-user div#edit-actions {
   border-top:0px solid #ccc;padding:10px;
   text-align: center;
}

body.path-user .layout__region.layout__region--third {
   background:#efefef;
   padding:10px;
   border-left:10px solid #fff;
 /* box-shadow:0px 0px 0px 10px white inset;*/
   font-size:.9rem;
}


/*.body.path-user .views-view-grid.horizontal.cols-1 {
    text-align: center;margin:20px 0;background:#efefef;padding:20px;
}
*/
#block-data-content .view-header {text-align:center;padding:20px;}

body.path-user .layout__region--content .contextual-region {color:#777;font-size:0.99em;padding:0px 5px;}
/*status moderasi data*/
.status-Valid {background-color:green;color:#fff;padding:5px 10px;border-radius:10px;}
.status-Valid:hover {background-color:#90EE90;color:#333;padding:5px 10px;}
.status-Draft {background-color:#a0d568;color:#fff;padding:5px 10px;border-radius:10px;}
.status-Draft:hover {background-color:#a0d568;color:#333;padding:5px 10px;}
.status-OPD {background-color:#4fc1e8;color:#fff;padding:5px 10px;border-radius:10px;}
.status-OPD:hover {background-color:#4fc1e8;color:#333;padding:5px 10px;}
.status-BKD {background-color:#ffce54;color:#fff;padding:5px 10px;border-radius:10px;}
.status-Verifikasi {background-color:#4fc1e8;color:#fff;padding:5px 10px;border-radius:10px;}
.status-Verifikasi:hover {background-color:#4fc1e8;color:#333;padding:5px 10px;}
.status-BKD {background-color:#ffce54;color:#fff;padding:5px 10px;border-radius:10px;}
.status-BKD:hover {background-color:#ffce54;color:#333;padding:5px 10px;}
.status-Ditolak {background-color:#ed5564;color:#fff;padding:5px 10px;border-radius:10px;}
.status-Ditolak:hover {background-color:#ed5564;color:#333;padding:5px 10px;}
/*hilangkan status data role*/
body.role-opd .region-nav-main li.nav-item:nth-child(2){
   display:none;
}

/*hilangkan profil role opd*/
body.role-opd .layout__region--content .views-element-container {display:none;}

#block-data-local-tasks .tabs-secondary,
#block-data-help {display:none;}

/*header*/
body.path-user .block-views-blockdata-pegawai-block-1 h2 {background-color:#003333;border:1px solid #003333;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-2 h2 {background-color:#004444;border:1px solid #004444;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-3 h2 {background-color:#005555;border:1px solid #005555;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-4 h2 {background-color:#006666;border:1px solid #006666;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-5 h2 {background-color:#007777;border:1px solid #007777;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-6 h2 {background-color:#095656;border:1px solid #095656;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-7 h2 {background-color:#076060;border:1px solid #076060;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-8 h2 {background-color:#116d6d;border:1px solid #116d6d;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-9 h2 {background-color:#033333;border:1px solid #033333;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-10 h2 {background-color:#044444;border:1px solid #044444;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-11 h2 {background-color:#055555;border:1px solid #055555;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-12 h2 {background-color:#066666;border:1px solid #066666;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-13 h2 {background-color:#077777;border:1px solid #077777;margin-bottom:10px;}
body.path-user .block-views-blockdata-pegawai-block-14 h2 {background-color:#077777;border:1px solid #077777;margin:20px 0;}
/*garis*/
body.path-user .block-views-blockdata-pegawai-block-1 table,
body.path-user .block-views-blockdata-pegawai-block-2 table,
body.path-user .block-views-blockdata-pegawai-block-3 table,
body.path-user .block-views-blockdata-pegawai-block-4 table,
body.path-user .block-views-blockdata-pegawai-block-5 table,
body.path-user .block-views-blockdata-pegawai-block-6 table,
body.path-user .block-views-blockdata-pegawai-block-7 table,
body.path-user .block-views-blockdata-pegawai-block-8 table,
body.path-user .block-views-blockdata-pegawai-block-9 table,
body.path-user .block-views-blockdata-pegawai-block-10 table,
body.path-user .block-views-blockdata-pegawai-block-11 table,
body.path-user .block-views-blockdata-pegawai-block-12 table,
body.path-user .block-views-blockdata-pegawai-block-13 table,
body.path-user .block-views-blockdata-pegawai-block-14 table {border:1px solid #ccc;margin-bottom:20px;}

/* hilangkan tabel profil di role tertentu */
body.path-user.role-verifikator .layout--onecol,
body.path-user.role-opd .layout--onecol,
body.path-user.role-role-administrator .layout--onecol,
body.path-user.role-content_editor .layout--onecol
 {display:none;}

/* foto profil*/
body.path-user .views-view-grid.horizontal.cols-1 img.img-fluid.image-style-fotoprofil {
    min-width: 180px;
    height: auto;
    border-radius:15px;
    padding:5px;
}

body.path-reports .view-display-id-page_4 {text-align:center;}
body.path-reports .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-combine.form-item-combine {
    float: none;max-width:420px;margin:20px auto;background:#eee;padding:20px 20px 40px 20px;border-radius:10px;
}

body.path-cas .region-content {max-width:420px;margin:auto;}

.display-4 {font-size:1.7rem;}
h2 {font-size:1.2rem;font-family:"Lato", sans-serif;color:#efefef;background:#333;padding:10px;border-bottom:2px solid #eee;}
a {text-decoration:none;font-family:"PT Sans", sans-serif;}
a:visited {color:#033333;}
a:link {color:#066666;}
article.node--unpublished {
  background-color: #fff;
  padding:20px;
}

body.user-logged-in .view-empty {
    text-align: center;padding:20px;
}


.view-display-id-page_2 .btn-success {
  color: #fff;
  background-color: #189934;
  border-color: #146c33;
  font-weight:bold;
}

article.node--type-usul-tpp .field--name-field-verifikasi-bkd {
  margin:40px 0;
  padding:20px;
  background:#efefef;
  border-radius:10px;
}

.block-field-blocknodeusul-tppmoderation-state {border:1px solid #ccc;
  background-color:#efefef;
  padding:10px;}

.page-node-type-usul-tpp .block-help-block p {
  display:none;
}

.region-sidebar-first {
  background-color:#ededed;
  padding:20px;
  border-radius:5px;
}

.nav-item:hover {
background-color:#fefefe;
border-radius:5px;}
#block-data-content {background-color:#fefefe;}
.layout--twocol {background-color:#efefef;}
.layout--twocol .layout__region--first,
.layout--twocol .layout__region--second {
  padding:0 20px;
}

.link.tabledrag-toggle-weight {
  display: none;
}
.field-add-more-submit {border:1px solid green;}

.js-form-item-field-catatan-disposisi-0-value #signature-data {display:none;}
.field--name-moderation-state {border:1px dashed #bbb;padding:20px;background-color:#f9f9cf;}
.entity-moderation-form, .field--name-moderation-state {background-color:#f9f9cf;}

/* login CAS
.path-cas .container .order-1 {padding:20px;}
.path-cas .container .order-1 .cas-server-user-login {background:#eee;padding:20px;border-radius:10px;box-shadow: 5px 10px #888888;border:1px solid #ccc;}
.path-cas .container .order-1 .cas-server-user-login .more-links {display:none;}
*/
/* forget login */
a#edit-forgot-password-link {
    display: none;
}
/*status data dan animasi */
.views-table th {background:#DDD;}
.views-table tbody tr {transition: all .2s ease-in-out; }
.views-table tbody tr:hover {transform: scale(1.01);}

li.nav-item {transition: all .2s ease-in-out; }
li.nav-item:hover {transform: scale(1.03);}
li.nav-item:active {font-weight:bold;}

/*video tutorial*/
body.path-video h2 {background:none;text-align:center;color:#111;}
body.path-video .field--name-field-tags, body.path-video .node__links {display:none;}

iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.g-recaptcha {
    margin-top: 10px;
}
/* canvas tanda tangan */
.webform-signature-pad:before{
    50%;
}

#edit-workflow-workflow-fieldset {background-color:#f9f9cf;}

/*body.role-anonymous.path-data-pensiun table {display:none;}*/
body.role-anonymous.path-data-pensiun .block-system-main-block {display:none;}