/* Add your customizations of layout here */

/* Verifikasi - Menu : Permohonan */
/* A */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


/* input text */
.p-inputtext, .p-multiselect .p-multiselect-label {
    padding: 0.2rem 0.4rem !important;
    -webkit-appearance: none;
    width: 100% !important;
}
.p-input-icon-left > .p-inputtext {
    padding-left: 3rem !important;
}
.p-field {
    margin-bottom: 0.3rem !important;
}
.p-padding-list{
    padding-left: 0rem !important;
}
.p-field.p-grid > label {
	margin-bottom: 0rem !important;
	align-self: center;
}
@media (max-width: 767.5px) {
    .p-field.p-grid > label {
        margin-bottom: 0.3rem !important;
    }
    .p-padding-list{
        padding-left: 0.3rem !important;
        padding-top: 0.3rem !important;
    }
}


/* Dropdown */
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    padding: 0.4rem 0.6rem !important;
}
.tmk-dropdown-overflow{
    width: 250px;
}
.tmk-dropdown-overflow .p-dropdown-item{
    overflow: visible;
}
.tmk-multiselect-overflow{
    width: 30vw;
}
.tmk-multiselect-overflow .p-multiselect-item{
    overflow: visible;
}
.p-dropdown .p-dropdown-trigger, .p-multiselect .p-multiselect-trigger {
	color: white;
	width: 2rem;
	background: #607D8B;
}



/* Button */
.p-button {
    background: #607D8B;
    padding: 0.37rem !important;
    border-radius: 4px;
    font-size: 0.8rem;
}
.p-field-checkbox, .p-field-radiobutton {
    margin: 0px !important;
}

/* slim button */
.slim-button {
    width: max-content !important;
}

/* Button Inside Table */
.slim-button-table, .slim-button-table .p-md-12 {
    padding: 0 !important;
}
.slim-button-table button {
    margin: 1px 4px !important;
    padding: 0.2rem !important;
    width: 92%;
    text-align: left;
    font-size: 9px;
}

/* Button Color */
.p-button.p-button-first, .p-button.p-button-log {
    background: #2196F3;
}

.p-button.p-button-proses-permohonan {
    background: #32CD32;
}

.p-button.p-button-tolak {
    background: #EF4444;
}

.p-button.p-button-cetakpermohonanaksi, .p-button.p-button-pencetakan, .p-button.p-button-second {
    background: #FFD700;
    color: #000000;
}
.p-button.p-button-bekukan, .p-button.p-button-bekukanaksi, .p-button.p-button-replay, .p-button.p-button-cabut,
.p-button.p-button-cabutaksi, .p-button.p-button-ok, .p-button.p-button-cancel,.p-button.p-button-rollback, 
.p-buttonset.p-button-rollback > .p-button, 
.p-splitbutton.p-button.p-button-rollback > .p-button {
    background: #D32F2F;
}
.p-button.p-button-aktifkankembali, .p-button.p-button-cetakperizinanaksi, .p-button.p-button-perijinan, .p-button.p-button-secondary, 
.p-buttonset.p-button-secondary > .p-button, 
.p-splitbutton.p-button-secondary > .p-button, .p-button.p-button-setujupembekuan {
    background: #7CB342;
}
.p-button.p-button-yes, .p-button.p-button-bekukanaksi, .p-button.p-button-valkoraksi, .p-button.p-button-valdiraksi, .p-button.p-button-permohonan,
.p-button.p-button-kirimpermohonan, .p-button.p-button-valkor, .p-button.p-button-dirjen, .p-button.p-button-valdir, .p-button.p-button-setuju,
.p-button.p-button-bekukan, .p-button.p-button-direktur, .p-button.p-button-dokumen, .p-button.p-fileupload-choose, .p-button.p-button-kirim {
    background: #607D8B;
}
.p-button.p-button-draft, .p-button.p-button-cetakdraftaksi {
    background: #2196FC;
}
.p-button.p-button-docaksi {
    background: #689F38;
}
.p-button.p-button-docaksi-small {
    background: #689F38;
    font-size: 10px;
}

.p-button.p-button-setujupembekuan {
    background: #7cb342;
}

.p-button.p-button-tolakpembekuan {
    background: #d32f2f;
}

.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
    color: #212529;
    background: #FBC02D;
}
.p-button.p-button-success {
    background: rgb(96, 125, 139);
    /* position: absolute;
    margin-left: 15px;
    padding-left: 14px;
    font-size: 17px; */
}

/* Responsive Resolution */
@media (max-width: 500px) {
    #button-tabel .button-tableverfy {
        width: 100% !important;
    }
    .button-responsive .button-filter {
        margin-bottom: 1rem !important;
        width: 100% !important;
    }
    .button-responsive,
    #button-tabel  {
        flex-direction: column !important;
    }
    .button-responsive .button-filter button,
    #button-tabel .button-tableverfy button {
        width: 100% !important;
    }
}


/* Other */
.breadcrumb-container{
    margin: 20px 0px;
    margin-top: 10px !important;
}
.p-header-1 {
    color: #000000;
    font-weight: bold;
    font-size: 18px;
}
.garis-split {
    border-bottom: 1px solid #e4e4e4;
}
.label-pencarian {
    align-items: center;
    display: flex;
}
.header-title-1{
    background-color: #192C3D;
    color: white;
    height: -moz-fit-content;
    font-size: 2rem;
}
.header-title-1 > p {
    padding: 1rem;
}
.content1 {
    display: flex;
    flex-wrap: wrap;
    padding: 2rem 1rem;
    background-color: white;
    width: 100%;
}
.p-button.p-button-icon-only{
    margin-left: 0%;
}


/* NOT YET CHECK */
.p-button-badge-tab.profile-risiko-vhr,
.p-button-badge-tab.profile-risiko-vhr:hover,
.p-button-badge-tab.profile-risiko-vhr:focus
{
    background-color: #f61152;
}

.p-button-badge-tab.profile-risiko-hr,
.p-button-badge-tab.profile-risiko-hr:hover,
.p-button-badge-tab.profile-risiko-hr:focus
{
    background-color: #f06234;
}

.p-button-badge-tab.profile-risiko-mr,
.p-button-badge-tab.profile-risiko-mr:hover,
.p-button-badge-tab.profile-risiko-mr:focus
{
    background-color: #fccd0d;
}

.p-button-badge-tab.reputable-business-true,
.p-button-badge-tab.reputable-business-true:hover,
.p-button-badge-tab.reputable-business-true:focus
{
    background-color: #85d01d;
}

.p-button-badge-tab.reputable-business-false,
.p-button-badge-tab.reputable-business-false:hover,
.p-button-badge-tab.reputable-business-false:focus
{
    background-color: #f61152;
}

.p-button-badge-tab.profile-risiko-lr,
.p-button-badge-tab.profile-risiko-lr:hover,
.p-button-badge-tab.profile-risiko-lr:focus
{
    background-color: #85d01d;
}

.p-button-badge-tab.profile-risiko-priority,
.p-button-badge-tab.profile-risiko-priority:hover,
.p-button-badge-tab.profile-risiko-priority:focus
{
    background-color: #20d9a0;
}

.p-button-badge-tab.profile-risiko-na,
.p-button-badge-tab.profile-risiko-na:hover,
.p-button-badge-tab.profile-risiko-na:focus
{
    background-color: #dfe2ed;
    color: black;
}