@font-face {
    font-family: "battlest";
    src: url("/../../font/BATTLEST.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "bebas-kai";
    src: url("/../../font/BebasKai.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "bebas";
    src: url("/../../font/Bebas-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
body {
    /* background: url("/../../img/patra/background.jpg") no-repeat center !important; */
    background-size: cover !important;
    background-attachment: fixed !important;
}
#Header h1 {
    font-family: "battlest" !important;
    font-weight: normal !important;
    color: #009b4c !important;
}
#Header h2 {
    font-family: "bebas-kai" !important;
    font-weight: normal;
    font-size: 40px !important;
    color: white !important;
    text-shadow: -2px -2px 0 #009b4c, 2px -2px 0 #009b4c, -2px 2px 0 #009b4c, 2px 2px 0 #009b4c !important;
}
#Header h3 {
    font-family: Calibri !important;
    color: black !important;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff !important;
}
#Crumbs {
    display: none !important;
}
#BoxKonten > .Menu a {
    border: 5px solid white !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.597);
    font-family: "bebas";
    text-transform: uppercase;
    font-size: 30px;
    font-weight: normal;
}
#BoxKonten > div {
    padding: 5px;
}

/* UNTUK WARNA BOX */
/* 
#BoxKonten > .Menu a.Warna0 {
    background-image: linear-gradient(#41e3ff, #2f9ee8);
}
#BoxKonten > .Menu a.Warna0:hover {
    border-right: 4px solid #08658e;
    background: #6ccffa;
}
#BoxKonten > .Menu a.Warna1 {
    background-image: linear-gradient(#8bff87, #3f973c);
}
#BoxKonten > .Menu a.Warna1:hover {
    background: #7dee79;
}
#BoxKonten > .Menu a.Warna2 {
    background-image: linear-gradient(#f6d100, #ed6308);
}
#BoxKonten > .Menu a.Warna2:hover {
    background: #f8c75c;
}
#BoxKonten > .Menu a.Warna3 {
    background-image: linear-gradient(#ff5a5a, #9e1616);
}
#BoxKonten > .Menu a.Warna3:hover {
    background: #ef4f4f;
}
#BoxKonten > .Menu a.Warna4 {
    background-image: linear-gradient(#ff78f4, #ac27a1);
}
#BoxKonten > .Menu a.Warna4:hover {
    background: #f578ea;
}
#BoxKonten > .Menu a.Warna5 {
    background-image: linear-gradient(#ffafaf, #cc5b5b);
}
#BoxKonten > .Menu a.Warna5:hover {
    background: #ffbbbb;
}
#BoxKonten > .Menu a.Warna6 {
    background-image: linear-gradient(#ffea72, #b49c13);
}
#BoxKonten > .Menu a.Warna6:hover {
    background: #f7e26b;
}
#BoxKonten > .Menu a.Warna7 {
    background-image: linear-gradient(#4af7eb, #05978e);
}
#BoxKonten > .Menu a.Warna7:hover {
    background: #5ce5dc;
}
#BoxKonten > .Menu a.Warna8 {
    background-image: linear-gradient(#a0cbff, #6597d4);
}
#BoxKonten > .Menu a.Warna8:hover {
    background: #a6cfff;
}
#BoxKonten > .Menu a.Warna9 {
    background-image: linear-gradient(#48e621, #1e8e02);
}
#BoxKonten > .Menu a.Warna9:hover {
    background: #2cce03;
}
#BoxKonten > .Menu a.Warna10 {
    background-image: linear-gradient(#deffa1, #acd75b);
}
#BoxKonten > .Menu a.Warna10:hover {
    background: #dbf9a5;
}
#BoxKonten > .Menu a.Warna11 {
    background-image: linear-gradient(#f0c3ff, #c187d4);
}
#BoxKonten > .Menu a.Warna11:hover {
    background: #e9c3f5;
} */
a#BackMenu {
    background: #26815f !important;
}
a#BackMenu:hover {
    background: #46e4aa !important;
    /* color: white; */
}
.Tombol {
    padding: 5px 16px;
    border-radius: 12px;
    border: 0px !important;
}
.logout {
    /* background: #E84045;
    color: #fff; */
    background-image: linear-gradient(#ff5a5a, #d34040);
}
.editor {
    background-color: white;
    color: #d34040;
}

@media only screen and (max-device-width: 600px) {
    .editor > .opsi {
        right: 0;
    }
}