/**{
    font-family: Arial;
}*/

table.container-surat {
  width: 100%;
}

.x-tree-lines .x-tree-elbow{
  display:none;
}

.x-tree-lines .x-tree-elbow-end{
  display:none;
}

.pointer {
    cursor: pointer;
}

.w-500 {
    width: 533pt;
    height: 75pt;
}

.w-400{
    width: 300pt;
    height: 75pt;
}

.text-w-400{
    width: 300pt;
}

.w-custom{
    width: 257.5pt;
    height: 75pt;
}

.kepada{
    width: 260px;
    height: 55pt;
}

.icon-kepada{
    text-align: center;
    margin-top: 3px;
    position: relative;
    left: -30px;
}

.icon-tindakan{
    text-align:center;
    position: relative;
    left: -60px;
}

.nota-tindakan{
    position: relative;
    left: -33px;
}

.catatan-disposisi{
    width: 273px;
    height: 55pt;
}

.catatan-forward{
  width: 221.25pt;
}

.tbio{
  width: 490pt;
  height: 225pt;
}

label {
    font-size: 9pt;
    width: 187.5pt !important;
}

.table-spacing{
    border-spacing: 3px !important;
    border-collapse: separate !important;
}

table{
    /*padding-left:15px;*/
    margin:0;
}

tr {
    vertical-align: top;

}

th {
    width: 90pt !important;
    text-align: left !important;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

.hide {
    background: red;
}

.head{
    background: grey;
    width:100%;
    height:30px;
    font-size: 16px;
    padding-left:15px;
    margin:auto;
    padding-top:5px;
}

.head2{
    background: lightgrey;
    width:100%;
    height:25px;
    margin:auto;
    padding-left:15px;
    padding-top:5px;
    font-size: 14px;
}

.head3{
    background: grey;
    width:100%;

    font-size: 16px;
    padding:10px;
    margin:auto;

}

#body_left{
    width: 50%;
    float: left;
}

#body_right{
    width: 50%;
    float: right;
}

#id_status{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#id_status li {
    float: left;
}

.list-surat {
    /*background: red;*/
    width: 165pt;
    float: left;
    margin-bottom: 4.75pt;
    line-height: 11.5pt;
}

.list-info {
    /*background: blue;*/
    width: 52.5pt;
    float: right;
    text-align: right;
    line-height: 10pt;
    margin-right: 3pt;
}

.list-icon {
    position:absolute;
    margin-left:-7.5pt;
}

.list-icon span {
    line-height:11pt;
}

.hidden {
    display: none;
}

.text-hover:hover{
    background-color: grey;
    color:white;
}

.list-link:hover {
    background: grey;
    color: white;
}

.list-strip {
    background: #e8eaed;
}

/*
.x-date-picker {
    border: 1px solid;
    border-top:0 none;
    position:relative;
        width: 85px;
}*/
/*.bigall{
  margin-left: 30px;
  margin-top: 5px;
  margin-bottom: 25px;
    width:auto;
    height:400px;
    position:static;
    /* background-color:red; */
/*}*/
/*.sleft{
    width:auto;
    height:auto;
    position:static;
    float:left;
    /*background-color:green;*/
/*}*/

.sright{
    width:auto;
  height:auto;
  font-size: 9pt;
}

.sall{
  margin-right: 3.75pt;
  width:624pt !important;
  height:auto;
  position:static;
  float:left;
}
/*.bigallf{
  margin-left: 50px;
  margin-top: 5px;
  margin-bottom: 25px;
    width:auto;
    height:200px;
    position:static;*/
    /* background-color:red; */
/*}*/
/*.sleftf{
  margin: auto;
  padding-top: 4px;
  padding-left: 10px;
  height:100%;
  font-weight: bold;
  position:static;
    float:left;
    /*background-color:green;*/
/*}*/
/*.sallf{*/
  /*height: 107px;*/
  /*width:900px !important;*/
  /*height:auto;*/
  /*position:static;*/
  /*float:left;*/
/*}*/

.sright ul{
   columns:2;
   list-style: none;
   margin-left: -30pt;
}

.icon {
    font-size: 9pt;
    margin-top: 1pt;
    margin-left: -4.5pt;
}

.read {
    color: #d6d8db;
}

.unread {
    color: #fC0;
}

/*Login-------*/
.wrapper-login{
  left: 50%;
  top: 50%;
}

.logo{
  display: block;
  height: 127.5pt;
  left: 45%;
  margin: -61.5pt 0 0 -240pt;
  position: absolute;
  top: 45%;
  width: 300pt;
}

.login-panel {
    display: table;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 375pt;
}

.login-panel h1 {
    font-size: 19.5pt;
    font-weight: normal;
    margin: 0;
    color: #706f6f;
}

.error {
    color: #0c3b70;
    margin-bottom: 12pt;
}

.field {
    margin-bottom: 9pt;
}

.input {
    width: 187.5pt;
    font-size: 11.25pt;
    padding: 5.25pt;
    color: #666666;
    border: 1px solid #c0c0c0;
    border-radius: 2.25pt;
    -webkit-border-radius: 2.25pt;
    -moz-border-radius: 2.25pt;
}

.input-submit {
    background-color: #157fcc;
    border: 0 none;
    border-radius: 2.25pt;
    color: #ffffff;
    padding: 5.25pt 11.25pt;
    margin-bottom: 4.5pt;
}

.login-form {
    display: table-cell;
    padding: 30pt 0 30pt 30pt;
    vertical-align: middle;
    font-family: helvetica, arial, verdana, sans-serif;
}
/*Agenda Masuk*/

.AgendaMasuk{
  margin-top: 50px;
  margin-left: 75px;
  margin-bottom: 100px;
}

.AM{
  border: 1px solid black;
  padding: 5px 5px 5px 5px;
}

.w-250{
   min-width: 270px;;
}


/*Disposisi*/
.Disposisi{
  margin-top: 30px;
  margin-left: 75px;
  margin-bottom: 100px;
}

/*Watermark di surat*/
.background{
    position:absolute;
    z-index:0;
    background:white;
    display:block;
    min-height:50%;
    min-width:50%;
}

.content{
    position:absolute;
    z-index:1;
}

.watermark{
    color:lightgrey;
    font-size:120px;
    transform:rotate(300deg);
    -webkit-transform:rotate(300deg);
}
/*Datepicker*/
.x-datepicker-inner {
    table-layout: auto;
    width: 100%;
    border-collapse: separate;
}

.x-tree-view .x-fit-item .x-tree-view-default .x-unselectable{
    margin-left: -20px;
}

.position-center{
    position: absolute;
    left:30%;
    top:10%;
}

.box-shadow-custom{
    -webkit-box-shadow: 0px 1px 1px 0px rgba(204,204,204,0.5);
    -moz-box-shadow: 0px 1px 1px 0px rgba(204,204,204,0.5);
    box-shadow: 0px 1px 1px 0px rgba(204,204,204,0.5);
}

.font-default{
    font-size: 9.75pt !important;
}

.font-default-side{
    font-size: 9.75pt !important;
}

.custom-padding{
    padding: 7.5pt;
}

.custom-padding-mini{
    padding: 3.75pt;
}

.image-container{
  border: 1px solid #157fcc;
  margin-bottom: 7.5pt;
  border-radius: 50%;
  width: 202px;
  height: 202px;
}

.image {
  padding: 7.5pt;
  border-radius: 50%;
  opacity: 1;
  display: block;
  width: 200px;
  height: 200px;
  transition: .5s ease;
  backface-visibility: hidden;
  object-fit: cover;
}

.text-overlay{
  width: 80%;
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 75pt;
  left: 90pt;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.image-container:hover .image {
  opacity: 0.3;
}

.image-container:hover .text-overlay {
  opacity: 1;
}

.alert {
    padding:10px;
    color:white;
    margin-left:8px;
    margin-right:8px;
}

.success {
    background: #27c24c;
    color: #fff;
}

.warning {
    background: #fad733;
    color: #fff;
}

.rounded {
    min-height: 50%;
    max-height: 50%;
    object-fit: cover
}

.side-rounded {
    height: 40px;
    min-height: 50%;
    max-height: 50%;
    object-fit: cover
}

/* uppy uploader */

.UppyDashboard-upload {
    display:none;
}

.uploader-container {
    width:710px;
    height:300px;
}

/*custom uploader*/
.uploader-container-comment {
    margin-left: 40px;
    width: 925px;
    height: 300px;
}

@media only screen and (min-width: 768px) {
  .UppyDashboard-inner {
    width: 100% !important;
    height: 100% !important;
    border-radius: 5px !important;
  }
}

#id_copy_log {
    list-style: none;
    display: inline;
    margin-left:-40px;
}

#id_copy_log li {
    display: inline;
    width: 100px;
}

#id_disposition_only {
    list-style: none;
    display: inline;
    margin-left:-40px;
}

#id_disposition_only li {
    display: inline;
    width: 100px;
}

#id_isi{
    font-family: arial;
    font-size: 11pt;
}

.fontsize{
    font-size:10pt;
}

textarea {
  white-space: pre;
  overflow-wrap: normal;
  overflow-x: scroll;
}

.color-white {
    color: white;
}

#menutree li {
    list-style: none;
}

li .menu-label + input[type=checkbox] {
    opacity: 0;
}

li .menu-label {
    cursor: pointer;
    min-width: 100%;
}

li .menu-label + input[type=checkbox] + ol > li {
    display: block;
}

.fontsize{
    font-size:10pt;
}

.tabel-first-column{
  width: 200px;
}

.tabel-second-column{
  width: 10px;
}

.text-kepada{
  font-weight: bold;
  font-size: 10.25pt;
}

.thumb-xxxs{
    display: inline-block !important;
    width: 20px;
}

.thumb-sm {
    display: inline-block;
    width: 40px;
    height: 40px !important;
}

.x-trigger-cell {
    vertical-align: middle;
}


.uppy-Dashboard-progressindicators{
    display: none;
}

.uppy-DashboarAddFiles-info{
    display: none;
}

.thumb-xs {
    display: inline-block;
    width: 34px;
    height: 34px !important;
}

.thumb img, .thumb-xs img, .thumb-sm img, .thumb-md img, .thumb-lg img{
    height: inherit !important;
    object-fit: cover
}